* {

  margin: 0;
}
html {
  font-family: petrobras_sansregular;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
body {
  margin: 0 !important;
  width: 100%;
  overflow-x: hidden;
  margin-bottom:-15px !important;
  -webkit-overflow-scrolling: touch;

}
a {
  outline: none !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom:  1px dotted;
}
footer .title { 
  font-family:    petrobras_sansbold;
  margin-bottom:  30px;
  color:          #606060;
  font-size:      15px;
  position:       relative;
  text-transform: uppercase; 
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: none;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
      border-radius: 9px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 10px 19px;
    font-family: petrobras_sansregular;
    font-size: 16px;
    color: #999;
    width: 100%;
}

.account-section-content input{
    border-radius: 0px;
    border: none;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #606060;
    background: none;
    padding: 10px 8px;
    font-family: petrobras_sansitalic;
    font-size: 16px;
    /* text-transform: uppercase; */
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type=radio]:checked {
      content: " ";
    border: 1px solid #c4c2b4;
    background: #89b025;
}
input[type="radio"] {
  color: #999;
    text-transform: uppercase;
    border-radius: 10px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ededed;
    background: #fff;
    padding: 10px 19px;
    font-family: petrobras_sansregular;
    font-size: 16px;
}    
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*custom-fonts premmia*/

@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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    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: 400;
    font-style: normal
}


/*end custom-fonts premmia*/

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}

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

.glyphicon-menu-right:before{content:"\e258"}
.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";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: petrobras_sansregular, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
  background-color: #ffffff;
  margin: 0 !important;
  overflow-x: hidden;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #ec7205;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #154259;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 0;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.account-section-content hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
  color: #008C4F;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .lead {
    font-size: 21px;
  }

  .mobileBanner {
    display: none;
  }


  .loader-carrosel {
  display: block;
    background: #f6f6f6 url(../images/ajax-loader.gif) center center no-repeat;
    width: 100%;
    height: 600px;
    border-radius: 10px;
    margin-top: 70px;
}

.account-section .loader-carrosel {
  height: 75px !important;
  margin-top: 40px !important;
}

}
small,
.small {
  font-size: 92%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: none;
}
a.text-primary:hover {
  color: #39918d;
}
.text-success {
  color: #3e5983;
}
a.text-success:hover {
  color: #2e4160;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #19212b;
}
a.text-danger:hover {
  color: #06080b;
}
.bg-primary {
  color: #fff;
  background-color: none;
}
a.bg-primary:hover {
  background-color: #39918d;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 640px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 0;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .container {
    width: 100%;
  }
  
}
@media (min-width: 979px) {
  .container {
    width: 1024px;

  }
  #conteudo {
  width: 1088px;
  margin: 0 auto;
  margin-bottom: 10px;
}
}


@media (min-width: 1199px) {
  .container {
    width: 1088px;

  }
  #conteudo {
  width: 1088px;
  margin: 0 auto;
  margin-bottom: 10px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1088px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: auto
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 640px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 205%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 19.9%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 768px) {

#popup_register {
    width: 320px;
    background: #ffffff;
    height: 210px;
    position: absolute;
    top: -10px;
    right: 110px;
    display: none;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#popup_login {
    background: #ffffff;
    height: 470px;
    position: absolute;
    top: -10px;
    right: 0px;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
}

#close_register,#close_login {
  cursor: pointer;
}
  .cadastrar_novo {
  position: relative;
/*  padding-left: 30px;
*/  font-family: petrobras_sansbold;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  float: left;
  height: 20px;
  width: auto;
/*  background: url(../images/icone-cadastro.svg) left 0 no-repeat;
*/      border-right: 1px solid #55b28a;
    padding-right: 30px;
    cursor: pointer;
}

.entrar_novo {  
  position: relative;
/*  padding-left: 23px;
*/  font-family: petrobras_sansbold;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  float: right;
  height: 20px;
  width: auto;
/*  background: url(../images/icone-entrar.svg) left 0 no-repeat;
*/  margin-left: 20px;
  cursor: pointer;

  }

  .cadastrar_novo img, .entrar_novo img {
        float: left;
    width: 25px;
    max-height: 25px;
    margin-right: 10px;
  }

  .partner-destaque .title:before, .partner-destaque .title:after {
    content: ' ';
    position: absolute;
    top: 50%;
    display: block;
    width: 28%;
    border-top: 1px solid #dededb;
}
.partner-destaque .title:after {
      right: 2%;
}
.partner-destaque .title:before {
      left: 2%;
}

  .footer-petrobras, #footer-mobile {
    display: none;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
 header .col-md-6 {
   /* width: 565px*/
   width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
  margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e5e5;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #e5e5e5;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

@media screen and (max-width: 767px) {

  .accountMobile {
    position: relative;
    margin-top: 260px;
  }

  .gamification-session {
    display: none;
  }

  .gamification-gain {
    display: none;
  }
 .partner-subtitle {
  margin-bottom: 0px;
 }
  .loginDesktop #tecladoVirtual {
    left: 0px !important;
    width: 100%;
  }

  .loginDesktop .ui-keyboard-button {
        min-width: 7.8em;
  }

    .miniatura-produto img {
    width: 100%;
    height: auto;
  }

 #conteudo {
  position: relative;
  background: #FFFFFF;
  top: 20px;
 }

.page-search #conteudo {
  position: relative;
  background: #FFFFFF;
  top: 0px !important;
 }
.owl-carousel .owl-wrapper-outer {
      height: 350px;
}

  .noMobileBanner {
    display: none;
  }
   .mobileBanner {
    display: block;
  }
   .js-owl-rotating-image-premmia .carousel__item__next, .js-owl-rotating-image-premmia .carousel__item__prev{
    display: none !important;
  }

  .promo-mini {
    margin-left: 0 !important;
    width: 100%;
    margin-bottom: 10px;
  }
  .aplicativopremmia-section {
    padding: 10px;
  }
  .promo-3colunas {
    width: 100%;
  }
  .promo-3colunas img {
    width: 100%;
  }
  .loader-carrosel {
  display: block;
    background: #f6f6f6 url(../images/ajax-loader.gif) center center no-repeat;
    width: 100%;
    height: 200px;
    border-radius: 10px;
    margin-top: 70px;
    }



.page-search .partner-item-image {
  max-width: 100% !important;
}

.template-pages-voucher-ofertaPage p {
      //padding:10px;
}
.partner-logo {
  top: 0px;
}
  .conteudoesquerda, .conteudodireita {
    width: 100%;
  }


.complete-cadastro div {
      top: 55px;
}
.products-container .col-md-6 .item  .detalhes-border {
      height: auto !important;
      min-height: 210px;
}

.products-container .col-md-6 .br  .detalhes-border {
      height: auto !important;
      min-height: 240px !important;
}
  .products-container select {
        margin: 13px;
        width: 92%;
  }
.page-update-profile #lstPostos .alert {
  padding: 30px 10% !important;
}
  #listaParceiros .alert {
    padding: 20px 10% !important;
  }
  .page-numerosdasorte .accordion-container  {
 display: none !important; 
}

  .novo-voucher .voucher .topo .logo-premmia img {
    width: 70px;
  }
.js-owl-rotating-image-premmia .banner-detail {
    line-height: 25px !important;
        font-size: 14px !important;
        min-height: 50px !important;
  }  

  .products-container .item .pontos {
        background-size: 150px  !important;
            width: 150px  !important;
  }
  .products-container .item .texto h3 {
    width: 60% !important;
    margin-left: 0px !important;
  }

  .products-container .col-md-6 .item  .detalhes-border .col-md-6 {
        max-height: 210px;
    width: 50%;
    float: left;
    position: relative;
  }
  .products-container .item .pontos p {
        top: 25%  !important;
        font-size: 24px  !important;
  }
.products-container .item .pontos span {
      top: 45%   !important;
}
#simulador-regras .formas-pagamento ul.header li.col1, #simulador-regras .formas-pagamento ul.header li.col2, #simulador-regras .formas-pagamento ul.header li.col3 {
    padding: 18px 0px;    
}

.cadastro-breadcrumbs .crumbs .crumbs-item.active .crumbs-link {
      padding: 18px 0;
}
#ganhe h3 {
      top: 5px !important;
    left: 65px !important;

}

.lista-postos-body .col-md-3 .btn {
  width: 100% !important;
  margin-left: 0px !important;
}
.page-nav-container .page-nav-list .page-nav-item .title {
      bottom: 10px !important;
          font-size: 12px !important;
}

.sac-container .item-sac {
      margin-right: 4.16667%;
    margin-left: 4.16667%;
}
.sac-container .item-sac:last-child {
      float: right;
}
  .is-mobile {
  display: block !important;
}

.not-mobile {
  display: none;
}

  }
@media screen and (max-width: 767px) {

  #lstPostos .filtro-cadastro-link-selected, #lstPostosSelect .filtro-cadastro-link-selected, #lstPostosSelect2 .filtro-cadastro-link-selected {
    height: 200px !important;
  }
.veiculos .radio input {
  position: relative !important;
}
  

  #content .alert.inline p {
        width: 80% !important;
  }
.account-section .account-section-form .row.radio {
      width: 85% !important;
}
.veiculos .account-section .radio input {
  position: relative !important;
  margin-right: 0 !important;
}
.account-section .form-gender  .radio span {
  margin-left: 45px !important;
}

.account-section .account-section-form .form-gender .row.radio {
  width: 100% !important;}

#lstPostos .filtro-cadastro-link button, #lstPostosSelect .filtro-cadastro-link button, #lstPostosSelect2 .filtro-cadastro-link button {
      margin: 90px 0 0 !important;

}

  .top-banner {
    min-height: 120px;
    margin-bottom: 30px;
}
#content .alert .ico-warning {
      margin-right: 5px !important;
}
.sub-category-nav {
      height: 320px !important;
}
  #content #filtros-meusVouchers select {
    height: 75px !important;
  }
.check-category {
      height: 80px !important;
}
#mapa-posto { 
  height: 400px !important;
}

.is-mobile {
  display: block !important;
}

.not-mobile {
  display: none;
}



  .ico-cartoes-regras, .ico-dinheiro-regras {
  display: none;
}

.page-troqueseuspontos .partner-item-image img {
      max-width: 110px;
    position: relative;
        top: 40px !important;   
}


#lstPostos .info, #lstPostosSelect .info, #lstPostosSelect2 .info {
  max-width: 260px;
}

.page-troqueseuspontos .partner-item-image {
      max-width: 335.33px !important;
}

#participe h3 {
      width: 80%;
    margin: 0 auto;
}

#simulador-regras .formas-pagamento ul li.col1 div .ico-cartoes-regras, #simulador-regras .formas-pagamento ul li.col1 div .ico-dinheiro-regras {
  display: none !important;
}

.cadastro-breadcrumbs .crumbs .crumbs-item .crumbs-link {
      padding: 15px 0;
}
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e5e5e5;
    -webkit-overflow-scrolling: touch;
  }
  .breadcrumb-section {
    margin-top: 0 !important;   
  }
  .account-section .account-section-content .account-section-header {
    background-color: #ffffff;
  }
  header {
    background: #ffffff;
    margin-bottom: -20px;
    min-height: 0px !important;
    background: linear-gradient(#dbdbdb,#f2f2f2);
    box-shadow: inset 0 2px 1px #bbb;
}
  .row {
  margin-left: -10px;
}
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
}
.form-control {
  border-radius: 0px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #606060;
    background: none;
    padding: 10px 8px;
    font-family: petrobras_sansitalic;
    font-size: 16px;
    /*text-transform: uppercase;*/
}
.form-control:focus {
/*  border-color: #5adfd9;
*/  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(90, 223, 217, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(90, 223, 217, 0.6);
}
.form-control::-moz-placeholder {
  
  color: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled],
.form-control[readonly],
.account-section input[readonly],
fieldset[disabled] .form-control {
/*  cursor: not-allowed;
*/  background-color: #fff;
  border: none;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 32px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 40px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 42px;
}
.form-group {
  margin-bottom: 15px;
  display: inline-block;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline input[type="radio"]{

  position: absolute;
  margin-top: 4px \9;
}


.checkbox input[type="checkbox"]{

  position: absolute;
  margin-top: 4px \9;


}

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

.radio input[type="radio"] {

  position: absolute;
  margin-top: 4px \9;
}




.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 40px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
}
select.input-lg {
  height: 42px;
  line-height: 42px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.input-sm + .form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3e5983;
}
.has-success .form-control {
  border-color: #3e5983;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
/*  border-color: #2e4160;
*/  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
}
.has-success .input-group-addon {
  color: #3e5983;
  border-color: #3e5983;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3e5983;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #19212b;
}
.has-error .form-control {
  border-color: #19212b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #06080b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #3f536c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #3f536c;
}
.has-error .input-group-addon {
  color: #19212b;
  border-color: #19212b;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #19212b;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #485f7c;
}
@media (min-width: 640px) {

  .page-extratopontos .mobile {
    display: none;
  }
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 640px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 10px;
}
@media (min-width: 640px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 640px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #ffffff;
  background-color: #008C4F;
  border-radius: 0px !important;

}

/*
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background: linear-gradient(#1b6d3c,#238453);
  border-color: #619020;

}
*/

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background: #FF7000;
  border-color: #ec7205;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

/*
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background: linear-gradient(#1b6d3c,#238453);
  border-color: #ec7205;
  }

  */

.btn-default .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.btn-primary {
      background: #e4a313;
    background: linear-gradient(#f2cb18,#e4a313);
    position: relative;
    color: #fff;
    border-radius: 5px !important;

}


.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {

}
.btn-primary .badge {
  color: none;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: transparent;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #000000;
  border-color: transparent;
}
.btn-info .badge {
  color: #000000;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #ec7205;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #154259;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 640px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
 /* z-index: 2;*/
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  line-height: 42px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #19212b;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 0;
}
.input-group-addon.input-lg {
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #ec7205;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: none;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 640px) {
  .navbar {
    border-radius: 0;
  }
}
@media (min-width: 640px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 640px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 640px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 640px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 640px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 10px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 640px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 640px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -10px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {

.extratoHide #tabela-extrato_paginate {
  display: none !important;
}
#cboxOverlay {
  height: 100% !important;
}
.sac-container .item-sac {
      min-height: 300px !important;
}
  .novo-voucher .voucher .content-voucher .info-voucher .logo {
  }

  .novo-voucher .voucher .content-voucher {
        margin: 0px !important;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 640px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -10px;
  }
}
@media (min-width: 640px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}
@media (min-width: 640px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 640px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -10px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-sm {
  margin-top: 5px;
  margin-bottom: 5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 640px) {
  .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #777777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #777777;
}
.navbar-inverse .navbar-nav > li > a {
  color: #777777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #777777;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #777777;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
    width: 100%;
    margin: 0 auto;
  list-style: none;
  background-color: #ffffff;
  border-radius: 0;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0px;
  color:#777777;
}
/*.breadcrumb > .active {
    font-size: 13px;
    font-family: petrobras_sansbold;
    color: #777777;
    position: relative;
}*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color:#008C4F;
  background-color: #ffffff;
  border: 1px solid transparent;
  margin-left: -1px;
  border: solid 1px #606060;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #153a59;
  background-color: transparent;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #153a59;
  background-color: none;
  border-color: none;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #B7DECD !important;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 15px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  line-height: 10px;
  width: 15px;
  padding: 0;
  font-size: 18px;
  text-align: center;
}
.pagination-lg > li.pagination-prev > a,
.pagination-lg > li.pagination-prev > span {
  margin-right: 5px;
  width: 15px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-lg > li.pagination-next > a,
.pagination-lg > li.pagination-next > span {
  margin-left: 5px;
  width: 15px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  line-height: 5px;
  width: 10px;
  padding: 0;
  font-size: 13px;
  text-align: center;
}
.pagination-sm > li.pagination-prev > a,
.pagination-sm > li.pagination-prev > span {
  margin-right: 3.33333333px;
  width: 10px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-sm > li.pagination-next > a,
.pagination-sm > li.pagination-next > span {
  margin-left: 3.33333333px;
  width: 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #a6a6a6;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  color: #666;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: none;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #39918d;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #000000;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #000000;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron {
  border-radius: 0;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 640px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ec7205;
}
.thumbnail .caption {
  padding: 9px;
  color: #19212b;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3e5983;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2e4160;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #19212b;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #06080b;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: none;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
  color: #777777;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #000000;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: none;
  border-color: none;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #d9f0ef;
}
.list-group-item-success {
  color: #3e5983;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3e5983;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3e5983;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3e5983;
  border-color: #3e5983;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #19212b;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #19212b;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #19212b;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #19212b;
  border-color: #19212b;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #e5e5e5;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f2f4f7;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f2f4f7;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: none;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: none;
  border-color: none;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: none;
}
.panel-primary > .panel-heading .badge {
  color: none;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: none;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3e5983;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3e5983;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #19212b;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #19212b;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 0;
}
.well-sm {
  padding: 9px;
  border-radius: 0;
}

.close {
    position: absolute;
    right: 13px;
    top: 1px;
    background: transparent;
    border: 0 none;
    /*color: #e4a313;*/
    padding: 5px;
    font-size: 25px;
}
/* NEW MODAL
button.close {
      position: relative;
    top: 1px;
    background: transparent;
    border: 0 none;
    color: #ffffff;
        background: #FED454;
    border-radius: 50%;
    padding: 5px;
    font-size: 33px;
    font-family: petrobras_sansregular;
        height: 50px;
    width: 50px;
    top: -25px;
}
*/
.global-alerts div.alert.alert-info.alert-dismissable .close,
.global-alerts div.alert.alert-warning.alert-dismissable .close,
.global-alerts div.alert.alert-danger.alert-dismissable .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.global-alerts div.alert.alert-info.alert-dismissable button.close,
.global-alerts div.alert.alert-warning.alert-dismissable button.close,
.global-alerts div.alert.alert-danger.alert-dismissable button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999999;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 640px) {
  .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: 769px) {
  .modal-lg {
    width: 900px;
  }

  .carousel__item__prev, .carousel__item__next {
  display: block;
}
}
@media (min-width: 768px) {
  .modal-lg {
    width: 768px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -1 -1 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 640px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.tabs .tabs-list:before,
.tabs .tabs-list:after,
.cart__content:before,
.cart__content:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.tabs .tabs-list:after,
.cart__content:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px)  {
  .footer__nav--container {
    height:         284px;
    padding-left:   25px;  
    border-right:   1px solid #606060;
    width:          25%;
  }
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 768px)  {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px)  {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

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

.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* jQuery */
/*! jQuery UI - v1.11.4 - 2016-01-21
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 999999;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
padding: 0.6em 0.8em;
    text-decoration: none;
    font-size: 15px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  /*padding: 1em 1.4em;*/
  background: none;
  overflow: hidden;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Misc visuals
----------------------------------*/
.ui-datepicker {
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #19212b;
}
.ui-datepicker .ui-datepicker-header {
  color: #19212b;
  background-color: transparent;
  border: none;
  font-weight: bold;
}
/* Icons
----------------------------------*/
.ui-icon {
  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;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #ec7205;
  cursor: pointer;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 1;
  margin-top: 5px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079";
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e080";
}
.ui-datepicker .ui-icon {
  display: none;
}
.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover,
.ui-widget-header .ui-datepicker-next-hover.ui-state-hover {
  border: 0 none;
  background: transparent;
  color: #154259;
  top: 2px;
}
.ui-datepicker th {
  font-weight: 400;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #f2f2f2;
  text-align: center;
  color: #19212b;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #ec7205;
  color: #ffffff;
  border-color: #ec7205;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
body {
  overflow-x: hidden;
  position: relative;
}
body.offcanvas {
  overflow-y: hidden;
}
.no-margin {
  margin: 0 !important;
}

button {
  font-weight: bold;
}
.btn {
  border-radius: 0;
}
ul,
ol {
  padding-left: 15px;
}
@media (max-width: 767px) {
  body.page-register  div.form-group{
    width: 100%;
  }
  body.page-register form#registerForm input[type="radio"], #registerForm input[type="radio"] {
    height: 30px;
    float: left;
    position: relative;
    width: 30px;
    margin: 2px 5px;
  }
  .account-section .form-gender .radio span {
    margin-left: 0px !important; 
  }
  body.page-update-profile form#updateProfileForm input[type="radio"], #registerForm input[type="radio"] {
    height: 30px;
    float: left;
    position: relative;
    width: 30px;
    margin: 2px 5px;
  }
  body.page-register button.seu_cadastro_quase_botao img{
    width: 10% !important;
  }
  div.col-xs-2.ckdas{
    right: 15px;
  }

  div.col-md-4.form-gender div.row.radio div.col-md-4.col-xs-4{
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  div.col-md-4.form-hasChildren div.row.radio div.col-md-6.col-xs-4{
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  div.col-md-4.form-truckDriver div.row.radio div.col-md-4.col-xs-4{
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    right:15px;
  }
  .navigation__overflow .js-userAccount-Links {
    display: none;
  }
  .form-control {
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    //border: 1px solid #ededed;
    padding: 10px 19px;
    font-family: petrobras_sansregular;
    font-size: 16px;
        width: 100%;
  }
  select.form-control {
    height: 42px;
    line-height: 42px;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}
/*
General
*****************************************************************/
a,
button {
  font-family: petrobras_sansregular;
    color: #80aed0;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
}
.open > .dropdown-menu {
  padding: 15px 0 0 0;
}
.dropdown-menu li {
  margin-top: 3px;
}
.dropdown-menu li:first-child {
  margin-top: 0px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #19212b;
  white-space: nowrap;
}
.display-none {
  display: none;
}
.page-title {
  margin-bottom: 0px;
  margin: 20px 0;
}

.page-oferta .page-title {
  padding: 0;
}
@media (min-width: 640px) {
  .item-label,
  .item-value {
    display: block;
  }
}
@media (max-width: 767px) {
  .item-label,
  .item-value {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    width: 49%;
  }
  .item-value {
    padding-left: 10px;
  }
  .item-action {
    margin-top: 20px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}
.item-value {
  font-size: 18px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.alert {
      padding-left: 30px;
    padding-right: 30px;
    /* margin-top: 39px; */
    position: relative;
    top: 15px;
}
@media (max-width: 767px) {
  .alert {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container__full {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .container__full {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f4f7;
  border: none;
  border-bottom: 1px solid #d3d3d3;
  padding: 10px 15px;
  margin: 0;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well.well-single-headline {
  padding-left: 0;
  padding-right: 0;
}
.well.well-xs {
  padding: 0px 15px 5px;
}
.well.well-xs .well-headline {
  padding-top: 15px;
  margin: 0;
}
.well.well-xs .well-content {
  padding-top: 20px;
}
.well.well-sm {
  padding: 10px 20px;
}
.well.well-md {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .well.well-md {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-lg {
  padding-top: 45px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-primary {
  background-color: none;
  color: #ffffff;
}
.well.well-secondary {
  background-color: #fef0e2;
  color: #19212b;
}
.well.well-tertiary {
  background-color: #008c4e;
  color: #ffffff;
}
.well.well-tertiary .item-label {
  color: #ffffff;
}
.well.well-tertiary .item-value {
  color: #fff;
}
.well.well-tertiary .item-value a {
  color: #fff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #f2f2f2;
  color: #19212b;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.well.well-quinary {
  background-color: #ffffff;
  color: #19212b;
  border-color: #e5e5e5;
  padding-left: 0;
  padding-right: 0;
}
.well.well-quinary .well-headline {
  background-color: #008c4e;
  color: #ffffff;
}
.well.well-quinary .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .well.well-quinary .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #d3d3d3;
  padding: 5px 30px 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .well-headline {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}
.well .well-headline {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .well .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .well,
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  body.offcanvas {
    max-height: 100vh;
    min-height: 500px;
  }
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .container {
    width: 100%;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
footer {
     background: #F4F4F4;
    padding: 29px 0 51px;
    border-bottom: 1px solid #1c1c1c;
    width: 100%;
    margin-top: 30px;
}

.facebookFooter
{
  display: flex;
  float: left;
  margin: 0px 10px 20px 0px;
  background: url(../images/facebookico.png) center 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
      top: -20px;
    position: relative;
  
}

.twitterFooter
{
  display: flex;
  margin: 0px 10px 10px 20px;
  background: url(../images/twitterico.png) center 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
  top: -28px;
  position: relative;
}

.tottemFooter
{
  display: flex;
  margin: 0px 10px 10px 20px;
  background: url(../images/Totem_Simples_Direita.png) center 0 no-repeat;
  background-size: 119px;
  width: 319px;
  height: 300px;
  top: -125px;
  position: relative;
}

.footer__top {
  max-width: 1088px;
  margin: 0 auto;
      margin-bottom: 40px;
}
@media (max-width: 767px) {
  .footer__top {
    padding-bottom: 38px;
    margin-bottom: 0px;
  }

  .glyphicon.glyphicon-search:before{

     color: #777777;
    top: -5px !important;
    position: relative;
    padding: 3px;
    border-radius: 5px;
    font-size: 20px;
}

}
@media (max-width: 767px) {
  .footer__top .footer__nav--container {
    border-bottom:  1px solid #606060;
    border-left:    none;
    padding:        20px 10px;
    height:         auto;
  }
  .footer__nav--container:first-child{
  border-left:  0px !important;
  }
  
}
.footer__top .footer__nav--container .footer__nav--links {
  padding-left:   0px;
  width:          100%;
  margin:         0px;
  list-style:     none;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link {
  padding:    4px 32px 4px 0;
  font-size:  12px;
}

.menu-footer-2-troque-seus-pontos-container ul {
  width: 194px;
}
.footer__top .footer__nav--container .footer__nav--links a {
  color:            #606060;
  font-family:      petrobras_sanslight;
  font-size:        14px;
  text-decoration:  none;
  line-height:      25px;
  letter-spacing:   .25x;
}

.footer__left {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .footer__left {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.footer__right {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .footer__right {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .footer__right {
    display: none;
  }
}
.footer__right .footer__dropdown select.form-control {
  padding: 2px 13px;
}
.footer__right .footer__dropdown .form-group {
  margin-bottom: 0;
}
.footer__right .footer__dropdown .form-control {
  cursor: pointer;
  background-color: #0f7384;
  color: #ffffff;
  padding: 7px 10px;
  height: 26px;
  line-height: 20px;
  font-size: 14px;
}
.footer__right .footer__dropdown .form-control option {
  background-color: #606060;
}
.footer__right .footer__dropdown .form-control:focus::-ms-value {
  background-color: #606060;
}
.footer__copyright {
      box-sizing: border-box;
    height: auto;
    line-height: 43px;
    background: #606060;
    border: 1px solid #ededed;
    text-align: center;
    color: #606060;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
ul.nav__links::after {
  content: "";
  display: block;
  clear: both;
}
ul.nav__links li {
  float: left;
  list-style-type: none;

}

ul.nav__links::after {
  clear: both;
}
@media (max-width: 767px) {

.dbanner {
  width: 125px !important;
      background-size: 120px 60px !important;
      font-size: 10px !important;
          padding: 5px 38px !important;
}
.dbanner p {
  line-height: 10px !important;
  font-size: 12px !important;
}


  ul.nav__links:before {
    content: " ";
    display: table;
  }
  
}
.branding-mobile {
  padding: 15px;
  z-index: 2;
  background-color: #008C4F;
}
@media (max-width: 767px) {

  .col-md-12 img {
  width: 100%;
}

  .partner-logo {
    width: auto !important;
    padding: 0 !important;
  }

  #footer-mobile, .footer-petrobras {
    display: block;
  }

  div.alphabet li, div.alphabet span, div.alphabet li, div.alphabet ul span {
    margin-top: .3938% !important;

    width: 40px !important;
    height: 40px !important;
  }


   .twitter, .facebook {
  display: none !important;
}


  #ajuda ul li {
  width: 100% !important;
  margin: 10px 0px;
      padding: 20px 0px ;
      border-top: none;
}

#footer-mobile .line:last-child {
  display: none;
}

#ajuda ul li.last {
        border-top: 2px dotted #d4d4d4;
}

  .conteudoesquerda, .conteudodireita {
  width: 100%;

}
  .nav a {
    display: block;
}
  .rows3 img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#troquePontosForm .col-md-3,#troquePontosForm .col-md-9 {
  width: 95% !important;  
    margin-bottom: 10px;
  }
}

#content.promocao-section .register .complete-cadastro div {
  display: block !important;
}
  #content #menu-extratos li .arrow {
    bottom: 0px !important; 
  }

  .page-troqueseuspontos .partner-item {
    margin-right: 0 !important;
   
  }
  .voucher-section-header .row {
    margin-left: 10px;
  }

  .section-parceria h3:before, .section-parceria h3:after {




}

    .section-parceria h3 {
    }

  .conteudo {
    width: auto;
  }
}

.navigation.navigation--top {
  /*padding-left: 30px;*/
  padding-right: 30px;

    margin: 0 auto;

}
@media (max-width: 767px) {
  .navigation.navigation--top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation--top .nav__left {
  //padding: 50px;
}
.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left .banner__component img {
  width: auto;
}

.navigation--top .nav__left .banner__component img {
  width: 181px;
  height: auto;
  font-size: 0;
  display: block;
  position: relative;
  top: -20px;
}

.banner__component a {
    display: block;
    width: 580px;
    height: 163px;
    overflow: visible;
    //position: absolute;
    left: -5px;
    top: 0;
    z-index: 51;
}
.banner__component.banner a{
    width: 100%;
    height: auto;
    max-width: 1088px;
    max-height: 400px;
}
.js-site-logo {
  position: absolute !important;
/*    left: -58px !important;
*/    top: 25px !important;
}

.navigation__overflow {
  width:                750px;
  margin:               0 auto;
  position:             relative;
  //z-index:            1;
  //margin-bottom:      61px;
}

.navigation__overflow ul {                
  height: 44px;
  font-size: 0;
  border-right: 0;
  padding: 0 !important;
  margin: 0 auto;
}
.navigation__overflow li  {

    display: inline-block;
    position: relative;      
    height: 10px;  
    border-right: 1px solid #55b28a;
    text-align: center;
    width: auto;
    /*padding-bottom: 50px;
    padding-left: 10px;*/
    height: 29px;
}

.navigation__overflow li:nth-child(10) {
  border: none;
}

.navigation__overflow li a {
      
    background: #e7e7e7;
    background: linear-gradient(#fff,#e7e7e7);
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding: 0 28px;
    text-align: center;
    color: #999;
    border-right: 1px solid #dadada;
    font-family: petrobras_sansregular;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
} 
.navigation__overflow li a.active {
  color: #fff;
    background: #527083;
    background: linear-gradient(#678da5,#527083);
    position: relative;
}

.miniCartSlot > div[data-ng-transclude] {
  display: inline-block;
}
.navigation--top .nav__right .nav__links--account {
  margin: 0;
  padding-left: 0;
  float: left;
  position: relative;
      right: 180px;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] {
  display: inline-block;
  float: left;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] li:last-child a {
  padding-right: 12px;
}
.navigation--top .nav__right .nav__links--account li {
  display: inline-block;
  font-size: 12px;
  color: #154259;
  font-weight: 400;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li:last-child a {
  padding-right: 0;
}
.navigation--top .nav__right .nav__links--account li.logged_in {
  padding: 10px;
}
.navigation--top .nav__right .nav__links--account li button {
  background: transparent none repeat scroll 0% 0%;
  border: medium none;
  color: #0068b3;
  font-size: 1em;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li button:hover {
  text-decoration: none;
  color: none;
}
.navigation--top .nav__right .nav__links--account li a {
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 400;
  padding: 12px;
  display: block;
  font-size: 1em;
  line-height: 1.329em;
}
.navigation--top .nav__right .nav__links--account li a:hover {
  text-decoration: none;
  color: none;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed {
  background-color: transparent;
  color: inherit;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed::after,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed::after {
  clear: both;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed:hover,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed:hover,
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.collapsed:focus,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.collapsed:focus {
  color: none;
  text-decoration: none;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader {
  background-color: #0d6878;
  color: #ffffff;
  text-decoration: none;
  height: 40px;
}
#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
  padding: 0;
  background-color: #0d6878;
}
#accNavComponentDesktopOne ul.nav__links,
#accNavComponentDesktopTwo ul.nav__links {
  width: 100%;
  padding: 0px;
  margin-bottom: 0px;
}
#accNavComponentDesktopOne ul.nav__links li,
#accNavComponentDesktopTwo ul.nav__links li {
  text-transform: capitalize;
  list-style: none;
  font-size: 12px;
  color: #154259;
  font-weight: 400;
  padding: 0;
  border-right: 1px solid #317f8c;
  border-bottom: 1px solid #317f8c;
}
#accNavComponentDesktopOne ul.nav__links li:hover,
#accNavComponentDesktopTwo ul.nav__links li:hover {
  background-color: #0f7384;
}
#accNavComponentDesktopOne ul.nav__links li a,
#accNavComponentDesktopTwo ul.nav__links li a {
  color: #ffffff;
  display: block;
  padding: 25px 0 25px 30px;
  font-size: 15px;
  font-weight: 400;
}
#accNavComponentDesktopOne ul.nav__links li a:hover,
#accNavComponentDesktopTwo ul.nav__links li a:hover {
  text-decoration: none;
}
@media (min-width: 768px) {

  .mobilesearch  {
    display: none;
  }
  .navigation--middle {

    max-width: 1088px;

    margin: 0 auto;
/*    box-shadow:0 0px 4px rgba(0, 0, 0, 0.2);
*/
  }
}
@media (max-width: 767px) {
  .navigation--middle .row:first-child {
    border: none;
  }
}
.navigation--middle .btn {
  background-color: transparent;
  width: 100%;
  padding: 0;
  height: 100%;
  color: none;
  border: none;
}
@media (min-width: 768px) {
  .navigation--middle .nav__left {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.navigation--middle .nav__left .site-search {
  background-color: #008C4F;
  z-index: 2;
}
@media (min-width: 640px) and (max-width: 767px) {
  .navigation--middle .nav__left .site-search {
    margin-left: -10px;
        margin-top: -60px;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__left .site-search {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav__left .site-search {
    left: 0;
    width: 100%;
  }
  .navigation--middle .nav__left .site-search.active {
    display: block!important;
  }
}
.navigation--middle .nav__left .site-search .ui-front {
  padding: 0px;
}
.navigation--middle .nav__left .site-search .glyphicon-search {
  color: #b9bdc2;
      font-size: 40px;
      position: relative;
      right: 40px;
      top:-10px;
}


@media (min-width: 768px) {



  .navigation--middle .nav__left .site-search .input-group {
    width: 445px;
  }
  .atendimentomobile, .btn-meucadastro, .btn-logout, .btn-login, .btn-cadastre {
    display: none !important;
  }

  


  #header-mobile .menu-mobile div ul li a {
    background: #e6e6e6;
    background: linear-gradient(#fafafa,#e6e6e6);
    position: relative;
    display: block;
    color: #999;
    font-family: petrobras_sansregular;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 10px solid #d0d0d0;
    border-bottom: 1px solid #d5d5d5;
    padding: 29px 18px;
}


}
.navigation--middle .nav__left .site-search .input-group .form-control {
  border: 0;
  box-shadow: none;
  height: 29px;

}
.navigation--middle .nav__left .site-search .input-group .btn {
  width: 110px;
  padding: 0;
}
.navigation--middle .nav__left .site-search .input-group .btn:hover {
  background-color: transparent;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete {
  display: none;
  position: absolute;
  background: #ffffff;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: auto!important;
  padding-left: 0;
  padding-top: 0;
  list-style: none;
  margin: 0;
}


.navigation--middle .nav__left .site-search ul.ui-autocomplete li {
  border-top: 1px solid #e5e5e5;
  display: block;
  width: 100%;
  padding: 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li a {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .name {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  width: 100%;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb + .name {
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .price {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li.ui-state-focus {
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 0;
  background: #f2f2f2;
  color: #19212b;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete.active {
  display: block;
}
.navigation--middle .nav__right {
  padding-right: 25px;
}
@media (max-width: 767px) {



  .navigation--middle .nav__right {
    padding-right: 20px;
  }

}
.navigation--middle .nav__right ul.nav__links--shop_info {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    padding-left: 10px;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    float: right;
  }
}
@media (max-width: 767px) {
  .partner-logo img {
    max-width: 120px !important;
    height: auto !important;
  }
  .products-container .item.event .event-image img {  
    max-height: 117px !important;
    max-width: 280px !important;
  }
  .products-container .event-detail {
    min-height: 160px !important;
    margin-top: 20px !important;
  }
  .event-action .col-md-6 {
    text-align: center;
  }
  .products-container .event {
    min-height: 450px !important;
    height: 470px;
  }
  .products-container .oferta-composta {

  }
  .navigation--middle .nav__right ul.nav__links--shop_info {
    border-left: 1px solid #d3d3d3;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding: 0;
  }
  #lstPostos .alert p {
    width: 160px;
  }
  #lstPostos .filtro-cadastro-link-selected button {
    display: none;
  }
  #lstPostos .filtro-cadastro-link-selected {
        height: 140px !important;
  }
  .modal-content img {
    width: 100% !important;
  }
  .lista-postos-component .lista-postos-body {
    position: relative;
      height: auto !important;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info li {
    float: none;
  }
  #tabs  li a {
    font-size: 7px !important;
  }
  #tabs  li a:nth-child(2) {
        font-size: 6px !important;
  }
  #tabs .ui-state-default div {
    top: -5px !important;
    left: 15px !important;
  }
  .description {
    line-height:20px;
  }
  #lstPostos li, #lstPostosSelect li, #lstPostosSelect2 li {
    height: 90px !important;
  }
  #lstPostos .filtro-cadastro-link button {
    top: 80% !important ;
  }
}

/*versão mobile*/
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .componentContainer .yCmsComponent {
    display: inline;
  }


  .mobile-menu .btn {
    position: relative;
    top: -62px;
        right: -650px;
    background-color: #ffffff;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
  min-width: 60px;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location span {
  font-size: 30px;
  top: 27%;
  color: #008c4e;
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    float: right;
    padding: 0px 10px;
  }
}
@media (min-width: 768px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    padding: 0px 30px;
  }
}
@media (max-width: 767px) {
  .navigation--middle .componentContainer {
    text-align: center;
    vertical-align: top;
    border-left: 1px solid #d3d3d3;
  }

  .filhos-section {
    width: 100% !important;
  }
}
.navigation--middle .nav-order-tools,
.navigation--middle .nav-location,
.navigation--middle .nav-cart {
  height: 60px;
}
.navigation--middle .nav-order-tools:hover,
.navigation--middle .nav-location:hover,
.navigation--middle .nav-cart:hover,
.navigation--middle .btn:hover,
.navigation--middle .nav-order-tools:active,
.navigation--middle .nav-location:active,
.navigation--middle .nav-cart:active,
.navigation--middle .btn:active,
.navigation--middle .nav-order-tools:focus,
.navigation--middle .nav-location:focus,
.navigation--middle .nav-cart:focus,
.navigation--middle .btn:focus {
/*  background-color: #f2f2f2;
*/  box-shadow: none;
}
.navigation--middle .nav-cart {
  float: right;
  padding: 0 10px;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav-cart {
    position: relative;
    float: none;
    padding: 0;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-price {
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 4px;
  }
}
.navigation--middle .nav-cart .mini-cart-link {
  color: #008c4e;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-link {
    line-height: 55px;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .navigation--middle .nav-cart .mini-cart-link {
    display: block;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon {
    color: #008c4e;
    left: -7px;
    top: 10px;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart {
    width: 30px;
    font-size: 22px;
    position: relative;
    right: -6px;
    top: 3px;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-count {
    font-size: 12px;
    position: absolute;
    right: 44%;
    top: -13px;
    margin: 0;
  }
  .navigation--middle .nav-cart .mini-cart-link .nav-items-total {
    display: inline-block;
    background-color: #ec7205;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    color: #ffffff;
    line-height: 25px;
  }
}
.navigation--middle .nav-cart .mini-cart-count {
  float: right;
  font-size: 12px;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-count:before {
    content: "(";
    position: relative;
    top: 4px;
  }
  .navigation--middle .nav-cart .mini-cart-count:after {
    content: ")";
    position: relative;
    top: 4px;
  }
}
.navigation--middle .nav-cart .mini-cart-count .nav-items-total {
  position: relative;
  right: 0px;
  top: 5px;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-icon {
    float: right;
    position: relative;
    top: 5px;
  }
}
.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
  font-size: 22px;
}
@media (min-width: 640px) and (max-width: 767px) {
  .navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
    margin-left: 5px;
  }
}
@media (max-width: 767px) {

  #content.promocao-section #winner-filter input[type=text] {
    width: 200px !important;
}

  #content #menu-extratos {
        height: 100px !important;
  }
  #content #menu-extratos li {
    font-size: 11px !important;
  }
   
  .navigation--middle .mobile__nav__row.mobile__nav__row--table,
  .navigation--middle .mobile__nav__row .mobile__nav__row--table {
    display: table !important;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-group {
    display: table-row-group !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row {
    display: table-row !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row:before {
    display: table;
    content: " ";
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell {
    display: table-cell !important;
    vertical-align: top;
    width: 50%;
  }
  .navigation--middle .mobile__nav__row .nav__links--shop_info .componentContainer {
    margin-bottom: 0;
    overflow: hidden;
  }
  .navigation--middle .mobile__nav__row span.glyphicon-align-justify {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    color: #008c4e;
    font-size: 29px;
    top: 2px;
  }
  .navigation--middle .mobile__nav__row .componentContainer .nav-order-tools,
  .navigation--middle .mobile__nav__row .componentContainer .nav-cart {
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell {
    border-right: 1px solid #d3d3d3;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell:last-child {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .navigation--middle .mobile__nav__row .mobile__nav__row--seperator {
    border-left: 1px solid #d3d3d3;
  }

  #content #filtros-extrato-pontos .col {
      width: 100%!important;
}
#content #filtros-extrato-pontos {
  height: 415px !important;
}

#content #filtros-extrato-pontos select {
  width: 100% !important;
      padding: 15px !important;
}
#filtros-extrato-pontos label {
  width: 100%;
}




#content #filtros-meusVouchers .col {
      width: 100%!important;
}
#content #filtros-meusVouchers {
  height: 170px !important;
}

#content #filtros-meusVouchers select {
  width: 120% !important;
      padding: 15px !important;
}
#filtros-meusVouchers label {
  width: 100%;
}

#content #somatoria-pontos .bt-pontos {
      margin: 0 0px 0 9px !important;
}
}
@media (max-width: 767px) {
  #filtros-meusVouchers #ordVouchers {
    
  }
  div.col-xs-4.col-sm-3.col.chosen-container{
    padding-left: 0;
  }
  .banner__component a img {
    width: 60% !important;
  }
  .navigation--middle .mobile__nav__row--btn {
    padding: 0;
    vertical-align: top;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    background-color: #ffffff;
    right: -4px;
    position: relative;padding: 0;
    vertical-align: top;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
        background-color: #ffffff;
  }
  .navigation--middle .mobile__nav__row--btn .nav-order-tools,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search {
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:hover,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:hover,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:hover,
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:focus,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:focus,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:focus,
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:active,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:active,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:active {
    background-color: #f2f2f2;
    color: none;
    text-decoration: none;
  }
  .navigation--middle .mobile__nav__row--btn span.glyphicon {
    color: #008c4e;
        top: 7px;
  }
}
.navigation--middle .mobile-menu {
  height: 60px;
}
.navigation--middle .mobile-menu button {
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 0px;
}
.navigation--middle .mobile-menu span {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  color: #008c4e;
  font-size: 29px;
  top: 2px;
}

@media (max-width: 767px) {
  .navigation--bottom {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .sm-back::before {
    content: "\e079";
    float: none;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .navigation__overflow {
    left: -310px;
    top: 0;
    width: 640px;
    height: 83vh;
    overflow-y: auto;
    border-top: 6px solid #008C4F;
  }
  .navigation--bottom .navigation__overflow ul {

    width: 100%;
    
    }
  .navigation--bottom .navigation__overflow li {

    width: 100%;
    
  }
}
@media (max-width: 767px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
    display: inline-block;
    cursor: pointer;
    position: relative;
    right: 11px;
    height: 60px;
    width: 20%;
    vertical-align: top;
    float: left;
  }
}
@media (max-width: 767px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
    height: 100%;
    width: 100%;
    display: block;
    background: #FFFFFF;
    color: transparent;
    overflow: hidden;
    border: none;
    top: -60px;
    position: relative;
    background: url(../images/but-voltar.png) no-repeat center;

  }
}
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
  color: #008c4e;
  font-size: 25px;
}
.navigation--bottom:before,
.navigation--bottom:after {
  content: " ";
  display: table;
}
.navigation--bottom:after {
  clear: both;
}

.navigation--bottom .column-20-percent {
  float: left;
  width: 20%;
}
@media (max-width: 767px) {
  .navigation--bottom {
    width: 380px;
    position: absolute;
    left: -60%;
    z-index: 999;
    background-color: #ffffff;
  }
  .navigation--bottom li {
    float: none;
  }
}
@media (max-width: 767px) {
  #content #saldopontos {
    height: 400px !important;
}

#content #saldopontos li.saldo, #content #valecombustivel li.saldo {
  width: 100% !important;
}
#content #saldopontos li.ultimo-registro, #content #valecombustivel li.ultimo-registro {
  width: 100% !important;
}
#content #saldopontos li.expirar, #content #valecombustivel li.expirar {
    width: 100% !important;
    font-size: 12px !important;
}

  .navigation--bottom {
    width: 100%;
    height: 83vh;
    left: -100%;
    margin-left: 0;
    transition: 0.5s;
  }

.navigation--bottom .navigation__overflow {
    left: -250px;
    top: 0;
    width: 639px;
    height: 83vh;
    overflow-y: auto;
    border-top: 6px solid #008C4F;
  }
  .navigation--bottom .navigation__overflow ul {

    width: 100%;
    
  }
  .navigation--bottom .navigation__overflow li {

    width: 100%;
    
  }



}
.navigation--bottom .nav__links--products {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--products.active {
    position: relative;
    left: -100%;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--products {
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    padding: 0;
    position: relative;
    left: 0;

  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--products li {
    float: none;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 1px solid #008C4F;
    border-right: none;
    height: auto;
    min-height: 58px;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--products li.liUserSign {
    border-bottom: 1px solid #317f8c;
  }
  .navigation--bottom .nav__links--products li.liUserSign:hover {
    background-color: none;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--products li.liUserSign a.userSign {
    width: 80%;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 20px;
  }
}
.navigation--bottom .nav__links--products li:last-child {
  margin-right: 0;
}
.navigation--bottom .nav__links--products li a {
background: none;
    position: relative;
    /*top: 8px;
    left: 1px;*/
    height: 29px;
    line-height: 29px;
    font-size: 13px;
    padding: 0 15px;
    text-align: center;
    color: #FFFFFF;
    font-family: petrobras_sansbold;
    display: block;
    text-transform: uppercase;
    text-decoration: none;

}


.navigation--bottom .nav__links--products li a:last-child {
  border: none;
}
/*.navigation--bottom .nav__links--products li:hover a {
color: #fff;
    background: #527083;
    background: none;
    position: relative;

}*/

/*.navigation--bottom .nav__links--products li.active a{
color: #fff;
    background: #527083;
    background: linear-gradient(#678da5,#527083);
    position: relative;

}*/

/*.navigation--bottom .nav__links--products li a.active{
color: #fff;
    background: #527083;
    background: linear-gradient(#678da5,#527083);
    position: relative;

}
*/

@media (max-width: 767px) {
  .navigation--bottom .nav__links--products li a {
    background: #ffffff;
    position: relative;
    height: 29px;
    line-height: 29px;
    font-size: 19px;
    padding: 13px 28px;
    text-align: center;
    color: #008C4F;
    font-family: petrobras_sansregular;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
  }
 /* .navigation--bottom .nav__links--products li a:hover {
    color: #fff;
    background: #527083;
    background: linear-gradient(#678da5,#527083);
    position: relative;
  }*/
}
.navigation--bottom .nav__links--products .nav__links--secondary {
  display: none;
  background: #f8f8f8;
  position: absolute;
  z-index: 1000;
  left: 0;
  border: 1px solid #d3d3d3;
  border-top: 0;
  padding: 0 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.navigation--bottom .nav__links--products .nav__links--secondary .sm-back {
  display: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .row {
  position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
  position: static;
  padding: 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
  position: relative;
  min-height: 1px;
  padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
  float: left;
  padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
  padding-left: 0;
  list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
  border-bottom: 1px solid #d3d3d3;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li:last-child {
  border-bottom: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a {
  display: block;
  color: #19212b;
  line-height: 30px;
  padding-left: 5px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:hover,
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:focus {
  background-color: #d3d3d3;
  text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-list.has-title {
  margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title + .sub-navigation-list.has-title {
  margin-top: 0;
}
.navigation--bottom .show-sub .nav__link a {
  position: relative;
}
.navigation--bottom .show-sub .nav__link a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid #f8f8f8;
  display: block;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -10px;
  z-index: 1001;
}
/*.navigation--bottom .show-sub .sub__navigation {
  display: block !important;
  top: 60px;
}*/
.navigation--bottom .nav__link {
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary-has__sub {
    position: static;
  }


}

.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
  display: inline-block;
  width: 33%;
  color: #19212b;
  min-height: 30px;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary.active .sub__navigation {
    display: block;
  }

  .mobile {
  display: block;
}
#somatoria-pontos {
  display: none;
}
.mobile p {
  padding: 10px;
  color: #666666;

}
#filtros-extrato-pontos, #tabela-extrato {
  //display: none;
}
div#extratoConsolidadoMenu div.col-xs-4.col-sm-4.consolidade{
  padding-right: 0 !important;
}
.tabela-meusvouchers {
  display: block !important;
}
#content .data-table tbody tr td {
  font-size: 12px !important;
}
.tabela-meusvouchers td:nth-of-type(3),.tabela-meusvouchers td:nth-of-type(4),.tabela-meusvouchers td:nth-of-type(5) {
display: none;
}
.tabela-meusvouchers td p {
    word-wrap: break-word;
    width: 70px;
}
.tabela-meusvouchers .ico-print {
  display: none !important;
}
}
@media (min-width: 768px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    background: #f8f8f8;
    position: absolute;
    z-index: 1000;
    left: 0;
    border: 1px solid #d3d3d3;
    border-top: 0;
    padding: 0 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }
.mobile {
  display: none;
}
  
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary .sm-back {
    color: #19212b;
    padding: 5px 50px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 18px;
    line-height: 50px;
  }
  .navigation--bottom .nav__links--primary .sm-back::after {
    content: ' ';
  }
  .navigation--bottom .nav__links--primary .sm-back::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    margin-right: 1em;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary .row {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    padding: 0;
    background: #ffffff;
  }
}
@media (min-width: 768px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    position: static;
    padding: 10px;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}

  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    color: rgba(0, 0, 0, 0.7);
  }

@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    padding: 10px 20px 10px 50px;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
}
@media (min-width: 768px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    padding-left: 0px;
    list-style: none;
    margin-top: 0;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a {
    display: block;
    color: #19212b;
    line-height: 30px;
    padding: 0 0 0 5px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
  position: relative;
  display: block;
  border-bottom: 1px solid #f2f2f2;
  float: none;
}
@media (min-width: 768px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
    border: none;
  }
}
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li,
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li {
  border-bottom: 1px solid #317f8c;
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--mobile {
    overflow: hidden;
  }
  .navigation--bottom .nav__links--mobile li {
    overflow: hidden;
    background-color: #0f7384;
    border: none;
  }
  .navigation--bottom .nav__links--mobile li a {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--mobile .subNavList {
    padding-left: 0;
  }
  .navigation--bottom .nav__links--mobile .subNavList li {
    padding: 5px 0;
    background: #0d6878;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--mobile div.sub-nav .myAccountLinksHeader,
  .navigation--bottom .nav__links--mobile div.sub-nav .myCompanyLinksHeader {
    display: block;
    cursor: pointer;
    max-height: 60px;
    text-transform: uppercase;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a {
    border-bottom: 1px solid #317f8c;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a span {
    float: right;
    line-height: 50px;
    left: 0;
    position: relative;
    height: 30px;
    top: -14px;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .userGroup {
    position: relative;
    line-height: 50px;
    background-color: #ffffff;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    color: #008c4e;
    display: inline-block;
    width: 80%;
    float: left;
    height: 60px;
    text-transform: uppercase;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .userGroup a {
    border: none;
    color: #008c4e;
  }
  .navigation--bottom .userGroup a:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .userGroup .myAcctUserIcon {
    font-size: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .userGroup .userName {
    display: inline-block;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .userGroup #signedInUserOptionsToggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    position: absolute;
    left: 260px;
    line-height: 60px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    left: 68vw;
  }
}
@media (min-width: 640px) {
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  main.offcanvas {
    position: relative;
   /* -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);*/
  }
}
@media (max-width: 767px) {
  main.offcanvas .navigation--bottom{
    position: relative;
    -webkit-transform: translate(95%, 0);
    -ms-transform: translate(95%, 0);
    -o-transform: translate(95%, 0);
    transform: translate(95%, 0);
    transition: 0.5s;
  }
}

@media (max-width: 767px) {
  .products-container .item {
    margin:10px;
  }
  .sticky-nav-top {
        position: absolute;
    top: -100px;
    height: 100px;
    padding: 20px;
    z-index: 999;
    width: 100%;
    background: #FFF; }

    .sticky-nav-top img {
          width: 142px;
    margin: 0 auto;
    text-align: center;
    display: block;
    }
}

.sticky-nav-top .liUserSign {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .sticky-nav-top .userSign {
    text-align: left;
    width: 80%;
    display: inline-block;
    color: #008c4e;
    padding: 20px 30% 20px 50px;
  }
}
@media (max-width: 767px) {
  html.offcanvas {
    overflow-x: hidden;
  }
}
.nav-order-tools {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 640px) {
  .nav-order-tools {
    border-left: 0px;
    border-right: 1px solid #d3d3d3;
    padding: 0px 15px;
  }
}
@media (min-width: 768px) {
  .nav-order-tools {
    padding: 0px 30px;
  }
}
@media (max-width: 767px) {
  .nav-order-tools {
    position: static;
  }
}
.nav-order-tools:before {
  position: relative;
  top: 23%;
  display: inline;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e032";
  color: #008c4e;
  font-size: 30px;
}
@media (max-width: 767px) {
  .nav-order-tools:before {
    top: 3px;
  }
}
.js-nav-order-tools--active .nav-order-tools__child-wrap {
  display: block;
}
.nav-order-tools__child-wrap {
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  right: -1px;
  top: 60px;
  width: 260px;
  z-index: 10;
}
@media (max-width: 767px) {
  .nav-order-tools__child-wrap {
    width: 100vw;
    top: 103px;
  }
}
.nav-order-tools__child-wrap div {
  border-bottom: 1px solid #f2f2f2;
}
.nav-order-tools__child-wrap div:last-child {
  border-bottom: none;
}
.nav-order-tools__child-wrap a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #19212b;
  padding: 20px 30px;
}
.nav-order-tools__child-wrap a:hover {
  background-color: #f2f2f2;
}
header {
  background: #008C4F;
  min-height: 15px;
  max-height: 118px;
}
.page-cartPage header,
.page-homepage header,
.page-productGrid header,
.page-searchGrid header,
.page-search header,
.page-cartPage header,
.pageType-CategoryPage header {
  margin-bottom: 0;
}
.page-headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.page-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.page-sub-headline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
}
.text-variant-bold {
  font-weight: 600;
}
.full-width-padding {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .full-width-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.half-width-padding {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .half-width-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.btn-formblock {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 25px;
}
.btn {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 42px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}

.input-group-btn button {
  padding: 10px 15px !important;
}
.btn.glyphicon {
  padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
  font-size: 25px;
}
.btn,
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn-small {
  padding: 6px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn-icon {
  padding-left: 83px;
  position: relative;
}
.btn-icon:before {
  position: absolute;
  font-size: 25px;
  top: 9px;
  left: 20px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.btn-icon:after {
  content: "";
  position: absolute;
  left: 65px;
  top: -3px;
  border-right: 3px solid currentColor;
  height: 48px;
}
:hover.btn-icon:after {
  border-right-width: 3px;
}
.btn-block + .btn-block {
  margin-top: 10px;
}
.btn-default {
  
  color: #ffffff;
  text-align: left;
  background: #008C4F;
  border: 1px solid #c8ded4;
  border-radius: 0px !important;
}
/*.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #619020;
  background: linear-gradient(#a3bf2e, #619020) !important;
  border: 1px solid #c8ded4;
  -webkit-box-shadow: none;
  box-shadow: none;
}*/
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: #ffffff;
  background: linear-gradient(#1b6d3c,#238453);
  border-color: #f9d4b4;
}
.btn-default .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.btn-primary {
   
    background: #e4a313;
    background: linear-gradient(#f2cb18,#e4a313);
    position: relative;
    color: #fff;
    border-radius: 5px !important;
}

.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background: #619020;
  background: linear-gradient(#1b6d3c,#238453);
    border: 1px solid #c8ded4;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #ffffff;
  background-color: #c7e9e7;
  border-color: #c7e9e7;
}

.pagination-wrap {
  float: right;
  text-align: right;
}
.pagination {
  border: 1px solid transparent;
  font-weight: 400;
  margin: 0;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-next > a,
.pagination > li.pagination-prev > span,
.pagination > li.pagination-next > span {
  font-size: 11px;
}

.pagination > li.pagination-prev {
  text-align: left;

}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  border: 1px solid #606060;
}
.pagination > li.pagination-next {
  text-align: right;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  border: 1px solid #606060;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  font-weight: 700;
}
.pagination > li > a,
.pagination > li > span {
  padding: 30px 30px;
  font-size: 24px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.pagination > li > a,
.pagination > li > span {
  line-height: 30px;
  width: 30px;
  padding: 0;
  font-size: 24px;
  text-align: center;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  margin-right: 10px;
  width: 35px;
  color: #008C4F;
  font-size: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  margin-left: 10px;
  width: 35px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
      font-size: 20px;
}
@media (max-width: 767px) {

  .page-troqueseuspontos .partner-item a {
    top: -60px !important;
  }
  .pagination > li > a,
  .pagination > li > span {
    padding: 46px 30px;
    font-size: 24px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
  .pagination > li > a,
  .pagination > li > span {
    line-height: 46px;
    width: 30px;
    padding: 0;
    font-size: 24px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 10px;
    width: 40px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 10px;
    width: 40px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767px) {

  .sub-category-nav-filter {
    height: 140px !important;
  }

  .sub-category-nav-filter input {
        margin-top: 10px;
        margin-left: -5%;
    width: 260px;
  } 

  .sub-category-nav-filter ul li span {
        font-size: 10px !important;
  }

  .sub-category-nav-filter .fa-search {
        float: right;
    position: relative;
    top: -50px;
    right: 70px;
  }
  .pagination {
    display: table;
    width: 100%;
  }
  .pagination > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .pagination > li > a,
  .pagination > li > span {
    float: none;
  }
  .pagination > li > a,
  .pagination > li > span {
    padding: 40px 45px;
    font-size: 24px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
  }
  .pagination > li > a,
  .pagination > li > span {
    line-height: 40px;
    width: 45px;
    padding: 0;
    font-size: 24px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 15px;
    width: 65px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 15px;
    width: 65px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .pagination-with-pager .pagination-wrap {
    float: none;
  }
}
.breadcrumb-section {
  background-color: #ffffff;
  max-width: 1088px;
  margin: 20px auto;
  position: relative;
  top: 5px;
  z-index: 10;
}
@media (max-width: 767px) {
  .breadcrumb-section {
    padding-left: 10px;
    padding-top: 20px;  
    padding-right: 20px;
    z-index: 10;
  }
  .breadcrumb-section .breadcrumb {
    font-size: 13px;
    padding: 0;
    margin: 0 auto;
    width: 100% !important;
    float: left;
    font-family: 'petrobras_sansregular';
    color: #777777;
  }  
}
.breadcrumb-section .breadcrumb {
  font-size: 13px;
  padding: 0;
  margin: 0 auto;
  width: 50%;
  float: left;
  font-family: 'petrobras_sansregular';
  color: #777777;
}
.breadcrumb-section .breadcrumb a {
  text-decoration: none;
  font-family: 'petrobras_sansregular';
  color: #777777;
}

.breadcrumb-section .breadcrumb a:hover {
  text-decoration: none;

    color: #4a92c5;
}
.image-gallery__image {
  cursor: pointer;
}
.image-gallery__zoom-icon {
  font-size: 20px;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
@media (min-width: 640px) {
  .page-productDetails .carousel {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.product-details,
.product-details-price {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .product-details,
  .product-details-price {
    padding: 0;
  }
}
.product-details .name,
.product-details-price .name {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding: 0;
}
.product-details .name.border,
.product-details-price .name.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product-details .name .sku,
.product-details-price .name .sku {
  font-size: 18px;
  line-height: 18px;
  color: #929292;
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.product-details .name .sku:before,
.product-details-price .name .sku:before {
  border-left: 1px solid #e5e5e5;
  content: "";
  height: 14px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.product-details .name .code,
.product-details-price .name .code {
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.product-details .promotion,
.product-details-price .promotion {
  color: #00a651;
}
.product-details .description,
.product-details-price .description {
  padding: 10px 0 25px;
}
.product-details .price,
.product-details-price .price {
  font-size: 25px;
  font-weight: bold;
}
.product-details .stock-status,
.product-details-price .stock-status {
  font-weight: 300;
}

  .product-details .description,
  .product-details-price .description {
    border-bottom: 1px solid #cccccc;
  }

.product-details.page-title {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .product-details.page-title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .product-main-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info .product-details {
  padding: 0;
}
.variant-section {
  margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #153a59;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background: #fff;
  color: #19212b;
  text-decoration: none;
}
@media (max-width: 767px) {
  .variant-section .variant-selector .variant-list li a,
  .variant-section .variant-selector .variant-list li span {
    height: 42px;
    width: 42px;
    line-height: 42px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a,
.variant-section .variant-selector .variant-list li.active a {
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
  border: 1px solid none;
  color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img,
.variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
  margin: 10px 0 0;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating .rating-stars {
  float: left;
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  letter-spacing: 50px;
}
@media (max-width: 767px) {
  .rating .rating-stars {
    font-size: 18px;
    float: none;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
}
.rating .rating-stars span {
  color: #dee3e8;
  overflow: hidden;
  position: static;
  width: 1em;
  height: 1em;
  display: block;
  float: left;
  margin: 0 0.1em;
}
.rating .rating-stars span.fh {
  width: 0.5em;
  margin-right: 0;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.5em;
  margin-left: 0;
}
.rating .rating-stars span.active {
  color: none;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #cccccc;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs-responsive .tab-container {
  float: none;
  padding: 0;
}
@media (max-width: 767px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #f2f4f7;
  }
}
.tab-review .review-pagination-bar {
  margin: 10px 0;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar .right {
  float: right;
}
.tab-review .review-pagination-bar .right .pager {
  float: left;
  margin: 0 10px;
}
.tab-review .review-list {
  padding-left: 0;
  list-style: none;
}
.tab-review .review-list .review-entry {
  margin: 10px 0;
}
.tab-review .review-list .review-entry .title {
  font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
  color: #777777;
}
.tab-review .write-review {
  display: none;
}
#AddToCart-PickUpInStoreAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 100%;
  }
}
.AddToCart-PickUpInStoreAction {
  margin-top: 10px;
}
.AddToCart-ShareOnSocialNetworkAction {
  margin-top: 20px;
}
#AddToCart-AddToCartAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 100%;
  }
}
#AddToCart-ShareOnSocialNetworkAction {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 30px;
}
.image-gallery img {
  width: 100%;
  height: auto;
  -webkit-touch-callout: none;
}
.image-gallery .zoomImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: none;
  max-width: none;
  z-index: 9999;
  border: 0;
  opacity: 0;
}
.image-gallery .zoomImg img {
  width: 100%;
  height: 100%;
}
.image-gallery .zoomImgMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.addtocart-component {
  margin-top: 10px;
}
.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
  margin-left: 10px;
}
.addtocart-component .actions .btn {
  margin-bottom: 10px;
}
.addtocart-component .row .AddToCart-ShareOnSocialNetworkAction {
  margin: 0 auto;
  padding-top: 50px;
  width: 100px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
  background: url("../../common/images/productShareIcon.png") no-repeat left center;
  padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
  display: none;
}
.addtocart-component .qty-selector .input-group-btn,
#add_to_cart_storepickup_form .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
#add_to_cart_storepickup_form .qty-selector .btn {
  width: 48px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.addtocart-component .qty-selector .form-control,
#add_to_cart_storepickup_form .qty-selector .form-control {
  width: 50px;
  height: 48px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .addtocart-component {
    margin-top: 20px;
  }
  .addtocart-component .qty-selector .input-group-btn,
  .addtocart-component .qty-selector .btn,
  .addtocart-component .qty-selector .form-control {
    width: 62.4px;
  }
}
@media (max-width: 767px) {
  .addtocart-component .qty-selector {
    margin-left: auto;
    margin-right: auto;
  }
  .addtocart-component .stock-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.add-to-cart .add-to-cart-item {
  margin-bottom: 10px;
}
.add-to-cart .add-to-cart-item:before,
.add-to-cart .add-to-cart-item:after {
  content: " ";
  display: table;
}
.add-to-cart .add-to-cart-item:after {
  clear: both;
}
.add-to-cart .add-to-cart-item:before,
.add-to-cart .add-to-cart-item:after {
  content: " ";
  display: table;
}
.add-to-cart .add-to-cart-item:after {
  clear: both;
}
.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.add-to-cart .add-to-cart-item .details {
  font-size: 18px;
  margin-left: 75px;
}
.add-to-cart .add-to-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.add-to-cart .add-to-cart-item .price {
  font-size: 22px;
  text-align: right;
  font-weight: bold;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);

}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}
.owl-carousel .owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  top: -65px;
    position: relative;

}

.owl-carousel.js-owl-rotating-image-multi-premmia .owl-controls {
   top: 0px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
/*  top: 79% !important;
*/  display: table;
  width: 25px;
  height: 125px;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  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;
  color: rgba(255, 255, 255, 0);
  font-size: 120px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  font-size: 25px;
  line-height: 125px;
  color: #606060;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {

}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon {
/*  color: #ffffff;
*/}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 10px;
      background: url(../images/seta-left.svg) right 0 no-repeat;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before {
  content: "\e075";
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 10px;
      background: url(../images/seta-right.svg) right 0 no-repeat;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
  content: "\e071";
}
.carousel,
.carousel__component--carousel {
  width: auto;
  margin: 0px -20px;
  text-align: center;
}
.carousel .item,
.carousel__component--carousel .item,
.carousel .carousel__item,
.carousel__component--carousel .carousel__item {
  display: block;
  margin: 0;
  padding: 0px 0;
}
.carousel .item .thumb,
.carousel__component--carousel .item .thumb,
.carousel .carousel__item .thumb,
.carousel__component--carousel .carousel__item .thumb,
.carousel .item .carousel__item--thumb,
.carousel__component--carousel .item .carousel__item--thumb,
.carousel .carousel__item .carousel__item--thumb,
.carousel__component--carousel .carousel__item .carousel__item--thumb {
  margin-bottom: 20px;
  height: auto;
}
.carousel .item .thumb img,
.carousel__component--carousel .item .thumb img,
.carousel .carousel__item .thumb img,
.carousel__component--carousel .carousel__item .thumb img,
.carousel .item .carousel__item--thumb img,
.carousel__component--carousel .item .carousel__item--thumb img,
.carousel .carousel__item .carousel__item--thumb img,
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
/*  max-width: 140px;
  max-height: 140px;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.carousel .item a,
.carousel__component--carousel .item a,
.carousel .carousel__item a,
.carousel__component--carousel .carousel__item a {
  color: #19212b;
}
.carousel .item a:hover,
.carousel__component--carousel .item a:hover,
.carousel .carousel__item a:hover,
.carousel__component--carousel .carousel__item a:hover,
.carousel .item a:focus,
.carousel__component--carousel .item a:focus,
.carousel .carousel__item a:focus,
.carousel__component--carousel .carousel__item a:focus {
  text-decoration: none;
  color: none;
}

.carousel .item .item-name:before,
.carousel__component--carousel .item .item-name:before,
.carousel .carousel__item .item-name:before,
.carousel__component--carousel .carousel__item .item-name:before,
.carousel .item .carousel__item--name:before,
.carousel__component--carousel .item .carousel__item--name:before,
.carousel .carousel__item .carousel__item--name:before,
.carousel__component--carousel .carousel__item .carousel__item--name:before {
  background: #FFF none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  right: 0;
}

.carousel .item .item-price,
.carousel__component--carousel .item .item-price,
.carousel .carousel__item .item-price,
.carousel__component--carousel .carousel__item .item-price,
.carousel .item .carousel__item--price,
.carousel__component--carousel .item .carousel__item--price,
.carousel .carousel__item .carousel__item--price,
.carousel__component--carousel .carousel__item .carousel__item--price {
  margin: 10px;
  color: #19212b;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.carousel-component,
.carousel__component {
  padding: 0 20px;
  margin: 35px 0 15px;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component .carousel__component--headline,
.carousel__component .carousel__component--headline {
  color: #154259;
  font-size: 28px;
  margin: 10px 0 20px;
  text-align: center;
  font-weight: bold;
  text-transform: normal;
}
.carousel-component:first-child,
.carousel__component:first-child {
  margin: 0px 0 0px;
}
.carousel-component + .carousel-component,
.carousel__component + .carousel-component,
.carousel-component .carousel__component,
.carousel__component .carousel__component {
  margin-top: 0;
  border-top: 4px solid #f2f2f2;
  padding-top: 30px;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet .carousel.rotating-image {
  margin: 0;
}
.rotating-image-componet .owl-item .item {
  padding: 0;
  margin: 0;
}
.rotating-image-componet .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.rotating-image-componet .owl-controls .owl-pagination {
  display: block !important;
}
.image-gallery .image-gallery__image .owl-item .item {
  padding: 0;
}
.image-gallery .image-gallery__image .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
@media (min-width: 768px) {
  .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}

.image-gallery .gallery-carousel .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}
.banner-component {
  width: 100%;
}
.banner-component a {
  display: block;
  color: #19212b;
  text-decoration: none;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component .title {
  font-weight: bold;
}
.banner-component .thumb {
  padding: 10px 0;
}
.banner-component .thumb img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .simple-banner-component,
  .banner__component {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.simple-banner-component a,
.banner__component a {
  display: block;
}
.simple-banner-component img,
.banner__component img {
  width: 100%;
  height: auto;
  max-width: 1088px;
  max-height: 400px;
  margin-bottom: 10px;
}

.template-pages-voucher-ofertaPage .simple-banner-component img, .template-pages-voucher-ofertaPage .banner__component img {
  margin-bottom: 0px;
}
.image-map-component img {
  width: 100%;
  height: auto;
}
.cms-image-component img {
  width: 100%;
  height: auto;
}
.tabs {
  margin: 60px 0 0;
}
@media (max-width: 767px) {
  .tabs {
    border-top: 1px solid #cccccc;
  }
}
.tabs .tabs-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  display: table;
  margin: 0 auto;
  border: 0;
}
.tabs .tabs-list > li {
  position: relative;
  display: block;
}
.tabs .tabs-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.tabs .tabs-list > li > a:hover,
.tabs .tabs-list > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.tabs .tabs-list > li.disabled > a {
  color: #777777;
}
.tabs .tabs-list > li.disabled > a:hover,
.tabs .tabs-list > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.tabs .tabs-list .open > a,
.tabs .tabs-list .open > a:hover,
.tabs .tabs-list .open > a:focus {
  background-color: #eeeeee;
  border-color: #ec7205;
}
.tabs .tabs-list .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tabs .tabs-list > li > a > img {
  max-width: none;
}
.tabs .tabs-list > li {
  float: left;
  margin-bottom: -1px;
}
.tabs .tabs-list > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.tabs .tabs-list > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.tabs .tabs-list > li.active > a,
.tabs .tabs-list > li.active > a:hover,
.tabs .tabs-list > li.active > a:focus {
  color: #555555;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .tabs-list.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.tabs .tabs-list.nav-justified > li {
  float: none;
}
.tabs .tabs-list.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.tabs .tabs-list.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .tabs .tabs-list.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.tabs .tabs-list.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.tabs .tabs-list.nav-justified > .active > a,
.tabs .tabs-list.nav-justified > .active > a:hover,
.tabs .tabs-list.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .tabs .tabs-list.nav-justified > .active > a,
  .tabs .tabs-list.nav-justified > .active > a:hover,
  .tabs .tabs-list.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.tabs .tabs-list li {
  padding: 0 20px;
}
.tabs .tabs-list li a {
  text-transform: uppercase;
  color: #ec7205;
  padding: 0 0 5px 0;
  border: 0;
  border-bottom: 4px solid transparent;
}
.tabs .tabs-list li a:focus,
.tabs .tabs-list li a:hover {
  cursor: pointer;
  background-color: transparent;
}
.tabs .tabs-list li + li:before {
  content: "";
  position: absolute;
  height: 15px;
  left: 0;
  top: 2px;
  border-left: 1px solid #cccccc;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
  color: #19212b;
  font-weight: bold;
  border: 0;
  border-bottom: 4px solid none;
}
.tabs .tabhead {
  height: 75px;
  display: table;
}
@media (max-width: 767px) {
  .tabs .tabhead {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .tabs .tabhead {
    display: none !important;
  }
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
.tabs .tabhead.active {
  font-weight: bold;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead a {
  padding: 0 10px;
  color: inherit;
  line-height: 1;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .tabs .tabhead a {
    padding-left: 20px;
  }

  .btn-login a, .btn-meucadastro a,.btn-login a:hover, .btn-meucadastro a:hover, btn-login a:active, .btn-meucadastro a:active,btn-login a:visited, .btn-meucadastro a:visited {
background: linear-gradient(#a9c431, #6ca424);
    position: relative;
    color: #ffffff !important;
        top: 280px;

    width: 45%;
    float: left;
    z-index: 99;
    text-align: center;
        text-transform: uppercase;
        text-decoration: none;

    padding: 10px 0px;
  }
  .btn-cadastre a{
        top: 280px;

background:none
color: #ffffff;
    position: relative;
    width: 45%;
    float: right;
    z-index: 99;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase;
  }

.btn-logout a{
        top: 300px;

background: linear-gradient(#a9c431, #6ca424);
color: #ffffff;
    position: relative;
   width: 98%;
    float: right;
    z-index: 99;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase;
        margin-right: 1%;
  }

}
.tabs .tabhead .glyphicon {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon:before {
  content: "\e080";
}
@media (max-width: 767px) {
  .tabs .tabhead .glyphicon {
    padding-right: 20px;
  }
}
.tabs .tabhead.active .glyphicon:before {
  content: "\e114";
}
.tabs .tabbody {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #f2f2f2;
}
@media (max-width: 767px) {
  .tabs .tabbody {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .tabs .tabbody {
    border-top: 1px solid #cccccc;
  }
}
@media (max-width: 767px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
.tabs.tabs-responsive .tabhead {
  text-transform: uppercase;
  display: none !important;
  border-bottom-color: #cccccc;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 4px solid none;
}
@media (max-width: 767px) {
  .tabs.tabs-responsive .tabhead {
    display: table !important;
  }
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}
.languagecurrencycomponent {
  float: right !important;
}
.languagecurrencycomponent form {
  display: inline-block;
}
.languagecurrencycomponent form + form {
  margin-left: 10px;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.com-space > * {
  padding: 10px 0;
}
.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-column > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.product-classifications .headline {
  font-weight: bold;
  padding: 10px;
}
.product-classifications table.table td.attrib {
  width: 50%;
}
.no-space {
  padding: 0 !important;
}
.no-space .yCmsComponent {
  padding: 0 !important;
}
.simple-responsive-banner-component a,
.banner__component--responsive a {
  display: block;
}
.simple-responsive-banner-component img,
.banner__component--responsive img {
  width: 100%;
  height: auto;
}
.error-page {
  text-align: center;
}
.back-link {
padding: 0px 0px 5px 0px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .back-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link.border {
  border-bottom: 1px solid #cccccc;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon {
  border-right: 1px solid #cccccc;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-left: 10px;
  white-space: normal;
}
.back-link .label.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.back-link.product-details .label {
  font-weight: 600;
}
.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #19212b;
  padding: 20px 30px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  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;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #808080;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}
.pageType-CategoryPage .map img {
  min-width: 100%;
}
@media (min-width: 768px) {
  .product__list--wrapper {
    padding: 0;
    margin: 0 0 0 -20px;
  }
}
@media (min-width: 640px) {
  .product__list--wrapper .pagination-wrap {
    padding-right: 0;
  }
}
.searchSpellingSuggestionPrompt {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .searchSpellingSuggestionPrompt {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  width: auto
}
}
@media (max-width: 767px) {
  .pagination-bar .sort-refine-bar button {
    padding-left: 20px;
    padding-right: 20px;
    text-transform: inherit;
    background: none;
    border: none;
    color: #777777;
    text-align: right;
  }
}
.results h1 {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  margin-top: 20px;
  padding-left: 20px;
  padding-bottom: 0;
}
.results h1.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product__listing {
  padding-left: 0;
  list-style: none;
}
.product__listing .product__listing--promo {
  color: #3e5983;
  margin-bottom: 10px;
}
a.product__listing .product__listing--promo:hover {
  color: #2e4160;
}
@media (min-width: 768px) {
  .product__listing .product__listing--promo {
    padding-right: 20px;
    margin: 0 -10px;
  }
}
.product__listing .product__list--price-panel {
  text-align: right;
}
.product__listing .product__list--name {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 106px;
  color: inherit;
}
.product__listing .product__listing--description {
  margin: 0 210px 0 106px;
}
@media (max-width: 767px) {
  .product__listing .product__listing--description {
    display: none !important;
  }
}
.product__listing .addtocart {
  clear: both;
  text-align: center;
  padding: 10px 0 0 0;
}
.product__listing .addtocart button {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    width: 49%;
    display: inline-block;
    float: left;
  }
}
@media (min-width: 768px)  {
  .product__listing .addtocart .actions-container-for-ProductGridComponent > div {
    float: left;
  }
  .product__listing .addtocart .pickup-in-store-available {
    margin: 0 -4px;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    padding: 0 3.33333333px;
  }
}
.product__listing.product__list .product__list--item {
  padding: 20px 30px;
  border-top: 1px solid #f2f2f2;
}
.product__listing.product__list .product__list--item:nth-of-type(2n) {
  background-color: #f2f2f2;
}
@media (max-width: 767px) {
  .product__listing.product__list .product__list--item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product__listing.product__list .product__list--thumb {
  float: left;
  margin-right: 10px;
  display: block;
}
.product__listing.product__list .product__list--price-panel {
  float: right;
  width: 200px;
}
.product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
.product__listing.product__list .ProductListComponent-ListAddToCartAction,
.product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
.product__listing.product__list .SearchResultsList-ListAddToCartAction {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    left: 33.33333333%;
  }
}
.product__listing.product__list .ProductListComponent-ListOrderFormAction,
.product__listing.product__list .SearchResultsList-ListOrderFormAction {
  float: left;
  width: 50%;
  left: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    left: 0%;
  }
}
@media (max-width: 767px) {
  .product__listing.product__list .product__list--price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product__listing.product__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product__listing.product__grid .product-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-bottom: 35px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  margin: 10px;
}
@media (min-width: 640px){
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 768px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 30%;
  }
}

/*.product__listing.product__grid .product-item:first-child {
  margin-left: -1px;
}*/
.product__listing.product__grid .thumb {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  height: auto;
  overflow: hidden;
}
.product__listing.product__grid .thumb img {
      width: 100%;
}
.product__listing.product__grid .thumb img.category-img {
      width: auto;

    max-height: 48px;
}
.product__listing.product__grid .details {
  text-align: center;
  margin: 0 auto;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
    padding-left: 10px;
  padding-right: 10px;
}
.product__listing.product__grid .details .name {
  margin: 0;
  font-size: 15px;
  line-height: 22px;
  overflow: hidden;
  color: #606060;
}
.product__listing.product__grid .details .price {
  font-size: 15px;
  color: #606060;
  font-family: 'petrobras_sansbold';
  margin-top: 10px;
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.product__listing.product__grid .details .price p {
  margin:0;
}
.product__listing.product__grid .details .promo {
  color: #00a651;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 640px) {
  .product__listing.product__grid .product-item:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 767px) {
  .product__listing.product__grid .product-item:nth-child(2n+1) {
    clear: both;
  }
}
.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}
.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component,
.product-category-page .product-categories .pcp-banner .banner__component--responsive {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .search-list-page-right-result-list-slot {
    margin-left: -20px;
    margin-top: -20px;
  }
  .search-list-page-right-result-list-component {
    padding-left: 20px;
  }
  .product-list-right-slot {
    margin-left: -20px;
  }
  .product-list-right-component {
    margin-left: 0;
    padding-top: 20px;
  }
  .product-list-right-component .pagination-bar {
    margin-top: 0;
  }
}
.product__facet {
  margin: 0;
  padding: 0;
  background: #F5F5F5;
}
.product__facet .facet {
      padding: 15px;
}

.product__facet .facet.categories {
      padding: 15px 0px;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet:last-child {
  margin: 0;
  background: #FCFCFC;
}
.product__facet .facet .facet__name {
  font-size: 14px;
  color: #606060;
  line-height:  19px;
  margin-left: -5px;
  text-transform:   uppercase;  
}
.product__facet .facet .facet__list {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}
.product__facet .facet .facet__list li {
  padding: 10px 15px;
  margin: 5px 0px;
}
.product__facet .facet .facet__list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
}
.product__facet .facet .facet__list .facet__list__mark {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 10px;
  border: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  margin-top: -3px;
}

.product__facet .facet .facet__list .facet__list__mark .glyphicon-ok {
  display: none;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  background: #008C4F;
  border: 1px solid #008C4F;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}

.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark .glyphicon-ok {
  display: block;
  color: #ffffff;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__text {
/*  color: #ec7205;
*/}
.product__facet .facet .facet__list .facet__list__checkbox:focus + .facet__list__label .facet__list__mark {
  border: 1px solid none;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}
.product__facet .facet .facet__list .facet__list__text {
  line-height: 19px;
  font-size: 14px;
  color: #606060;
}
.product__facet .facet .facet__list .facet__list--hidden {
  display: none;
}
.product__facet .facet .facet__values__more {
  display: block;
}
.product__facet .facet .facet__values__less {
  display: none;
}
.product__facet .facet .facet__form {
  padding-top: 10px;
}

.product__facet .facet .facet__form input {
  background:   none;
}

.product__facet .facet .facet__form .searchtitle {
  font-size:  12px;
  color:  #606060;
  line-height:  16px;
}
.product__facet .facet .facet__form .input-group {
  min-height: 32px;
  border-bottom: 1px solid #777777;
}
.product__facet .facet .facet__form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.product__facet .facet .facet__form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
  color: #b9bdc2;
  font-size: 17px;
  top: 0;
}
.product__facet .facet .facet__form .line-text {
  margin: 20px 0;
}
.product__facet .facet .facet__form__hidden {
  display: none;
}
.product__facet .facet .facet__results__hidden {
  display: none;
}
@media (max-width: 767px) {
  .product__facet {
    padding: 10px;
    margin: 0;
    border: 0 none;
  }
  #colorbox .product__facet {
    display: block !important;
   top: 50px;
    position: relative;
    min-height: 400px;
  }
  .product__facet .facet {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;

  }
  .product__facet .facet .facet__name {
    cursor: pointer;
    padding: 10px;
    padding-left: 65px;
    text-transform: uppercase;
    position: relative;
  }
  .product__facet .facet .facet__name .facet__arrow {
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 30px;
  }
  .product__facet .facet .facet__name .facet__arrow:before {
    content: "\e080";
  }
  .product__facet .facet .facet__values {
    display: none;
  }

  .product__facet .facet.js-shop-stores-facet .facet__values {
    display: block;
  }
  .product__facet .facet.active .facet__arrow:before {
    content: "\e114";
  }
  .product__facet .facet.active .facet__values {
    display: block;
  }
}
.sort-refine-bar .form-group select {
  width: auto;
}
.pagination-bar {
  margin: 30px 0;
}
.pagination-bar .pagination-toolbar {
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .pagination-bar .pagination-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.page-productGrid div.pagination-bar.pagination-toolbar {
    background-color: #F5F5F5;
  }

}
.pagination-bar .form-group {
  margin: 0;
}
.pagination-bar .pagination-bar-results {
  margin-top: 25px;
  padding: 0 20px;
  color: #929292;
}
.pagination-bar.bottom .pagination-toolbar {
  padding-top: 30px;
  border-top: 1px solid #cccccc;
  border-bottom-width: 1px;
}
@media (max-width: 767px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 30px;
    width: 100%;
  }
  .pagination-bar .pagination {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}
@media (min-width: 640px) {
  .pagination-bar .pagination-toolbar {
    border-bottom-width: 1px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 25px;
  }
}

.item-list {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}
.item-list .item-list-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}
.item-list .item-list-item:nth-child(4n+4) {
  background-color: #f2f2f2;
}
.item-list .item-list-item:nth-child(4n+4) + li .add-to-cart-order-form-wrap,
.item-list .item-list-item:nth-child(4n+4) + li .add-to-cart-order-form-wrap:after {
  background-color: #f2f2f2;
}
.item-list .item-list-item:nth-child(4n+4) + li .add-to-cart-order-form-wrap .order-form-scroll.down {
  bottom: 0;
  z-index: 9999;
}
.item-list .item-list-item:last-child {
  padding-right: 30px;
}
.item-list .item-list-header {
  padding-left: 0;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item-list .item-list-header li {
  display: table-cell;
  background-color: #008c4e;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 10px;
}
.item-list .item-list-header li:last-child {
  padding-right: 30px;
}
.item-list .item-toggle {
  font-size: 15px;
  width: 25px;
}
.item-list .item-toggle > * {
  cursor: pointer;
}
.item-list .item-toggle .open .glyphicon:before {
  content: "\e113";
}
.item-list .item-image {
  width: 136px;
  padding: 0 20px;
}
.item-list .item-image img {
  max-width: 96px;
}
.item-list .item-name {
  font-size: 16px;
  font-weight: 700;
}
.item-list .item-quantity {
  text-align: center;
}
.item-list .item-quantity .form-control {
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
}
.item-list .item-delivery .item-delivery-label {
  text-transform: uppercase;
  color: #929292;
  font-weight: 700;
}
.item-list .item-total-column {
  text-align: right;
}
.item-list .item-total {
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  padding-left: 0;
}
.item-list .item-remove {
  width: 45px;
  text-align: right;
}
.item-list .item-remove .btn {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: none;
}
.item-list .item-remove .btn .glyphicon {
  top: 4px;
}
.item-list #cartOrderGridForm .product-grid-container table {
  background-color: #f2f2f2;
}
.item-list #cartOrderGridForm .product-grid-container table th {
  background-color: #e4e4e4;
  color: #19212b;
}
.item-list .promo {
  font-size: 14px;
  font-weight: 700;
  color: #00a651;
}
.item-list .promo ul {
  padding-left: 0;
  list-style: none;
}
.item-list .out-of-stock {
  color: #ed1c24;
}
.item-list .read-only-grid .grid-row > td {
  border-bottom: 1px solid #f2f2f2;
}
.item-list .read-only-grid .grid-prod-img {
  width: 100px;
  padding: 25px 40px 20px 45px;
  vertical-align: top;
}
.item-list .read-only-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.item-list .read-only-grid .grid-variant,
.item-list .read-only-grid .grid-size {
  font-weight: 700;
}
.item-list .read-only-grid .grid-variant + .grid-variant:before,
.item-list .read-only-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
.item-list .read-only-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.item-list .read-only-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.item-list .read-only-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
@media (min-width: 768px) {
  .item-list > li .add-to-cart-order-form-wrap {
    border-bottom: 1px solid #e5e5e5;
  }
  .item-list .item-list-item {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .item-list .item-list-item .item-sku-input,
  .item-list .item-list-item .item-toggle,
  .item-list .item-list-item .item-image,
  .item-list .item-list-item .item-info,
  .item-list .item-list-item .item-price,
  .item-list .item-list-item .item-quantity,
  .item-list .item-list-item .item-delivery,
  .item-list .item-list-item .item-total,
  .item-list .item-list-item .item-remove,
  .item-list .item-list-item .item-quantity-total {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
  }
  .item-list .item-info {
    width: 35%;
    padding: 0 10px;
  }
  .item-list .item-delivery {
    padding-left: 3%;
  }
}
@media (min-width: 640px) {
  .item-list #cartOrderGridForm {
    max-height: 460px;
    overflow: scroll;
  }
  .item-list #cartOrderGridForm table tr:first-child > th:first-child,
  .item-list #cartOrderGridForm table tr > td:first-child {
    border-right: 0;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .item-list {
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
  }
  .item-list .item-toggle .glyphicon {
    width: 50px;
    height: 50px;
  }
  .item-list .item-image {
    float: left;
    margin: 0;
  }
  .item-list .item-price .visible-xs {
    display: inline!important;
  }
  .item-list .item-remove {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 0;
    margin: 0;
  }
  .item-list .item-remove .btn {
    text-align: center;
    width: 50px;
    height: 50px;
  }
  .item-list .item-total {
    float: right;
  }
  .item-list .item-quantity-total {
    clear: both;
    float: none;
    width: auto;
    padding-right: 20px;
  }
  .item-list .item-quantity-total > .details {
    cursor: pointer;
  }
  .item-list .item-quantity-total .qty {
    line-height: 42px;
    padding-top: 10px;
  }
  .item-list .item-quantity-total .qty:before,
  .item-list .item-quantity-total .qty:after {
    content: " ";
    display: table;
  }
  .item-list .item-quantity-total .qty:after {
    clear: both;
  }
  .item-list .item-quantity-total .qty:before,
  .item-list .item-quantity-total .qty:after {
    content: " ";
    display: table;
  }
  .item-list .item-quantity-total .qty:after {
    clear: both;
  }
  .item-list .item-quantity-total .qty label {
    float: left;
    margin: 0 10px 0 0;
  }
  .item-list .item-quantity-total .qty input {
    float: left;
    width: 70px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 10px;
  }
  .item-list .item-quantity-total .qty .qtyValue {
    float: left;
  }
  .item-list .item-quantity-total .qty .glyphicon {
    float: right;
    line-height: 40px;
    padding-left: 5px;
  }
  .item-list .item-quantity-total .open .qty .glyphicon:before {
    content: "\e114";
  }
  .item-list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: 20px;
    padding-top: 10px;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: 10px;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: 20px;
    vertical-align: top;
  }
  .item-list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #f2f2f2;
  }
  .item-list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding: 0 20px 20px;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .item-list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
  .item-list .read-only-grid .grid-prod-img {
    padding-left: 20px;
    padding-right: 30px;
  }
  .item-list .read-only-grid .grid-variant {
    display: block;
  }
  .item-list .read-only-grid .grid-variant + .grid-variant:before {
    content: none;
  }
  .item-list-item {
    position: relative;
  }
  .item-list-item > div {
    margin-left: 136px;
    padding: 0 80px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.account-orderdetail .item-list {
  clear: both;
  margin-top: 0;
}
.cart-headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
.cart-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .cart-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-headline.border {
  margin-bottom: 0;
}
.cart-headline .cart-id-label {
  font-size: 18px;
  font-weight: 600;
  padding: 0 5px 0 10px;
}
.cart-headline .cart-id-label:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.cart-headline .cart-id-label .cart-id {
  padding-left: 5px;
}
.cart-headline__saved-carts {
  font-size: 16px;
  line-height: 40px;
  font-weight: 400;
  float: right;
}
@media (max-width: 767px) {
  .cart-headline__saved-carts {
    float: none;
    display: block;
  }
}
.cart-headline__saved-carts-counter {
  font-weight: 600;
  padding-left: 5px;
}
.cart-top-bar {
  background: #f2f2f2;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .cart-top-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-top-bar a.help {
  font-size: 13px;
  position: relative;
  padding-right: 25px;
}
.cart-top-bar a.help .glyphicon {
  color: #ec7205;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  top: -1px;
}
.cart-top-bar .help-popup-content-holder {
  display: none;
}
.cart-restoration-bar {
  background: #F2F4F7;
  margin-bottom: 20px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .cart-restoration-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}
.cart__content {
  margin-left: -10px;
  margin-right: -10px;
}
.cart-top-totals {
  text-align: right;
  line-height: 4em;
  font-size: 18px;
  font-weight: bold;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .cart-top-totals {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-top-totals-amount {
  margin-left: 5px;
}
.cart-top-totals-amount:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  top: -1px;
}
.cart-actions {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .cart-actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .cart-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .cart__list .item-remove {
    width: 60px;
  }
}
@media (min-width: 768px) {
  .cart__list .item-list-item .item-remove {
    padding-right: 26px;
  }
}
.cart__list .notification.has-error {
  padding: 0 30px;
  text-align: center;
  margin-top: 10px;
}
.cart__list .item-configurations {
  margin: 10px 0;
}
@media (max-width: 480px) {
  .cart__list .item-configuration-entry {
    margin-bottom: 5px;
  }
}
.cart__list .item-configurations-edit .btn {
  padding-left: 0;
}
.cart__list .item-configurations-edit .btn:hover {
  color: #154259;
}
.save__cart--link {
  text-align: right;
  margin-top: 15px;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 767px) {
  .save__cart--link {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .save__cart--link {
    text-align: center;
    padding-top: 5px;
    padding-right: 0;
    margin-top: 0;
  }
}
.export__cart--link {
  text-align: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .export__cart--link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .export__cart--link {
    padding-top: 5px;
  }
}
.cart__list {
  margin-top: 15px;
  margin-bottom: 10px;
}
.cart__list .item-list-header .item-total-column {
  padding-right: 25px;
}
.cart-totals {
  font-size: 18px;
  line-height: 2em;
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .cart-totals {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cart-totals .cart-totals-left {
  padding-left: 50px;
}
.cart-totals .cart-totals-right {
  font-weight: bold;
  padding-left: 0;
  padding-right: 60px;
}
.cart-totals .cart-price {
  font-weight: bold;
}
.cart-totals .discount {
  color: #00a651;
}
.cart-totals .grand-total {
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.3em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}
.cart-totals .cart-totals-taxes {
  clear: both;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
  padding-right: 60px;
  padding-left: 55px;
}

@media (max-width: 767px) {
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {

  .page-extratopontos #content .alert {
    display: none !important;
  }
  .cart-actions {
    margin: 0;
  }
  .cart-actions .pull-right {
    float: none!important;
  }
  .cart-actions .row {
    margin: 0;
  }
}
.express-checkout {
  background-color: #f2f2f2;
  padding: 20px 40px;
  margin: 20px 0;
}
@media (min-width: 640px) {
  .express-checkout {
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .express-checkout {
    margin-right: 30px;
  }
}
.express-checkout .headline {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.express-checkout ul {
  margin-top: 5px;
}
.express-checkout ul li {
  list-style-type: disc;
}

@media (max-width: 767px) {
  .express-checkout {
    margin: 0 0 20px 0;
    padding: 20px;
  }
}
.cartpotproline,
.cartproline {
  font-size: 18px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .cartpotproline,
  .cartproline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cartpotproline .info,
.cartproline .info {
  font-size: 14px;
}
.promotion {
  font-size: 14px;
  font-weight: bold;
  color: #00a651;
}
.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}
.doFlowSelectedChange,
#selectPciOption {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .cartpotproline,
  .cartproline {
    padding: 10px 20px 25px;
  }
  .btn--continue-shopping,
  .btn--continue-checkout {
    margin-bottom: 20px;
  }
  .doFlowSelectedChange {
    margin-top: 20px;
  }
}
#cboxContent .cart_popup_error_msg {
  margin-bottom: 20px;
}
.content__empty .content {
  margin: 0 auto;
  width: 50%;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body .legend {
  margin-bottom: 10px;
}
.mini-cart .mini-cart-body .legend a {
  float: right;
}
.mini-cart .mini-cart-body .mini-cart-list {
  padding-left: 0;
  list-style: none;
}
.mini-cart .mini-cart-body .mini-cart-list li + li {
  margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:before,
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  clear: both;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:before,
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:after {
  clear: both;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
  margin-left: 75px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
  text-align: right;
  font-weight: bold;
}
.mini-cart .mini-cart-body .mini-cart-totals {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin: 10px 0 30px;
  padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
  float: left;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
  text-align: right;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
  margin: 10px 0;
}
.mini-cart .mini-cart-body img {
  width: 100%;
}
@media (min-width: 768px) {
  #colorbox #cboxTitle .headline-text {
    display: block !important;
    padding-top: 20px;
  }
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid none;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 13px;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding-right: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
  border: 1px solid #cccccc;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
  vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
  border: 0 none;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none !important;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon {
  top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: 10px;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  background: #fff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}
.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: 10px;
}
.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-info .address {
  color: #777777;
}
.pickup-component .find-store-display .display-details .store-links {
  margin: 10px 0;
}
.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
  height: 125px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px 10px;
  font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 70px;
  padding: 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 48px;
}
.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid none;
  text-align: center;
  line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon {
  color: none;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 768px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: 14px;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: none;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: none;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 767px) {
  .pickup-component {
    overflow: hidden;
  }
  .pickup-component .find-store-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }
  .pickup-component.show-store .find-store-display {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .action {
    padding-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }
  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }
  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    padding-top: 0;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 0 0 10px 10px;
  height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #f6f6f6 0%, #ffffff 8px);
  position: absolute;
  right: 0;
  top: 10px;
  padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pickup-component .display-details .store-tabs .tabs-list:before,
.pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999;
  position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eee;
  border-left: 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid none;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000;
  border-left: 2px solid none;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: none;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  white-space: nowrap;
  z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid none;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 5px);
  -ms-transform: translate(-100%, 5px);
  -o-transform: translate(-100%, 5px);
  transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}
.addressbook-component {
  border: 1px solid #eee;
  padding: 0;
  margin: 140px 0;
}
.addressbook-component .addressbook-header {
  background: #eee;
  position: relative;
  border-bottom: 1px solid none;
  padding: 10px;
  height: 56px;
  display: table;
  width: 100%;
}
.addressbook-component .addressbook-header .headline {
  line-height: 16px;
  font-weight: bold;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.addressbook-component .addressbook-header .headline .back-to-storelist {
  display: none;
}
.addressbook-component .addressbook-header .close-addressbook {
  display: table-cell;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid none;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border-top: 1px solid #DDDDDD;
  margin-top: -1px;
  background: #fff;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .prev {
  float: left;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .next {
  float: right;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.addressbook-component .find-address-display .display-details {
  float: left;
  width: 50%;
}
.addressbook-component .find-address-display .display-details .address-details {
  padding: 10px;
  height: 252px;
  overflow: hidden;
}
.addressbook-component .find-address-display .display-details .address-actions {
  height: 56px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding: 10px 10px;
  position: relative;
}
.addressbook-component .find-address-display .display-details .address-actions .set-default {
  position: absolute;
  top: -50px;
  right: 10px;
}
.addressbook-component .address-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.addressbook-component .address-list .address-list-entry {
  height: 56px;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry input {
  display: none;
}
.addressbook-component .address-list .address-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #eee;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry label:hover {
  background: #f2f2f2;
}
.addressbook-component .address-list .address-list-entry .address-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.addressbook-component .address-list .address-list-entry .address-info .inner {
  max-height: 56px;
  overflow: hidden;
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-name {
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-city {
  display: block;
  font-weight: normal;
}
.addressbook-component .address-list .address-list-entry .address-actions {
  display: table;
  height: 100%;
  width: auto;
}
.addressbook-component .address-list .address-list-entry .address-actions span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 768px) {
  .addressbook-component .find-address-display .address-list {
    margin: 0 -1px 0 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label {
    padding-right: 14px;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: none;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: none;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 767px) {
  .addressbook-component {
    overflow: hidden;
  }
  .addressbook-component .find-address-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .addressbook-component .find-address-display .address-navigation {
    width: 50%;
    border: 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: none;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
}
.login-page__headline,
.user-register__headline {
    font-size: 32px;
    color: #008C4F;
    line-height: 38px;
    margin: 20px 0;
    font-family: petrobras_sansregular;
    display: inline-block;
    max-width: 85%;
    text-transform: uppercase;
    //background: url(../images/icone-cadastro-verde.svg) right 0 no-repeat;
    height: 26px;
    width: auto;
    padding-right: 43px;
    margin-top: 36px;
 }

.login-page__headline,
.user-register__headline img{
  width: 35px;
  max-height: 35px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.login-page__headline.border,
.user-register__headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}

.login-left-content-slot {
  margin-right: 10px;
  margin-left: 30px;
}

@media (max-width: 767px) {
  .login-left-content-slot {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.login-right-content-slot {
  margin-right: 30px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .login-right-content-slot {
    margin-left: 20px;
    margin-right: 20px;
  }
}
form .forgotten-password {
  margin-bottom: 25px;

}
.forgotten-password.alert {
  padding-left: 0;
  padding-right: 0;
}
.forgotten-password .description {
  margin-bottom: 10px;
}
#colorbox .forgotten-password .btn-primary {
  margin-top: 35px;
}
.register-form-action,
.login-form-action {
  margin-top: 35px;
}
.forgotten-password + .login-form-action {
  margin-top: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: 0;
}
@media (max-width: 767px) {
  .login-form-action .btn-default {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .login-section .forgotten-password,
  .register-section .forgotten-password {
    margin-bottom: 45px;
  }
}
.checkout-login {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .checkout-login {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-login .headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.checkout-login .headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.checkout__new-account {
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 55px;
}
.checkout__new-account .accountActions-bottom {
  margin-top: 35px;
}
.checkout__new-account__headling {
  font-size: 24px;
  font-weight: bold;
}
.checkout__new-account__form {
  text-align: left;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .checkout__new-account {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-left: 30px;
}
.checkout-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .checkout-headline {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .checkout-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-headline span {
  color: #154259;
  margin-right: 5px;
  top: 2px;
}
.checkout-summary-headline {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-right: 30px;
}
.checkout-summary-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .checkout-summary-headline {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .checkout-summary-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-summary-headline span {
  color: #154259;
  margin-right: 5px;
  top: 2px;
}
@media (max-width: 767px) {
  .checkout-summary-headline {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-body-styling {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps {
  padding-left: 30px;
}
.checkout-steps .step-head {
  background: #ffffff;
  color: #154259;
  border: 1px solid #cccccc;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: table;
  width: 100%;
  padding: 10px 20px 10px 40px;
  height: 49px;
  counter-increment: checkout;
}
.checkout-steps .step-head:before {
  content: counter(checkout) '.';
  position: absolute;
  left: 3px;
  top: 0;
  width: 50px;
  text-align: center;
  line-height: 49px;
}
.checkout-steps .step-head + .step-head {
  margin-top: 10px;
}
.checkout-steps .step-head.active {
  background: #a6a6a6;
  color: #ffffff;
  border-color: #cccccc;
}
.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.checkout-steps .step-head .edit {
  color: #ec7205;
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
  margin: 30px 0;
}
.checkout-steps .step-body hr {
  margin: 0 -20px;
  border-color: #e5e5e5;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .checkout-steps {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .checkout-steps {
    padding-left: 20px;
    padding-right: 20px;
  }
  .checkout-steps .step-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .checkout-steps .step-head:before {
    line-height: 68px;
  }
}
.checkout-shipping {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  text-transform: uppercase;
  padding: 25px 0 10px 0;
  font-size: 16px;
  font-weight: 700;
}
.checkout-shipping .checkout-shipping-items > div {
  padding-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
  padding-top: 6px;
  line-height: 18px;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
  padding-top: 1px;
}
.checkout-shipping .checkout-shipping-items ul li .name {
  font-weight: 700;
}
.checkout-shipping .simplify-pickup-locations {
  background: #f2f4f7;
  padding: 10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: #b3bfd0;
  padding: 10px;
  line-height: 35px;
  margin: -10px -10px 10px -10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid #b3bfd0;
}
.checkout-shipping .simplify-pickup-locations ul a {
  color: #19212b;
  background: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
}

  .checkout-shipping .checkout-shipping-items .qty {
    text-align: right;
  }
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }

.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}
#addressbook,
#savedpayments,
#savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#colorbox #addressbook,
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
  display: block;
}
#addressbook ul,
#savedpayments ul,
#savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#addressbook ul li,
#savedpayments ul li,
#savedpaymentsbody ul li {
  padding: 10px 0;
}
.checkout-order-summary {
  padding-right: 30px;
}
@media (max-width: 767px) {
  .checkout-order-summary {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .checkout-order-summary {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
@media (min-width: 640px) {
  .checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
    border-bottom: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list li {
  padding: 20px;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n + 3) {
  background-color: #f2f2f2;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  background-color: #ffffff !important;
  color: #19212b;
  padding: 60px 0 10px;
  border-bottom: 1px solid #e5e5e5;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading > div {
  float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 700;
  padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 20px;
  width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}
.checkout-order-summary .checkout-order-summary-list .price {
  float: right;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details {
  font-size: 14px;
  margin-left: 85px;
}
.checkout-order-summary .checkout-order-summary-list .details .name {
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details .qty span {
  font-size: 13px;
  color: #929292;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 10px;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 13px;
}
@media (max-width: 767px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
    width: 100%;
  }
}
.checkout-order-summary .subtotals {
  font-size: 18px;
  margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .subtotals__item--state-discount,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .subtotals__item--state-discount span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 14px;
}
.subtotals__item--state-discount {
  color: #00a651;
}
.label-spacing {
  padding-right: 5px;
}
@media (max-width: 767px) {
  .checkout-order-summary {
    padding: 30px 20px 15px;
    border: 1px solid #cccccc;
    border-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list {
    padding-left: 0;
    list-style: none;
    border: none;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
    background-color: transparent!important;
    color: #19212b;
    padding: 25px 20px;
    border-color: #e5e5e5;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
    text-transform: uppercase;
    font-size: 16px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
    border-bottom: 1px solid #e5e5e5;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.checkout-review {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}
.place-order-form .checkbox {
  margin: 25px 0 40px;
}
.place-order-form .checkbox label {
  font-size: 14px;
  color: #19212b;
  text-transform: none;
}
.btn-close-terms-and-conditions {
  margin: 30px 0;
}
@media (min-width: 640px) {
  .place-order-form .checkbox {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-help {
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 15px;
  padding: 10px;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-success {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .checkout-success {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-success__body {
  margin: 30px 0 55px;
  text-align: center;
}
.checkout-success__body__headline {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.termsAndConditions-section {
  padding-bottom: 20px;
}
label.terms {
  margin: 15px 0;
}
fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: bold;
  margin-bottom: 5px;
}
fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #e5e5e5;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
  background: #f2f2f2;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: bold;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}
@media (max-width: 767px) {
  .checkout-coupon-list {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-order-summary .checkout-coupon-list {
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 767px) {
  .checkout-order-summary .checkout-coupon-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.coupon-list__headline {
  font-size: 18px;
  line-height: 38px;
  font-weight: bold;
}
.coupon-list {
  padding-left: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 0;
}
.coupon-code {
  text-transform: uppercase;
}
.cart-voucher {
  margin-top: 27px;
  padding-left: 30px;
}
.cart-voucher__label {
  display: block;
  width: 100%;
}
.cart-voucher__input {
  width: 50%;
  float: left;
  margin-right: 10px;
}
.cart-voucher__input::-moz-placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #19212b;
  /*text-transform: uppercase;*/
}
.cart-voucher__input:-ms-input-placeholder,
.cart-voucher__input::-webkit-input-placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #19212b;
   /*text-transform: uppercase;*/
}
.cart-voucher__help-block {
  display: none;
}
.has-error .cart-voucher__help-block,
.has-success .cart-voucher__help-block {
  display: block;
}
@media  (min-width: 768px) {
  .cart-voucher__input {
    width: 70%;
  }
}

@media (max-width: 767px) {
  .cart-voucher {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.voucher-list {
  padding-left: 0;
  list-style: none;
  margin-top: -5px;
}
.voucher-list__item-box {
  display: inline-block;
  border: 1px solid #cccccc;
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 15px;
  margin-top: 10px;
}
.voucher-list__item-remove {
  color: #cdcdcd;
  padding: 10px;
  cursor: pointer;
  margin: -10px -10px -10px 0;
  position: relative;
  top: 2px;
}
@media (max-width: 767px) {
  .voucher-list__item {
    display: inline-block;
    padding-right: 5px;
  }
}
#storeFinder {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  #storeFinder {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#storeFinder #storelocator-query {
  height: 48px;
}
.headline {
  font-size: 18px;
}
.store__finder--search #storeFinderForm {
  margin-bottom: 10px;
}
.store__finder {
  display: none;
  padding: 0;
}
.store__finder .store__finder--pagination {
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--navigation,
.store__finder .store__finder--details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
}
.store__finder .store__finder--navigation {
  overflow: hidden;
  height: 561px;
}
@media (min-width: 640px) {
  .store__finder .store__finder--navigation {
    padding-right: 10px;
  }
}
.store__finder .store__finder--map {
  width: 100%;
  height: 200px;
}
.store__finder .stores-nearby {
  margin-bottom: 10px;
}
.store__finder .store__finder--navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ddd;
  position: relative;
}
.store__finder .store__finder--navigation-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}
.store__finder .store__finder--navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store__finder .store__finder--navigation-list .list__entry {
  height: 56px;
}
.store__finder .store__finder--navigation-list .list__entry:last-child label {
  border: 0;
}
.store__finder .store__finder--navigation-list .list__entry input {
  display: none;
}
.store__finder .store__finder--navigation-list .list__entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry label:hover {
  background: #f2f2f2;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label {
  background: none;
  color: #fff !important;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.store__finder .store__finder--navigation-list .list__entry .entry__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store__finder .store__finder--navigation-list .list__entry .entry__name {
  display: block;
}
.store__finder .store__finder--navigation-list .list__entry .entry__city {
  display: block;
  font-weight: normal;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.store__finder .store__finder--details .store__finder--details-back {
  margin-bottom: 20px;
  display: none !important;
}
@media (max-width: 767px) {
  .store__finder .store__finder--details .store__finder--details-back {
    display: inline-block !important;
  }
}
.store__finder .store__finder--details .store__finder--details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}
.store__finder .store__finder--details .store__finder--details-image img {
  width: 100%;
  height: auto;
}
.store__finder .store__finder--details .store__finder--details-info {
  margin-left: 122px;
}
.store__finder .store__finder--details .info__name {
  font-weight: bold;
}
.store__finder .store__finder--details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}
.store__finder .store__finder--details hr:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #ddd;
}
.store__finder .store__finder--details .store__finder--details-map {
  background: #eee;
}
.store__finder .store__finder--details .store__finder--details-openings dl dt {
  text-align: left !important;
  width: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings dl dd {
  margin-left: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings ul {
  padding-left: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .store__finder .back__to__storelist {
    margin-bottom: 10px;
  }
  .store__finder .store__finder--panel {
    width: 200%;
    margin: 0;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .store__finder .store__finder--panel > * {
    padding: 0;
  }
  .store__finder .store__finder--panel .store__finder--details {
    display: none;
  }
  .store__finder .store__finder--pagination {
    line-height: 20px;
  }
  .store__finder.show-store .store__finder--pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }
  .store__finder.show-store .store__finder--pagination * {
    display: none;
  }
  .store__finder.show-store .store__finder--panel {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .store__finder.show-store .store__finder--panel .store__finder--navigation {
    padding-right: 20px;
  }
  .store__finder.show-store .store__finder--panel .store__finder--details {
    display: block;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  width: 100%;
  height: 120%;
    display: inline-block;
      text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 14px;
  height: 14px;
}
#cboxTopCenter {
  height: 14px;
}
#cboxTopRight {
  width: 14px;
  height: 14px;
}
#cboxBottomLeft {
  width: 14px;
}
#cboxBottomCenter {
  height: 43px;
}
#cboxBottomRight {
  width: 14px;
}
#cboxMiddleLeft {
  width: 14px;
}
#cboxMiddleRight {
  width: 14px;
}
#cboxContent {
  background: #ffffff;
  overflow: visible;
   overflow-x: hidden !important;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0px;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}
#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  padding: 22px 40px 15px;
    height: 60px;
  display: table;
  width: 100%;
}

#cboxClose {
  position: absolute;
  right: 13px;
  top: 12px;
  background: transparent;
  border: 0 none;
  color: #e4a313;
  padding: 5px;
  font-size: 25px
}
/*
body.template-pages-layout-landingLayout2Page #cboxClose{
  position: absolute;
  right: 150px;
  top: -5px;
  background: transparent;
  border: 0 none;
  color: #e4a313;
  padding: 5px;
  font-size: 25px;
}
*/
#cboxLoadedContent {
  margin-top: 0px;
  padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 40px;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -10px;
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-details {
  line-height: 1.8em;
}
#cboxLoadedContent .modal-actions {
  margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
  margin-top: 20px;
}
@media (max-width: 767px) {
  #cboxTitle {
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxLoadedContent {
    margin-top: 0px;
    padding: 15px 20px 30px 20px;
  }

  .novo-voucher .voucher .topo .consumidor-info p {
     font-size: 17px !important;

  }
  .novo-voucher .voucher .alerta, .novo-voucher .voucher .retirada-ingresso-me h4 {
    font-size: 17px !important;
  }
  #cboxLoadedContent .addressEntry ul {
    margin-top: -25px;
  }
  .novo-voucher .voucher .retirada-ingresso-me p {
        font-size: 14px !important;

  }
  .novo-voucher .voucher .retirada-ingresso-me p strong {
    font-size: 17px !important;
        width: 120px !important;
        vertical-align: middle !important;

  }

  .novo-voucher .voucher .descricao .topico h3, .novo-voucher .voucher .content-voucher .titulo-voucher {
    font-size: 14px !important;
  }

  .novo-voucher .voucher .descricao .topico ol li, .novo-voucher .voucher .descricao .topico p, .novo-voucher .voucher .content-voucher .info-voucher .detalhes p span {
    font-size: 17px !important;
  }
  .novo-voucher .voucher .retirada-ingresso-me {
    padding: 10px !important;
    min-height: 0px !important;
  }
}
.price del {
  color: #000;
  font-weight: bold;
}
.price ins {
  color: #19212b;
  text-decoration: none;
}
a.price ins:hover {
  color: #06080b;
}
.price.msrp {
  color: #666;
}
.account-navigation {
  margin-bottom: 10px;
}
.account-navigation .account-navigation-header {
  padding: 10px;
  text-transform: uppercase;
}
.account-navigation .account-navigation-header a {
  display: block;
}
.account-navigation .account-navigation-list {
  margin: 10px;
  padding-left: 0;
  list-style: none;
}
@media (min-width: 640px) and (max-width: 767px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
.account-navigation .account-navigation-list li.title {
  margin-top: 10px;
  font-weight: bold;
}
.account-navigation .account-navigation-list li.active {
  font-weight: bold;
}
.account-navigation .account-navigation-list li a:hover,
.account-navigation .account-navigation-list li afocus {
  color: none;
}
.account-home .account-home-section {
  margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
  background: #f2f4f7;
  padding: 10px;
  text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
  height: 100px;
  padding: 10px;
  border: 1px solid #f2f4f7;
  border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
@media (max-width: 767px) {
  .account-home .account-home-section {
    margin-bottom: 10px;
  }
  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }
  .account-home .account-home-section .account-home-section-content ul li a {
    padding: 10px;
    display: block;
  }
  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eee;
  }
}
.account-section .pagination-bar {
  margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  border-bottom: none;
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar form {
  padding: 0;
}
.account-section .pagination-bar .pagination-bar-results {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid #cccccc;
}
@media (max-width: 767px) {
  .account-section .pagination-bar .pagination-bar-results {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
  }
}
.account-section .pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
  border: none;
}
@media (max-width: 767px) {
  .account-section .pagination-bar .pagination-toolbar {
    margin: 0;
  }
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-overview-table,
  .account-section div.responsive-table {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.account-section .account-section-header {
  color: #154259;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .account-section .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-header.account-section-header-secondary {
  color: #19212b;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  padding-bottom: 10px;
}
.account-section .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
.account-section .account-section-header__subheadline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
  text-transform: none;
}
.account-section .account-orderdetail + .account-section-content .pagination-bar {
  margin-top: 0;
}
.account-section .container-lg .account-section-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .container-lg .account-section-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.account-section .account-section-content .account-section-header {
  color: #999;
  font-size: 36px;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin:0 !important;
}

.account-section .account-section-content .account-section-header .col-md-offset-2{
  margin: 0;
}
.account-section .account-section-content .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .account-section .account-section-content .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-content .account-section-header .container-lg {
  float: none;
  padding: 0 10px;
}

/*.account-section .account-section-content .account-section-form {
  margin: 40px 0;
}*/
.account-section .account-section-content .account-section-form .accountActions {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .account-section .account-section-content .account-section-form .accountButtons:last-child {
    padding-top: 20px;
  }
}
.account-section .account-section-content .account-section-form form {
  padding: 0;
}
.account-section .account-section-content form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .account-section-content form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content form .accountActions-bottom {
  padding: 0;
}
.account-section .account-section-content #addNewPermissionForm .account-select-form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .account-section-content #addNewPermissionForm .account-select-form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content.content-empty {
  margin: 45px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .account-section-content.content-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .help-block {
  font-size: 14px;
  font-weight: normal;
  color: #c53131;
}
.account-section .account-section-content .account-orderhistory-pagination {
  padding-top: 10px;
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar form {
  padding: 0;
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
  margin: 0;
}
.account-section .account-section-content .account-orderhistory-sort {
  background: #f2f4f7;
  padding: 10px;
}
.account-section .account-section-content table > tbody > tr > td:nth-child(2) a {
  font-weight: 600;
}
.account-section .account-section-content .accountActions {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
  display: inline-block;
  text-align: right;
  margin: 25px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 767px) {
  .account-section .account-section-content .disable-link,
  .account-section .account-section-content .enable-link {
    text-align: center;
    float: none;
    padding-right: 0!important;
    width: 100%;
  }
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
  background: transparent;
  border: 0 none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
  color: #929292;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
  display: inline-block;
}
.account-section .account-section-content .enable-link + .disable-link,
.account-section .account-section-content .disable-link + .enable-link,
.account-section .account-section-content .disable-link + .disable-link,
.account-section .account-section-content .enable-link + .enable-link {
  padding-left: 20px;
  position: relative;
}
.account-section .account-section-content .enable-link + .disable-link:before,
.account-section .account-section-content .disable-link + .enable-link:before,
.account-section .account-section-content .disable-link + .disable-link:before,
.account-section .account-section-content .enable-link + .enable-link:before {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  left: 10px;
  background: #cccccc;
  top: 0;
}
@media (max-width: 767px) {
  .account-section .account-section-content .enable-link + .disable-link:before,
  .account-section .account-section-content .disable-link + .enable-link:before,
  .account-section .account-section-content .disable-link + .disable-link:before,
  .account-section .account-section-content .enable-link + .enable-link:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .account-section .account-section-content .enable-link + .disable-link,
  .account-section .account-section-content .disable-link + .enable-link,
  .account-section .account-section-content .disable-link + .disable-link,
  .account-section .account-section-content .enable-link + .enable-link {
    padding-left: 0;
  }
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
  color: #ed1c24;
}
@media (max-width: 767px) {
  .account-section .account-section-content .remove-item-column {
    position: absolute;
    right: -4px;
    top: -5px;
    width: auto;
  }
  .account-section .account-section-content .restore-item-column {
    position: absolute;
    right: -4px;
    top: 50px;
    width: auto;
  }
}
.account-section .account-section-content .restore-item-link {
  text-transform: uppercase;
  font-weight: 700;
}
.account-section .account-section-content .restore-item-link .glyphicon-share-alt {
  font-size: 24px;
  padding: 13px;
  transform: scale(-1, 1);
  margin-right: 13px;
}
.account-section .account-section-content .edit-item-link {
  margin-top: 10px;
  display: block;
}
.account-section .account-section-content .remove-item-link .glyphicon-remove {
  font-size: 21px;
  padding: 0 14px;
}
@media (max-width: 767px) {
  .account-section .account-section-content .remove-item-link .glyphicon-remove {
    padding: 14px;
  }
}
.account-section .account-section-content .saved-carts-overview-table .responsive-table-item {
  position: relative;
  padding-right: 35px;
}
@media (min-width: 640px) {
  .account-section .account-section-content .saved-cart .saved-cart-name {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
  .account-section .account-section-content .saved-cart .saved-cart-description {
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
}
.account-section .account-section-action {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .account-section .account-section-action .row {
    margin: 0;
  }
  .account-section .account-section-action .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .accountActions-bottom {
  clear: both;
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .accountActions-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .account-section .accountActions-bottom .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .cancel-panel .orderBackBtn {
  padding-right: 0;
}
@media (max-width: 767px) {
  .account-section .cancel-panel .orderBackBtn {
    padding-right: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 640px) {
  .account-section .cancel-panel {
    padding-left: 0;
  }
}
.account-section .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.account-section .account-consignment {
  margin-top: 20px;
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
  margin-bottom: 30px;
}
.account-section .account-list ul {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 90%;
}
.account-section .account-list ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-section .account-list .account-list-header {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f4f4f4;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 1.5;
  margin-top: -1px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .account-list .account-list-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-list-header .account-list-header-add {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.account-section .account-list .account-cards {
  border-left: 1px solid #cccccc;
  padding: 0 10px;
}
.account-section .account-list .account-cards.card-select {
  border-top: 1px solid #cccccc;
}
.account-section .account-list .account-cards .account-cards-actions {
  display: inline-block;
  width: 10%;
}
.account-section .account-list .account-cards .account-cards-actions .glyphicon {
  font-size: 24px;
  margin-bottom: 20px;
}
.account-section .account-list .account-cards .account-cards-actions .edit-item .glyphicon {
  margin-top: 3px;
}
@media (min-width: 640px) {
  .account-section .account-list .account-cards .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.account-section .account-list .account-cards .card,
.account-section .account-list .account-cards .search-empty {
  list-style: none;
  border-left: 0;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 30px 30px 25px;
  margin-bottom: 0;
  min-height: 150px;
  clear: both;
}
.account-section .account-list .account-cards .card span,
.account-section .account-list .account-cards .search-empty span {
  padding: 0;
  text-align: right;
}
.account-section .account-list .account-cards .card > ul > li,
.account-section .account-list .account-cards .search-empty > ul > li {
  margin-bottom: 3px;
}
.account-section .account-list .account-cards .card > ul > li:first-child,
.account-section .account-list .account-cards .search-empty > ul > li:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links,
.account-section .account-list .account-cards .search-empty .action-links {
  float: right;
  height: 50px;
  width: 50px;
  margin-right: -15px;
  margin-top: -15px;
  text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-pencil {
  font-size: 20px;
  color: #929292;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-pencil {
  color: #ec7205;
}
@media (max-width: 767px) {
  .account-section .account-list .account-cards .card,
  .account-section .account-list .account-cards .search-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-set-default-address {
  position: absolute;
  left: 25px;
  bottom: 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #ec7205;
  background: transparent;
  padding: 0;
  border: 0 none;
}
@media (max-width: 767px) {
  .account-section .account-list .account-set-default-address {
    left: 20px;
  }
}
.account-section .continue__shopping,
.account-section .orderBackBtn {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-section .continue__shopping,
  .account-section .orderBackBtn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
}
.account-profil .account-profil-info {
  margin: 0 0 10px;
}
.account-profil .account-profil-info .account-profil-info-line {
  line-height: 2em;
}
.account-profil .account-profil-info .account-profil-info-line span {
  display: inline-block;
  width: 100px;
}
.account-profil a.btn {
  margin-top: 10px;
}
.account-profil .btn + .btn {
  margin-left: 10px;
}
.account-orderdetail.well {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .account-orderdetail .item-list .item-list-item .item-total {
    padding-right: 30px;
  }
}
.account-orderdetail .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-orderdetail .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail .col-sm-9 > .col-sm-4:nth-child(3n+1) {
  clear: both;
}
.account-orderdetail .order-savings {
  color: #00a651;
  font-weight: 700;
  padding: 10px 10px 25px 0;
}
.account-orderdetail .order-savings + .order-savings {
  padding-top: 0;
}
.account-orderdetail .item-box {
  background: #afb2b5;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .order-data {
  background-color: #F2F4F7;
  padding: 10px;
}
.account-orderdetail .orderDetail_itemHeader {
  font-size: 20px;
  background-color: #f4f4f4;
  padding: 10px 20px;
}
.account-orderdetail .button-panel {
  float: right;
  max-width: 200px;
}
.account-orderdetail .account-orderdetail-item-section-body ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.account-orderdetail .account-orderdetail-item-section-body ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li + li {
  border-top: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul .thumb {
  float: left;
  margin-right: 10px;
  max-width: 100px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .price-total {
  float: right;
  padding-right: 10px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .details .name {
  font-weight: bold;
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
  color: #33cc33;
}
@media (min-width: 768px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 22px;
  }
}

.account-orderdetail .account-orderdetail-item-section-body ul .promo li {
  border-bottom: 0;
}
.account-orderdetail .account-orderdetail__footer {
  padding-top: 55px;
}
.account-orderdetail .account-orderdetail__footer > div {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .account-orderdetail .account-orderdetail__footer > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-orderdetail .orderTotal {
  font-size: 18px;
  line-height: 38px;
  margin-bottom: 20px;
}
.account-orderdetail .orderTotal .text-right {
  font-weight: 700;
}
.account-orderdetail .orderTotal .totals {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
}
.account-orderdetail .order-store-address .order-track-number,
.account-orderdetail .order-store-hours .order-track-number {
  color: #ed1c24;
}
.account-orderdetail .order-billing-address ul {
  padding: 0;
}
.account-orderdetail .order-billing-address ul li {
  list-style: none;
}
.account-orderdetail .order-billing-address .label-order,
.account-orderdetail .order-payment-data .label-order,
.account-orderdetail .order-ship-to .label-order,
.account-orderdetail .order-shipping-method .label-order,
.account-orderdetail .order-tracking-no .label-order,
.account-orderdetail .order-store-address .label-order,
.account-orderdetail .order-store-hours .label-order {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 2px;
}
.account-orderdetail .order-billing-address .value-order-date,
.account-orderdetail .order-payment-data .value-order-date,
.account-orderdetail .order-ship-to .value-order-date,
.account-orderdetail .order-shipping-method .value-order-date,
.account-orderdetail .order-tracking-no .value-order-date,
.account-orderdetail .order-store-address .value-order-date,
.account-orderdetail .order-store-hours .value-order-date {
  display: inline-block;
  min-width: 15%;
}
.account-orderdetail .value-order {
  overflow: hidden;
  text-overflow: ellipsis;
}



@media only screen and (max-width: 767px) {

.novo-voucher {
  width: 295px !important;
 

}



  .account-orderdetail .order-shipping-method,
  .account-orderdetail .order-tracking-no,
  .account-orderdetail .order-payment-data,
  .account-orderdetail .order-store-hours {
    padding-top: 20px;
  }
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section {
  clear: both;
  margin-bottom: 20px;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-total__taxes {
  text-align: right;
}
.account-address-removal-popup .address {
  margin-top: 20px;
}
.account-address-removal-popup .btn {
  margin-top: 10px;
}
.savedcart_restore_confirm_modal .restore-current-cart-form {
  margin-top: 40px;
}
.not-active {
  pointer-events: none;
  cursor: default;
  font-weight: normal !important;
  color: black !important;
}
.quick-view-popup .product-image {
  float: left;
  width: 33%;
}
.quick-view-popup .product-image a {
  display: block;
}
.quick-view-popup .product-image img {
  width: 100%;
  height: auto;
}
.quick-view-popup .product-details {
  margin-left: 33%;
  padding-left: 20px;
}
.quick-view-popup .product-details .name {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .product-details .rating:after {
  clear: none;
}
.quick-view-popup .product-details .price {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .addtocart-component {
  clear: both;
  padding-top: 20px;
}
table {
  width: 100%;
}
table th {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #008c4e;
  color: #ffffff;
  padding: 8px 10px;
  vertical-align: top;
}
table th:last-child {
  text-align: right;
}
table td {
  padding: 20px 10px;
  vertical-align: top;
}
.responsive-table th:first-child {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .responsive-table th:first-child {
    padding-left: 20px;
  }
}
.responsive-table th:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .responsive-table th:last-child {
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .responsive-table td:nth-child(2) {
    padding-left: 20px;
  }
}
@media (min-width: 768px) {
  .responsive-table td:nth-child(2) {
    padding-left: 30px;
  }
}
.responsive-table td:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .responsive-table td:last-child {
    padding-right: 20px;
  }
}
.responsive-table-item {
  padding: 10px;
}
@media (max-width: 767px) {
  .responsive-table-item {
    padding: 10px 20px;
  }
}
.responsive-table-item:nth-child(even) {
  background-color: #f2f2f2;
}
.responsive-table-item a.responsive-table-link {
  color: #ec7205;
}
.responsive-table-item a:hover,
.responsive-table-item a:focus {
  color: #154259;
}
.responsive-table-item td:last-child {
  text-align: right;
}
@media (max-width: 767px) {
  .responsive-table-item {
    display: block;
  }
  .responsive-table-item .status strong {
    display: block;
  }
  .responsive-table-item td {
    display: inline-block;
    width: 40%;
    padding: 3px 10px;
  }
  .responsive-table-item td:last-child {
    text-align: left;
  }
  .responsive-table-item td.responsive-table-cell {
    width: 55%;
  }
  .responsive-table-item td.responsive-table-cell-bold {
    font-weight: 600;
  }
}
input[type="radio"],
input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 20px;
}
label {
  color: #008C4F;
  font-weight: 600;
  font-size: 12px;
}
.form-control:focus {
/*  border-color: #5adfd9;
*/  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #b9bdc2;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #b9bdc2;
}
select.form-control {
  /*text-transform: uppercase;*/
  font-size: 13px;
  font-family:petrobras_sansitalic;

}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background: #FFFFFF;
  border: none;
}
.has-error .control-label {
  color: #153a59;
}
.has-error input.form-control {
  background: #f6e0e0;
  border-color: #c53131;
}
.has-error .help-block {
  font-weight: 600;
  color: #c53131;
}
.has-success .control-label {
  color: #153a59;
}
.has-success input.form-control {
  background: transparent;
  border-color: #cccccc;
}
.has-success .help-block {
  font-weight: 600;
  color: #00a651;
}
legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon {
  top: 32px;
  right: 10px;
  color: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .form-element-icon.datepicker .glyphicon {
    top: 38px;
  }
}
.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}
fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}
.legend {
  margin-bottom: 20px;
}
textarea {
  min-height: 245px;
}
textarea + .help-block {
  font-size: 12px;
  margin-bottom: 25px;
  text-align: right;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.product-details-toggle {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  padding-right: 20px;
}
.product-details-toggle.name {
  font-weight: 600;
}
.product-details.open .product-details-toggle {
  margin-bottom: 0;
}
.product-details-toggle .glyphicon {
  position: absolute;
  right: 5px;
  font-size: 14px;
  line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before {
  content: "\e114";
}
.product-details-toggle-wrap {
  display: none;
}
.product-details.open + .product-details-toggle-wrap {
  display: block;
}
.product-details-toggle-wrap .product-details {
  font-size: 22px;
}
.product-details-toggle-wrap img {
  width: 175px;
  margin: 0 30px 35px 0;
  float: left;
}
@media (min-width: 640px) {
  .product-details-toggle-wrap .product-details {
    text-align: right;
  }
}
@media (max-width: 767px) {

  #colorbox {
    top: 15px !important;
  }
  .product-details-toggle {
    padding: 0 25px 0 10px;
  }
  .product-details-toggle .glyphicon {
    right: 10px;
  }
  .product-details-toggle-wrap {
    margin: 0;
  }
  .product-details-toggle-wrap img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .product-details-toggle-wrap .product-details {
    margin-bottom: 20px;
  }
}
.product-action {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .product-action {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-action ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-action ol li {
  font-size: 18px;
  float: right;
  margin: 15px 0 15px 20px;
  line-height: 48.85714286px;
}
.product-action #total-price {
  font-size: 18px;
  font-weight: 600;
}
.product-action div {
  float: left;
  margin: 15px 0;
  line-height: 48.85714286px;
}
@media (max-width: 767px) {
  .product-action {
    margin-bottom: 0;
  }
  .product-action ol li {
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .product-action ol li,
  .product-action .btn {
    width: 100%;
  }
  .product-action div {
    float: none;
    line-height: 1.42857;
    margin-bottom: 0;
  }
}
.update-future-stock {
  text-align: right;
  padding: 20px 7px 15px 0;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
  font-size: 13px;
  font-weight: 700;
}
.update-future-stock .hide_future_stock_info {
  display: none;
}
.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
  font-size: 13px;
  line-height: 20px;
  width: 60px;
  padding: 9px 10px;
  margin: 5px 0 3px;
  border: 1px solid #cccccc;
  text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
  display: block;
  padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
  color: #929292;
  font-size: 13px;
  font-weight: 600;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
  margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
  font-size: 15px;
  font-weight: 700;
}
.product-grid-container table td .price {
  font-size: 15px;
  font-weight: bold;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
  opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
  opacity: 0.3;
  background-color: #fff;
}
@media (min-width: 640px) {
  .add-to-cart-order-form-wrap {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
  }
  .add-to-cart-order-form-wrap::after {
    background-color: white;
    bottom: 0;
    content: "";
    height: 17px;
    position: absolute;
    width: 100%;
  }
  .add-to-cart-order-form-wrap::before {
    background-color: white;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
  }
  .add_to_cart_order_form {
    overflow: scroll;
    max-height: 907px;
  }
  .order-form-scroll {
    cursor: pointer;
    background-color: none;
    opacity: 0.4;
    color: #fff;
    text-align: center;
    position: absolute;
    display: none;
  }
  .order-form-scroll.right {
    width: 50px;
    height: 75px;
    line-height: 75px;
    right: 0px;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.left {
    width: 50px;
    height: 75px;
    line-height: 75px;
    left: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.up {
    width: 75px;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .order-form-scroll.down {
    width: 75px;
    height: 50px;
    line-height: 50px;
    bottom: 17px;
    left: 50%;
    margin-left: -35px;
  }
  .product-grid-container-dim-3,
  .product-grid-container-dim-2 {
    width: 100%;
  }
  .product-grid-container table {
    border-bottom: 1px solid #e5e5e5;
  }
  .product-grid-container table:nth-child(2n) {
    background: #f2f2f2;
  }
  .product-grid-container table tr:first-child > th:first-child {
    border-right: 1px solid #d3d3d3;
    white-space: nowrap;
  }
  .product-grid-container table tr > td:first-child {
    border-right: 1px solid #e5e5e5;
    padding-top: 20px;
  }
  .product-grid-container table th {
    text-align: center;
  }
  .product-grid-container table td {
    text-align: center;
    padding: 25px 10px 15px;
    vertical-align: top;
    max-width: 200px;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .add-to-cart-order-form-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #cboxContent .sku-quantity {
    font-size: 16px;
  }
  .product-grid-container {
    font-size: 16px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .product-grid-container table {
    table-layout: fixed;
    width: 100%;
  }
  .product-grid-container table tr td {
    border-bottom: 1px solid #e5e5e5;
  }
  .product-grid-container table tr .variant-detail {
    width: 60%;
    padding: 15px 0 15px 20px;
  }
  .product-grid-container table tr .variant-detail img {
    float: left;
    padding-right: 20px;
  }
  .product-grid-container table tr .variant-detail .description {
    padding: 12px 0;
  }
  .product-grid-container table tr .variant-select {
    width: 40%;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
    vertical-align: middle;
  }
  .product-grid-container table .hidden-size {
    display: none;
  }
  .product-grid-container table .variant-summary {
    display: none;
    background-color: #e5e5e5;
  }
  .product-grid-container table .variant-summary .variant-summary-items {
    margin: 15px 0;
  }
  .product-grid-container table .variant-summary tr td {
    padding: 0 20px;
    font-weight: bold;
  }
  .product-grid-container table .variant-summary tr td:last-child {
    text-align: right;
  }
  .product-grid-container table .variant-summary tr:first-child td {
    font-weight: normal;
  }
  .product-grid-container table .variant-summary span {
    display: none;
  }
  .product-grid-container table .editSize {
    display: none;
  }
  .product-grid-container table.selected .variant-summary {
    display: table-row;
  }
  .product-grid-container table.selected .editSize {
    display: inline;
  }
  .product-grid-container table.selected .selectSize {
    display: none;
  }
  .variantSelectMobile #cboxLoadedContent {
    overflow: visible!important;
    padding-left: 0;
    padding-right: 0;
  }
  .variantSelectMobile #cboxContent table {
    width: 100%;
  }
  .variantSelectMobile #cboxContent table td {
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 25px 0 10px 0;
  }
  .variantSelectMobile #cboxContent table td:first-child {
    width: auto;
  }
  .variantSelectMobile #cboxContent table td:nth-child(2n+2) {
    background: #f2f2f2;
  }
  .variantSelectMobile #cboxContent .product-grid-container {
    margin: 0;
  }
  .variantSelectMobile #cboxContent .orderForm_grid_group {
    position: relative;
  }
  .variantSelectMobile #cboxContent .update-future-stock {
    position: absolute;
    margin-left: -65px;
    left: 50%;
    top: 100px;
  }
  .variantSelectMobile #cboxContent .variant-detail {
    padding: 0 0 60px 0;
  }
  .variantSelectMobile #cboxContent .variant-detail img {
    display: inline-block;
    max-width: 200px;
    float: none;
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description {
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description > div {
    display: inline;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions {
    padding: 20px;
    border-bottom: none;
    background-color: #fff !important;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions .btn {
    width: 100%;
  }
  .variantSelectMobile #cboxContent .variant-select,
  .variantSelectMobile #cboxContent .variant-summary {
    display: none;
  }
  .variantSelectMobile #cboxContent .variant-prop > span {
    font-weight: 400;
  }
  .variantSelectMobile #cboxContent .sku-quantity {
    font-weight: 400;
    line-height: 60px;
    width: 120px;
    height: 80px;
  }
}
.quick-order__introduction {
  padding-top: 13px;
  margin-top: 10px;
  line-height: 22px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .quick-order__introduction {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .quick-order__introduction {
    margin-bottom: 10px;
  }
}
.quick-order__actions {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .quick-order__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .quick-order__actions .pull-right {
    float: none!important;
  }
}
.quick-order__add-to-cart-btn {
  margin-top: 10px;
}
.quick-order__add-to-cart-btn .btn {
  width: 100%;
}
.quick-order__reset-link {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.375;
  border: none;
  background-color: transparent;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 13px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .quick-order__reset-link {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    padding-top: 5px;
  }
}
.quick-order__list {
  margin-top: 10px;
}
.quick-order__list.item-list .item-list-item:last-child {
  padding-right: 0;
}
@media (min-width: 768px) {
  .quick-order__list.item-list .item-remove {
    padding-right: 30px;
    width: 64px;
  }
}
#quickOrder .item-list .item-info {
  width: auto;
}
@media (min-width: 768px) {
  #quickOrder .item-quantity {
    text-align: left;
  }
}
@media (min-width: 768px) {
  #quickOrder .item-sku-input input {
    max-width: 300px;
  }
}
@media (min-width: 768px) {
  #quickOrder .item-list-header .item-sku-input {
    width: 25%;
  }
}
@media (max-width: 767px) {
  #quickOrder .item-list-header .item-sku-input {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 767px) {
  #quickOrder .item-list-header .item-info {
    width: 20%;
  }
}
#quickOrder .item-list-header .item-total-column {
  text-align: left;
}
#quickOrder .item-list-header li:first-child {
  padding-left: 30px;
}
#quickOrder .item-sku-input {
  padding-left: 30px;
  width: 25%;
}
@media (max-width: 767px) {
  #quickOrder .item-sku-input {
    padding-left: 20px;
    margin: 0 0 10px;
    width: 100%;
  }
}
#quickOrder .item-list-item:nth-child(odd) {
  background: #f2f2f2;
}
#quickOrder .item-list-item:nth-child(4n+4) {
  background-color: transparent;
}
@media (max-width: 767px) {
  #quickOrder .item-list-item {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 768px) {
  #quickOrder .item-list-item .item-info {
    width: 20%;
  }
}
#quickOrder .item-list-item .item-info .item-name {
  display: block;
  padding-right: 20px;
}
@media (max-width: 767px) {
  #quickOrder .item-list-item .item-quantity {
    padding-top: 10px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  #quickOrder .item-list-item .item-total {
    text-align: left;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  #quickOrder .item-list-item .item-total {
    float: left;
  }
}
.account-section .account-section-content .import-csv__form {
  padding: 0;
}
.import-csv__well {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .import-csv__well {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.import-csv__file-spec {
  padding-top: 15px;
}
.import-csv__file-spec-item {
  padding-top: 5px;
}
.import-csv__file-upload {
  padding-top: 20px;
}
.import-csv__actions {
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .import-csv__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .import-csv__file-upload {
    border-left: 1px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .import-csv__well {
    margin: 0;
  }
}
.file-upload {
  margin-top: 15px;
}
.file-upload__label {
  display: block;
}
.file-upload__wrapper {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.file-upload__input {
  position: absolute;
  right: -3px;
  top: -3px;
  bottom: -3px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
.file-upload__file-name {
  font-size: 16px;
  display: inline-block;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  position: relative;
  top: 8px;
}
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  .breadcrumb-section {
    border-top: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 4%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 18.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .footer__left {
    width: 100%;
  }
  .footer__right {
    display: none;
  }
  .owl-wrapper {
    width: 100% !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 25%!important;
    display: none!important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
    display: block!important;
  }
  .owl-controls {
    display: none!important;
  }
  .cart-voucher,
  .cart-actions--print {
    width: 100% !important;
  }
  .image-gallery__image,
  .image-gallery__image .owl-wrapper,
  .image-gallery__image .owl-wrapper .owl-item {
    width: 190%!important;
  }
  .tabs .tabhead + .tabbody {
    display: block!important;
  }
  .back-link .label {
    border: 0;
  }
  .carousel-component {
    overflow: hidden;
    height: 320px;
  }
}
.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}




/* new custom styles */

.bricon
{
  margin: 5px;
  width: 100px;
  background: url(../images/logo-br.png) center 0 no-repeat;
  top: -20px;
  position: relative;
  left: -60px;
}



.nav-aux {
    position: relative;
    z-index: 1;
    height: 58px;
    padding-top: 10px;
    max-width: 1088px;
    margin: 0 auto;
 
}    

#central-atendimento {
    width: auto;
    height: 15px;
    line-height: 18px;
    display: inline-block;
    position: relative;
    top: -25px;
    font-size: 13px;
    color: #999;
    font-family: petrobras_sansbold;
    width: 250px;
        padding-left: 20px;
}

.busca-header .btn-link {
  margin-left:-10px !important;
}
.bricon { 
  
 }

#central-atendimento:hover {
color: #a8b300
}
#central-atendimento:after {
    content: ' ';
    position: relative;
    right: -5px;
    border: 1px solid #ededed;
    height: 22px
}

.busca-header {

  width: 174px;
    vertical-align: top;
    top: 15px;
    outline: 0;
    position: relative;
   float: right;

}

.busca-header input{
   background: #f1f1f1;
    background: none;
    position: relative;
    border: none;
    border-bottom: 1px solid #55b28a;
    color: #ffffff;
    font-size: 12px;
    padding: 0 10px;
    height: 21px;
    line-height: 21px;  
    width: 174px !important;
    font-family: petrobras_sansregular;
    border-radius: 0px;
}


/*
.busca-header:after {
    content: ' ';
    position: relative;
    border: 1px solid #ededed;
    height: 22px;
    right: -230px;
    top: -40px;    
}*/

.glyphicon.glyphicon-search:before{

     color: #777777;
    bottom: 5px;
    position: relative;
    padding: 3px;
    border-radius: 5px;
    font-size: 20px;
}

.glyphicon-phone-alt:before {
  font-family: 'Glyphicons Halflings';
  letter-spacing: 8px;
}

#header #central-atendimento a:hover {
    color: #a8b300
}

#central-atendimento .glyphicon.glyphicon-phone-alt:before {
    background-position: -176px -573px;
    width: 20px;
    height: 15px

}

#offline .item.access {
    width: 235px;
}

 #offline,#header-buttons {
    width: 253px;
    display: inline-block;
    position: absolute;
    text-align: center;
    
    right: 0px;
    text-align: right;
    margin-top: 8px;

}
 #offline .or {
    width: 50px;
    text-align: center;
    padding-top: 35px;
    font-size: 18px;
    color: #666
}
 #offline .item,
 #offline .or {
    display: inline-block;
    font-family: petrobras_sansbold
}
 #offline .item {
    border-radius: 0px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 95px;
    padding: 12px;
    background: none;
    border: none;
    vertical-align: top
}
 #offline .item.register {
      width: 235px
}


.busca-header {
      width: 174px;
}
#offline .item .bt.login:hover {
    background: linear-gradient(#1b6d3c,#238453);
   
}
 #offline .item.access .title {
    color: #666;
    font-family: petrobras_sansbold;
    font-size: 16px;
    display: inline-block;
    border-right: 1px solid #d6d6d6;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: .7
}
 #offline .item.access .link {
    display: inline-block
}
 #offline .item.access .link:hover {
    color: #23729f
}
 #offline .item.access .btn-login {
    background: #619020;
    background: linear-gradient(#a3bf2e, #619020);
    border-radius: 8px;
    position: relative;
    border: 1px solid #c8ded4;
    color: #fff;
    padding: 5px 8px 8px;
    cursor: pointer;
}

#offline .item.access {
    width: 290px;
}

 #offline .item.access .btn-login:hover {
    background: #238453;
    background: linear-gradient(#1b6d3c, #238453);
    position: relative
}
 #offline .item.access .error {
    display: inline-block;
    font-size: 10px;
    margin-top: 5px;
    margin-left: 10px;
    margin-left: -20px;
    margin-right: 25px
}
 #offline .item.access .step-2 .g-recaptcha {
    margin: 7px 0 0;
    transform: scale(.75)!important;
    -webkit-transform: scale(.75);
    transform-origin: 0 0!important;
    -webkit-transform-origin: 0 0!important
}
 #offline .item.access .bt-next {
    background: #008C4F;
    border: none;    
    position: relative;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14 px;
    display: inline-block;
    vertical-align: top;
    height: 32px;
    width: 270px;
    line-height: 24px;
    text-align: left;
}


.bt-next2 {
    background: #008C4F;
    border: none;    
    position: relative;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    height: 32px;
    width: 270px;
    line-height: 24px;
    text-align: left;
}


#box-login {
        width: 600px;
    /* padding: 18px 12px 0; */
    height: 115px;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 15px;
    right: -25px;
    z-index: 60;
}
#box-login .item {
    border-radius: 9px;
    position: relative;
    height: 70px;
    padding: 12px;
    background: #f2f2f2;
    border: 1px solid #d0d0d0;
    display: inline-block;
    vertical-align: top;
    font-family: petrobras_sansregular
}
#box-login .item.user {
    width: auto;
    height: 100px;
}

#box-login .item.user .foto {
    border-radius: 5px;
    width: 72px;
    height: auto;
    display: inline-block;
    overflow: hidden;
    position: relative
}
#box-login .item.user .foto img {
    width: 100%;
    height: auto
}

#header {
    max-width: 1024px;
    height: 35px;
    line-height: 35px;
    background: #ffffff;
    text-align: right;
    position: relative;
    margin: 0 auto;
}

#box-login .item.user .foto .alterar {
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #e4e3e3;
    display: inline-block;
    bottom: -20px;
    left: 0;
    font-size: 11px;
    font-family: petrobras_sansregular;
    color: #3d9dcd;
    text-decoration: underline;
    cursor: pointer
}
#box-login .item.user .foto:hover .alterar {
    bottom: 0
}
#box-login .item.user .nome {
    width: 225px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-left: 10px;
    font-family: petrobras_sansregular;
    color: #636363
}
#box-login .item.user .nome span {
    font-family: petrobras_sansbold
}
#box-login .item.user .nome .nav-usuario {
        border-radius: 10px;
    width: 215px;
    padding: 0 13px;
    position: relative;
    margin-top: 8px;
    display: inline-block;
    background: #fff;
    border: 1px solid #cfcfcf;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    font-family: petrobras_sansregular;
}

#box-login .glyphicon {
      line-height: 35px;
}

.busca-header .glyphicon {
      line-height: 18px;
}
#box-login .item.user .nome .nav-usuario.opened {
    border-radius: 10px 10px 0 0;
    position: relative
}
#box-login .item.user .nome .nav-usuario.opened .arrow {
    border-radius: 0 10px 0 0;
    position: relative;
    position: absolute
}
#box-login .item.user .nome .nav-usuario.opened .arrow span {
    background-position: 0 0
}
#box-login .item.user .nome .nav-usuario .label {
    font-family: petrobras_sansregular;
    font-size: 14px;
    color: #636363    
}

#box-login .item.user .nome .nav-usuario ul li.sair {
    border-radius: 0 0 10px 10px;
    background: #5a5a5a;
    background: linear-gradient(#989898, #5a5a5a);
    position: relative;
    color: #fff;
    text-align: center;
    border: 0;
    cursor: pointer;
    padding: 0
}

#box-login .item.user .nome .nav-usuario .arrow {
    border-radius: 0 10px 10px 0;
    background: #6b9821;
    background: linear-gradient(#adce28, #6b9821);
    position: relative;
    position: absolute;
    width: 42px;
    height: 42px;
    right: -1px;
    top: -1px;
    text-align: center
}

#box-login .item.user .nome .nav-usuario .arrow span {
    width: 15px;
    height: 7px;
    display: inline-block;
    margin-top: 9%;
    margin-left: 80%;}
#box-login .item.user .nome .nav-usuario ul {
    border-radius: 0 0 10px 10px;
    position: relative;
    display: none;
    width: 223px;
    border-top: 0;
    position: absolute;
    list-style-type: none;
    z-index: 50;
    left: -1px;
    top: 42px
}
#box-login .item.user .nome .nav-usuario ul li {
    background: #fff;
    background: linear-gradient(#f4f4f4, #fff);
    position: relative;
    color: #999;
    padding: 0 15px;
    text-transform: uppercase;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    font-family: petrobras_sansregular;
    font-size: 12px
}
#box-login .item.user .nome .nav-usuario ul li a {
    color: #999;
    text-decoration: none;
    font-family: petrobras_sansregular;
    display: block
}
#box-login .item.user .nome .nav-usuario ul li.sair {
    border-radius: 0 0 10px 10px;
    background: #5a5a5a;
    background: linear-gradient(#989898, #5a5a5a);
    position: relative;
    color: #fff;
    text-align: center;
    border: 0;
    cursor: pointer;
    padding: 0
}
#box-login .item.user .nome .nav-usuario ul li.sair a {
    color: #fff;
    display: block;
    text-decoration: none
}
#box-login .item.user .nome .nav-usuario ul li.sair span {
    color: #fff;
    font-family: petrobras_sansbold;
    font-size: 16px;
    position: absolute;
    left: 14px;
    top: 0
}
#box-login .item.seu-saldo {
            width: 250px;
    height: 100px;
    margin-left: 10px;
}
#box-login .item.seu-saldo p.saldo {
    font-size: 15px;
    color: #636363;
        margin-bottom: 0px;
}
#box-login .item.seu-saldo p.pontos {
    height: 31px;
    line-height: 31px;
    color: #444;
   /*padding: 9px 0 7px;*/
    font-family: petrobras_sansbold;
    font-size: 14px
}
#box-login .item.seu-saldo p.pontos .qtd {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    border: 1px solid #d3d3d3;
    width: 110px;
    padding: 0 9px;
    font-size: 18px;
    color: #666;
    margin-right: 9px;
    text-align: right;
    vertical-align: middle
}
#box-login .item.seu-saldo ul li {
        display: inline-block;
    height: 6px;
    line-height: 13px;
    vertical-align: top;
    margin-top: -5px;
}
#box-login .item.seu-saldo ul li.divisao {
    border-left: 1px solid #ccc;
    margin: 0 7px
}
#box-login .item.seu-saldo ul li a {
    font-size: 11px
}

.bt {
        margin: 30px 0;
    }
    .bt.amarelo-laranja {
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        padding: 0 35px
    }
    .bt.cinza {
        height: 35px;
        line-height: 37px;
        font-size: 12px;
        margin: 30px 0;
        padding: 0 20px
    }
    .bt.cinza .ico-mais {
        margin: 6px 0 0 4px;
        width: 17px;
        height: 17px;
        line-height: 17px
    }
    .bt.gray,
    .bt.green,
    .bt.orange {
        font-size: 11px
    }
    .bt-pontos,
    .bt-pontos div {
        line-height: 29px
    }
    .bt-pontos div {
        height: 29px;
        font-size: 15px
    }

.saldoHref {
    text-decoration: underline;
    color: #3398cc
}

/*início do responsivo*/

@media only screen and (min-width: 768px) and (max-width: 1088px) {
    #offline {
      margin-right: 10px;
    }

    #box-login .item.user .nome .nav-usuario .arrow span {
         margin-top: 12%;
    margin-left: 78%;
    }

    .nav-usuario .arrow a {
    width: 150px !important;
    height: 34px !important;
    position: absolute;
    right: 0px;
}

#box-login .item.user .nome .nav-usuario .arrow span {

}

    .topspace .col-md-4 {
          margin-left: -105px;
    } 
     .login_align {
  width: 1088px;
  height: 0px;
  margin: 0 auto;
      position: static !important;
 }
     #offline .item .bt.login {
    background: #6ca424;
    background: linear-gradient(#a9c431, #6ca424);
    color: #fff;
    padding: 4px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    position: relative;
    padding-bottom: 16px;
    height: 45px !important;
}
    #box-login {
          right: -55px;
          top: 60px;
          height: 76px;
    }
    #box-login .item.user {
      width: 238px;
      height:76px;
    }
    #box-login .item.user .nome {
      width: 140px;
    }

    #box-login .item.seu-saldo ul li a {
      font-size: 8px;
    }
    #box-login .item.seu-saldo ul {
          padding-left: 0px;
    }
    #box-login .item.seu-saldo {
      width: 177px;
      height: 76px;
    }

    #box-login .item.seu-saldo p.pontos .qtd {
      font-size: 14px;
    width: 80px;
    padding: 1px 7px;
    margin-right: 6px;
    height: auto;
    line-height: initial;
    }
    #box-login .item.seu-saldo p.pontos {
          margin-top: 0px;
              margin-bottom: 5px;
    }
    #box-login .item.user .foto {
          width: 55px;
    height: 53px;
    }
    #box-login .item.seu-saldo p.saldo {
      font-size: 11px;
          margin-top: -5px;
    }
    .menuContainer {
        width: 140px !important;
        position: relative!important;

        right: 8px!important;
        font-size: 10px !important;
        top: -2px!important;

    }
    #menupos1 a {
      font-size: 10px !important;
    }
    #box-login .item.user .nome .nav-usuario {
          width: 148px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    margin-top: 0px;
    }

   #box-login .item.user .nome .nav-usuario .arrow {
      position: absolute;
    width: 33px;
    height: 34px;
    }

    #offline .item .bt.login .title {
          font-size: 16px !important;
    line-height: 27px !important;
    }
    header .col-md-6 {
    /*width: 530px !important;*/
    }
    .input-group-btn {
      top: -3px;
    }
    .bricon {
      background-size: 79px 17px;
      width: 80px;
      margin: 7px 0 0 0;
          left: -90px;
    }
    .busca-header input {
          height: 16px !important;
          width: 160px !important;  
          font-size: 10px !important;
    }
    .glyphicon {

    font-size: 13px !important;
    }
    #central-atendimento {
          font-size: 10px !important;
    }
    .topspace{
            width: 965px;
    margin: 0 auto;
    position: relative;
    z-index: 60;
}

.topspace .row {
  width: 585px !important;
  margin: 0 auto;
}

    .navigation--top .nav__right .nav__links--account {
          right: 15px;
    }

    #offline .or {
        width: 30px;
        padding-top: 30px;
        font-size: 13px
    }
    #offline .item {
        height: 78px;
        padding: 9px
    }
    #offline .item.register {
        width: 180px
    }
    #offline .item.access {
        width: 235px
    }
    #offline .item.access .title {
        font-size: 12px;
        padding-right: 6px;
        margin-right: 6px;
        margin-bottom: 10px
    }
    #offline .item.access .btn-login {
        font-size: 10px !important;
        padding: 3px 5px 5px;
        top: 30px!important
    }
    #offline .item .bt.login .pts {
      font-size: 10px !important;
    }
    #offline .item.access .error {
        font-size: 8px;
        margin-left: 0;
        margin-right: 3px
    }
    #offline .item.access .step-2 .g-recaptcha {
        margin: 7px 0 0;
        transform: scale(.6)!important;
        -webkit-transform: scale(.6);
        transform-origin: 0 0!important;
        -webkit-transform-origin: 0 0!important
    }
    #offline .item input {
        padding: 5px;
        font-size: 9px
    }
    #offline .item input.cpf {
        width: 90px !important;
        height: 25px !important;
        font-size: 9px !important;
    }
    #offline .item input.password {
        width: 70px !important;
        height: 25px !important;
        font-size: 7.5px !important;
    } 
    #offline .item .link {
          font-size: 9px !important;
    }

    #offline .item .link span {
        font-size: 9px;
        margin-top: 5px
    }
    #offline .item .bt.login {
        height: 45px;

    padding: 4px !important;
    }
    #offline .item .bt.login .title {
        font-size: 16px;
        line-height: 27px
    }
    #offline .item .bt.login .pts {
        font-size: 12px;
        line-height: .4
    }
    #offline .item .bt.login .ico-arrowright-graylight-large,
    #offline .item .bt.login .ico-arrowright-yellow-large {
        top: 5px;
        right: 5px
    }
    .busca-header:after {
          right: -190px;
    top: -44px;
    }
     .topspace .col-md-4 {
    margin-left: 0px !important;
 }

}


/*fim do responsivo*/
html[data-browser=Firefox]  #offline .item.access .bt-next {
    line-height: 1px;
    height: 33px
}
html[data-browser=Safari]  #offline .item.access .bt-next {
    margin-top: 3px
}
html[data-browser=MSIE]  #offline .item.access .bt-next {
    padding: 3px 10px 5px
}
/*
 #offline .item.access .bt-next:hover {
    background: #238453;
    background: linear-gradient(#1b6d3c, #238453);
    position: relative;
 */   

  #offline .item input {
    border-radius: 0px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    padding: 7px;
    font-size: 12px;
    color: #000000
  }

 #offline .item input.cpf {
    width: 270px;
}
 #offline .item input.password {
    width: 270px;
}
 #offline .item .link {
    font-family: petrobras_sansregular;
    font-size: 12px;
    color: #80aed0;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 5px
}
 #offline .item .link span {
    background: url(../images/seta_01) right 0 no-repeat;
    height: 10px;
    width: 10px;
    font-family: petrobras_sansitalic;
    font-size: 15px;
    color: #777777;
}
 #offline .item .link:hover {
    color: #23729f
}
 #offline .item .bt {
    margin: 0
}
 #offline .item .bt.login {
    background: #6ca424;
    background: linear-gradient(#a9c431, #6ca424);
    color: #fff;
    padding: 4px 0;
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    position: relative;
    padding-bottom: 16px;
    height: 55px;
}
 #offline .item .bt.login .title {
    font-family: petrobras_sansbold;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 30px
}
 #offline .item .bt.login .pts {
    font-family: petrobras_sanslight;
    font-size: 14px;
    display: block
}
.topspace
{
      margin-top: 10px;
    float: right;
    width: 600px !important;
    margin-left: auto;
    height: 170px;
        right: -40px;

}



.menuContainer{
  width:215px;
  position:relative;
  right:14px;
  top:-1px;
}

#menupos1 a {
    background: linear-gradient(#f4f4f4,#fff);
    position: relative;
    color: #999;
    padding: 0 15px;
    text-transform: uppercase;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    font-family: petrobras_sansregular;
    font-size: 12px;
}

#menupos1 a:hover {
  color: #fff;
    background: #527083;
    background: linear-gradient(#678da5,#527083);
    position: relative;
}

#menupos1 .sair {
    border-radius: 0 0 10px 10px;
    background: #5a5a5a;
    background: linear-gradient(#989898, #5a5a5a);
    position: relative;
    color: #fff;
    text-align: center;
    border: 0;
    cursor: pointer;
    padding: 0
}

#menupos1 .sair span {
    color: #fff;
    font-family: petrobras_sansbold;
    font-size: 16px;
    position: absolute;
    left: 14px;
    top: 0
}

.js-mobile-logo {
    width: 110px;
    margin: 0 auto;
    height: 45px;
    background-image: url(../images/logo-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-family: petrobras_sanslight;
    z-index: 10;
    position: relative;
}

.js-mobile-logo img {
  display: none;
}



.js-mobile-logo strong{    font-family: petrobras_sansbold; }


@media (max-width: 950px) and (min-width: 871px) {

  .navigation--top .nav__left .banner__component img {
    /*    width: 80%;*/
    margin-left: -28px;
    height: auto;
  }
  .topspace {
                right: 150px;
  }

}

@media (max-width: 870px) {

  .navigation--top .nav__left .banner__component img {
        width: 20%;
    margin-left: -28px;
    height: auto;
  }
  .topspace {
    right: 310px !important;
  }

}

.login-section .form-control  {
border-radius: 10px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ededed;
    background: #fff;
    padding: 10px 19px;
    font-family: petrobras_sansregular;
    font-size: 16px;
}


.login-section .label {
      display: block;
    color: #666;
    font-family: petrobras_sansbold;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0;
}

.login-section .btn-primary, .login-section .btn-primary:hover, .login-section .btn-primary:focus {
  background: #619020;
    background: linear-gradient(#a3bf2e,#619020) !important ;
    position: relative;
    color: #fff;
    border: none;
    border-radius: 8px !important;
    margin: 20px 0;

}



 .navigation--top .row {
  height: auto;
  margin: 0 auto;
  width: 1088px;
 }

 .login_align {
  width: 965px;
    margin: 0 auto; 
    position: relative;
    z-index: 60;

 }
 .topspace .col-md-4 {
    margin-left: -78px;
 }

 @media (max-width: 1024px) { 
  .topspace {
        right: 75px;
  }
 }

  @media (max-width: 768px)  { 
  .topspace {
            right: 330px;
  }
}

  @media (max-width: 768px) and (min-width: 767px) { 
  
  #content #filtros-extrato-pontos .col label {
        font-size: 7px !important;
  }
 }


/*made:#FAFAFA;*/

/*rodapé internas*/



#ajuda .conteudo {
  width: 980px;
    position: relative;
    margin: 0 auto;
}




#oldIE {
  width: 588px;
  height: auto;
  background-color: #f2f2f2;
  padding: 10px;
}

#oldIEBG {
  width: 100%;
  height: 100%;
  background-color: #ffffff;

}

.owl-pagination {
 
      padding: 25px 0;
    margin: -17px 0 0;
    text-align: center;
        display: inline-block;
    margin: 0 auto;
}
.owl-pagination .owl-page {
    border-radius: 30px;
    background: none;
    position: relative;
    float: left;
    width: 12.13px;
    height: 12.13px;
    display: block;
    border: 1px solid #ddd;
    cursor: pointer;
    margin: 0 auto;
    margin-right: 10px;
    box-shadow: 0px 3px 6px rgb(224,224,224,0.1);
}

.owl-pagination .active {
    border-radius: 30px;
    background: #777777!important;
    position: relative;
    float: left;
    width: 12.13px;
    height: 12.13px;
    display: block;
    border: 1px solid #777777;
    cursor: pointer;
  /*  box-shadow: 0px 3px 6px #E0E0E0;*/
}


.form-container .more-points {
      background: #165679;
    background: linear-gradient(#54a5de,#165679);
    border-radius: 10px;
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
    font-family: petrobras_sansxbold;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 20px;
    margin-right: -20px;
    display: block;
}

.cadastro-breadcrumbs .crumbs .crumbs-item.active {
    background: #79a427;
    background: linear-gradient(#bcd530,#79a427);
    position: relative;
    border-radius: 10px 0px 0px 10px;
}



.banner-bullet .owl-buttons{
     display: none;
}

.banner-arrow .owl-pagination {
     display: none;
}


/* troque seus pontos*/


.partner-row span {
      font-size: 14px;
      color: #666;
      font-family: petrobras_sanslight; 

}
.wall-list .wall-item {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 3px solid #e9e9e9;
    width: 298px;
    margin-right: 38px;
    margin-bottom: 30px;
    padding: 25px;
    position: relative;
    min-height: 450px;
    max-height: 450px;
    height: 450px;
}



.carousel__component--carousel img {
  vertical-align: middle;
  max-width: 100% !important;
  width: auto;

}

.js-owl-rotating-image-premmia img { 
  width: 100%; 
  max-width: 960px;
 /* max-height:392px;*/
}

.js-owl-rotating-image-premmia .bannerThumb img {
  height: 80px;
  width: auto;

}
.js-owl-rotating-image-multi-premmia img{
  width: auto;
  height: auto;
}

.js-owl-rotating-image-multi-premmia {
  max-width: 1088px;
  height: 460px;
  margin: 0 auto;
}

/*footer*/

#acompanhefooter {
      color: #fff;
    font-size: 18px;
    text-transform: uppercase;
        position: relative;
    top: -30px;
    cursor: auto;
}

#acompanhefooter:hover {
      font-weight:normal !important;
}

#titulosejaparceirofooter {
      color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    /*background-image: url(../images/sprite.png);*/
}

#titulosejaparceirofooter:hover {
       font-weight:normal !important;
}

#textosejaparceirofooter {
      color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 13px;
}

#linksejaparceirofooter {
  color:#00B2A9; 
    text-decoration: none;
    font-family: petrobras_sansregular;
    font-size: 14px
  }

#linksejaparceirofooter:hover {
  color: #7D9AAA;
  font-weight:normal !important;
}





.owl-next span:hover, .owl-prev span:hover {

/*  background: linear-gradient(#1b6d3c,#238453);
*/

}





.cadastro-breadcrumbs .crumbs .crumbs-item .crumbs-link:after, .cadastro-breadcrumbs .crumbs .crumbs-item .crumbs-link:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    left: 100%;
}


.cadastro-breadcrumbs .crumbs .crumbs-item .crumbs-link:before {
    border-left: 17px solid #d2d2d2;
    margin-left: 1px;
    z-index: 1;
}



/*
  class de parcerias
  


*/
.parcerias h3 {
    font-size: 36px;
    font-family: petrobras_sansxbold;
    color: #069;
    text-transform: uppercase;
}

.parcerias h4 {
  color: #666;
  font-family: petrobras_sansregular;
  font-size: 14px;
}


.account-section .form-group
{
  width: 100%;
}

.account-section input{
  text-transform:uppercase;
}

/*.account-section .account-section-form .row.radio
{
      margin-top: 5px !important;
      font: 12px petrobras_sansregular;
    margin: 0;
    color: #999;
}*/

/*.account-section .radio span
{
  float: left;
  margin-right: 30px;
  margin-top: 5px;
      min-width: 55px;
}*/

.account-section .form-caption, .register-section .form-caption{
      font-family: petrobras_sansregular;
    font-size: 14px;
    color: #606060;
}

.account-section .radio input
{
  float: left;
  width: 20px;
  font: 12px petrobras_sansregular;
    color: #999;
    height: 20px;
        margin-right: 30px;
  
}

.account-section .account-section-form .row
{
  margin-top: 30px;
}


#tabs .ui-state-active {
    background: linear-gradient(#bcd530,#79a427);
    position: relative;


}

#tabs .ui-state-active:after {

 background-image: url(../images/sprite.png);
    background-position: -555px -291px;

}
 


#tabs .ui-state-active a{
color: #ffffff;
font-family: petrobras_sansbold;
}

#tabs  li a{
color: #b8b8b8;
font-family: petrobras_sansbold;
outline: 0 !important;
}

#tabs   ul {
    background-color: #f2f2f2;
    padding: 0;
    border-radius: 10px;
}
 /*esperar o spam*/


#tabs .ui-tabs-nav li{
    position: relative;
    display: inline-block;
    padding: 19px 25px;
    font-family: petrobras_sansbold;
    font-size: 16px;
    color: #b8b8b8;
    outline: 0 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    width: 25% !important;
    margin: 0;
    border-radius: 5px;
}
#tabs li a:focus, a:hover, a {
  /*text-decoration: none;
  border: none! important;CONFLITO COM CSS HeaderOnline MEU PERFIL */
}
#tabs  .ui-tabs-nav li:hover {
   
    background-color: #f2f2f2;
    
}



.more-points {  

    display: block;
    background: linear-gradient(#54a5de,#165679);
    border-radius: 10px;
    position: absolute;
    top: -10px;
    right: 30px;
    font-family: petrobras_sansxbold;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 20px;
    margin-bottom: 2000px;
    margin-right: -20px;    
}

.more-points:after {
    content: ' ';
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 6px solid #19597d;
    margin-left: -13px;
}

.no-celphone 
{
  /*display: none;*/
}


.form-caption span.square {
    content: ' ';
    background: #91b726;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #a5b773;
}


.js-owl-rotating-image-premmia .banner-detail p {
  //margin:0 auto;
  width:        25%;
  text-align:   center;
  left:         30px;
  position:     relative;
  font-size:    19px !important;
  font-family:  petrobras_sansregular !important;
  bottom: 10px;
}
.ico_banner {
  //margin-top: 50%;
  //width: 122px;
  //margin: 0 auto;
  left: 100px;
  width: 80px;
  bottom: 30px;
  position: relative;
}


.js-owl-rotating-image-multi-premmia .banner-detail {
  display: none;
}

.account-section-form select {
    min-width: 200px;
      font-family: "petrobras_sansitalic";
    color: #606060;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #000000;
    padding: 0;
    padding-bottom: 8px;
}

.account-section-form .year select {
        min-width: 90px;

}
 
.account-section-form select[disabled] {
  border: none;
}

#tabs .ui-tabs-nav li span,#tabs .ui-tabs-nav li span:focus,#tabs .ui-tabs-nav li span:active {
      content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    margin-left: -3px  !important;
    left: 100%;
}

#lstPostos, #lstPostosSelect, #lstPostosSelect2 {
  background-color: #ffffff;
}

#tabs .ui-tabs-nav li span {
      border-left: 17px solid   #f2f2f2;
    margin-left: 1px;
    z-index: 1;

}


#tabs .ui-state-active span {
    
    background-position: -555px -291px  !important;
    background-size: 649px 625px  !important;
    width: 17px  !important;
    height: 74px  !important;
    margin-left: -1px  !important;
    top: 38px  !important;
    z-index: 99  !important;
    border: 0;
}

.postoPremiado span {
color: #999;
    font-family: petrobras_sansbold;
    font-size: 12px;}

.postoPremiado button {  

    font-size: 10px;
    line-height: 39px;
    padding: 0 6px;
    margin: 25px 0 0;
    text-transform: uppercase;
      background: #e4a313;
    background: linear-gradient(#f2cb18,#e4a313);
    position: relative;
    color: #fff;
      border: 0;
    border-radius: 10px;
}

/*posto premiado*/
#lstPostos li, #lstPostosSelect li, #lstPostosSelect2 li {
  list-style: none;
  display: block;
  //border-bottom: 1px solid #e9e9e7;
  //height: 200px;
  margin: 10px 0px;
  width: 100% !important;
}
#lstPostos .info, #lstPostosSelect .info, #lstPostosSelect2 .info {
  float: left;
  line-height: 12px;
  //max-width: 620px;
}
#lstPostos .info h4, #lstPostosSelect .info h4,#lstPostosSelect2 .info h4{
  font-family: petrobras_sansbold;
  text-transform: uppercase;
}
#lstPostos .filtro-cadastro-link button, #lstPostosSelect .filtro-cadastro-link button, #lstPostosSelect2 .filtro-cadastro-link button{
  right: 15px;
  top: 50%;
  margin: -15px 0 0;
  padding: 5px 0;
  width: 100%;
  max-width: 110px;
  height: auto;
  border: none;
  font-family: petrobras_sansbold;
  font-size: 14px;
  line-height: initial;
  color: #fff;
  background: linear-gradient(#c4c5c2,#878785);
  position: absolute;
}
#lstPostos .filtro-cadastro-link, #lstPostosSelect .filtro-cadastro-link, #lstPostosSelect2 .filtro-cadastro-link {
  display: block;
  margin: 10px 0;
  border-radius: 10px;
  border: 2px solid #F4F4F4;
  padding: 10px 0;
  text-decoration: none;
  position:   relative; 
  height: 180px;
}

    #lstPostos .info h4, #lstPostosSelect .info h4,#lstPostosSelect2 .info h4{
      font-family: petrobras_sansbold;
      text-transform: uppercase;
    }


    #lstPostos .filtro-cadastro-link button, #lstPostosSelect .filtro-cadastro-link button, #lstPostosSelect2 .filtro-cadastro-link button{
      right: 15px;
      top: 50%;
      margin: -15px 0 0;
      padding: 5px 0;
      width: 100%;
      max-width: 110px;
      height: auto;
      border: none;
      font-family: petrobras_sansbold;
      font-size: 14px;
      line-height: initial;
      color: #fff;
      background: linear-gradient(#c4c5c2,#878785);
      position: absolute;
    }

    #lstPostos .filtro-cadastro-link, #lstPostosSelect .filtro-cadastro-link, #lstPostosSelect2 .filtro-cadastro-link {
      display: block;
      margin: 10px 0;
      padding: 10px 0;
      text-decoration: none;
      position:   relative; 
      height: 135px;
      background-color: #FFFFFF;
    }

    #lstPostos .filtro-cadastro-link-selected,  #lstPostosSelect .filtro-cadastro-link-selected,  #lstPostosSelect2 .filtro-cadastro-link-selected {
      display: block;
      margin: 10px 0;
      padding: 10px 0;
      text-decoration: none;
      position:   relative; 
      height: 96px;
      background-color: #fec405;
    }

    #lstPostos .filtro-cadastro-link-selected button, #lstPostosSelect .filtro-cadastro-link-selected button, #lstPostosSelect2 .filtro-cadastro-link-selected button{
            right: 15px;
    top: 50%;
    margin: -15px 0 0;
    padding: 5px 0;
    width: 100%;
    max-width: 110px;
    height: auto;
    border: none;
    font-family: petrobras_sansbold;
    font-size: 14px;
    line-height: initial;
    color: #fff;
        background: #565656;
    background: linear-gradient(#323232,#565656);
    position: absolute;
    }

    #lstPostos a, #lstPostosSelect a, #lstPostosSelect2 a {
    font-family: petrobras_sansbold;
    font-size: 12px;
    color: #66a0cb !important;
    margin: 0;
    text-decoration: underline;
  }


#lstPostos .filtro-cadastro-link-selected,  #lstPostosSelect .filtro-cadastro-link-selected,  #lstPostosSelect2 .filtro-cadastro-link-selected {
  display: block;
  margin: 10px 0;
  padding: 10px 0;
  text-decoration: none;
  position:   relative; 
  height: 96px;
  background-color: #fec405;
}

#lstPostos .filtro-cadastro-link-selected button, #lstPostosSelect .filtro-cadastro-link-selected button, #lstPostosSelect2 .filtro-cadastro-link-selected button{
  right: 15px;
  top: 50%;
  margin: -15px 0 0;
  padding: 5px 0;
  width: 100%;
  max-width: 110px;
  height: auto;
  border: none;
  font-family: petrobras_sansbold;
  font-size: 14px;
  line-height: initial;
  color: #fff;
  background: #565656;
  background: linear-gradient(#323232,#565656);
  position: absolute;
}
#lstPostos a, #lstPostosSelect a , #lstPostosSelect2 a {
  font-family: petrobras_sansbold;
  font-size: 12px;
  color: #66a0cb !important;
  margin: 0;
  text-decoration: underline;
}
#lstPostos .bt-selected, #lstPostosSelect .bt-selected, #lstPostosSelect2 .bt-selected {
  background: linear-gradient(#323232,#565656);
}
#lstPostos .ico-posto, #lstPostosSelect .ico-posto, #lstPostosSelect2 .ico-posto {
  background-image: url(../images/sprite.png);
  background-position: -555px -126px; 
  width: 37px;
  height: 38px;
  vertical-align: middle;
  margin: 20px 25px 0 15px;
  float: left;
}
.btn-primary:focus {
  background: #e4a313;
  background: linear-gradient(#f2cb18,#e4a313) !important;
  position: relative;
  color: #fff;
  border-radius: 5px !important;
}
.postoPremiado .col-md-12{
  margin-bottom: 20px;
  color: #666;
  font-family: petrobras_sansregular;
  font-size: 14px;
}
#bg-acompanhe {
  background-image: url(../images/sprite.png) !important;
  background-position: -440px -539px;
  width: 26px !important;
  height: 16px !important;
  top: 120px;
  position: absolute;
}
#tabs .ui-state-incomplete {
  background: #FDC82F !important;
  color: #ffffff !important;
}
#tabs .ui-state-incomplete span{
  border-left: 17px solid #FDC82F !important;
  margin-left: 1px;
  z-index: 1
}
#tabs .ui-state-default div {
  width: 25px;
  float: left;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-right: 4px;
  color: #999;
  background: #d9d9d9;
  width: 24px;
  top: 5px;
  height: 24px;
  line-height: 24px;
}
#tabs .ui-state-incomplete div, #tabs .ui-state-active div {
  color: #ffffff !important;
  background: #608917 !important;
}
#tabs .ui-state-incomplete a {
  color: #ffffff !important;
}
.form-gender .more-points {
  right: 150px !important;
  display: block;
}
.form-phone .more-points {
  top: -15px !important;
  right: 40px !important;
  display: block;
}

.form-hasChildren .more-points{
  right: 120px;
}

.form-maritalStatus .more-points,.form-schoolLevel .more-points{
  right: 110px !important;
}

#sac {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  line-height: 31px;
  background: #606060;
  text-align: center;
  font-family: petrobras_sansregular;
  color: #ffffff;
  font-size: 12px;
  position: relative;
  bottom: 0;
  width: 100%;
}

#sac .divisao {
    display: none;
}

#sac a {
    color: #FFFFFF;
    text-decoration: none;
}

.preferencias input {
      width: 13px;

}

.preferencias {
      font-family: petrobras_sansregular;
    font-size: 13px;
    color: #585858;
    cursor: pointer;
}

.posto-box {
        border-radius: 10px;
    position: relative;
    border: 1px solid #e4e4e4;
    background: #f2f2f2;
    padding: 23px 14px;
}

.nav-usuario .arrow a {
      width: 215px;
    height: 42px;
    position: absolute;
    right: 0px;
}

.busca-header .form-control {
  text-transform: none !important;
}

/*small mobile*/

@media screen and (max-width: 320px) {

  .btn {
        padding: 10px 25px; 
  }

  #lstPostos .filtro-cadastro-link-selected, #lstPostosSelect .filtro-cadastro-link-selected, #lstPostosSelect2 .filtro-cadastro-link-selected {
    height: 190px !important;
  }
  .novo-voucher {
  width: 250px !important;
}
  #content #menu-extratos li:last-child {
        top: -15px;
  }
.navigation--bottom .navigation__overflow ul {
  width: 100%;
}

#tabs .ui-tabs-nav li {
          padding: 18px 10px !important;
    }

header {
    min-height: 65px;
  }


.navigation--bottom .navigation__overflow {
      width: 100%;
          left: 1px;

}

.navigation--bottom .navigation__overflow li {
      width: 100%;

}

.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
      right: 20px;

}

.navigation--middle .nav__left .site-search .input-group .btn {
      width: 40px;

}
.navigation--middle .nav__left .site-search .glyphicon-search{
      right: 10px;
}

.navigation--middle .nav__left .site-search .input-group {
      width: 300px;
margin-left: 7px; 
}
}
@media screen and (max-width: 568px) and (min-width: 450px) {

   .mobile-menu .btn {
    position: relative;
    top: -62px;
        right: -450px;
    background-color: #ffffff;
  }

  
.navigation--bottom .navigation__overflow ul {
  width: 100%;
}

.navigation--bottom .navigation__overflow {
  width: 100%;
          left: 0px;

}

.navigation--bottom .navigation__overflow li {
      width: 100%;

}
}

/*end small mobile*/

/*iPhone 4,7"*/

@media screen and (max-width: 375px) and (min-width: 361px) {
  #content #menu-extratos li:last-child, #content #menu-extratos li:first-child {
        top: -15px;
  }
.navigation--bottom .navigation__overflow ul {
  width: 100%;
}

.navigation--bottom .navigation__overflow {
  width: 100%;
          left: 0px;

}

.navigation--bottom .navigation__overflow li {
      width: 100%;

}

.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
      right: 20px;

}

.navigation--middle .nav__left .site-search .input-group .btn {
      width: 40px;

}
.navigation--middle .nav__left .site-search .glyphicon-search{
      right: 10px;
}

.navigation--middle .nav__left .site-search .input-group {
  width: 100%;
  margin-left: 0px;
  background-color: #008C4F;
  border: none;

}

#tabs .ui-tabs-nav li {
          padding: 18px 25px !important;
    }
}


@media screen and (max-width: 667px) and (min-width: 641px) {

#tabs .ui-tabs-nav li {
          padding: 17px 25px !important;
    } 
     .mobile-menu .btn {
    position: relative;
    top: -62px;
        right: -600px;
    background-color: #ffffff;
  }

  
.navigation--bottom .navigation__overflow ul {
  width: 100%;
}

.navigation--bottom .navigation__overflow {
  width: 100%;
          left: 0px;

}

.navigation--bottom .navigation__overflow li {
      width: 100%;

}
.navigation--bottom {
        width: 640px;
            left: -650px;


}
.sticky-nav-top {
  width: 640px;
}
}
/* End iPhone 4,7"*/


/*Galaxy S*/


@media screen and (max-width: 767px) and (min-width: 569px) {

  .mobile-menu .btn {
    position: relative;
    top: -62px;
        right: -550px;
    background-color: #ffffff;
  }

  .navigation--bottom .navigation__overflow {
    left: -260px;
  }
  .navigation--middle .nav__left .site-search .input-group {
        width: 617px;

  }
}

@media screen and (max-width: 360px) and (min-width: 321px) {
    #tabs .ui-tabs-nav li {
          padding: 17px 25px !important;
    }
  header {
    min-height: 65px;
  }
.navigation--bottom .navigation__overflow ul {
  width: 100%;
  transition: 0.5s;
}

 

.navigation--bottom .navigation__overflow {
  width: 100%;
          left: 0px;
          transition: 0.5s;

}

.navigation--bottom .navigation__overflow li {
      width: 100%;

}

.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
      right: 20px;

}

.navigation--middle .nav__left .site-search .input-group .btn {
      width: 40px;

}
.navigation--middle .nav__left .site-search .glyphicon-search{
      right: 10px;
}

.navigation--middle .nav__left .site-search .input-group {
  width: 345px;
  margin-left: 7px;

}
#tabs .ui-tabs-nav li {
          padding: 17px 25px !important;
    }
}
/* End iPhone 4,7"*/


@media screen and (max-width: 769px) and (min-width: 768px) {
  footer .col-sm-2 {
        width: 15.9% !important;

  }

  #sac {
        font-size: 9px;

  }
}


/*iPhone Plus */
@media screen and (max-width: 425px) and (min-width: 376px) {

header {
    min-height: 65px;
  }

  #tabs .ui-tabs-nav li {
          padding: 17px 25px !important;
    }

.navigation--bottom .navigation__overflow ul {
  width: 100%;
}

.navigation--bottom .navigation__overflow {
  width: 100%;
          left: 0px;

}

.navigation--bottom .navigation__overflow li {
      width: 100%;

}

.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
      right: 20px;

}

.navigation--middle .nav__left .site-search .input-group .btn {
      width: 40px;

}
.navigation--middle .nav__left .site-search .glyphicon-search{
      right: 10px;
}

.navigation--middle .nav__left .site-search .input-group {
  width: 400px;
  margin-left: 7px;

}
}

.section-parceria h3 {
      background: none;
    color: #069;
    font-family: petrobras_sansxbold;
    font-size: 36px;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}
.section-parceria h3:before, .section-parceria h3:after {

content: ' ';
    position: absolute;
    top: 50%;
    display: block;
    width: 10%;
    border-top: 1px solid #c4c4c4;

}

.section-parceria h3:after {
  right:0%;
}


.section-parceria h4 {
     color: #666;
    font-family: petrobras_sansregular;
    font-size: 14px;

 
}

@media only screen and (max-width: 980px) and (min-width: 768px) {
.section-parceria h3 {
    font-size: 23px;
}

}


@media only screen and (max-width: 768px) and (min-width: 768px) {
  #tabs .ui-tabs-nav li {
    padding: 7px 25px !important;
  }
}



.vehicle-selector {

  display: none;

  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  padding: 10px 20px;

}

/*Ganhe Pontos */

.wrapper {
    width: 1088px;
position: relative;
    margin: 0 auto;
    outline: none;
}.

.template-pages-promocao-promocaoPage .wrapper { 
  width: 980px;
}
#content h1, .page-title h1 {
    font-size: 32px;
    color: #008C4F !important;
    line-height: 42px;
    margin: 20px 0;
    font-family: petrobras_sansregular !important;
    display: inline-block;
    max-width: 85%;
    
}
@-moz-document url-prefix() {
    #content h1, .page-title h1 {
        margin: 40px 0;
    }
    .results h1{
      margin-top: 40px !important;
    }
}


.page-description p {
  font-family: petrobras_sanslight;
      color: #666;
          font-size: 18px;
         

}
#content h3 {
    font-size: 18px;
    color: #008c4f;
    font-family: petrobras_sansbold_italic;
    margin-bottom: 0px;

}
.acenter {
    text-align: center
}

#veja-como-ganhar-pontos .tit {
    position: relative;
    text-align: center
}
#veja-como-ganhar-pontos .tit .line {
    display: none;
}
#veja-como-ganhar-pontos .tit h3 {
    position: relative;
    background: #fff;
    padding: 0 20px;
    font-size: 30px;
    display: inline-block;
    z-index: 2;
    color: #666;
    text-transform: uppercase;
    font-family: petrobras_sanslight;
    width: 100%;
}

#veja-como-ganhar-pontos .tit h3:after, #veja-como-ganhar-pontos .tit h3:before   {
    content: ' ';
    position: absolute;
    top: 50%;
    display: block;
    width: 15%;
    border-top: 1px solid #c4c4c4;
}
#veja-como-ganhar-pontos .tit h3:after {
  right: 2%;
}

#veja-como-ganhar-pontos .tit h3 span {
    font-family: petrobras_sansbold
}
#veja-como-ganhar-pontos .tit .subtitle {
    position: relative;
    padding: 0 20px;
    font-size: 18px;
    display: inline-block;
    z-index: 2;
    color: #999;
    font-family: petrobras_sanslight
}
#veja-como-ganhar-pontos .modelos {
    padding-bottom: 30px
}
#veja-como-ganhar-pontos .modelos li {
    display: inline-block;
    width: 32.5%;
    border-right: 2px dotted #e7e7e7;
    vertical-align: top;
    margin: 30px 0 25px
}
#veja-como-ganhar-pontos .modelos li h4 {
    font-family: petrobras_sansbold;
    text-align: center;
    font-size: 26px;
    padding: 15px 0
}
#veja-como-ganhar-pontos .modelos li .selo {
    height: 70px;
    width: 100%;
    display: inline-block
}
#veja-como-ganhar-pontos .modelos li .box {
    border-radius: 15px;
    position: relative;
    background: #efefef;
    display: inline-block;
    margin: 0 17px;
    font-family: petrobras_sansregular
}
#veja-como-ganhar-pontos .modelos li .box div {
    border-radius: 15px;
    position: relative;
    padding: 20px 18px;
    margin: 3px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px #959594
}
#veja-como-ganhar-pontos .modelos li .box div span {
    font-family: petrobras_sansbold;
    text-decoration: underline
}
#veja-como-ganhar-pontos .modelos li .box div span.no-under {
    text-decoration: none
}
#veja-como-ganhar-pontos .modelos li .aviso {
    font-size: 13px;
    font-family: petrobras_sansbold;
    text-align: center;
    color: #666;
    padding: 15px 0;
    margin-bottom: -50px;
}
#veja-como-ganhar-pontos .modelos li.tp1-4 .selo {
    background: url(../images/ganhepontos/ico-posto-premiado.png) center center no-repeat
}
#veja-como-ganhar-pontos .modelos li.tp1-4 h4 {
    color: #0f8551
}
#veja-como-ganhar-pontos .modelos li.tp1-4 .box div {
    background: #91b22a;
    background: linear-gradient(#a9c431, #91b22a);
    position: relative
}
#veja-como-ganhar-pontos .modelos li.tp1-2 .selo {
    background: url(../images/ganhepontos/ico-ou-posto-premiado.png) center center no-repeat
}
#veja-como-ganhar-pontos .modelos li.tp1-2 h4 {
    color: #e18513
}
#veja-como-ganhar-pontos .modelos li.tp1-2 .box div {
    background: #e79b13;
    background: linear-gradient(#f0ae17, #e79b13);
    position: relative
}
#veja-como-ganhar-pontos .modelos li.tp1-1 {
    border: 0
}
#veja-como-ganhar-pontos .modelos li.tp1-1 .selo {
    background: url(../images/ganhepontos/ico-ponto.png) center center no-repeat
}
#veja-como-ganhar-pontos .modelos li.tp1-1 h4 {
    color: #1b6594
}
#veja-como-ganhar-pontos .modelos li.tp1-1 .box div {
    background: #3188bf
}
#veja-como-ganhar-pontos h5 {
    color: #666;
    font-size: 18px;
    font-family: petrobras_sanslight;
    text-align: center;
    padding: 0 0 30px
}
#veja-como-ganhar-pontos .imgs-servicos {
    font-size: 0
}
#veja-como-ganhar-pontos .imgs-servicos li {
    display: inline-block;
    width: 33.2%
}
#veja-como-ganhar-pontos .imgs-servicos li .img {
    position: relative;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    height: 205px
}
#veja-como-ganhar-pontos .imgs-servicos li .img img {
    vertical-align: top;
    width: 100%;
    height: auto
}
#veja-como-ganhar-pontos .imgs-servicos li .img .label {
    position: absolute;
    display: inline-block;
    height: 61px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/ganhepontos/bg-imgs-servicos.png) 1px top no-repeat;
    top: 140px;
}
#veja-como-ganhar-pontos .imgs-servicos li .img .label h6 {
    padding: 20px 0 0 0px;
    font-size: 15px;
    color: #0f8551;
    font-family: petrobras_sansbold
}

#simulador-regras {
  padding: 57px 0 40px;
  color: #666
}
#simulador-regras h3 {
    font-size: 30px;
    color: #008c4e;
    text-transform: uppercase;
    font-family: petrobras_sanslight;
    margin-bottom: 30px;
    margin-left:15px;
}
#simulador-regras h3 span {
    font-family: petrobras_sansregular;
}
#simulador-regras .lista-regras {
    font-size: 18px;
    line-height: 22px;
    font-family: petrobras_sanslight;
    color: #666
}
#simulador-regras .lista-regras li {
    height: 30px;
    line-height: 30px;
    margin-bottom: 17px
}
#simulador-regras .lista-regras span {
    border-radius: 14px;
    position: relative;
    text-align: center;
    display: inline-block;
    background: #999;
    color: #eee;
    width: 28px;
    height: 28px;
    line-height: 32px;
    margin-right: 9px
}
#simulador-regras .formas-pagamento ul.header {
    min-height: initial
}
#simulador-regras .formas-pagamento ul.header li {
    border-radius: 4px;
    position: relative;
    background: #eef9f4;
    color: #666;
    font-size: 16px;
    font-family: petrobras_sansbold;
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding: 0
}
#simulador-regras .formas-pagamento ul.header li.col1,
#simulador-regras .formas-pagamento ul.header li.col2,
#simulador-regras .formas-pagamento ul.header li.col3 {
    padding: 0
}
#simulador-regras .formas-pagamento ul.linha {
    border-bottom: 1px solid #d7d7d7;
    height: 120px;
    max-height: 120px
}
#simulador-regras .formas-pagamento ul.linha.last {
    border: 0
}
#simulador-regras .formas-pagamento ul li {
    display: inline-block;
    vertical-align: middle;
    vertical-align: top;
    margin-right: 12px
}
#simulador-regras .formas-pagamento ul li ul li {
    position: relative;
    font-family: petrobras_sanslight;
    font-size: 16px;
    line-height: 20px
}
#simulador-regras .formas-pagamento ul li ul li span {
    font-size: 30px;
    line-height: 25px;
    color: #39c
}
#simulador-regras .formas-pagamento ul li.col1 {
    width: 335px
}
#simulador-regras .formas-pagamento ul li.col1 div {
    padding: 39px 36px 31px 98px;
    font-family: petrobras_sansbold;
    font-style: 16px;
    line-height: 20px;
    position: relative
}
#simulador-regras .formas-pagamento ul li.col1 div .ico-cartoes-regras,
#simulador-regras .formas-pagamento ul li.col1 div .ico-dinheiro-regras {
    position: absolute;
    left: 20px;
    top: 40px
}
#simulador-regras .formas-pagamento ul li.col2 {
    width: 187px;
    padding: 50px 0
}
#simulador-regras .formas-pagamento ul li.col3 {
    width: 419px;
    margin-right: 0;
    padding: 40px 0
}
#simulador-regras .aviso {
    padding: 50px 0 20px
}
#simulador-regras .aviso p {
    margin-bottom: 20px;
    font-family: petrobras_sanslight;
    font-size: 15px;
    line-height: 17px
}
#simulador-regras .aviso p.tit {
    font-family: petrobras_sansbold
}
#simulador-regras .lembrese {
    border-radius: 8px;
    background: #eef9f4;
    padding: 23px 5px 23px 54px;
    color: #666;
    position: relative
}
#simulador-regras .lembrese .ico-lembrese-regras {
    position: absolute;
    left: 13px;
    top: 24px
}
#simulador-regras .lembrese .title {
    font-size: 18px;
    line-height: 24px;
    font-family: petrobras_sansbold
}
#simulador-regras .lembrese .sub-title {
    font-size: 15px;
    font-family: petrobras_sanslight
}

.ico-cartoes-regras,
.ico-case,
.ico-lembrese-regras,
.ico-dinheiro-regras
 {
    background-image: url(../images/sprite.png)
}
.ico-case {
    background-position: -599px -348px;
    width: 22px;
    height: 17px
}

.ico-lembrese-regras {
    background-position: -555px -168px;
    width: 37px;
    height: 37px;
}

.ico-cartoes-regras {
    background-position: -144px -324px;
    width: 59px;
    height: 48px
}

.ico-dinheiro-regras {
    background-position: -271px -324px;
    width: 57px;
    height: 41px;
}

ol, ul {
    list-style: none;
}


.page-troqueseuspontos .voucher-section-header {
     font-size: 36px;
    color: #999;
    line-height: 38px;
    margin: 20px 0;
    font-family: petrobras_sansxbold;
    display: inline-block;
    max-width: 85%;
}


.voucher-section-header .sub-title span {
      font-family: petrobras_sanslight;
    color: #666;
    font-size: 18px;
  
  }
  .voucher-section-header .sub-title {
      line-height: 18px;
      margin-top: 20px;
  }


.page-troqueseuspontos .voucher-section-header .sub-title-verde span {

  font-size: 18px;
  color: #008c4f;
  font-family: petrobras_sansbold_italic;

}

.page-troqueseuspontos .partner-item {
  box-sizing: border-box;
  background-color: #fafafa;
  border: 3px solid #e9e9e9;
  margin-bottom: 30px;
  padding: 25px;
  min-height: 450px;
  max-height: 450px;
  height: 450px;
}

.page-troqueseuspontos .partner-item-image {

  margin-bottom: 20px;
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
  background: #fff;
  background: radial-gradient(ellipse at center,#fff 30%,#ededed 100%);
  max-width: 277.33px;

}

.slider_component .partner-item-image {

  margin: 20px;
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
  background: radial-gradient(ellipse at center,#fff 30%,#ededed 100%);
  border: 2px solid #fff;

}

.page-troqueseuspontos .partner-item-image img {
  padding: 40px;
  cursor: pointer;
  max-width: 220px;
    max-height: 150px;
}


.page-troqueseuspontos .partner-item-description {

    height: 180px;
    margin-bottom: 15px;
}

.page-troqueseuspontos .partner-item a {
  margin-top: 20px;
  color: #39c;
  font-family: petrobras_sansbold;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 15px;
  position: relative;
  top: -25px;

  cursor: pointer;
}

.page-troqueseuspontos .partner-item .partner-item-image a {
margin-top: 20px;
    color: #39c;
    font-family: petrobras_sansbold;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    top: -15px;
    cursor: pointer;
}
.page-troqueseuspontos .partner-row 
{
  margin-top: 30px;
  margin-bottom: 100px;
}

.cboxContent .cboxTitle {
    font-family: petrobras_sansbold;
        font-size: 18px;
}

.partner-filter {

  display: inline-block;
  padding: 20px 20px 15px 15px;
  background: linear-gradient(#fbfbfa,#f2f2f0);
  border-radius: 14px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #f1f1f1;

  height: 65px;  
  margin-left: 10px;
}
#troquePontosForm .control-label {
font-family: petrobras_sansbold;
    font-size: 12px;
    color: #666;
    display: inline-block;
    text-transform:capitalize;
}
#troquePontosForm .col-md-3 {
 width: 21%;
}

#troquePontosForm .col-md-9{
     width: 77%;
}

.partner-filter select {
background: linear-gradient(#fff,#eee);
      margin-left: 5px;
  color: #698fa6;
    line-height: 30px;
    border-radius: 5px;
        width: 55px;
        

}
  
#slider {
  border: 1px solid #e8e8e8;
  color: #333;
  margin-top: 5px;
      border-radius: 10px;
}  


#slider .ui-slider-range { background: #8ae234; }
#slider .ui-slider-handle { border-color: #8ae234; }

#slider .ui-widget-header {
  box-shadow: inset 0 1px 2px #526017;
  position: relative;
  background: #a4c02e;
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  border: solid 1px #F5F5F4;
  z-index: 1 !important;
}

#slider .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
    top: 0;
    height: 6px;
    margin: 2px;    
}

#slider .ui-slider-handle {
  background: url(../images/pointer.png) center 0 no-repeat;
  width: 27px;
  height: 30px;
  font-weight: 700;
  color: #1c94c4;
  display: inline-block;
  cursor: pointer;
  top: -10px;
  outline: none;
  z-index: 999;
}

.rescue-value label {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0px;
}
.partner-filter div {
      font-family: petrobras_sansbold;
    font-size: 14px;
    color: #666;
  }


.super-category-box:hover span, .super-category-box span.selected {
 
    color: #56768a;
}

.rescue-value {
  display: none;
  border-radius: 20px;
  position: relative;
  position: absolute;
  top: -27px;
  background: #a4c02e;
  color: #fff;
  font-size: 11px;
  font-family: petrobras_sansregular;
  padding: 2px 0px;
  width: 75px;
  margin-left: -37px;
  text-align: center;
  z-index: 2;
}
  
.rescue-value:before {
    content: ' ';
    position: absolute;
    bottom: -4px;
    right: 41%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a4c02e;
}  



.super-category-box {
  height: 91px;
  bottom: 0;
  margin-bottom: -1px;  
  background: #fff;
  position: relative;
  z-index: 1;  
  width: 95px;
  text-align: center;
  vertical-align: top;  
  display: inline-block;
  margin-right: 13px;
  border: 1px solid #efefef;
  border-radius: 20px 20px 0 0;  


  font-family: petrobras_sansbold;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  color: #999;
  padding: 15px 10px 10px;
  cursor: pointer;

}

.super-category-box:hover i, .super-category-box i.selected, .super-category-box.active i {
  display: inline-block;
  width: 100%;
  color: #a4c02e;
  font-size: 20px;
}
.super-category-box i{
  display: inline-block;
  width: 100%;
  color: #d3d3d3;
  font-size: 20px;
}

.super-category-box.active, .super-category-box:hover {
    position: relative;
    z-index: 1;
    border-radius: 20px 20px 0 0;
    display: inline-block;
    margin-right: 13px;
    border: 1px solid #efefef;
    border-bottom: 0;
    background: linear-gradient(#fbfbfb,#fdfdfd);
    position: relative;
    z-index: 1;
       

}

.sub-category-nav {

  display: none;
  background: linear-gradient(#fdfdfd,#f3f3f2);
  border-radius: 0 20px 20px 20px;
  position: relative;
  border: 1px solid #efefef;
  margin-left: 10px;
  height: 90px;
  padding-top: 20px;  

}

#troquePontosForm   .col-md-12 {
  width: 99%;
}

.sub-category-nav-filter 
{
    background: linear-gradient(#fdfdfd,#f3f3f2);
    border-radius: 0 20px 20px 20px;
    position: relative;
    border: 1px solid #efefef;
    margin-left: 10px;
    height: 90px;
    padding-top: 22px;
}
.sub-category-nav-filter .col-md-3 {
margin-left: 35px;
}
.sub-category-nav-filter .fa-search {
  margin-top: 10px;
  display: inline-block;
  color: #a4c02e;
  font-size: 20px;
  cursor: pointer;
}

.sub-category-nav-filter ul {
  list-style: none;  
}

.sub-category-nav-filter ul li {
    float: left;
    display: inline-block;
    margin-right: -4px;
    cursor: pointer;
}

.sub-category-nav-filter ul li span {
  background: #e6e6e6;
  background: linear-gradient(#fff,#e6e6e6);
  position: relative;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  color: #999;
  font-family: petrobras_sansbold;
  font-size: 13px;
  line-height: 1;
  padding: 15px 10px;
  border: 1px solid #ededed;
  display: inline-block;
  text-align: center;
  min-width: 85px;
  cursor: pointer;  
}

.sub-category-nav-filter ul li span.active, .sub-category-nav-filter ul li span:hover {
  background: linear-gradient(#e6e6e6,#fff);
  position: relative;
  color: #698fa6;  
}

.check-category {
  position: relative;
  margin-top: -5px;
  margin-left: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  vertical-align: top;
  width: 70px;
}

.check-category.active .box:after {
  content: '';
    background-color: #a4c02e;
    background-image: url(../images/sprite.png);
    background-position: -573px -351px;
}
.check-category .box:after {
  border-radius: 50px;
    position: relative;
    content: '';
    position: absolute;
    top: 9px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: #d6d6d6;
}

.check-category .box {
  background: #fff;
   
    border: 1px solid #e0e0e0;  
  width: 35px;
  height: 35px;
  border-radius: 10px;
  margin: 0 auto;
}
.check-category .box img {
      margin-top: 5px;
}

.check-category.active .box {
    
    background: #39c;
  border: 2px solid #e6e6e6;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  margin: 0 auto;
   
}

.check-category .category-title {
    font-size: 11px;
    font-family: petrobras_sansbold;
    color: #666;
    line-height: 11px;
    margin-top: 2px;
    display: inline-block;
    page-break-inside:  auto; 
}

.check-category .category-title span {
  word-break: break-word;
}

.category-title input, .super-category-box input{

  display: none;

}



.modelos a, .modelos a:hover, .modelos a:active, .modelos a:visited, .modelos a:link {
  text-decoration: underline;
    font-family: petrobras_sansbold;
    color: #3398cc;
}
@media only screen and (max-width: 767px) {

.products-container .item .confirm, .product-modal .confirm {
    //top: 800px !important;
}

.owl-carousel .owl-controls {
  top: 0;
}

.owl-carousel .owl-item {
  height: 285px;
}
.js-owl-rotating-image-premmia .banner-detail {
  width: 100%;
  top: 85%;
}


.owl-buttons {
  display: none;
}

.posto-box .more-points {
      top: -40px;
    right: 210px;
}
  .page-description p {
  font-size: 13px;
  margin-left: 10px;
}

#content h1, .page-title h1 {
  font-size: 32px !important;
margin-left: 10px !important;
}

.complete-cadastro div {
      margin: 0px;

}
.wrapper {
    width: auto;
  }

  #veja-como-ganhar-pontos .tit h3:after, #veja-como-ganhar-pontos .tit h3:before {
    width: 5%;
  }
  #veja-como-ganhar-pontos .tit h3:after {
        right: 5%;
  
  }
  #veja-como-ganhar-pontos .imgs-servicos li .img .label {
        background: url(../images/ganhepontos/bg-imgs-servicos.png) -30px top no-repeat;
            top: 45px;
                height: 50px;
  }
  #simulador-regras .aviso p {
    font-size: 12px;
  }
#veja-como-ganhar-pontos .imgs-servicos li .img .label h6 {
        padding: 15px 0 0 3px;
    font-size: 7px;
    color: #0f8551;
    font-family: petrobras_sansbold;
}
#veja-como-ganhar-pontos .imgs-servicos li .img {
  height: 95px;
}

  #veja-como-ganhar-pontos .tit h3,#simulador-regras h3 {
    font-size: 18px;
  }

  #veja-como-ganhar-pontos .modelos li {
    width: 100%;
  }

  #simulador-regras .formas-pagamento ul li.col1 {
        width: 30%;
    font-size: 9px;
    line-height: 19px;
  }

  #simulador-regras .formas-pagamento ul li.col2 {
        width: 30%;
    font-size: 9px;
    line-height: 19px;
  }

  #simulador-regras .formas-pagamento ul li.col3 {
      width: 32%;
    font-size: 9px;
    line-height: 19px;
  }
  #simulador-regras .lista-regras li {
    line-height: 10px;
  }
  #simulador-regras .formas-pagamento ul li.col1 div {
    padding: 0;
  }
  #simulador-regras .formas-pagamento ul li.col2 {
    padding: 0;
  }
  #simulador-regras .formas-pagamento ul li.col3 {
    padding: 0
  }
  #simulador-regras .formas-pagamento ul li ul li {
        font-size: 11px;
        line-height: 16px;
  }
.ico-cartoes-regras, .ico-dinheiro-regras {
  display: none;
}
  .header {
    padding: 0;
  }

  #simulador-regras .lista-regras {
    font-size: 12px;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
  div#simulador-regras div.wrapper div.lista-regras {
    width: 900px;
  }
  div#simulador-regras div.wrapper div.row{
    width: 1000px !important;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  .crvDivCop{
    height: 540px !important; 
  }
  .crvDivCop2{
    height: 540px !important; 
  }
  .scgpP11Cop {
    color: #606060;
    font-family: petrobras_sansbold;
    font-size: 19px;
    text-align: center;
    padding-top: 87px !important;
  }
  div.col-xs-12.col-md-4.col-sm-4.crvDivCop2 p.scgpP11Cop{
    margin-top: 25px !important;
  }
}


@media only screen and (max-width: 980px) and (min-width: 768px) {
.wrapper {
    width: 754px;
}

#content.promocao-section .register .complete-cadastro div {
      top: -145px !important;
}
#ajuda ul li {
      min-height: 220px !important;
}
#content h1,.voucher-section-header,#content.promocao-section p {
  margin-left: 10px;
}
#veja-como-ganhar-pontos .imgs-servicos li .img .label h6 {
    padding: 20px 0 0 20px;
}
#veja-como-ganhar-pontos .imgs-servicos li .img {
      height: 154px;
}

#veja-como-ganhar-pontos .tit h3 {
  font-size: 24px;
}
#veja-como-ganhar-pontos .imgs-servicos li .img .label {
      top: 93px;
}

#simulador-regras h3 {
  font-size:23px;
}
#simulador-regras .lista-regras li {
      font-size: 14px;
    margin-bottom: 0;
}
#simulador-regras .formas-pagamento ul li.col3 {
  width: 310px;
}

#simulador-regras .formas-pagamento ul li.col1 {
width: 221px;
}

#simulador-regras .formas-pagamento ul li.col2 {
width: 180px;
}

#simulador-regras .formas-pagamento ul.header li {
  height: 47px;
    line-height: 47px;
    font-size: 14px;
}
#simulador-regras .lista-regras span {
      width: 22px;
    height: 22px;
        line-height: 26px;
}
#simulador-regras .formas-pagamento ul li.col1 div {
      line-height: 14px;
    padding: 20px 20px 15px 70px;
        font-size: 12px;

}

#simulador-regras .formas-pagamento ul li ul li {
      font-size: 14px;
    line-height: 14px;
}

#simulador-regras .formas-pagamento ul li.col1 div .ico-cartoes-regras, #simulador-regras .formas-pagamento ul li.col1 div .ico-dinheiro-regras {

    left: 0;
    top: 20px;
}

#simulador-regras .formas-pagamento ul li.col2 {
      padding: 25px 0;
}
#simulador-regras .formas-pagamento ul li.col3 {
  padding: 20px 0;
}

#simulador-regras .aviso p {
  font-size: 12px;
}
#simulador-regras .lembrese .sub-title {
  font-size: 11px;
}
#simulador-regras .lembrese .title {
  font-size: 16px;
}




#troquePontosForm .col-md-9 {
      width: 75%;
}

#troquePontosForm .control-label, .partner-filter div {
  font-size: 10px;
}
.sub-category-nav-filter .col-md-3 {
  margin-left: 0px;
}

.check-category {
      margin-left: 5px;
}

#content #saldopontos li.expirar, #content #valecombustivel li.expirar {
      font-size: 10px !important;
}


}



/*ipad resolution above*/

/*promoções*/

.content .register  {
    border-radius: 100px;
    position: relative;
        width: 144px;
    height: 144px;
    float: right;
    top: -80px;
}

.complete-cadastro div {
    background: #00864C;
    border-radius: 72px;
    position: relative;
    width: 144px;
    height: 144px;
    vertical-align: top;
    display: inline-block;
    margin: 6px;
    font-size: 11px;
    border: solid 6px #F2F2F2;

}

.ico-ticket {
    background-position: -516px -428px;
    width: 30px;
    height: 30px;
        margin: 0 auto;
    display: block;
        position: relative;
    margin-top: 15px;
    left: 56px;
}
.ico-ticket, .ico-ticket-yellow {
    background-image: url(../images/sprite.png);
}

.complete-cadastro p {
      padding: 10px 0;
    margin: 0;
    font-size: 10px;
    line-height: 13px;
        color: #fff;
            font-family: petrobras_sansregular;
            text-align: center;
            padding-left: 0px !important;
}

.complete-cadastro .upper {
    text-transform: uppercase;
}

.complete-cadastro a {
        color: #ffd800;
    font-size: 11px;
    font-family: petrobras_sansxbold;
    text-decoration: underline;
}

.dbanner {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    color: #757575;
    width: 215px;
    height: 101px;
    font-size: 12px;
    font-family: petrobras_sansregular;
    text-align: center;
    background: url(../images/bg-banner-info.png) no-repeat 0 0;
    padding: 20px 38px;
    line-height: 15px;
        margin-top: -41%;
    margin-right: 1%;
    transition: all .5s ease;
    background-size: 215px 90px;
    text-transform: uppercase;
}

.dbanner p {
    font-size: 18px;
    font-family: petrobras_sansxbold;
    line-height: 22px;
    color: #a1be2d;
    display: block;
    text-shadow: 1px 1px 0 #7e9523; }

.slider-wrapper .slide .info.ended .date {
    color: #fd9840;
}
.slider-wrapper .slide .info .date {
    font-size: 18px;
    font-family: petrobras_sansxbold;
    line-height: 22px;
    color: #a1be2d;
    display: block;
    text-shadow: 1px 1px 0 #7e9523;
}



.meu-status-bar {
  top: -9px !important;
  z-index: 10 !important;
}


@media only screen and (max-width: 769px) and (min-width: 768px) {
.meu-status-bar {
      top: -6px !important;
}
}

/** EXTRATO DE PONTOS **/

#content.arealogada {
    padding: 31px 0 60px!important;
}

#content h1 {
    font-size: 36px;
    color: #999;
    line-height: 38px;
    margin: 20px 0;
    font-family: petrobras_sansxbold;
    display: inline-block;
    max-width: 85%;
}
#content #menu-extratos {
   
    position: relative;
    height: 85px;
    font-size: 0;
    margin-bottom: 30px
}

#content #Selecione{
  color:        #606060;
  width: 144px;
  height: 23px;
  font-size: 17px;
  font-family: petrobras_sansregular;
}

#content #menu-extratos li {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 25%;
    color: #848484;
    font-family: petrobras_sansbold;
    line-height: initial;
    position: relative;
    height: 100%
}
#content #menu-extratos li a {
    color: #848484;
    text-decoration: none;
    display: inline-block;
}
#content #menu-extratos li .borda-direita {
    height: 29px;
    display: inline-block;
   /* border-right: 1px solid #e0e0e0; */
    position: absolute;
    top: 24px;
    right: 0
}
#content #menu-extratos li .icon {
    display: block;
    margin: 10px auto 3px;
    width: 37px;
    height: 37px;
    /*background: url(../images/sprite-menu-extratos.png) 0 0 no-repeat*/
}
#content #menu-extratos li .icon.ext-pont {
    background-position: 0 0
}
#content #menu-extratos li .icon.vales-comb {
    background-position: -40px 0
}
#content #menu-extratos li .icon.num-sor {
    background-position: -83px 0
}
#content #menu-extratos li .icon.vouchers {
    background-position: -134px 0
}
#content #menu-extratos li .icon.experiencias {
    background-position: -192px 0
}
#content #menu-extratos li .arrow {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #eee;
    position: absolute;
    bottom: -15px;
    left: 43%;
    top: 84px;
}
#content #menu-extratos li.active,
#content #menu-extratos li:hover {
    color: #56768a;
    cursor: pointer
}
#content #menu-extratos li.active a,
#content #menu-extratos li:hover a {
    color: #56768a
}
#content #menu-extratos li.active .icon.ext-pont,
#content #menu-extratos li:hover .icon.ext-pont {
    background-position: 0 -44px
}
#content #menu-extratos li.active .icon.vales-comb,
#content #menu-extratos li:hover .icon.vales-comb {
    background-position: -40px -44px
}
#content #menu-extratos li.active .icon.num-sor,
#content #menu-extratos li:hover .icon.num-sor {
    background-position: -83px -44px
}
#content #menu-extratos li.active .icon.vouchers,
#content #menu-extratos li:hover .icon.vouchers {
    background-position: -134px -44px
}
#content #menu-extratos li.active .icon.experiencias,
#content #menu-extratos li:hover .icon.experiencias {
    background-position: -192px -44px
}
#content #menu-extratos li.active .arrow {
    display: block
}

#content .alert {
    border-radius: 15px;
    position: relative;
    background: #f3faf7;
    text-align: center;
    font-family: petrobras_sansbold;
    font-size: 18px;
    color: #333;
    padding: 30px;
    margin: 10px 0 30px;
}
#content .alert .ico-warning {
    display: inline-block;
    margin-right: 18px;
    vertical-align: top
}
#content .alert p {
    display: inline-block;
    width: 85%;
    font-family: petrobras_sansregular;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    vertical-align: top
}
#content .alert p strong {
    font-family: petrobras_sansbold
}
#content .alert p a {
    color: #39c;
    text-decoration: underline
}
#content .alert.subtitle {
    padding: 15px 0;
    line-height: 36px;
        padding-left: 30px;
}
#content .alert.subtitle p {
    font-size: 14px;
    font-family: petrobras_sanslight;
    text-align: center
}
#content .alert.inline {
    padding: 30px 0
}
#content .alert.inline .ico-warning {
    vertical-align: middle
}
#content .alert.inline p {
    width: auto;
    font-size: 14px;
    vertical-align: middle
}
.ico-warning, .ico-wheel {
    background-image: url(../images/sprite.png);
}
.ico-warning {
    background-position: -453px -493px;
    width: 30px;
    height: 27px;
}
#content #saldopontos,
#content #valecombustivel {
    border-radius: 15px 15px 0 0;
    background: #f1f1f1;
    background: linear-gradient(#fdfdfd, #f1f1f1);
    position: relative;
    margin: 15px 0;
    font-size: 0;
    border: 1px solid #f1f1f1;
    height: 160px;
    line-height: 75px
}
@media only screen and (min-width: 640px) {
#content #saldopontos li.ultimo-registro {
      width: 37% !important;
      border: none !important;
}

 .ultimo-registro .bt-pontos {
      right: 45px !important;

 }
}


#content #saldopontos li,
#content #valecombustivel li {
    font-family: petrobras_sansregular;
    font-size: 16px;
    padding: 0 2%;
    color: #666;
    position: relative;
    display: inline-block;
    border-right: 1px solid #e6e6e6
}
#content #saldopontos li.saldo,
#content #valecombustivel li.saldo {
    width: 33%
}
#content #saldopontos li.ultimo-registro,
#content #valecombustivel li.ultimo-registro {
    width: 28%;
    position: relative
}
#content #saldopontos li.ultimo-registro a,
#content #valecombustivel li.ultimo-registro a {
    position: absolute;
    left: 20px;
    bottom: 14px;
    line-height: 12px;
    font-size: 12px
}
#content #saldopontos li.expirar,
#content #valecombustivel li.expirar {
    width: 33%;
        font-size: 13px;
}

#content #saldopontos li:last-child.expirar {
  border: 0;
}
#content #saldopontos li.saldo-vale,
#content #valecombustivel li.saldo-vale {
    width: 38%;
    border: none
}
#content #saldopontos li.vales-expirar,
#content #valecombustivel li.vales-expirar {
    width: 52%;
    border: 0
}
#content #saldopontos li .bt-pontos,
#content #valecombustivel li .bt-pontos {
    position: absolute;
    top: 16px;
    right: 10px
}
#content #saldopontos li .bold,
#content #valecombustivel li .bold {
    font-family: petrobras_sansbold;
    display: inline-block;
    padding-left: 5px
}
#content #valecombustivel li.expirar {
    width: 50%
}
#content #filtros-extrato-pontos {
    background: #f7f7f7;
    margin-bottom: 15px;
    height: 68px;
    line-height: 68px;
    padding: 0 35px;
    font-size: 14px;
    color: #666;
    font-family: petrobras_sansbold;
    border-radius: 15px;
    position: relative
}
#content #filtros-extrato-pontos .col {
    width: 32%;
    display: inline-block
}
#content #filtros-extrato-pontos .col label {
      font-size: 12px;  
}
#content #filtros-extrato-pontos .col.check span {
    color: #aeaead
}
#content #filtros-extrato-pontos .col.check .checkbox {
    margin-left: 15px;
        position: relative;
    top: 20px;
    width: auto;
    float: left;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    padding: 8px 9px;
}

html[data-browser=Firefox] #content #filtros-extrato-pontos .col.check input[type=checkbox].checkbox {
    background: none
}
#content #filtros-extrato-pontos select {
        width: 170px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #ededed;
    margin-left: 10px;
    background: linear-gradient(#fff,#eee); 
    color: #698fa6;
    padding: 5px 0px 5px 5px;
        font-family: petrobras_sansbold;
        font-size: 12px;

}
/*vouchers*/


#content #filtros-meusVouchers {
    background: #f7f7f7;
    margin-bottom: 15px;
    height: 68px;
    line-height: 68px;
    padding: 0 35px;
    font-size: 14px;
    color: #666;
    font-family: petrobras_sansbold;
    border-radius: 15px;
    position: relative
}
#content #filtros-meusVouchers .col {
    width: 48%;
    display: inline-block
}
#content #filtros-meusVouchers .col.check span {
    color: #aeaead
}
#content #filtros-meusVouchers .col.check .checkbox {
    margin-left: 15px;
        position: relative;
    top: 20px;
    width: auto;
    float: left;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    padding: 8px 9px;
}

html[data-browser=Firefox] #content #filtros-meusVouchers .col.check input[type=checkbox].checkbox {
    background: none
}
#content #filtros-meusVouchers select {
        width: 170px;
    outline: none;
    border-radius: 5px;
    border: 1px solid #ededed;
    margin-left: 10px;
    background: linear-gradient(#fff,#eee); 
    color: #698fa6;
    padding: 2px;
    
}
#content #tabela-extrato .tabela {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 10px
}
#content #tabela-extrato .tabela ul {
    border-top: 2px dotted #dcdcdc;
    display: table-row;
    height: 67px
}
#content #tabela-extrato .tabela ul li {
    color: #585858;
    font-size: 14px;
    font-family: petrobras_sanslight;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}
#content #tabela-extrato .tabela ul li.col1 {
    font-family: petrobras_sansbold;
    width: 9.5%
}
#content #tabela-extrato .tabela ul li.col2 {
    width: 8%
}
#content #tabela-extrato .tabela ul li.col3 {
    width: 20%
}
#content #tabela-extrato .tabela ul li.col4 {
    width: 10%
}
#content #tabela-extrato .tabela ul li.col5 {
    width: 28%
}
#content #tabela-extrato .tabela ul li.col6 {
    width: 7%
}
#content #tabela-extrato .tabela ul li.col7 {
    width: 9%
}
#content .data-table.tabela-extrato .col8 {
    width: 13%;
}

#content #tabela-extrato .tabela ul li.positive {
    color: #a3bf2e;
    font-family: petrobras_sansbold
}
#content #tabela-extrato .tabela ul li.negative {
    color: #e68302;
    font-family: petrobras_sansbold
}
#content #tabela-extrato .tabela ul li.duaslinhas {
    padding: 16px 0
}
#content #tabela-extrato .tabela ul li [class^=icon-] {
    margin-left: 18.5%
}
#content #tabela-extrato .tabela ul.first,
#content #tabela-extrato .tabela ul.header,
#content #tabela-extrato .tabela ul:nth-child(2) {
    border: 0
}
#content #tabela-extrato .tabela ul.header li {
    border-radius: 5px;
    position: relative;
    font-family: petrobras_sansbold;
    font-size: 14px;
    background: #f7fcfa;
    color: #008c4f
}
#content #tabela-extrato .tabela .divider {
    display: block;
    width: 98%;
    position: absolute;
    clear: both;
    border: none;
    border-bottom: 2px dotted #dcdcdc
}
#content #tabela-extrato.cols8 ul li.col3 {
    width: 18.2%
}
#content #tabela-extrato.cols8 ul li.col5 {
    width: 15%
}
#content #tabela-extrato.cols8 ul li.col8 {
    width: 13%
}
#content #tabela-extrato.cols8.numerosdasorte .item ul {
    display: inline-block;
    width: 100%;
    height: auto
}
#content #tabela-extrato.cols8.numerosdasorte .item ul li.col1 {
    width: 7.5%
}
#content #tabela-extrato.cols8.numerosdasorte .item ul li span {
    text-decoration: underline;
    cursor: pointer;
    font-family: petrobras_sansbold;
    color: #3398cc;
    display: inline-block
}
#content #tabela-extrato.cols8.numerosdasorte .item ul li span.flag {
    border-radius: 12px;
    position: relative;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 17px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    background-color: #fdbf00;
    color: #fff;
    text-decoration: none
}
#content #tabela-extrato.cols8.numerosdasorte .item ul li.col4,
#content #tabela-extrato.cols8.numerosdasorte .item ul li.col5,
#content #tabela-extrato.cols8.numerosdasorte .item ul li.col6,
#content #tabela-extrato.cols8.numerosdasorte .item ul li.col7 {
    width: 10.25%
}
#content #tabela-extrato.cols8.numerosdasorte .item ul li.col1 {
    font-family: petrobras_sansregular
}
#content #tabela-extrato.cols8.numerosdasorte .item ul .numbers {
    background-color: #f9f9f9;
    padding: 15px 0
}
#content #tabela-extrato.cols8.numerosdasorte .item ul .numbers li {
    height: auto;
    width: 14.20071%;
    color: #666;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: petrobras_sansbold;
    margin-right: -3px
}
#content #tabela-extrato.cols8.numerosdasorte .item ul.header li.col3.duaslinhas,
#content #tabela-extrato.cols8.numerosdasorte .item ul.header li.col5.duaslinhas,
#content #tabela-extrato.cols8.numerosdasorte .item ul.header li.col8.duaslinhas {
    line-height: 16px;
    padding: 16px 0;
    height: auto
}
#content #tabela-extrato.cols8.numerosdasorte .item ul.header li.flag {
    position: relative;
    padding-right: 37px
}
#content #tabela-extrato.cols8.numerosdasorte .item ul.header li.col3 {
    width: 14.2%
}
#content #tabela-extrato.cols8.numerosdasorte .item .label {
    background: #f5f5f4;
    background: linear-gradient(#fff, #f5f5f4);
    border-radius: 15px;
    height: 61px;
    line-height: 61px;
    color: #999;
    border: 1px solid #ededec;
    padding: 0 25px;
    font-family: petrobras_sansbold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative
}
#content #tabela-extrato.cols8.numerosdasorte .item .label a {
    font-size: 14px;
    text-transform: none;
    margin-left: 30px;
    vertical-align: top
}
#content #tabela-extrato.cols8.numerosdasorte .item .label .open {
    border-radius: 16px;
    position: relative;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: 1px solid #93bb8c;
    background: #a3bf2e;
    font-family: Arial;
    font-size: 20px;
    cursor: pointer;
    vertical-align: top
}
#content #tabela-extrato.cols8.numerosdasorte .item .label .open.opened {
    background: #999;
    border: 1px solid #999;
    line-height: 28px
}
#content #tabela-extrato.cols8.meusvouchers .item ul li.col1,
#content #tabela-extrato.cols8.meusvouchers .item ul li.col2 {
    width: 20%
}
#content #tabela-extrato.cols8.meusvouchers .item ul li.col3,
#content #tabela-extrato.cols8.meusvouchers .item ul li.col4,
#content #tabela-extrato.cols8.meusvouchers .item ul li.col5,
#content #tabela-extrato.cols8.meusvouchers .item ul li.col6 {
    width: 10%
}
#content #tabela-extrato.cols6 ul li.col2 {
    width: 12%
}
#content #tabela-extrato.cols6 ul li.col3 {
    width: 27.3%
}
#content #tabela-extrato.cols6 ul li.col4 {
    width: 18.2%
}
#content #tabela-extrato.cols6 ul li.col5 {
    width: 15%
}
#content #tabela-extrato.cols6 ul li.col6 {
    width: 10%;
    color: #636363;
    font-family: petrobras_sanslight
}
#content #tabela-extrato.cols6 ul.header {
    border: 0
}
#content #tabela-extrato.cols6 ul.header li {
    color: #008c4f;
    font-family: petrobras_sansbold
}
#content #somatoria-pontos {
    height: 69px;
    line-height: 69px;
    background: #f9f9f9;
    border-top: 1px dashed #dcdcdc;
    border-bottom: 1px dashed #dcdcdc;
    padding: 0 45px;
    font-family: petrobras_sansregular;
    font-size: 16px;
    color: #666;
    margin-bottom: 44px;
    text-transform: uppercase;
}
#content #somatoria-pontos .bt-pontos {
    margin: 0 60px 0 9px
}

.bt-pontos {
    background: #fff
}
.bt-pontos,
.bt-pontos div {
    display: inline-block;
    line-height: 39px;
    border-radius: 7px;
    position: relative
}
.bt-pontos div {
    height: 39px;
    margin: 2px;
    background: #b4b2b0;
    padding: 0 11px;
    font-size: 20px;
    color: #fff
}
.bt-pontos div span {
    font-size: 11px
}
.bt-pontos div span.centavos {
    display: inline-block;
    vertical-align: top;
    line-height: 27px
}
.bt-pontos.bco {
    background: #e4e4e4
}
.bt-pontos.bco div {
    background: #fff;
    font-family: petrobras_sansregular
}
.bt-pontos.bco.positive div {
    color: #a3bf2e
}
.bt-pontos.bco.negative div {
    color: #e68302
}
#content .data-table {
    width: 100% !important;
    border-collapse: collapse;
    margin: 20px 0 0
}
#content .data-table tr td {
    vertical-align: middle;
    text-align: center
}
#content .data-table tr.active {
    background: #f5f5f5;
    cursor: pointer
}
#content .data-table tr:hover {
    background: #f5f5f5
}
#content .data-table.hovered tbody tr.active,
#content .data-table.hovered tbody tr:hover {
    background: #f5f5f5;
    cursor: pointer
}
#content .data-table thead tr td {
    border-radius: 15px 15px 25px 25px;
    text-transform: uppercase;
    background: #f7fcfa;
    color: #008c4f;
    outline: none;
    font-size: 12px;
    font-family: petrobras_sansbold;
    line-height: 1;
    padding: 18px 0;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    border-bottom: 10px solid #fff;
    position: relative
}
#content .data-table thead tr td span {
    text-decoration: underline;
    cursor: pointer;
    font-family: petrobras_sansbold;
    color: #3398cc;
    display: inline-block
}
#content .data-table thead tr td span.flag {
    border-radius: 12px;
    position: relative;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 17px;
    line-height: 26px;
    letter-spacing: -1px;
    width: 24px;
    height: 24px;
    background-color: #fdbf00;
    color: #fff;
    text-decoration: none
}
#content .data-table thead tr td span.flag:after {
    text-transform: none
}
#content .data-table tbody tr {
    border: none;
    margin: 0;
    border-top: 2px dotted #dcdcdc
}
#content .data-table tbody tr:first-child {
    border-top: 0
}
#content .data-table tbody tr td {
    padding-right: 10px;
    padding-left: 10px;
    height: 70px;
    font-family: petrobras_sanslight;
    font-size: 14px;
    color: #585858
}
#content .data-table tbody tr td.positive {
    color: #a3bf2e;
    font-family: petrobras_sansbold
}
#content .data-table tbody tr td.negative {
    color: #e68302;
    font-family: petrobras_sansbold
}
#content .data-table tbody tr td.bold {
    font-family: petrobras_sansbold
}
#content .data-table tbody tr td:first-child {
    text-align: left
}
#content .data-table tbody tr td.numbers {
    background-color: #f9f9f9;
    text-align: left;
    padding: 0;
    border-bottom: 2px dotted #d9d9d9
}
#content .data-table tbody tr td.numbers span {
    height: 70px;
    line-height: 70px;
    width: 14.36%;
    color: #666;
    border-bottom: 2px dotted #d9d9d9;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0;
    padding: 0;
    font-family: petrobras_sansbold;
    margin-right: -1px;
    margin-bottom: -2px
}
#content .data-table tbody tr td.active {
    background: #f9f9f9
}
#content .data-table tbody tr td .link {
    color: #39c;
    font-family: petrobras_sansregular;
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline;
    cursor: pointer
}
#content .data-table tbody tr td .nome-ganhador {
    text-align: left
}
#content .data-table tbody tr td .count {
    float: left;
    height: 25px;
    margin: -1px 5px 0 10px;
    font-family: petrobras_sansbold
}
#content .data-table tbody tr td button {
    border: 0;
    background: none;
    display: inline-block;
    padding: 0;
    margin-right: 8px;
    cursor: pointer
}
#content .data-table tbody tr.selected {
    background: #f5f5f5
}
#content .data-table.tabela-arealogada .col1 {
    width: 7.5%
}
#content .data-table.tabela-arealogada .col2 {
    width: 6.5%
}
#content .data-table.tabela-arealogada .col3 {
    width: 15%
}
#content .data-table.tabela-arealogada .col4 {
    width: 8%
}
#content .data-table.tabela-arealogada .col5 {
    width: 20.3%
}
#content .data-table.tabela-arealogada .col6 {
    width: 3.9%
}
#content .data-table.tabela-arealogada .col7 {
    width: 7.3%
}
#content .data-table.tabela-extrato .col1 {
    width: 9.5%
}
#content .data-table.tabela-extrato .col2 {
    width: 8%
}
#content .data-table.tabela-extrato .col3 {
    width: 18.2%
}
#content .data-table.tabela-extrato .col4 {
    width: 10%
}
#content .data-table.tabela-extrato .col5 {
    width: 15%
}
#content .data-table.tabela-extrato .col6 {
    width: 7%
}
#content .data-table.tabela-extrato .col7 {
    width: 9%
}
#content .data-table.tabela-extrato .col8 {
    width: 13%
}
#content .data-table.tabela-valecombustivel .col1 {
    width: 9.6%
}
#content .data-table.tabela-valecombustivel .col2 {
    width: 11%
}
#content .data-table.tabela-valecombustivel .col3 {
    width: 25%
}
#content .data-table.tabela-valecombustivel .col4 {
    width: 17%
}
#content .data-table.tabela-valecombustivel .col5 {
    width: 14%
}
#content .data-table.tabela-valecombustivel .col6 {
    width: 10%
}
#content .data-table.tabela-numerosdasorte .col1,
#content .data-table.tabela-numerosdasorte .col2 {
    width: 8%
}
#content .data-table.tabela-numerosdasorte .col3 {
    width: 16%
}
#content .data-table.tabela-numerosdasorte .col4,
#content .data-table.tabela-numerosdasorte .col5 {
    width: 7%;
    color: #a3bf2e;
    font-weight: 700
}
#content .data-table.tabela-numerosdasorte .col6 {
    width: 10%;
    padding-right: 33px;
    color: #a3bf2e;
    font-weight: 700
}
#content .data-table.tabela-numerosdasorte .col7 {
    width: 7%
}
#content .data-table.tabela-numerosdasorte .col8 {
    width: 6%
}
#content .data-table.tabela-meusvouchers .col1 {
    width: 20%
}
#content .data-table.tabela-meusvouchers .col2 {
    width: 22%
}
#content .data-table.tabela-meusvouchers .col3 {
    width: 9%
}
#content .data-table.tabela-meusvouchers .col4 {
    width: 10.6%
}
#content .data-table.tabela-meusvouchers .col5 {
    width: 11.4%
}
#content .data-table.tabela-meusvouchers .col6 {
    width: 17%
}
#content .data-table.tabela-meusvouchers .col7 {
    width: 16%
}
#content .data-table.tabela-meusvouchers .code-list span {
    display: block
}
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    -o-user-select: initial;
    user-select: initial;
    margin-left: 10px;
    font-family: petrobras_sansbold;
    font-size: 14px
}
.chosen-container .chosen-drop {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    display: none
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
    display: block
}
.chosen-container a {
    cursor: pointer
}
.chosen-container-single .chosen-single {
    background: #eee;
    background: linear-gradient(#fff, #eee);
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px #eee;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    border: 1px solid #ccc;
    outline: 0
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #698fa6
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}
.chosen-container-single .chosen-default {
    color: #999
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover,
.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    position: relative;
    position: absolute;
    background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none;
    margin-top: 2px
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}
.chosen-container .chosen-results li.highlighted {
    background: #698fa6;
    color: #fff
}
.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}
.chosen-container-multi .chosen-choices {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto!important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    box-shadow: none;
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0!important;
    background: transparent!important;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    position: relative
}
.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999
}
.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    position: relative;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee);
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: linear-gradient(180deg, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee);
    color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
    border-radius: 0 0 15px 15px;
    position: relative;
    overflow: hidden
}
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}
.chosen-container-active .chosen-single {
    box-shadow: 0 0 5px #eee;
    position: relative;
    border: 1px solid #5897fb
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: 8px 9px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}
.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #111!important
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    -o-user-select: initial;
    user-select: initial;
    margin-left: 10px;
    font-family: petrobras_sansbold;
    font-size: 14px;
}
.chosen-single {
    box-shadow: 0 0 5px #eee;
    position: relative;
    border: 1px solid #5897fb;
}

/* Meus Vouchers */

#content .alert.subtitle p {
    font-size: 14px;
    font-family: petrobras_sanslight;
    text-align: center;
}

#content .title-rescue-vouchers {
    font-family: petrobras_sansbold_italic;
    font-size: 21px;
    color: #999;
    margin-bottom: 20px;
}
#content .data-table tbody tr td button {
    border: 0;
    background: none;
    display: inline-block;
    padding: 0;
    margin-right: 8px;
    cursor: pointer;
}
.ico-print, .ico-radio-off {
    background-image: url(../images/sprite.png);
    height: 20px;
}
.ico-print {
    background-position: -599px -90px;
    width: 21px;
}
[class*=ico-] {
    display: inline-block;
}
.ico-search {
    background-position: -625px -496px;
    width: 21px;
}
.ico-search, .ico-search-white2 {
    background-image: url(../images/sprite.png);
    height: 21px;
}

#content .data-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 0;
}

#content .data-table.tabela-meusvouchers .col1 {
    width: 20%
}
#content .data-table.tabela-meusvouchers .col2 {
    width: 22%
}
#content .data-table.tabela-meusvouchers .col3 {
    width: 9%
}
#content .data-table.tabela-meusvouchers .col4 {
    width: 10.6%
}
#content .data-table.tabela-meusvouchers .col5 {
    width: 11.4%
}
#content .data-table.tabela-meusvouchers .col6 {
    width: 17%
}
#content .data-table.tabela-meusvouchers .col7 {
    width: 16%
}
#content .data-table.tabela-meusvouchers .code-list span {
    display: block
}

#loader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    background: hsla(0,0%,100%,.3) url(../images/ajax-loader.gif) center center no-repeat;
    height: 100%;
    width: 100%;
}
.novo-voucher {

    width: 710px;
    text-align: left;
    margin: 0px auto;
    position: relative;
    z-index: 0;
    -webkit-print-color-adjust: exact;
    color: #ffffff;
    background: #fff;
    padding: 10px;
}
.cboxLoadedContent {

}
.novo-voucher.print {
    padding-top: 5px;
    margin: 0 auto
}
.novo-voucher .modalPrint {
    padding-top: 0!important
}
.novo-voucher .content {
    padding: 0!important;
    margin: 0!important
}
.novo-voucher .voucher {

    position: relative
}
.novo-voucher .voucher .popup-modal-dismiss {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 17px;
    right: 17px
}
.fechar {
        position: absolute;
      right: 0px;
    top: -15px;;
    color: #008C4F;
    font-size: 25px;
    background: transparent;
    border-width: 0px;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 5px;
    font-family: petrobras_sansregular;
}
.novo-voucher .voucher .mensagem-erro {
    line-height: 110px;
    text-align: center
}
.novo-voucher .voucher .topo {
    position: relative;
        padding: 0px;
        top: 30px;
}
.novo-voucher .voucher .topo.print-margin {
    padding: 10px 30px 0
}
.novo-voucher .voucher .topo .consumidor-info {
    width: 68%;
    display: table-cell;
    float: left;
}
.novo-voucher .voucher .topo .consumidor-info h2 {
    color: #008c4f;
    font-size: 24px;
    font-family: petrobras_sansbold_italic!important;
    margin-bottom: 15px;
}
.novo-voucher .voucher .topo .consumidor-info p {

    font-size: 18px;
    line-height: 120%;
    margin: 0;
    color: #666
}
.novo-voucher .voucher .topo .consumidor-info p strong {
    font-family: petrobras_sansbold_italic
}
.novo-voucher .voucher .topo .logo-premmia {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.novo-voucher .voucher .alerta {
    background-color: #666;
    margin: 25px 0 0;
    font-family: petrobras_sansbold;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 8px 30px 5px;
    line-height: 30px;
    word-wrap: break-word
}
.novo-voucher .voucher .retirada-ingresso-oe {
    background-color: #f2f2f2;
    min-height: 120px;
    padding: 30px;
    display: hidden
}
.novo-voucher .voucher .retirada-ingresso-oe.print-margin {
    padding: 20px 30px 6px
}
.novo-voucher .voucher .retirada-ingresso-oe .mensagem {
    margin-bottom: 23px;
    font-family: petrobras_sansregular;
    font-size: 16px;
    color: #666
}
.novo-voucher .voucher .retirada-ingresso-oe .mensagem.print-margin {
    margin-bottom: 15px
}
.novo-voucher .voucher .retirada-ingresso-oe .mensagem p {
    margin: 0
}
.novo-voucher .voucher .retirada-ingresso-oe .mensagem p strong {
    font-family: petrobras_sansbold;
    width: auto
}
.novo-voucher .voucher .retirada-ingresso-oe h4 {
    color: #008c4f;
    font-size: 20px;
    font-family: petrobras_sansregular!important;
    margin: 20px 0;
    width: 100%
}
.novo-voucher .voucher .retirada-ingresso-oe p {
    font-family: petrobras_sansregular;
    color: #666;
    font-size: 16px;
    width: 100%;
    margin: 0 0 5px
}
.novo-voucher .voucher .retirada-ingresso-oe p strong {
    width: 100px;
    font-family: petrobras_sansbold;
    font-size: 16px;
    display: inline-block;
    vertical-align: top
}
.novo-voucher .voucher .retirada-ingresso-oe p span.table {
    display: inline-block;
    width: 78%;
    word-wrap: break-word
}
.novo-voucher .voucher .retirada-ingresso-me {
    background-color: #f2f2f2;
    min-height: 120px;
    padding: 30px;
    padding-top: 5px;
    padding-bottom: 15px;
}
.novo-voucher .voucher .retirada-ingresso-me.print-margin {
    padding: 20px 30px 6px
}
.novo-voucher .voucher .retirada-ingresso-me .mensagem {
    font-family: petrobras_sansregular;
    font-size: 16px;
    color: #666
}
.novo-voucher .voucher .retirada-ingresso-me .mensagem p {
    margin: 0
}
.novo-voucher .voucher .retirada-ingresso-me .mensagem p strong {
    font-family: petrobras_sansbold;
    width: auto
}
.novo-voucher .voucher .retirada-ingresso-me .mensagem strong {
    font-family: petrobras_sansbold
}
.novo-voucher .voucher .retirada-ingresso-me h4 {
    color: #008c4f;
    font-size: 20px;
    font-family: petrobras_sansregular!important;
    margin: 20px 0;
    width: 100%
}
.novo-voucher .voucher .retirada-ingresso-me p {
    font-family: petrobras_sansregular;
    color: #666;
    font-size: 16px;
    width: 100%;
    margin: 0 0 5px
}
.novo-voucher .voucher .retirada-ingresso-me p strong {
    width: 185px;
    font-family: petrobras_sansbold;
    font-size: 16px;
    display: inline-block;
    vertical-align: top
}
.novo-voucher .voucher .retirada-ingresso-me p span.table {
    display: inline-block;
    width: 67%;
    word-wrap: break-word
}
.novo-voucher .voucher .descricao {
    position: relative;
    padding: 0px;
    margin-top: 10px;
    text-align: justify;
    color: #666
}
.novo-voucher .voucher .descricao .topico {
    margin-top: 10px
}
.novo-voucher .voucher .descricao .topico.print-margin {
    margin-top: -10px
}
.novo-voucher .voucher .descricao .topico.print-margin-grande {
    margin-top: 10px
}
.novo-voucher .voucher .descricao .topico h3 {
    font-family: petrobras_sansregular!important;
    font-weight: 700!important;
    font-size: 20px!important;
    color: #666!important;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    width: 100%
}
.novo-voucher .voucher .descricao .topico ul {
    list-style: disc;
    margin: 0 0 0 20px
}
.novo-voucher .voucher .descricao .topico ul li {
    font-family: petrobras_sansregular;
    font-size: 16px;
    margin: 10px 0
}
.novo-voucher .voucher .descricao .topico ol {
    list-style: decimal;
    margin-left: 1.4em;
    margin-bottom: 20px;
}
.novo-voucher .voucher .descricao .topico ol li,
.novo-voucher .voucher .descricao .topico p {
    font-family: petrobras_sansregular;
    font-size: 17px;
    margin: 2px 0
}
.novo-voucher .voucher .descricao .topico .importante ul li {
    list-style: none;
    padding-left: 5px
}
.novo-voucher .voucher .descricao .topico .importante ul li:before {
    content: "\00BB \0020";
    padding: 0 5px!important;
    font-size: 1.3em;
    position: absolute;
    left: 25px
}

.novo-voucher .voucher .content-voucher.print-margin-grande {
    margin: 15px 30px;
}
.novo-voucher .voucher .content-voucher .titulo-voucher {
    width: 100%;
    padding: 15px 0;
    line-height: 28px;
    background-color: #008c4f;
    font-family: petrobras_sansbold;
    color: #fff;
    font-size: 21px;
    text-align: center;
    text-transform: uppercase;
}
.novo-voucher .voucher .content-voucher .code-label {
    display: inline-block;
    vertical-align: top;
    width: 150px
}
.novo-voucher .voucher .content-voucher .code-list {
    display: inline-block;
    vertical-align: top;
 
}
.novo-voucher .voucher .content-voucher .code-number {
    display: block;
    font-family: petrobras_sansregular;
    font-size: 14px;
    padding: inherit;
    word-wrap: break-word;
    margin: 0px;
    text-transform: none !important;
}
.novo-voucher .voucher .content-voucher .info-voucher {
    border-width: 1px;
    padding: 30px 10px 30px 30px;


}
.novo-voucher .voucher .content-voucher .info-voucher.print-margin-grande {
    padding: 15px 10px 15px 30px
}
.novo-voucher .voucher .content-voucher .info-voucher .logo {
    display: inline-block;
    margin-right: 25px;
    width: 165px;
    height: 75px
}
.novo-voucher .voucher .content-voucher .info-voucher .logo img {
    /*width: 165px*/
    max-width: 165px;
    max-height: 100px;

}
.novo-voucher .voucher .content-voucher .info-voucher .detalhes {
    width: calc(100% - 195px);
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}
.novo-voucher .voucher .content-voucher .info-voucher .detalhes p {
    font-family: petrobras_sansregular;
    color: #666;
    font-size: 16px;
    margin: 0;
    line-height: 22px
}
.novo-voucher .voucher .content-voucher .info-voucher .detalhes p span {
    width: 150px;
    font-family: petrobras_sansbold;
    font-size: 16px;
    display: inline-block
}
.novo-voucher .voucher .content-voucher .info-voucher-me {
    border: 1px dashed #666;
    border-radius: 5px;
    padding: 30px 10px 30px 30px
}
.novo-voucher .voucher .content-voucher .info-voucher-me.print-margin-grande {
    padding: 15px 10px 15px 30px
}
.novo-voucher .voucher .content-voucher .info-voucher-me .logo {
    display: inline-block;
    margin-right: 25px;
    width: 165px;
    height: 75px
}
.novo-voucher .voucher .content-voucher .info-voucher-me .logo img {
    width: 165px
}
.novo-voucher .voucher .content-voucher .info-voucher-me .detalhes {
    width: calc(100% - 195px);
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}
.novo-voucher .voucher .content-voucher .info-voucher-me .detalhes p {
    font-family: petrobras_sansregular;
    color: #666;
    font-size: 16px;
    width: 100%;
    margin: 0;
    line-height: 22px
}
.novo-voucher .voucher .content-voucher .info-voucher-me .detalhes p span {
    width: 150px;
    font-family: petrobras_sansbold;
    font-size: 16px;
    display: inline-block
}
.novo-voucher .voucher .content-voucher .endereco-evento {
    width: 100%;
    background-color: #008c4f;
    text-align: center;
    border-radius: 7px;
    padding: 20px 0
}
.novo-voucher .voucher .content-voucher .endereco-evento p {
    font-family: petrobras_sansregular;
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin: 0 0 5px
}
.novo-voucher .voucher .content-voucher .endereco-evento p strong {
    font-family: petrobras_sansbold;
    font-size: 16px;
    display: inline-block
}
.novo-voucher .voucher .content-voucher .endereco-evento p .code-number {
    display: block;
    font-family: petrobras_sansregular;
    font-size: 16px;
    padding: inherit
}
.novo-voucher .voucher .content-voucher .info-voucher-oe {
    border-color: #666;
    border-width: 1px 1px 0;
    border-style: dashed;
    padding: 30px 10px 30px 30px
}
.novo-voucher .voucher .content-voucher .info-voucher-oe.print-margin-grande {
    padding: 15px 10px 15px 30px
}
.novo-voucher .voucher .content-voucher .info-voucher-oe .logo {
    display: inline-block;
    margin-right: 25px;
    width: 165px;
    height: 75px
}
.novo-voucher .voucher .content-voucher .info-voucher-oe .logo img {
    width: 165px
}
.novo-voucher .voucher .content-voucher .info-voucher-oe .detalhes {
    width: calc(100% - 195px);
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}
.novo-voucher .voucher .content-voucher .info-voucher-oe .detalhes p {
    font-family: petrobras_sansregular;
    color: #666;
    font-size: 16px;
    width: 100%;
    margin: 0;
    line-height: 22px
}
.novo-voucher .voucher .content-voucher .info-voucher-oe .detalhes p span {
    width: 150px;
    font-family: petrobras_sansbold;
    font-size: 16px;
    display: inline-block
}
.novo-voucher .voucher .botao {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    display: inline-block
}
.novo-voucher .voucher .botao .imprimir {
     background-color: #ffcb31;
     color: #008C4F;
}

.novo-voucher .voucher .botao .download {
     background-color: #005A94;
     color: #fff;
}

.novo-voucher .voucher .botao .email {
     background-color: #008C4F;
      color: #fff;
}
.novo-voucher .voucher .botao div {

    display: inline-block;
       width: 100%;
    cursor: pointer;
    padding: 14px 50px;
    margin: 20px 0;
    line-height: normal;
    height: auto;
    font-size: 16px;
    font-family: petrobras_sansbold;
}
.novo-voucher .voucher .botao .imprimir img {
    vertical-align: middle
}
.novo-voucher .grayscale {
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")!important;
    filter: gray!important;
    -webkit-filter: grayscale(100%)!important
}
html[data-browser=Firefox] .novo-voucher .grayscale {
    width: 100px
}
.novo-voucher .imprimir-color {
    color: #666!important
}
.novo-voucher .imprimir-bg {
    background-color: #666!important
}
.novo-voucher .imprimir-bg p,
.novo-voucher .imprimir-bg strong {
    color: #fff!important
}
.novo-voucher svg {
    height: 100%;
    width: 100%
}

#imprimir-voucher,
#novo-voucher-imprimir {
    position: relative;
    left: 50%;
    margin-left: -305px;
    color: #fff;
    overflow: hidden;

}
.overlay-voucher {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90" ")";
    filter: alpha(opacity=90);
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    background-color: #000;
    z-index: 70
}
.modalPrint.print {
    background: #fff!important;
    border: 1px solid #ddd;
    padding-top: 0px;
}
#novo-voucher-imprimir .modalPrint {
    background: url(../images/bg-transparent-modal.png) 0 0 repeat;
    padding: 3px;
    text-align: left;
    margin: 40px auto;
    position: relative;
    z-index: 80;
    max-width: 980px;
}


.rescue-value {
  display: none;
  border-radius: 20px;
  position: relative;
  position: absolute;
  top: -27px;
  background: #a4c02e;
  color: #fff;
  font-size: 11px;
  font-family: petrobras_sansregular;
  padding: 2px 0px;
  width: 75px;
  margin-left: -37px;
  text-align: center;
  z-index: 2;
}

.user-rescue-value {
  display: none;
  border-radius: 20px;
  position: relative;
  position: absolute;
  top: 30px;
  background: rgb(0, 140, 79);
  color: #fff;
  font-size: 11px;
  font-family: petrobras_sansregular;
  padding: 2px 0px;
  width: 75px;
  margin-left: -37px;
  text-align: center;
  z-index: 2;

}

  
.rescue-value:before {
    content: ' ';
    position: absolute;
    bottom: -4px;
    right: 41%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a4c02e;
}  

.user-rescue-value:after {
    content: ' ';
    position: absolute;
    top: -4px;
    right: 41%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #008c4f;
}  

.rescue-value label {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0px;
}
.user-rescue-value label
{
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0px; 
}


.user-status-bar
{
    
    background-color: rgb(0, 140, 79) !important;
    z-index: 999 !important;      
    position: absolute !important;
}


/* Extrato de Pontos*/

#filtros-extrato-pontos div,  #filtros-extrato-pontos label{
  float: left;
  margin-bottom: 5px;
  z-index: 1;
}

#filtros-extrato-pontos label{ 
 text-transform: inherit }


 

#filtros-meusVouchers label{ 
 text-transform: inherit }


 #saldopontos .saldo {
      padding: 0 0.5%;
 }

 table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
 display: none !important;
 }

 #tabela-extrato_wrapper .data-table tbody tr td {
  padding: 0px 10px;
 }
#tabela-extrato_wrapper .data-table tbody tr td p {
  margin:0px !important;
}
 #tabela-extrato_wrapper .data-table {
  margin-bottom: 0 !important;
  width: 100% !important;
 }


 @media print {



      .novo-voucher {
        padding: 20px !important;
        
      }
.novo-voucher .voucher .content-voucher .info-voucher 
            { height: auto !important}
    
  html, body { height: auto !important;
   margin: 0 !important;}

 }

  /* Promocao - ganhadores */

 #content.promocao-section {
    color: #666
}
#content.promocao-section .back-link {
    margin-bottom: 10px
}
#content.promocao-section .back-link a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-family: petrobras_sansbold;
    color: #3398cc;
}
#content.promocao-section .back-link a .ico-arrow-left {
    vertical-align: sub;
    margin-right: 5px
}
#content.promocao-section .register {
    position: absolute;
    top: 80px;
    right: 0
}
#content.promocao-section .register .complete-cadastro {
    border-radius: 100px;
    position: relative
}
#content.promocao-section .register .complete-cadastro div {
    border-radius: 100px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 144px;
    height: 144px;
    padding: 15px 0;
    margin: 0;
    border: 6px solid #f2f2f2;
        top: -120px;
}
#content.promocao-section .register .complete-cadastro div .ico-ticket {
     margin-top: 0px;
}
#content.promocao-section .register .complete-cadastro div p {
    padding: 10px 0;
    margin: 0;
    font-size: 10px;
    line-height: 13px
}

.banner .image img {
  border-radius: 10px 10px 0px 0px;
  width: 100%;
}


.grid12 .caption-slide {
     border-radius: 0 0 10px 10px;
    position: relative;
    width: 100%;
    background: #a5c03e;
    background: linear-gradient(180deg,#a5c03e 0,#72a530);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5c03e',endColorstr='#72a530',GradientType=0);
}

.grid12 .caption-slide .title {
    font-family: petrobras_sansbold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
    text-decoration: none;
    padding: 5px;

  }

  .conteudoesquerda, .conteudodireita {
    width: 50%;
    float: left;
    margin-bottom: 40px;
  }

  .conteudoesquerda p , .conteudodireita p {
    padding: 10px;
        color: #666;
            user-select: text;
    color: #666;
    font-family: petrobras_sansregular;
    font-size: 16px;
    line-height: 17px;
  }
  
    .conteudoesquerda img, .conteudodireita img {
      max-width: 100%;
      height: auto;
    }

    .share {
      width: 100%;
          height: 20px;
    margin: 20px 0px;
    padding: 0 10px;
    }

    .twitter-container, .facebook-container {
      float: right;
      position: relative;
    }
    .twitter-container {
      margin-left: 20px;
      top: 1px;
    }

.twitter {
      display: flex;
    background: url(../images/twitterico.png) center 0 no-repeat;
    width: 25px;
    height: 25px;
    position: relative;
    float: right !important;
        background-size: 25px;

        margin: 0px 20px;

}

.facebook {
      display: flex;
    float: left;
    background: url(../images/facebookico.png) center 0 no-repeat;
    width: 25px;
    height: 25px;
    position: relative;
    float: right !important;
        background-size: 25px;
        margin: 0 !important;
}
#content.promocao-section .share {
    text-align: left;
    line-height: 1;
    clear: both;
    margin: 15px 0;
    white-space: nowrap;
    float: right;
    width: 235px
}
#content.promocao-section .share #twitter-widget-0,
#content.promocao-section .share .fb-share-button.fb_iframe_widget {
    vertical-align: top;
    float: left
}
#content.promocao-section .share #twitter-widget-0,
#content.promocao-section .share #twitter-widget-1 {
    width: 110px!important
}
#content.promocao-section .content-panel {
    clear: both
}
#content.promocao-section h3 {
    color: #666
}
#content.promocao-section .about h3 {
    color: #008c4f;
    font-size: 21px;
    margin-bottom: 18px
}
#content.promocao-section .about a {
    font-size: 14px;
    font-family: petrobras_sansxbold
}
#content.promocao-section .complete-list {
    font-size: 16px;
    margin-top: 10px;
    display: inline-block
}
#content.promocao-section .complete-list .ico-down {
    vertical-align: middle;
    margin-right: 4px
}
#content.promocao-section p {
    margin-bottom: 30px;
    padding-left: 10px;
}
#content.promocao-section hr {
    *zoom: 1;
    margin: 30px 0;
    border: none;
    border-bottom: 1px solid #f0f0f0
}
#content.promocao-section hr:after,
#content.promocao-section hr:before {
    content: "";
    display: table
}
#content.promocao-section hr:after {
    clear: both
}
#content.promocao-section .image.numero-da-sorte,
#content.promocao-section .image.numero-da-sorte img {
    width: 100%
}
#content.promocao-section .image.premios {
    margin: 15px 0
}
#content.promocao-section .image.premios img {
    max-width: 100%
}
#content.promocao-section #winner-filter input[type=text] {
    width: 278px
}
#content.promocao-section #winner-filter .error {
    color: red;
    width: 160px;
    display: none;
    margin-left: 30px;
    height: 30px
}
#content.promocao-section #winner-filter .error.verdadeiro {
    display: inline-block
}
#content.promocao-section #winner-filter .error p {
    font-family: petrobras_sansbold;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    vertical-align: top;
    width: 130px
}
#content.promocao-section .numeros-container {
    position: relative
}
#content.promocao-section .numeros-container img {
    cursor: pointer
}
#content.promocao-section .numeros-container .tela-numeros {
    position: absolute;
    width: 100%;
    height: 327px;
    background-color: #f9f9f9;
    top: 12px;
    color: #635953;
    font-family: petrobras_sansregular
}
#content.promocao-section .numeros-container .tela-numeros span.sem-numero {
    margin-left: 20px;
    font-size: 14px
}
#content.promocao-section .numeros-container .tela-numeros h2 {
    margin: 10px 10px 20px;
    width: 97%;
    font-size: 16px
}
#content.promocao-section .numeros-container .tela-numeros h2 span {
    float: right;
    cursor: pointer
}
#content.promocao-section .numeros-container .tela-numeros .numeros {
    overflow-y: scroll;
    height: 265px
}
#content.promocao-section .numeros-container .tela-numeros .numeros .premio {
    margin: 0 0 10px 10px;
    width: 98%
}
#content.promocao-section .numeros-container .tela-numeros .numeros .premio h3 {
    font-family: petrobras_sansbold;
    font-size: 13px
}
#content.promocao-section .numeros-container .tela-numeros .numeros .premio ul li {
    display: inline-block;
    margin: 0 9px;
    font-size: 12px;
    color: #b6b5b3
}
#content.promocao-section .mensagens {
    margin-top: 20px;
    width: 100%
}
#content.promocao-section .mensagens ul li {
    background: #418ab3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MThhYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDU1MTgyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: radial-gradient(ellipse at center, #418ab3 0, #055182 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#418ab3', endColorstr='#055182', GradientType=1);
    display: inline-block;
    width: 320px;
    height: 140px;
    margin-right: 5px
}
#content.promocao-section .mensagens ul li.last {
    margin-right: 0
}
#content.promocao-section .mensagens ul li span {
    display: inline-block;
    line-height: 130%;
    width: 100%;
    font-family: petrobras_sansregular;
    font-size: 20px;
    color: #fff;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase
}
#content.promocao-section .mensagens ul li span strong {
    color: #ffc72e
}
#content.promocao-section.promocao-personalizada .mensagem {
    margin-bottom: 30px
}
#content.promocao-section.promocao-personalizada .mensagem h3 {
    font-family: petrobras_sansbold;
    font-size: 24px;
    color: #999;
    margin-bottom: 10px
}
#content.promocao-section.promocao-personalizada .mensagem p {
    font-family: petrobras_sansregular;
    font-size: 18px;
    color: #535353
}
#content.promocao-section.promocao-personalizada .mensagem strong {
    font-family: petrobras_sansbold
}
#content.promocao-section.promocao-personalizada .container {
    position: relative;
    background: url(../img/promocoes/personalizada/bg-promocao-personalizada.jpg) no-repeat;
    height: 463px;
    width: 100%
}
#content.promocao-section.promocao-personalizada .container .wrap {
    padding-top: 96px;
    width: 100%
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time {
    display: inline-block;
    width: 354px;
    height: 364px;
    margin: -6px 55px 0;
    vertical-align: top;
    position: relative
}
html[data-browser=MSIE] #content.promocao-section.promocao-personalizada .container .wrap .cadastre-time {
    width: 350px;
    margin: 0 50 0 55px
}
html[data-browser=Safari] #content.promocao-section.promocao-personalizada .container .wrap .cadastre-time {
    width: 350px;
    margin: 0 40 0 55px
}
html[data-device=iPad] #content.promocao-section.promocao-personalizada .container .wrap .cadastre-time {
    margin: 0 50 0 55px
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li {
    text-align: center
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li figure {
    height: 124px;
    margin-bottom: 8px
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li span {
    margin-top: 10px;
    font-family: petrobras_sansregular;
    font-size: 14px;
    color: #fff
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .campos {
    width: 354px;
    margin-top: 10px
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .campos input[type=text] {
    width: 100%;
    height: 40px;
    background-color: #feca43;
    margin-bottom: 8px;
    text-align: center;
    border: none;
    border-radius: 0;
    font-family: petrobras_sansregular;
    font-size: 18px;
    color: #ab8e2c
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .campos::-webkit-input-placeholder {
    color: #ab8e2c
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .campos:-moz-placeholder,
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .campos::-moz-placeholder {
    color: #ab8e2c
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .campos:-ms-input-placeholder {
    color: #ab8e2c
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .acoes span {
    display: inline-block;
    width: 49%;
    font-family: petrobras_sansregular;
    font-size: 20px;
    color: #feca43;
    cursor: pointer
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li .acoes span:before {
    content: " ";
    background: url(../img/promocoes/personalizada/ico-add.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 10px
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li button {
    border: none;
    background: none;
    position: absolute;
    top: 70px;
    cursor: pointer
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li button.seta-esq {
    left: 0
}
#content.promocao-section.promocao-personalizada .container .wrap .cadastre-time ul li button.seta-dir {
    right: 0
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado {
    display: inline-block;
    width: 486px;
    height: 364px;
    margin: 0 12px
}
html[data-browser=MSIE] #content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado,
html[data-browser=Safari] #content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado {
    width: 491px
}
html[data-device=iPad] #content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado {
    width: 500px;
    margin: 0 0 0 12px
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio {
    width: 100%;
    height: 59px;
    margin-bottom: 10px;
    white-space: nowrap
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio figure {
    width: 80px;
    margin: 3px 5px 0 0;
    display: inline-block
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio span {
    width: 100px;
    height: 59px;
    display: inline-block;
    font-family: petrobras_sansbold;
    font-size: 14px;
    color: #feca43;
    margin: 8px 5px 0 0;
    vertical-align: top;
    white-space: normal
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio .nome-ganhador {
    display: inline-block;
    width: 232px;
    height: 62px;
    background-color: #3a966c;
    margin-right: 8px;
    text-align: center;
    color: #fefefe;
    vertical-align: top
}
html[data-device=iPad] #content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio .nome-ganhador {
    margin-right: 0
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio .nome-ganhador p.nome {
    width: 100%;
    font-family: petrobras_sansbold;
    font-size: 13px;
    margin: -2px 0 0;
    padding: 0
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio .nome-ganhador p.email {
    width: 100%;
    font-family: petrobras_sansregular;
    font-size: 13px;
    margin: 0;
    padding: 0
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio .nome-ganhador.meu {
    background-color: #feca43
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio .nome-ganhador.meu p.nome {
    font-family: petrobras_sansbold;
    font-size: 30px;
    color: #033b21;
    margin: 20px 0 0
}
#content.promocao-section.promocao-personalizada .container .wrap .time-cadastrado .premio button.acao {
    display: inline-block;
    border: none;
    background: none;
    vertical-align: top;
    margin-top: 13px;
    cursor: pointer
}
#content.promocao-section.promocao-personalizada .container .no-login {
    position: absolute;
    top: 0;
    height: 463px;
    width: 980px;
    z-index: 9;
    background: rgba(0, 0, 0, .6)
}
#content.promocao-section.promocao-personalizada .container .no-login .mensagem {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -250px;
    margin-bottom: 0;
    width: 500px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    vertical-align: middle;
    background-color: #ffcb2f;
    border-radius: 8px
}
#content.promocao-section.promocao-personalizada .container .no-login .mensagem a {
    color: #04633b
}
#content.promocao-section.promocao-personalizada ul[rn-carousel] {
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    position: relative;
    width: 100%;
    height: 364px;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
#content.promocao-section.promocao-personalizada ul[rn-carousel]>li {
    color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block
}
#content.promocao-section.promocao-personalizada ul[rn-carousel-buffered]>li {
    display: none
}
#content.promocao-section.promocao-personalizada ul[rn-carousel-transition=hexagon] {
    overflow: visible
}
#content.promocao-section.promocao-personalizada div.rn-carousel-indicator span {
    cursor: pointer;
    color: #666
}
#content.promocao-section.promocao-personalizada div.rn-carousel-indicator span.active {
    color: #fff
}
#content.promocao-section.promocao-personalizada .rn-carousel-control {
    transition: opacity .2s ease-out;
    font-size: 2rem;
    position: absolute;
    top: 40%;
    cursor: pointer
}
#content.promocao-section.promocao-personalizada .rn-carousel-control:hover {
    opacity: 1
}
#content.promocao-section.promocao-personalizada .rn-carousel-control.rn-carousel-control-prev {
    background: url(../img/promocoes/personalizada/ico-seta-esq.png) no-repeat;
    width: 32px;
    height: 32px;
    top: 70px;
    left: .5em
}
#content.promocao-section.promocao-personalizada .rn-carousel-control.rn-carousel-control-next {
    background: url(../images/promocoes/personalizada/ico-seta-dir.png) no-repeat;
    width: 32px;
    height: 32px;
    top: 70px;
    right: .5em
}
.ico-arrow-left {
    background-image: url(../images/ico-arrow.png);
    width: 21px;
    height: 16px;
    transform: rotate(180deg);
}

.ico-arrow-right {
    background-image: url(../images/ico-arrow.png);
    width: 21px;
    height: 16px;
}

.ico-arrowright-gray {
    background-image: url(../images/sprite.png);
    background-position: -666px -185px;
    background-size: 673px 665px;
    /*behavior: url(/wp-content/themes/ftccards/assets/css/backgroundsize.htc);*/
    width: 7px;
    height: 15px;
}

.filter .nav-tab div li,
.filter .nav-tab div span.pie,
.filter .nav-tab ul li,
.filter .nav-tab ul span.pie {
    border-radius: 20px 20px 0 0;
    position: relative;
    display: inline-block;
    margin-right: 13px;
    border: 1px solid #efefef;
    border-bottom: 0;
    background: #fff
}
.filter .nav-tab div li a,
.filter .nav-tab div span.pie a,
.filter .nav-tab ul li a,
.filter .nav-tab ul span.pie a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 19px 25px;
    font-size: 16px;
    display: inline-block;
        font-family: petrobras_sansbold;
        color: #3398cc;
}

#tabela-promo-ganhadores_paginate, #tabela-extrato_paginate, #tabela-combustivel_paginate {
    margin: 30px 0;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 2px dotted #dcdcdc;
    font-size: 11px;
}



#tabela-promo-ganhadores_paginate .paginate_button, 
#tabela-extrato_paginate .paginate_button,
#tabela-combustivel_paginate .paginate_button {
    border-radius: 7px;
    background: #f3f3f3;
    background: linear-gradient(#fff,#f3f3f3);
    position: relative;
    vertical-align: middle;
    border: 1px solid #e6e7e6 !important;
    margin: 0 2px;
    text-decoration: none;
    display: inline-block;
        padding: 7px 12px;
    color: #585858;
    font-size: 11px;
    cursor: pointer;
}
.filter .content-tab {
    background: #f3f3f2;
    background: linear-gradient(#fdfdfd,#f3f3f2);
    border-radius: 0 20px 20px 20px;
    position: relative;
    border: 1px solid #efefef;
    padding: 23px 35px;
}

.filter .content-tab label {
    color: #666;
    font-family: petrobras_sansregular;
    font-size: 16px;
}

#tabela-promo-ganhadores_paginate .paginate_button:hover,
#tabela-promo-ganhadores_paginate .paginate_button.current,
#tabela-extrato_paginate .paginate_button.current,
#tabela-extrato_paginate .paginate_button:hover,
#tabela-combustivel_paginate .paginate_button.current,
#tabela-combustivel_paginate .paginate_button:hover {
    background: #989797;
    background: linear-gradient(#6f6c6c,#989797);
    position: relative;
    color: #fff;
}

#tabela-promo-ganhadores_paginate .paginate_button.previous, 
#tabela-promo-ganhadores_paginate .paginate_button.next, 
#tabela-extrato_paginate .paginate_button.previous, 
#tabela-extrato_paginate .paginate_button.next,
#tabela-combustivel_paginate .paginate_button.previous, 
#tabela-combustivel_paginate .paginate_button.next {
    background: #88ad2b;
    background: linear-gradient(#bdd565,#88ad2b);
    position: relative;
    color: #fff;
    cursor: pointer;
}

#tabela-promo-ganhadores_paginate .paginate_button.previous .ico-arrowleft-gray, 
#tabela-promo-ganhadores_paginate .paginate_button.previous:hover .ico-arrowleft-gray,
#tabela-extrato_paginate .paginate_button.previous .ico-arrowleft-gray, 
#tabela-extrato_paginate .paginate_button.previous:hover .ico-arrowleft-gray,
#tabela-combustivel_paginate .paginate_button.previous .ico-arrowleft-gray, 
#tabela-combustivel_paginate .paginate_button.previous:hover .ico-arrowleft-gray {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    background-position: -666px -204px;
    background-size: 673px 665px;
    width: 7px;
    height: 15px;
}

#tabela-promo-ganhadores_paginate .paginate_button.next .ico-arrowright-gray, 
#tabela-promo-ganhadores_paginate .paginate_button.next:hover .ico-arrowright-gray,
#tabela-extrato_paginate .paginate_button.next .ico-arrowright-gray, 
#tabela-extrato_paginate .paginate_button.next:hover .ico-arrowright-gray,
#tabela-combustivel_paginate .paginate_button.next .ico-arrowright-gray, 
#tabela-combustivel_paginate .paginate_button.next:hover .ico-arrowright-gray {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    background-position: -666px -185px;
    background-size: 673px 665px;
    width: 7px;
    height: 15px;
}

#tabela-promo-ganhadores_paginate .paginate_button.previous.disabled, 
#tabela-promo-ganhadores_paginate .paginate_button.next.disabled, 
#tabela-extrato_paginate .paginate_button.previous.disabled, 
#tabela-extrato_paginate .paginate_button.next.disabled,
#tabela-combustivel_paginate .paginate_button.previous.disabled, 
#tabela-combustivel_paginate .paginate_button.next.disabled {
    background: #e6e7e6;
    background: linear-gradient(#efefef,#e6e7e6);
    position: relative;
    font-size: 35px;
    line-height: 16px;
    color: #ccc;
    cursor: default;
}

#tabela-promo-ganhadores_paginate .paginate_button.previous.disabled .ico-arrowleft-gray, 
#tabela-promo-ganhadores_paginate .paginate_button.previous.disabled:hover .ico-arrowleft-gray,
#tabela-extrato_paginate .paginate_button.previous.disabled .ico-arrowleft-gray, 
#tabela-extrato_paginate .paginate_button.previous.disabled:hover .ico-arrowleft-gray,
#tabela-combustivel_paginate .paginate_button.previous.disabled .ico-arrowleft-gray, 
#tabela-combustivel_paginate .paginate_button.previous.disabled:hover .ico-arrowleft-gray {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    background-position: -453px -397px;
    width: 8px;
    height: 15px;
}

#tabela-promo-ganhadores_paginate .paginate_button.next.disabled .ico-arrowright-gray, 
#tabela-promo-ganhadores_paginate .paginate_button.next.disabled:hover .ico-arrowright-gray,
#tabela-extrato_paginate .paginate_button.next.disabled .ico-arrowright-gray, 
#tabela-extrato_paginate .paginate_button.next.disabled:hover .ico-arrowright-gray,
#tabela-combustivel_paginate .paginate_button.next.disabled .ico-arrowright-gray, 
#tabela-combustivel_paginate .paginate_button.next.disabled:hover .ico-arrowright-gray {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    background-position: -453px -378px;
    width: 8px;
    height: 15px;
}

div.alphabet {
    display: table;
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
}
 
div.alphabet span {
    display: table-cell;
    color: #3174c7;
    cursor: pointer;
    text-align: center;
    width: 3.5%
}
 
div.alphabet span:hover {
    text-decoration: underline;
}
 
div.alphabet span.active {
    color: black;
}
div.alphabet {
    margin: 35px 0
}
.alphabet div,
.alphabet ul {
    text-align: center
}
div.alphabet li,
div.alphabet span,
div.alphabet li,
div.alphabet ul span {
    background: #f6f6f5;
    background: linear-gradient(#fff, #f6f6f5);
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #f1f1f1;
    vertical-align: top;
    margin-right: .3938%;
    font-family: petrobras_sansbold;
    font-size: 14px;
    line-height: 1;
    color: #999;
    text-decoration: none;
    padding: 8px 9px;
    display: inline-block;
    cursor: pointer;
    margin: 0 3px
}
div.alphabet  li.active,
div.alphabet li:hover,
div.alphabet span.active,
div.alphabet span:hover,
div.alphabet ul li.active,
div.alphabet ul li:hover,
div.alphabet ul span.active,
div.alphabet ul span:hover {
    background: #edf1d9;
    background: linear-gradient(#f6f9e3, #edf1d9);
    position: relative;
    color: #7aaa26
}
div.alphabet li.inactive,
div.alphabet li.inactive:hover,
div.alphabet span.inactive,
div.alphabet span.inactive:hover,
div.alphabet ul li.inactive,
div.alphabet ul li.inactive:hover,
div.alphabet ul span.inactive,
div.alphabet ul span.inactive:hover {
    background: #fff;
    color: #cdcdcd;
    cursor: initial
}
#tabela-promo-ganhadores_filter{
  display:none;
}

#content.promocao-section #winner-filter input[type=text] {
    width: 278px;
}
#content.promocao-section #winner-filter .button.yellow {
    background: #e58504;
    background: linear-gradient(#feca0b,#e58504);
    box-shadow: none;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    width: 45px;
    padding: 10px;
}
#ajuda {
  margin-top: 20px;
}
#ajuda ul {
  margin: 0;
  padding: 0;
}
#ajuda ul li.small {
    width: 32%;
    height: 198px;
}
#ajuda ul li {
    display: inline-block;
    padding: 20px;
        box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    background: #FAFAFA;
    vertical-align: top;
    font-family: petrobras_sansregular;
    position: relative;
    min-height: 180px;
    margin-left: 10px;

}

#ajuda ul li.large {
    width: 36%;
}
#ajuda ul li.last {
    border: 0;
}

#ajuda ul li h3 {
    color: #606060;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    font-family: petrobras_sansbold;
}

#ajuda ul li h4 {
    color: #606060;
    font-size: 17px;
    line-height: 23px;
    height: 65px;
}

#ajuda a {
      text-decoration: underline;
    font-family: petrobras_sansbold;
    color: #3398cc;
    display: inline-block;
    font-size: 14px;
}

#ajuda .promocoes .large .link, #ajuda .promocoes .small .link {
    position: absolute;
}



.nav a {
      font-family: petrobras_sansbold;
    color: #3398cc;
        text-decoration: underline;
        font-size: 16px;
        margin-right: 30px;
}
#ajuda ul li:first-child {

      margin: 0;
}



.secao-regulamento {
  margin-bottom: 40px;
  margin-top: 30px;
      border-top: 1px solid #f0f0f0;
}

.descricaocoringa {
 text-align: left;
 margin-top: 10px;
 font-size: 16px;
 color: #666;
}


.ico-ajuda-email {
    background-image: url(../images/icone-fale.svg);
        margin-right: 10px;
     width: 26px;
    height: 26px;
}

.ico-ajuda-faq {
    background-image: url(../images/icone-FAQ.svg);
    margin-right: 10px;
     width: 26px;
    height: 26px;
}

.ico-ajuda-lapis {
    background-image: url(../images/icone-SAC.svg);
        margin-right: 10px;

      width: 26px;
    height: 26px;
}

.imagemcoringa img {
  width: 100%;
}

.rows3 img {
  margin: 0 auto;



}

.ico-down {
    background-image: url(../images/sprite.png);
    background-position: -626px -446px;
    width: 22px;
    height: 21px;
        vertical-align: middle;

}

.ganhadores p {
  color: #666;
  font-size: 18px;
  font-family: petrobras_sanslight;
}


.ganhadores .filter .content-tab label {
    text-transform: none;
    font-family: petrobras_sansregular;
        font-weight: normal;

        margin-right: 20px;
}

/*footer mobile*/


#footer-mobile {
      position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #F4F4F4;
    padding: 20px 20px 0;
    position: relative;
    bottom: 43px;
    width: 100%;
    height: 265px;
}

#footer-mobile .item:first-child {
    border: 0;
}

#footer-mobile .item {
    font-family: petrobras_sansbold;
    color: #fff;
    padding: 10px 0;
}

#footer-mobile .item .block {
    -ms-box-sizing: border-box;
    float: left;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}

#footer-mobile .item .block:first-child+.block {
    width: 35%;
    padding: 10px 0;
}

#footer-mobile .item p a {
    color: #fff;
    text-decoration: none;
}

#footer-mobile .item:first-child+.item .block h4 {
    color: #999;
    margin-top: 5px;
    font-size: 10px;
}

.footer-petrobras .image, .footer-petrobras p {
    width: 100%;
    display: inline-block;
    float: left
}


.footer-petrobras p {
    font-family: petrobras_sansregular;
    font-size: 10px;
    color: #666;
    
  }

#footer-mobile .item .ico-footer-phone, #footer-mobile .item .ico-map-pin {
    background-image: url(../images/sprite.png);
    background-size: 640px 625px;

    }

#footer-mobile .item .ico-map-pin {
        background-position: -591px -32px;
    width: 20px;
    height: 27px;
}

#footer-mobile .item .ico-footer-phone {
    background-position: -172px -569px;
    width: 23px;
    height: 18px;
}


#footer-mobile .item .ico-footer-people {
    background-image: url(../images/sprite.png);
        background-position: -440px -539px;
    width: 24px;
    height: 17px;
}

 #footer-mobile .item .ico-tw {
       background: url(../images/twitterico.png) center 0 no-repeat;
      background-size: 31px 31px;
      width: 31px;
    height: 31px;
}
#footer-mobile .item .ico-fb {
    background: url(../images/facebookico.png) center 0 no-repeat;
    background-size: 31px 31px;
    width: 31px;
    height: 31px;
}



#footer-mobile .item [class*=ico-] {
    float: left;
    margin: 0 15px 30px 0;
}

#footer-mobile .line:first-child {
    margin-top: 30px;
    margin-bottom: 40px;
}

.footer-petrobras {
    position: relative;
    height: 50px;
    top: -30px;

  }


.box-info {
    border-radius: 10px;
    padding: 20px 20px 10px 80px;
    position: relative;
    margin: 20px 0;
}

.box-info.green {
    background: #eef9f4;
}

.box-info strong {
    font-size: 18px;
    font-family: petrobras_sansbold;
    color: #666;
}

.box-info p {
    font-size: 15px;
    line-height: 18px;
    font-family: petrobras_sanslight;
    color: #999;
}

.box-info .ico-chat-green, .box-info .ico-mail-yellow {
    position: absolute;
    top: 20px;
    left: 20px;
}

.box-info [class*=ico-] {
    margin: 0 20px 10px 0;
    float: left;
}

.ico-chat-green {
    background-position: -555px -250px;    width: 37px;
    height: 37px;
}
.ico-chat-blue, .ico-chat-green {
    background-image: url(../images/sprite.png);
}


.partner-logo {
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    position: absolute;
    right: 10px;
    border: 1px solid #ececec;
    background-color: #fff;
    text-align: center;
    overflow: visible;
    z-index: 1;

}
.col-md-12 .caption-slide {
    border-radius: 0 0 10px 10px;
    position: relative;
    width: 100%;
    background: #a5c03e;
    background: linear-gradient(180deg,#a5c03e 0,#72a530);
}

.caption-slide .title {
    font-family: petrobras_sansbold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
    text-decoration: none;
    padding: 5px;
}

.box-info.yellow {
    background: #fffae8;
    border: 1px solid #fff5d6;
}

.sub-title {
    width: auto !important;
}


.products-container .item {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 175px; 
}


.products-container .item .pontos span {
    width: 100%;
    font-family: petrobras_sansitalic;
    font-size: 20px;
    margin-left: -30px;
    margin: 0;
    position: absolute;
    top: 60%;
    left: -10px;
}




.products-container .item.brlubrax .pontos-br .br-valor {
    color: rgb(245, 176, 39);
    font-size: 30px;
    margin-right: 5px;
    font-family: petrobras_sansxbold_italic;
    font-size: 50px;
    width: 100%;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: -25px;
    left: 35%;
}


.products-container .item .pontos-br .br-valor {
    color: rgb(245, 176, 39);
    font-size: 30px;
    margin-right: 5px;
    font-family: petrobras_sansxbold_italic;
    font-size: 50px;
    width: 100%;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 5px;
    left: 35%;
}


.products-container .item.brlubrax .pontos-br .br-ponto {
    color: rgb(245, 176, 39);
    font-size: 30px;
    margin-right: 5px;
    font-family: petrobras_sansxbold_italic;
    font-size: 40px;
    width: 100%;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 20px;
    left: 28%;
}


.products-container .item .pontos-br .br-ponto {
    color: rgb(245, 176, 39);
    font-size: 30px;
    margin-right: 5px;
    font-family: petrobras_sansxbold_italic;
    font-size: 40px;
    width: 100%;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50px;
    left: 28%;
}

.products-container .item .pontos p {
    font-family: petrobras_sansxbold_italic;
    font-size: 40px;
    width: 100%;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 20%;
    left: -16px;
}

.products-container .item .pontos {
    padding-top: 20px;
    margin-left: 25px;
    width: 220px;
    height: 110px;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    position: relative;  
    background: url(../images/ico-resgate-padrao.png) no-repeat center center;
}

.products-container .item.oferta-ativacao .pontos {
  background: url(../images/ico-resgate-ativacao.png) no-repeat center center;
  background-size: 240px;
  background-position-x: -11px;
}
    
.products-container .item  h3 strong {
    font-family: petrobras_sansbold_italic!important;
    color: #008c4f;
    font-size: 30px;
    margin-right: 5px;
    line-height: 25px;
}

/*.products-container .item.oferta-ativacao  h3 strong {
  color: #19212b;
}
.products-container .item.oferta-ativacao .texto h3 {
    color: #999999;
}*/
.products-container .oferta-ativacao .imagemAtivacao {
    max-height: 75px;
    position: relative;
    right: 50px;
}
.imagemAtivacao {
  display: none;

}

.oferta-ativacao .imagemAtivacao {
  display: block !important;
}

.products-container .item .texto {
    margin-top: 0px;
    position: relative;
    width: 100%;
    font-size: 14px;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    
}


}

.detalhes-border .content-panel  h3 p {
  font-family: petrobras_sansitalic !important;
    font-size: 14px !important;
    color: #686868 !important;
    line-height: 16px !important;
    margin-top: 5px !important;
}



.products-container .content-panel, .content-panel {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    color: #666;
    font-family: petrobras_sansregular;
    font-size: 16px;
    line-height: 17px;
}

.products-container .item .product-action { 
 
 
} 


.products-container .item.event .event-header { 
  color: rgb(255, 255, 255);
  font-family: petrobras_sansxbold;
  font-size: 18px;  
  height: 30px;
  border: 1px solid #ececec;
  background-color: #9fc02c;    
  margin-left: 10px;
  width: 94%;  
} 

.products-container .item.event .event-image img { 
  width: 90%;
  max-height: 100px;
  max-width: 220px;
} 

.products-container .item.event .event-image .stub { 
  width: 90%;
  height: 100px;
  background: radial-gradient(ellipse at center,#fff 30%,#ededed 100%);
  margin-left: 5%;
} 


.item.br .detalhes-border {
  height: 170px;
}

.detalhes-border {

  padding-bottom: 40px;
  padding-top: 40px;
}

.ico-mail-yellow, .ico-map-pin {
    background-image: url(../images/sprite.png);
}

.ico-mail-yellow {
    background-position: -555px -209px;
    width: 37px;
    height: 37px;
}

.products-container .acenter {
  padding-bottom: 0px;
  margin: 0;
  border-top: 2px dotted #e5e5e5;
      width: 90%;
    margin-left: 5%;
}

.products-container .acenter2 {
  position: absolute;
  bottom: 10px;
  left: 22%;
  height: 40px;
}


.products-container .acenter2 .bt.amarelo-laranja {
  padding-bottom: 10;
  padding-top: 10px;
}

.products-container .item .yes, .products-container .item .no {
      padding-top: 10px;
      padding-bottom: 10px;
      margin: 5px;
  }
.detalhes-border h3 {
  float: left;
}

.products-container {
  margin-bottom: 40px;
}

.banner-oferta img {
  width: 100%;
}

.banner-oferta img {
  border-radius: 10px 10px 0px 0px;
}

.facebook-container {
  top: 1px;


}


.products-container .item .action .bt {
    border-radius: 8px;
    position: relative;
    padding: 10px 30px;
    font-family: petrobras_sansbold;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 15px;
    height: auto;
    margin: 20px 0 0;
    display: inline-block;
}

.bt.amarelo-laranja {
    background: #e58504;
    background: linear-gradient(#feca0b,#e58504);
    position: relative;
    color: #fff;
    border: 1px solid #f0e4d3;
    text-decoration: none;
}




.products-container .item .action {
    -ms-box-sizing: border-box;
    /* box-sizing: border-box; */
    text-align: center;
    position: absolute;
    /* left: 0; */
    bottom: 0;
    width: 100%;
    padding: 0 15px;
    height: 72px;
}

.products-container .acenter  .bt.amarelo-laranja{
      border-radius: 8px;
    position: relative;
    padding: 10px 30px;
    font-family: petrobras_sansbold;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 14px;
    height: auto;
    margin: 0px 0 0;
    color: #fff;
    background: #008C4F;
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    float: right;

}

.products-container  .bt.norescue {

        cursor: not-allowed;
}

.products-container  .bt.norescue.esgotado {
  background: #EBEBEB;
  color: #777777;

}


.products-container  .bt.norescue.ganhe {
  background: #FBB92B;
  color: #008C4F;

}
.products-container  .bt.norescue.embreve {
  background: #F4F4F4;
  color: #008C4F;

}

.products-container  .bt.rescue span{
  padding-left: 27px;
}
.partner-item-description ul li {
      padding-left: 0;
    color: #a4c02e;
    font-family: petrobras_sansbold;
    line-height: 16px;
    list-style-type: disc;
}

.product-disclaimer {
      font-size: 12px;
    font-family: petrobras_sansitalic;
    color: #666;
    clear: both;
    margin-bottom: 25px;

}


#cboxLoadedContent .forgotten-password {
          margin-top: 70px !important;
}
.forgotten-password { 
  margin-top: 0px;
}


.partner-destaque {

    background: linear-gradient(#efefef,#fff);
    position: relative;
    border-radius: 10px;
        padding: 50px 0 35px;
            max-width: 1000px;  
                width: 98%;
    margin-left: 1%;
        margin-top: 20px;

}



.partner-destaque .title
{
    font-size: 24px;
    color: #666;
    margin-top: 0;
    font-family: petrobras_sansbold;
        border-radius: 10px 10px 0px 0px;   
        text-transform: uppercase;

}



.products-container .item .confirm, .product-modal .confirm {
    display: none;
    background: #FFFFFF;
    box-shadow: 0 2px 0 #c6c7c4;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    z-index: 9999999;
    border: 1px solid #dedede;
    width: 325px;
    text-align: center;
    color: #606060;
    font-size: 18px;
    top: 100px !important;

}

.products-container .item .confirm #smsToken {
  text-align: center;
      width: 50%;
    border-bottom: 1px solid #606060;
    border-radius: 0px;
    margin-bottom: 30px;
}

.partner-destaque .partner-item-image p,  .partner-destaque .partner-item-image li{
  font-family: petrobras_sansregular;
    font-size: 12px;
    color: #666;
}

.partner-destaque .partner-item-image {
    height: auto;
    margin-top: 0px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
    background: none !important;
    border: none !important;
}

.partner-destaque .partner-item-image a {

      background: radial-gradient(ellipse at center,#fff 30%,#ededed 100%);
          box-shadow: none;
    position: relative;
    border: 1px solid #fff !important;
    width: 150px;
    height: 110px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;


}
.partner-destaque .partner-item-image ul {
  margin: 0;
  padding: 0;
}

.partner-destaque .carousel__component {
  margin-top: 20px;
}


.filhos-section .filhos input[type="radio"]{
     width: 13px;
    float: left;
    margin-left: 5px;
    margin-top: 0px;

}
.filhos-section .filhos span {
  float: left;
}

.form-getFilhos {
  width: 25%;
}


.form-getFilhos select {
  width: 100px;
}

.filhos-section {
  width: 41%;
  border-radius: 10px;
    position: relative;
    background: #f9f9f9;
    padding-bottom: 10px;
}

.filhos-section .col-md-4 {
  width: 50%;

}

.filhos-section .col-md-4 .filhos span{

      font: 12px petrobras_sansregular;
    margin: 0;
    color: #999;
}

.filhos-section span {
      color: #666;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}
.filhos-section .col-md-4 .filhos {
      margin-top: 10px;

}


.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: 50% 50% no-repeat rgb(249,249,249);
}

.cadastro-breadcrumbs .crumbs .crumbs-item .crumbs-link {
    position: relative;
    display: block;
    padding: 26px 0;
    font-family: petrobras_sansbold;
    font-size: 16px;
    color: #b8b8b8;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

.cadastro-breadcrumbs .crumbs .crumbs-item.active .crumbs-link {
    color: #fff;
    display: none;
}

.cadastro-breadcrumbs .crumbs .crumbs-item.active {
    background: #79a427;
    background: linear-gradient(#bcd530,#79a427);
    position: relative;
}

.cadastro-breadcrumbs.two-steps, .cadastro-breadcrumbs.two-steps .crumbs .crumbs-item {
    width: 60%;
        margin: 20px 0px;
} 

.cadastro-breadcrumbs .crumbs .crumbs-item {
    background: #f1f1f1;
    width: 25%;
    display: inline-block;
    counter-increment: a;
}


.cadastro-breadcrumbs .crumbs .crumbs-item.active .crumbs-link:after {
    background-image: url(../images/sprite.png);
    background-position: -574px -337px;
    background-size: 671px 711px;
    width: 17px;
    height: 76px;
    right: -17px;
    z-index: 2;
    border: 0;

}

.cadastro-breadcrumbs .crumbs .crumbs-item.active .crumbs-link .num {
    color: #fac22e;
    background: #608917;
}

.cadastro-breadcrumbs .crumbs .crumbs-item .crumbs-link .num {
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    color: #999;
    background: #d9d9d9;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.cadastro-breadcrumbs .crumbs .crumbs-item .crumbs-link .num:before {
    content: counter(a);
    line-height: 26px;
}

.ui-state-incomplete.ui-state-active span{
    border-left: 17px solid #FDC82F !important;
}


:not(.ui-state-incomplete).ui-state-active span{

   border: 0 !important;
       background-image: url(../images/sprite.png) !important;
}

.register-section .checkbox input[type="checkbox"], .account-section .checkbox input[type="checkbox"] {
    margin-left: -19px;
    margin-top: 1px;
    width: 13px;
}


.posto-aviso {
  display: none;
}

.register-section .divider {
    margin: 13px 0 23px;
    border-bottom: 2px dotted #e3e3e3;
    float: left;
    clear: both;
    width: 100%;
    display: none;
}



.vehicle-selector-control .add-vehicle, .filho-row-control .add-child, .vehicle-selector-control .remove-vehicle, .filho-row-control .remove-child  {
      font-family: petrobras_sansbold;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 20px 30px;
    display: block;
    cursor: pointer;
    float: right;
    margin-top: 15px;
    background: #008C4F;
    padding: 10px 40px;
}

/*Vale Combustivel */

#content .alert.subtitle p {
    font-size: 14px;
    font-family: petrobras_sanslight;
    text-align: center;
}

#content .data-table.tabela-combustivel .col1 {
    width: 9.6%
}
#content .data-table.tabela-combustivel .col2 {
    width: 11%
}
#content .data-table.tabela-combustivel .col3 {
    width: 25%
}
#content .data-table.tabela-combustivel .col4 {
    width: 17%
}
#content .data-table.tabela-combustivel .col5 {
    width: 14%
}
#content .data-table.tabela-combustivel .col6 {
    width: 10%
}

#content #valecombustivel {
    border-radius: 15px 15px 0 0;
    background: #f1f1f1;
    background: linear-gradient(#fdfdfd, #f1f1f1);
    position: relative;
    margin: 15px 0;
    font-size: 0;
    border: 1px solid #f1f1f1;
    height: 75px;
    line-height: 75px
}
#content #valecombustivel li {
    font-family: petrobras_sansregular;
    font-size: 16px;
    padding: 0 2%;
    color: #666;
    position: relative;
    display: inline-block;
    border-right: 1px solid #e6e6e6
}

#content #valecombustivel li.expirar {
    border: 0;
    width: 57%
}
#content #valecombustivel li.saldo-vale {
    width: 40%;
    border: none
}

/* CONHECA O PROGRAMA */


.fui-com-pontos {
    cursor: pointer;
    width: 143px;
    float: right
}
.fui-com-pontos img {
    width: 100%
}
.video-promocional {
    display: none;
    width: 980px;
    margin: 20px auto;
    position: relative
}
.video-promocional .link-video-promocional {
    display: none;
    position: absolute;
    top: 0;
    width: 980px;
    height: 420px;
    left: 50%;
    margin-left: -490px;
    z-index: 2;
    cursor: pointer
}
.video-promocional .fechar-video-promocional {
    border-radius: 50%;
    position: relative;
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 3;
    height: 20px;
    width: 20px;
    background-color: #ffc000;
    text-align: center;
    font-size: 9px;
    cursor: pointer
}
.video-promocional iframe {
    width: calc(100% - 4px);
    border: 2px solid #ccc
}
.box-compartilhar {
    border-radius: 9px;
    position: relative;
    height: 38px;
    line-height: 38px;
    background: #f7f7f7;
    border: 1px solid #dedede;
    display: inline-block;
    vertical-align: top;
    font-family: petrobras_sanslight;
    padding: 0 12px;
    font-size: 14px;
    color: #999;
    position: absolute;
    top: 66px;
    right: 0
}
.box-compartilhar .ico-face-conhecaprograma,
.box-compartilhar .ico-tw-conhecaprograma {
    vertical-align: middle
}
.box-compartilhar .ico-face-conhecaprograma {
    margin: 0 10px
}
#menu-conheca-programa {
    width: 100%;
    text-align: center;
    display: block;
    margin: 20px 0
}
#menu-conheca-programa li {
    display: inline-block;
    padding: 0 100px;
    height: 26px;
    line-height: 26px;
    vertical-align: top;
    font-size: 16px;
    position: relative
}
#menu-conheca-programa li .link {
    color: #999;
    font-family: petrobras_sanslight;
    text-decoration: none;
    cursor: pointer
}
#menu-conheca-programa li.active .link {
    color: #3398cc;
    font-family: petrobras_sansbold
}
#menu-conheca-programa li.active:after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 20px solid #fff
}
#menu-conheca-programa li.division {
    padding: 0;
    border-right: 1px solid #999
}
.txt strong {
    font-family: petrobras_sansbold
}
#participe {
    background: #fff url(../images/bg-conhecaoprograma-participe.jpg) repeat-x;
    padding: 60px 0
    padding-top:20px;
}
#veja-como-ganhar-pontos h3, #participe h3 {
    font-size: 23px;
    color: #008c4f;
    font-family: petrobras_sansbold_italic;
}
#participe .desc {
    font-family: petrobras_sanslight;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    padding: 21px 86px;
    color: #999;
    font-weight: 400
}
#participe .link-regulamento a {
    transition: color .1s ease-in;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    font-family: petrobras_sansbold;
    color: #3398cc;
}
#participe .link-regulamento a:hover {
    text-decoration: none;
    color: #005580
}
#participe .link-regulamento a span {
        top: 0px;
    margin-right: 5px;
    position: relative;
}
#participe .tit {
    position: relative;
    text-align: center;
    margin-top: 30px
}
#participe .tit .line {
    height: 9px;
    border-bottom: 1px solid #dededb;
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    z-index: 1
}
#participe .tit h3 {
    position: relative;
    background: #ffffff;
    padding: 0 20px;
    font-size: 30px;
    display: inline-block;
    z-index: 2;
    color: #666;
    text-transform: uppercase;
    font-family: petrobras_sanslight
}
#participe .tit h3 span {
    font-family: petrobras_sansbold
}
#participe .tit .subtitle {
    position: relative;
    padding: 0 20px;
    font-size: 18px;
    display: inline-block;
    z-index: 2;
    color: #999;
    font-family: petrobras_sanslight
}
#participe .modelos {
    padding: 50px 0;
    height: 377px;
    font-size: 0
}
#participe .modelos li {
    display: inline-block;
    width: 27%;
    margin: 0 3%;
    height: 100%;
    text-align: center;
    z-index: 1;
    overflow: visible!important
}
#participe .modelos li,
#participe .modelos li .content {
    border-radius: 50%;
    vertical-align: top;
    position: relative;
    transition: all .2s ease-out
}
#participe .modelos li .content {
    text-shadow: 0 1px 2px #666;
    margin: 3%;
    width: 94%;
    height: 94%;
    padding: 8% 0;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}
#participe .modelos li .content h3 {
    color: #fff;
    font-size: 1.4em;
    font-family: petrobras_sansbold;
    margin-bottom: 5px;
    transition: all .2s ease-out
}
#participe .modelos li .content a {
    color: #5c6c17
}
#participe .modelos li .content .icone {
    margin-bottom: 11%;
    transition: all .2s ease-out
}
#participe .modelos li .content strong {
    font-family: petrobras_sansbold
}
#participe .modelos li .content .large {
    display: none;
    font-size: 12px;
    line-height: 14px;
    transition: all .2s ease-out
}
#participe .modelos li .content .bt-mais {
    background: #e1e1e1;
    background: linear-gradient(#fff, #e1e1e1);
    border-radius: 25px;
    position: relative;
    display: inline-block;
    height: 50px;
    line-height: 56px;
    text-align: center;
    width: 50px;
    border: 1px solid #e4e4e4;
    font-family: petrobras_sansregular;
    font-size: 45px;
    position: absolute;
    right: 20px;
    bottom: -5px;
    text-shadow: none;
    cursor: pointer;
    z-index: 2
}

#ganhe .ico-ganhe-dobro-presentes {
    float: left;
    margin-top: 35px;
    margin-left: 35px;
}
[class*=ico-] {
    display: inline-block;
}
.ico-ganhe-dobro-presentes {
    background-image: url(../images/sprite.png);
    background-position: 0 0;
    width: 137px;
    height: 135px;
}

.ico-ganhe-mao_positivo {
        background-position: -75px -249px;
}

.ico-ganhe-mao_positivo, .ico-ganhe-presente {
    background-image: url(../images/sprite.png);
    width: 68px;
    height: 69px;
}

.ico-ganhe-tag_troque, .ico-gift {
    background-image: url(../images/sprite.png);
}

.ico-ganhe-tag_troque {
    background-position: -258px 0;
    width: 88px;
    height: 63px;
}

.ico-ganhe-presente {
        background-position: -148px -248px;
        }

#participe .modelos li .content .icone {
    margin-bottom: 11%;
    transition: all .2s ease-out;
}
#participe .modelos li .content .bt-mais.verde {
    color: #a4c02e
}
#participe .modelos li .content .bt-mais.azul {
    color: #3188bf
}
#participe .modelos li .content .bt-mais.amarelo {
    color: #f0ae17
}
#participe .modelos li .content .arrow {
    display: none
}
#participe .modelos li.md1 {
    background: #ecf2db
}
#participe .modelos li.md1 .content {
    background: #6eae39;
    background: linear-gradient(#a4c02e, #6eae39);
    position: relative
}
#participe .modelos li.md2 {
    background: #fcf1d8
}
#participe .modelos li.md2 .content {
    background: #eda211;
    background: linear-gradient(#f0ae17, #eda211);
    position: relative
}
#participe .modelos li.md3 {
    background: #dcebf4
}
#participe .modelos li.md3 .content {
    background: #2a75a4;
    background: linear-gradient(#3188bf, #2a75a4);
    position: relative
}
#participe .modelos li.opened {
    width: 32%;
    height: 117%;
    margin: -20px .5% 40px
}
#participe .modelos li.opened .content h3 {
    font-size: 1.3em
}
#participe .modelos li.opened .content .icone {
    margin: -14px 0 1%
}
#participe .modelos li.opened~.content {
    margin: 0 3.1%
}
#participe .link-regulamento {
    text-align: center
}
#ganhe {
    background: #f5f5f5;
    height: 260px;
    border-radius: 10px;
}
#ganhe .ico-ganhe-dobro-presentes {
    float: left;
    margin-top: 35px
}
#ganhe h3 {
    float: left;
    color: #008c4f;
    font-size: 30px;
    padding: 0 13px;
    text-transform: uppercase;
    font-family: petrobras_sanslight;
    position: relative;
    top: 15px;
    left: 30px
}
#ganhe h3 span {
    font-family: petrobras_sansbold
}
#ganhe p {
    clear: both;
    display: inline-block;
    position: relative;
    left: 30px;
    width: 60%;
    margin-top: 5px;
    margin-left: 15px;
    font-size: 18px;
    font-family: petrobras_sanslight;
    color: #666;
    margin-bottom: 0px;
        text-align: justify;
}

.ico-lampada-azul, .ico-lavamania {
    background-image: url(../images/sprite.png);
}
.ico-lampada-azul {
        background-position: -123px -539px;
    width: 26px;
    height: 26px;
}

#ganhe .ico-lampada-azul {
        margin-left: 22%;
    /* margin-top: 10px; */
    margin-right: 0;
}
#ganhe a {
    top: -4px;
    color: #39c;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    position: relative;
    left: 3px;
    font-family: petrobras_sansxbold;
    transition: color .1s ease-in
}
#ganhe a:hover {
    text-decoration: none;
    color: #005580
}
#mapa .line {
    height: 9px;
    border-bottom: 1px solid #dededb;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    top: 50px
}
#mapa h3 {
    background: #fff;
    color: #666;
    position: relative;
    left: 50%;
    z-index: 2;
    display: inline-block;
    margin-top: 50px;
    margin-left: -335px;
    padding: 0 20px;
    font-family: petrobras_sanslight;
    font-size: 30px;
    text-transform: uppercase
}
#mapa h3 span {
    font-family: petrobras_sansbold
}
#mapa p.sub {
    font-family: petrobras_sanslight_italic;
    color: #999;
    padding: 5px 20px
}
#mapa .box-mapa {
    margin-left: 20px;
    margin-top: 10px
}
#mapa .box-mapa .header {
    height: 73px;
    width: 100%
}
#mapa .box-mapa .header ul {
    height: 100%
}
#mapa .box-mapa .header ul li {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: inline-block;
    vertical-align: text-top;
    width: 80px;
    height: 100%;
    margin: 1px 7px 0 0;
    margin-bottom: 0!important;
    padding: 11px 0;
    list-style: none;
    border: 1px solid #c1c1c1;
    border-radius: 10px 10px 0 0;
    position: relative;
    border-bottom: 1px solid #fff;
    text-align: center;
    z-index: 1;
    cursor: pointer
}
#mapa .box-mapa .header ul li.off {
    border-bottom: 1px solid #ccc
}
#mapa .box-mapa .header ul li .ico-bomba-gas-off,
#mapa .box-mapa .header ul li .ico-bomba-gas-on {
    position: relative;
    left: 6px
}
#mapa .box-mapa .body {
    border: 1px solid #ccc;
    border-radius: 0 15px 15px 15px;
    position: relative;
    width: 100%;
    height: 700px
}
#mapa .box-mapa .body .left,
#mapa .box-mapa .body .right {
    display: inline-block
}
#mapa .box-mapa .body .left {
    border-radius: 0 0 0 15px;
    position: relative;
    width: 23%;
    min-width: 220px;
    height: auto;
    height: 700px;
    background: #fafafa
}
#mapa .box-mapa .body .left .endereco {
    background: #efefef;
    background: linear-gradient(#fff, #efefef);
    position: relative;
    height: auto;
    padding: 20px 15px;
    font-family: petrobras_sansregular;
    font-size: 13px;
    color: #666
}
#mapa .box-mapa .body .left .endereco .option {
    margin: 10px 0
}
#mapa .box-mapa .body .left .endereco .option label {
    display: inline-block
}
#mapa .box-mapa .body .left .endereco .option select:focus::-ms-value {
    background-color: transparent;
    color: #698fa6
}
#mapa .box-mapa .body .left .endereco .option .select {
    border-radius: 10px;
    background: #e6e6e6;
    background: linear-gradient(#fff, #e6e6e6);
    position: relative;
    display: inline-block;
    margin: 0;
    width: 142px;
    border: 1px solid #ededed;
    overflow: hidden;
    vertical-align: middle
}
#mapa .box-mapa .body .left .endereco .option .select select {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 162px;
    height: 33px;
    background: none;
    border: none;
    outline: none;
    font-size: 14px;
    font-family: petrobras_sansbold;
    color: #698fa6;
    overflow: hidden!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 5px;
    padding-right: 55px;
    position: relative;
    z-index: 2
}
html[data-browser=MSIE] #mapa .box-mapa .body .left .endereco .option .select select::-ms-expand {
    display: none
}
html[data-browser=MSIE] #mapa .box-mapa .body .left .endereco .option .select select {
    margin-left: 0
}
#mapa .box-mapa .body .left .endereco .option .select.estado {
    width: 70px
}
#mapa .box-mapa .body .left .endereco .option .select.estado select {
    width: 90px;
    margin-left: 5px
}
html[data-browser=MSIE] #mapa .box-mapa .body .left .endereco .option .select.estado select {
    margin-left: 0
}
#mapa .box-mapa .body .left .endereco .option .select .action {
    background: #e6e6e6;
    background: linear-gradient(#fff, #e6e6e6);
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    z-index: 1
}
#mapa .box-mapa .body .left .endereco .option .select .action:after {
    content: " ";
    position: absolute;
    top: 12px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #698fa6
}
#mapa .box-mapa .body .left .endereco .option input[type=text] {
    background: #e6e6e6;
    background: linear-gradient(#fff, #e6e6e6);
    border-radius: 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 185px;
    height: 29px;
    padding: 10px 5px 10px 7px;
    font-size: 14px;
    font-family: petrobras_sansbold;
    border: 1px solid #ededed;
    color: #698fa6
}
#mapa .box-mapa .body .left .endereco .option input[type=text] span {
    cursor: pointer;
    height: 100%
}
#mapa .box-mapa .body .left .endereco .option:-moz-placeholder,
#mapa .box-mapa .body .left .endereco .option:-ms-input-placeholder,
#mapa .box-mapa .body .left .endereco .option::-webkit-input-placeholder {
    color: #698fa6;
    opacity: 1
}
#mapa .box-mapa .body .left .endereco .button-filter {
    text-align: center
}
#mapa .box-mapa .body .left .endereco button {
    font-size: 14px;
    font-family: petrobras_sansbold;
    padding: 0 30px;
    position: relative;
    margin: 0;
    height: 38px;
    line-height: 32px
}
#mapa .box-mapa .body .left .endereco button:disabled {
    opacity: .7;
    cursor: auto;
    background: #ccc;
    border: 0
}
#mapa .box-mapa .body .left .filtros {
    background: #fafafa
}
#mapa .box-mapa .body .left .filtros ul li {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    font-size: 13px;
    font-family: petrobras_sansbold;
    padding-bottom: 5px;
    padding-left: 15px;
    border-bottom: 1px dotted #aeaeae;
    color: #aeaeae
}
#mapa .box-mapa .body .left .filtros ul li p {
    color: #666;
    padding: 15px 0 5px;
    margin-left: 0;
    font-family: petrobras_sansregular;
    font-size: 15px
}
#mapa .box-mapa .body .left .filtros ul li span.ico {
    position: relative;
    top: 10px
}
#mapa .box-mapa .body .left .filtros ul li span.title {
    position: relative;
    left: 3px;
    top: 6px;
    vertical-align: middle;
    cursor: pointer
}
#mapa .box-mapa .body .left .filtros ul li .subtitle {
    display: block;
    font-family: petrobras_sanslight;
    line-height: 18px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
    cursor: pointer
}
#mapa .box-mapa .body .left .filtros ul li .subtitle .checkbox {
    position: absolute;
    right: 5px;
    top: 0
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span:before,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span:before,
#mapa .box-mapa .body .left .filtros ul li label.checkbox,
#mapa .box-mapa .body .left .filtros ul li label.radio {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span:before input,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span:before span,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span input,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span span,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span:before input,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span:before span,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span input,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span span,
#mapa .box-mapa .body .left .filtros ul li label.checkbox input,
#mapa .box-mapa .body .left .filtros ul li label.checkbox span,
#mapa .box-mapa .body .left .filtros ul li label.radio input,
#mapa .box-mapa .body .left .filtros ul li label.radio span {
    cursor: pointer;
    height: 100%
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span.linked,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span:before.linked,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span.linked,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span:before.linked,
#mapa .box-mapa .body .left .filtros ul li label.checkbox.linked,
#mapa .box-mapa .body .left .filtros ul li label.radio.linked {
    font-size: 13px;
    font-family: petrobras_sansbold
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span.linked a,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span.linked span,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span:before.linked a,
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span:before.linked span,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span.linked a,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span.linked span,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span:before.linked a,
#mapa .box-mapa .body .left .filtros ul li input[type=radio]+span:before.linked span,
#mapa .box-mapa .body .left .filtros ul li label.checkbox.linked a,
#mapa .box-mapa .body .left .filtros ul li label.checkbox.linked span,
#mapa .box-mapa .body .left .filtros ul li label.radio.linked a,
#mapa .box-mapa .body .left .filtros ul li label.radio.linked span {
    font-size: inherit
}
#mapa .box-mapa .body .left .filtros ul li label.checkbox {
    float: right;
    top: 9px;
    right: 5px;
    background: none
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0" ")";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span {
    font: 15px/18px petrobras_sansregular;
    text-transform: none
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]+span:before {
    content: " ";
    border-radius: 7px;
    position: relative;
    background: #fff;
    border: 1px solid #c2c2c2;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    line-height: 24px;
    text-align: center;
    float: left
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]:checked+span:before {
    content: " ";
    background: url(../img/sprite-form.png) -1px -19px;
    font-size: 20px
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]:disabled+span {
    cursor: default
}
#mapa .box-mapa .body .left .filtros ul li input[type=checkbox]:disabled+span:before {
    content: " ";
    background: #d2d2d0;
    color: #d2d2d0
}
#mapa .box-mapa .body .right {
    width: 75%;
    height: 100%;
    vertical-align: top;
    padding: 5px
}
#mapa .box-mapa .body .right .list-items .item .left-list {
    width: 10%;
    height: auto;
    display: inline-block
}
#mapa .box-mapa .body .alert {
    border-radius: 0;
    position: relative;
    background: #fcf8e3;
    color: #585858;
    display: inline-block;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 14px;
    font-family: petrobras_sansregular;
    text-align: center;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5)
}
#mapa .box-mapa .body .alert span {
    display: inline-block;
    vertical-align: middle
}
#mapa .box-mapa .body .alert .text {
    line-height: 20px
}
#mapa .box-mapa .body .ico-info-med {
    margin: 15px 0;
    margin-right: 10px
}
#mapa .box-mapa .body .ico-bomba-gas-br {
    position: absolute;
    top: 10px;
    left: 30px
}
#mapa .box-mapa .body .list-itens .pagination {
    border-bottom: none;
    padding: 0;
    margin: 22px 0 0
}
#mapa .box-mapa .body .list-itens .pagination ul li {
    display: inline-block
}
#mapa .box-mapa .body .list-itens .pagination ul li.next,
#mapa .box-mapa .body .list-itens .pagination ul li.prev {
    background: #f3f3f3;
    color: #ccc;
    width: 12px;
    height: 16px;
    padding: 8px;
    font-size: 35px;
    line-height: 15px
}
#mapa .box-mapa .body .list-itens .pagination ul li.next:hover,
#mapa .box-mapa .body .list-itens .pagination ul li.prev:hover {
    background: #f3f3f3;
    color: #ccc;
    width: 12px;
    height: 16px;
    padding: 8px;
    font-size: 35px;
    line-height: 15px;
    cursor: default
}
#mapa .box-mapa .body .list-itens .pagination ul li.next.active,
#mapa .box-mapa .body .list-itens .pagination ul li.prev.active {
    background: #88ad2b;
    background: linear-gradient(#bdd565, #88ad2b);
    position: relative;
    cursor: pointer;
    color: #fff
}
#mapa .box-mapa .body .list-itens .lista-postos {
    height: 525px
}
#mapa .box-mapa .body .list-itens .lista-postos .item {
    display: inline-block;
    position: relative;
    width: 84%;
    min-height: 100px;
    padding: 3px 3% 0 13%;
    border-bottom: 1px solid #ccc;
    font-family: petrobras_sansregular;
    font-size: 14px;
    color: #585858
}
#mapa .box-mapa .body .list-itens .lista-postos .item:first-child {
    border-top: 1px solid #ccc
}
#mapa .box-mapa .body .list-itens .lista-postos .item .infos,
#mapa .box-mapa .body .list-itens .lista-postos .item .infos .address,
#mapa .box-mapa .body .list-itens .lista-postos .item .infos .title {
    display: block
}
#mapa .box-mapa .body .list-itens .lista-postos .item .infos .link {
    color: #39c;
    cursor: pointer;
    text-transform: capitalize;
    text-decoration: underline
}
#mapa .box-mapa .body .list-itens .lista-postos .item .infos .link:hover {
    text-decoration: none
}
#mapa .box-mapa .body .list-itens .lista-postos .item .infos .button-group .btn-item {
    display: inline-block;
    margin: 3px
}
#mapa .box-mapa .body .list-itens .lista-postos .item .infos .button-group .btn-item.title {
    top: -5px;
    position: relative
}
#experiencia {
    background: #fff url(../images/bg-conhecaoprograma-participe.jpg) repeat-x;
    border-top: 1px solid #eee;
    padding: 60px 0
}
#experiencia h3 {
    font-size: 26px;
    line-height: 30px
}
#experiencia .desc {
    font-family: petrobras_sanslight;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    padding: 20px 0;
    color: #999;
    font-weight: 400
}
#experiencia .banner .image img {
    border-radius: 0;
    position: relative
}
#experiencia .box {
    margin-top: 100px;
    width: 980px;
    border: 1px solid #ccc;
    border-radius: 25px;
    position: relative
}
#experiencia .box .tit {
    padding: 20px 10px;
    background: #fff;
    margin: -40px 45px 0;
    max-width: 10%;
    position: relative
}
#experiencia .box .tit.search {
    background: none;
    max-width: 100%;
    position: relative
}
#experiencia .box .tit.search h3 {
    padding: 0 15px
}
#experiencia .box .tit [class^=ico-] {
    position: absolute;
    top: 20px;
    cursor: pointer
}
#experiencia .box .tit [class*=-left-] {
    left: 10px
}
#experiencia .box .tit [class*=-right-] {
    right: 10px
}
#experiencia .box .tit h3 {
    background: #fff;
    color: #666;
    display: inline-block;
    width: auto;
    margin: 0 10px;
    position: relative;
    top: 8px;
    font-family: petrobras_sanslight;
    text-transform: uppercase;
    font-size: 30px
}
#experiencia .box .tit h3 strong {
    font-family: petrobras_sansbold;
    margin-left: 7px
}
#experiencia .box .filter-input {
    width: 100%;
    position: relative
}
#experiencia .box .filter-input .text {
    font-family: petrobras_sansbold;
    font-size: 16px;
    color: #666;
    width: 15%;
    margin-right: 10px
}
#experiencia .box .filter-input input[type=text] {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 62%;
    font-family: petrobras_sansbold;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #dfdfdf
}
#experiencia .box .filter-input .bt {
    display: inline-block;
    height: auto;
    padding: 7px 10px;
    vertical-align: middle;
    font-size: 12px;
    font-family: petrobras_sansbold;
    line-height: 13px;
    text-transform: uppercase
}
#experiencia .box .filter-input .bt [class^=ico-] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}
#experiencia .itens {
    padding: 20px
}
#experiencia .itens .item {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin: 10px;
    position: relative;
    border: 4px solid #dbdbdb
}
#experiencia .itens .item a {
    font-family: petrobras_sanslight;
    text-decoration: none
}
#experiencia .itens .item.closed {
    z-index: 1
}
#experiencia .itens .item.closed .header .plus .ico-open-plus-off {
    display: inline-block
}
#experiencia .itens .item.closed .body .content,
#experiencia .itens .item.closed .header .plus .ico-open-plus-on {
    display: none
}
#experiencia .itens .item.opened {
    z-index: 2;
    height: auto
}
#experiencia .itens .item.opened .header .plus .ico-open-plus-off {
    display: none
}
#experiencia .itens .item.opened .header .plus .ico-open-plus-on {
    display: inline-block;
    right: -1px;
    position: relative
}
#experiencia .itens .item .thumb-date {
    background: #9fc02c;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 30px;
    z-index: 7;
    font-family: petrobras_sansregular;
    font-size: 18px;
    line-height: 30px
}
#experiencia .itens .item .thumb-date span {
    text-transform: uppercase;
    margin-left: 3px
}
#experiencia .itens .item .header {
    background: #dbdbdb;
    bottom: 0
}
#experiencia .itens .item .header .title {
    text-align: center;
    height: 62px;
    line-height: 15px;
    padding: 15px 20px
}
#experiencia .itens .item .header .title span {
    color: #6f6f6f;
    font-size: 12px;
    text-decoration: none
}
#experiencia .itens .item .body {
    background: #fff;
    width: 100%
}
#experiencia .itens .item .body img {
    vertical-align: top
}
#experiencia .no-result {
    padding: 20px;
    font-family: petrobras_sanslight;
    font-size: 18px;
    color: #999;
    font-weight: 400
}
#experiencia.single {
    overflow: hidden
}
#experiencia.single .divider {
    margin-top: 40px;
    margin-bottom: 25px;
    border: 0;
    border-bottom: 1px solid #e4e4e4
}
#experiencia.single .back-link {
    margin-bottom: 20px
}
#experiencia.single .back-link [class^=ico-] {
    margin-top: -2px;
    vertical-align: middle
}
#experiencia.single .back-link a {
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #39c;
    vertical-align: middle
}
#experiencia.single .banner .thumb-date {
    box-shadow: 3px 4px 0 rgba(0, 0, 0, .3);
    position: relative;
    background: #9fc02c;
    color: #fff;
    width: 138px;
    padding: 6px 0;
    position: absolute;
    top: 34px;
    left: -7px;
    text-align: center;
    text-transform: lowercase;
    font-size: 17px
}
#experiencia.single .banner .thumb-date:before {
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 0;
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 5px solid #768e21
}
#experiencia.single .experiencia-content .experiencia-title {
    width: 100%
}
#experiencia.single .experiencia-content .experiencia-title .title {
    font-family: petrobras_sansregular;
    font-size: 40px;
    color: #00669f;
    margin-bottom: 0
}
#experiencia.single .experiencia-content .experiencia-title .subtitle {
    font-family: petrobras_sanslight;
    font-size: 30px;
    line-height: 34px;
    color: #00669f
}
#experiencia.single .experiencia-content .txt {
    padding: 0
}
#experiencia.single .experiencia-content .txt .complete-cadastro {
    background: #d3e3a0;
    margin: 0
}
#experiencia.single .experiencia-content .txt .complete-cadastro div {
    background: #2e9c50;
    background: linear-gradient(#a4c02e, #2e9c50);
    position: relative
}
#experiencia.single .experiencia-content .txt .complete-cadastro div [class*=ico-] {
    margin: 7px auto -14px;
    display: block
}
#experiencia.single .experiencia-content .txt .complete-cadastro div p {
    padding: 18px 5px
}
#experiencia.single .experiencia-content .content-panel {
    padding-top: 20px;
    clear: both
}
#experiencia.single .sidebar {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0
}
#experiencia.single .sidebar .sidebar-title {
    font-family: petrobras_sanslight;
    font-size: 30px;
    text-transform: uppercase;
    color: #666;
    position: relative;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px
}
#experiencia.single .sidebar .sidebar-title span {
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 10px
}
#experiencia.single .sidebar .sidebar-title .feature {
    font-family: petrobras_sansbold
}
#experiencia.single .sidebar .sidebar-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #dededb
}
#experiencia.single .sidebar .media-list .media-item {
    display: inline-block;
    float: left;
    width: 47.91667%;
    margin: 0;
    margin-bottom: 20px;
    cursor: pointer
}
#experiencia.single .sidebar .media-list .media-item:nth-child(2n) {
    margin-left: 4.16667%
}
#experiencia.single .sidebar .media-list .media-item a {
    text-decoration: none
}
#experiencia.single .sidebar .media-list .media-item .media-image {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    max-width: 179px;
    border: 5px solid #dbdbdb
}
#experiencia.single .sidebar .media-list .media-item .media-image img {
    vertical-align: top
}
#experiencia.single .sidebar .media-list .media-item .media-content {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 58%;
    margin-left: -4px;
    padding-left: 20px
}
#experiencia.single .sidebar .media-list .media-item .media-content .link {
    color: #a4c02e;
    font-family: petrobras_sansregular;
    font-size: 13px;
    margin-right: 10px
}
#experiencia.single .sidebar .media-list .media-item .media-content .title {
    font-family: petrobras_sansbold;
    font-size: 16px;
    color: #00669f
}
#experiencia.single .sidebar .media-list .media-item .media-content .info {
    font-size: 14px;
    color: #666
}
#experiencia .txt.register {
    top: 108px;
    left: -35px;
    position: relative
}
#experiencia .txt.register .complete-cadastro {
    background: block!important;
    border-radius: 0;
    position: relative;
    z-index: 10
}
#experiencia .txt.register .complete-cadastro.deslogado {
    margin-top: -145px
}
#experiencia .txt.register .complete-cadastro span {
    padding-bottom: 1px;
    display: inline-block
}
#experiencia .txt.register .complete-cadastro span.negrito {
    font-family: petrobras_sansbold
}
#experiencia .txt.register .complete-cadastro a {
    margin-bottom: 3px;
    display: block
}
#experiencia .txt.register .complete-cadastro-deslogado {
    border-radius: 67px;
    position: relative;
    float: right;
    display: inline-block;
    margin-top: -75px;
    background: #f2f2f2;
    z-index: 10
}
#experiencia .txt.register .complete-cadastro-deslogado .ico-ganhe-mao_positivo {
    background-image: url(../img/sprite.png);
    background-position: -97px -118px;
    background-size: 270px 266px;
    behavior: url(/wp-content/themes/ftccards/assets/css/backgroundsize.htc);
    width: 28px;
    height: 28px;
    margin-bottom: 10px
}
#experiencia .txt.register .complete-cadastro-deslogado div {
    background: #72b039;
    background: linear-gradient(#a4c02e, #72b039);
    border-radius: 67px;
    position: relative;
    width: 129px;
    height: 129px;
    vertical-align: top;
    display: inline-block;
    margin: 6px
}
#experiencia .txt.register .complete-cadastro-deslogado div p {
    padding: 18px 22px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    line-height: 14px;
    font-family: petrobras_sansregular
}
#experiencia .txt.register .complete-cadastro-deslogado div p a {
    color: #ffd800;
    font-family: petrobras_sansxbold
}
.outras-experiencias {
    background: #fff;
    background: linear-gradient(#e3e3e3, #fff);
    position: relative;
    display: block;
    padding: 45px 0 0
}
.outras-experiencias .outras-title {
    margin-bottom: 35px
}
.outras-experiencias .outras-title .title {
    font-size: 24px;
    font-family: petrobras_sanslight;
    text-transform: uppercase;
    color: #666
}
.outras-experiencias .outras-title .title .feature {
    font-family: petrobras_sansregular
}
.outras-experiencias .experiencia-lista .experiencia-item {
    width: 30%;
    margin-left: 4%;
    display: inline-block;
    position: relative
}
.outras-experiencias .experiencia-lista .experiencia-item:first-child {
    margin-left: 0
}
.outras-experiencias .experiencia-lista .experiencia-item .experiencia-image {
    border: 5px solid #dbdbdb;
    line-height: 0
}
.outras-experiencias .experiencia-lista .experiencia-item .experiencia-image .thumb-date {
    box-shadow: 3px 4px 0 rgba(0, 0, 0, .3);
    position: relative;
    position: absolute;
    top: 34px;
    left: -7px;
    width: 118px;
    text-align: center;
    text-transform: lowercase;
    font-size: 14px;
    line-height: 16px;
    background: #9fc02c;
    color: #fff;
    padding: 5px 0 2px
}
.outras-experiencias .experiencia-lista .experiencia-item .experiencia-image .thumb-date:before {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 5px solid #768e21;
    position: absolute;
    top: -5px;
    left: 0
}
.outras-experiencias .experiencia-lista .experiencia-item .experiencia-content .title {
    font-family: petrobras_sansregular;
    font-size: 18px;
    color: #00669f
}
.outras-experiencias .experiencia-lista .experiencia-item .experiencia-content .bt {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    height: auto;
    font-family: petrobras_sansregular;
    text-transform: uppercase;
    padding: 10px 15px
}
#map-canvas {
    width: 100%;
    height: 98%;
    border-radius: 8px;
    position: relative
}
#map-canvas img {
    max-width: initial
}
#infobox {
    font-family: petrobras_sansregular;
    line-height: 18px
}
#infobox p.bold {
    font-family: petrobras_sansbold;
    text-transform: uppercase
}
#infobox p.icos span {
    margin: 2px 8px 0 0
}
#mapa .box-mapa .left .filtros ul li p {
    color: #666;
    padding: 15px 4px;
    margin-left: 0;
    font-family: petrobras_sansregular;
    font-size: 11px
}
#galeria-experiencia {
    margin: 40px auto 0;
    background: #fff;
    padding: 10px;
    width: 768px!important;
    min-height: 610px;
    border: 1px solid #f2f2f2;
    max-width: initial!important
}
#galeria-experiencia.height-modal {
    height: auto;
    min-height: 505px
}
#galeria-experiencia .title-share {
    padding: 12px;
    color: #00669f;
    position: relative;
    margin-bottom: 10px
}
#galeria-experiencia .title-share .titulo-galeria {
    font-family: petrobras_sanslight;
    font-size: 18px;
    line-height: 22px
}
#galeria-experiencia .title-share .subtitulo-galeria {
    font-family: petrobras_sansregular;
    font-size: 14px;
    line-height: 16px
}
#galeria-experiencia .title-share .share {
    text-align: right;
    position: absolute;
    bottom: -5px;
    right: 10px
}
#galeria-experiencia .title-share .share .item {
    display: inline-block;
    vertical-align: top
}
#galeria-experiencia .title-share .share .item .twitter-share-button {
    width: 100px!important
}
#galeria-experiencia .content {
    position: relative;
    background: #fafafa;
    padding: 0!important;
    width: 100%
}
#galeria-experiencia .content .galeria-close {
    border-radius: 13px;
    position: relative;
    background: #f9b317;
    color: #000;
    display: inline-block;
    width: 25px;
    position: absolute;
    top: -25px;
    right: -25px;
    z-index: 1;
    font-family: petrobras_sansxbold;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    text-indent: 1px;
    cursor: pointer
}
#galeria-experiencia .content .galeria-thumbs {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 536px;
    border: 5px solid #dbdbdb;
    position: relative
}
#galeria-experiencia .content .galeria-thumbs.height-galeria {
    height: 431px
}
#galeria-experiencia .content .galeria-thumbs .img-full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0!important
}
#galeria-experiencia .content .galeria-thumbs .img-full li {
    height: 100%;
    background: #dbdbdb
}
#galeria-experiencia .content .galeria-thumbs .img-full iframe {
    width: 758px;
    height: 421px
}
#galeria-experiencia .content .galeria-thumbs .img-full img {
    max-width: 100%;
    height: auto;
    width: 100%
}
#galeria-experiencia .content .galeria-thumbs .thumbs {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #030507;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 105px;
    padding: 18px 10px;
    text-align: center
}
#galeria-experiencia .content .galeria-thumbs .thumbs .seta {
    background: #e6e8e7;
    background: linear-gradient(#f1f1f1, #e6e8e7);
    border-radius: 10px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 48px;
    margin-top: 11px;
    line-height: 44px;
    border: 1px solid #e5e6e5;
    color: #d2d2d2;
    font-size: 40px;
    font-family: petrobras_sansregular;
    text-align: center;
    cursor: default
}
#galeria-experiencia .content .galeria-thumbs .thumbs .seta [class^=ico-] {
    margin-top: 11px
}
#galeria-experiencia .content .galeria-thumbs .thumbs .seta .ico-arrowleft-gray-large {
    background-image: url(../img/sprite.png);
    background-position: -391px -68px;
    background-size: 673px 665px;
    behavior: url(/wp-content/themes/ftccards/assets/css/backgroundsize.htc);
    width: 11px;
    height: 26px
}
#galeria-experiencia .content .galeria-thumbs .thumbs .seta .ico-arrowright-gray-large {
    background-image: url(../img/sprite.png);
    background-position: -392px -326px;
    background-size: 673px 665px;
    behavior: url(/wp-content/themes/ftccards/assets/css/backgroundsize.htc);
    width: 11px;
    height: 26px
}
#galeria-experiencia .content .galeria-thumbs .thumbs .seta.active {
    background: #b3cc38;
    background: linear-gradient(#83a928, #b3cc38);
    position: relative;
    border: 1px solid #b3cc38;
    color: #fff;
    cursor: pointer
}
#galeria-experiencia .content .galeria-thumbs .thumbs .seta.active .ico-arrowleft-gray-large {
    background-image: url(../img/sprite.png);
    background-position: -595px -367px;
    background-size: 673px 665px;
    behavior: url(/wp-content/themes/ftccards/assets/css/backgroundsize.htc);
    width: 11px;
    height: 26px
}
#galeria-experiencia .content .galeria-thumbs .thumbs .seta.active .ico-arrowright-gray-large {
    background-image: url(../img/sprite.png);
    background-position: -653px -600px;
    background-size: 673px 665px;
    behavior: url(/wp-content/themes/ftccards/assets/css/backgroundsize.htc);
    width: 11px;
    height: 26px
}
#galeria-experiencia .content .galeria-thumbs .thumbs .thumb-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 603px;
    height: 70px;
    margin: 0 12px;
    position: relative;
    overflow: hidden;
    font-size: 0
}
#galeria-experiencia .content .galeria-thumbs .thumbs .thumb-wrapper ul {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0!important
}
#galeria-experiencia .content .galeria-thumbs .thumbs .thumb-wrapper ul li {
    width: 90px;
    height: 63px;
    position: relative;
    border: 2px solid #cecece;
    display: inline-block;
    margin: 0 3px;
    overflow: hidden;
    cursor: pointer;
    opacity: .4
}
#galeria-experiencia .content .galeria-thumbs .thumbs .thumb-wrapper ul li.active,
#galeria-experiencia .content .galeria-thumbs .thumbs .thumb-wrapper ul li:hover {
    opacity: 1
}
#galeria-experiencia .content .galeria-thumbs .thumbs .thumb-wrapper ul li img.thumb {
    height: 62px
}
@media only screen and (max-width: 980px) and (min-width: 768px) {
    .fui-com-pontos {
        width: 107px
    }
    .video-promocional {
        width: 754px
    }
    .video-promocional iframe {
        height: 345px
    }
    #galeria-experiencia {
        width: 724px!important
    }
    #galeria-experiencia .content .galeria-close {
        z-index: 1;
        right: -21px!important
    }
    #galeria-experiencia .content .galeria-thumbs .thumbs .thumb-wrapper {
        margin: 0!important
    }
    #ganhe p {
        width: 575px;
        font-size: 13px
    }
    #ganhe a {
        font-size: 12px
    }
    #mapa h3 {
        background: #fff;
        color: #666;
        display: inline-block;
        padding: 0 20px;
        margin-top: 50px;
        margin-left: -251px;
        z-index: 2;
        font-family: petrobras_sanslight;
        font-size: 22px;
        text-transform: uppercase
    }
    #mapa .box-mapa {
        margin-left: 0;
        margin-top: 40px
    }
    #mapa .box-mapa .header ul li {
        padding: 16px 0
    }
    #mapa .box-mapa .body {
        width: 750px;
        height: 800px
    }
    #mapa .box-mapa .body .ico-bomba-gas-br {
        left: 15px
    }
    #mapa .box-mapa .body .list-itens .lista-postos {
        height: 625px
    }
    #mapa .box-mapa .body .list-itens .lista-postos .item {
        min-height: 120px
    }
    #mapa .box-mapa .body .list-itens .pagination {
        margin: 50px 0 0
    }
    #mapa .box-mapa .body .right {
        width: 470px;
        vertical-align: top;
        padding: 5px;
        width: 67%;
        height: 800px
    }
    #mapa .box-mapa .body .right .alert {
        font-size: 11px
    }
    #mapa .box-mapa .body .left {
        height: 800px
    }
    #participe .modelos { 
              height: 340px;  
    }
    #participe .modelos li .content {
        font-size: 11px;
        line-height: 13px
    }
    #participe .modelos li .content .large {
        font-size: 10px;
        line-height: 12px
    }
    #participe .modelos li .content .bt-mais {
        width: 40px;
        height: 40px;
        line-height: 44px;
        font-size: 38px
    }
    #experiencia .txt.register .complete-cadastro {
        margin-top: -134px;
        z-index: 10
    }
    #experiencia .txt.register .complete-cadastro div {
        width: 120px;
        height: 120px
    }
    #experiencia .txt.register .complete-cadastro div p {
        padding: 11px 18px
    }
    #experiencia .txt.register .complete-cadastro-deslogado {
        margin-top: -134px
    }
    #experiencia .txt.register .complete-cadastro-deslogado div {
        width: 120px;
        height: 120px
    }
    #experiencia .txt.register .complete-cadastro-deslogado div p {
        padding: 11px 18px
    }
    #experiencia .box {
        width: 750px;
        margin-top: 40px
    }
    #experiencia .box .filter-input .text {
        font-size: 12px
    }
    #experiencia .box .filter-input input[type=text] {
        width: 55%;
        padding: 7px
    }
    #experiencia .box .tit h3 {
        font-size: 20px!important
    }
    #experiencia .itens .item {
        width: 155px;
        margin: 5px;
        border-width: 3px
    }
    #experiencia .itens .item a {
        text-decoration: none
    }
    #experiencia .itens .item .thumb-date {
        font-size: 16px;
        display: block;
        text-decoration: none;
        vertical-align: top
    }
    #experiencia .itens .item .thumb-date span {
        font-size: 11px
    }
    #experiencia .itens .item .header {
        min-height: 50px
    }
    #experiencia .itens .item .header .title {
        padding: 10px;
        font-size: 10px;
        line-height: 12px;
        min-height: 48px
    }
    #experiencia .itens .item .header .plus {
        right: 2px
    }
    #experiencia .itens .item .header .plus .ico-open-plus-on {
        margin-right: -2px
    }
    #experiencia .itens .item .body img {
        vertical-align: top
    }
    #experiencia .itens .item .body .content {
        padding: 7px;
        border-width: 3px;
        width: 163px
    }
    #experiencia .itens .item .body .content a {
        font-size: 8px
    }
    #experiencia .itens .item .body .content .facebook-container {
        width: 72px
    }
    #experiencia .itens .item .body-min .ingressos .info {
        font-size: 8px
    }
    #experiencia .no-result {
        color: #999;
        padding: 20px;
        font-family: petrobras_sanslight;
        font-size: 18px
    }
    #experiencia h3 {
        font-size: 20px;
        line-height: 25px
    }
    #experiencia .desc {
        font-size: 16px;
        line-height: 19px
    }
    #experiencia.single .banner .thumb-date {
        top: 24px;
        font-size: 14px;
        width: 125px;
        padding: 3px 0
    }
    #experiencia.single .experiencia-content .experiencia-title {
        width: 100%
    }
    #experiencia.single .experiencia-content .experiencia-title .title {
        font-size: 30px;
        line-height: 32px
    }
    #experiencia.single .experiencia-content .experiencia-title .subtitle {
        font-size: 23px;
        line-height: 25px
    }
    #experiencia.single .experiencia-content .experiencia-content {
        font-size: 12px
    }
    #experiencia.single .sidebar {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 0;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 30px
    }
    #experiencia.single .sidebar .sidebar-title {
        margin-top: 30px;
        margin-bottom: 23px;
        font-size: 23px
    }
    #experiencia.single .sidebar .media-list .media-item {
        display: inline-block;
        float: left;
        width: 47.91667%;
        margin: 0;
        margin-bottom: 20px;
        cursor: pointer
    }
    #experiencia.single .sidebar .media-list .media-item:nth-child(2n) {
        margin-left: 4.16667%
    }
    #experiencia.single .sidebar .media-list .media-item .media-content {
        width: 70%
    }
    #experiencia.single .sidebar .media-list .media-item .media-content .title {
        font-size: 12px;
        line-height: 14px
    }
    #experiencia.single .sidebar .media-list .media-item .media-content .info {
        font-size: 11px;
        line-height: 13px
    }
    #experiencia.single .sidebar .media-list .media-item .media-image {
        width: 30%;
        max-width: 170px
    }
    #experiencia .outras-experiencias .title {
        font-size: 18px
    }
    #experiencia .outras-experiencias .experiencia-lista .experiencia-item .experiencia-image .thumb-date {
        font-size: 11px;
        width: 108px
    }
    #experiencia .outras-experiencias .experiencia-lista .experiencia-item .experiencia-content .title {
        font-size: 18px
    }
}
@media only screen and (max-width: 767px) {

  #como-usar-lubrax{    
    background: url(../images/PASSO-A-PASSO-LUBRAX-MOBILE.PNG) no-repeat center !important;
    min-height: 602px !important;
  }
  #como-usar-combustivel {
    background:   url(../images/facilusar-vale-combustivel-mob.png) no-repeat center !important;
    min-height: 602px !important;
  }
  #como-usar {
    background: url(../images/PASSO-A-PASSO-mobile.png) no-repeat center;
    min-height: 602px;
  } 

  #ajuda ul li {
    margin: 0px;
  }

    #mapa .box-mapa .body .left .endereco .option .select.estado select {
        margin-left: 0
    }
    #mapa .box-mapa .body .left .endereco .option .select .action:after {
        margin-top: 2px;
        margin-right: -2px
    }
    #participe {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0
    }
    #participe .tit {
        margin-top: 33px
    }
    #participe .tit .line {
        display: none
    }
    #participe .tit h3 {
        background: none;
        font-size: 21px
    }
    #participe #ganhe {
        background: none;
        height: auto
    }
    #participe #ganhe .ico-ganhe-dobro-presentes {
        position: relative;
        left: 15px;
        top: 10px;
        margin-top: 0;
            margin-left: 30%;
    }
    #participe #ganhe .content-text,
    #participe #ganhe .is-mobile {
        width: 90%; 
    margin: 5%;
    }
    #participe #ganhe .content-text p,
    #participe #ganhe .is-mobile p {
        width: 85%;
        margin-top: 0;
        margin-left: 0;
        font-size: 13px
    }

    .ico-ganhe-mao_positivo, .ico-ganhe-presente {
    background-image: url(../images/sprite.png);
    width: 35px;
    height: 35px;
    background-size: 337px;
}

.ico-ganhe-mao_positivo {
    background-position: -39px -129px;
}

.ico-ganhe-presente {
    background-position: -77px -129px;
}
.ico-ganhe-tag_troque {
   background-size: 337px;
           width: 47px;
    height: 35px;
        background-position: -134px 0;

}
    #participe #ganhe .content-text strong,
    #participe #ganhe .is-mobile strong {
        font-family: petrobras_sansbold
    }
    #participe #ganhe .is-mobile {
        position: relative
    }
    #participe #ganhe .ico-lampada-azul {
        margin-left: 17px
    }
    #participe .modelos {
        height: auto;
        padding-bottom: 20px;
        padding: 23px 0
    }
    #participe .modelos li {
        border-radius: 10px;
        position: relative;
        height: 130px;
        display: block;
        width: 92%;
        margin: 0 auto 8px;
        z-index: initial
    }
    #participe .modelos li.border-top,
    #participe .modelos li.border-top .content {
        border-radius: 10px 10px 0 0;
        position: relative;


    }
    #participe .modelos li.opened {
      width: 100%;
    }
    #participe .modelos li.border-bottom,
    #participe .modelos li.border-bottom .content {
        border-radius: 0 0 10px 10px;
        position: relative
    }
    #participe .modelos li.no-border-radius,
    #participe .modelos li.no-border-radius .content {
        border-radius: 0;
        position: relative
    }
    #participe .modelos li .content {
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 130px;
        padding: 20px 0 0;
        margin: 0;
        padding-left: 80px;
        font-size: 14px;
        line-height: 16px;
        text-align: left
    }
    #participe .modelos li .content h3 {
        font-family: petrobras_sansxbold;
        font-size: 18px
    }
    #participe .modelos li .content .bt-mais {
        display: none
    }
    #participe .modelos li .content .icone {
        margin: 0;
        position: absolute;
        left: 20px;
        top: 40px
    }
    #participe .modelos li .content .arrow {
        display: block;
        text-align: center;
        position: absolute;
        width: 100%
    }
    #participe .modelos li .content .arrow.top {
        top: 0;
        left: 0;
        z-index: 2
    }
    #participe .modelos li .content .arrow.top span {
        border-top: 12px solid #fff
    }
    #participe .modelos li .content .arrow.bottom {
        z-index: 3;
        bottom: -12px;
        left: 0
    }
    #participe .modelos li .content .arrow span {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent
    }
    #participe .modelos li.md1,
    #participe .modelos li.md1 .content {
        height: 140px
    }
    #participe .modelos li.md1 .content .arrow.bottom span {
        border-top: 12px solid #6eae39
    }
    #participe .modelos li.md2 .content .arrow.bottom span {
        border-top: 12px solid #eda211
    }
    #mapa {
        margin-left: 0
    }
    #mapa .box-mapa {
        margin-left: 0;
        width: 92%;
        margin: 0 auto
    }
    #mapa .box-mapa .header ul {
        margin-left: 22px;
        margin-top: 30px
    }
    #mapa .box-mapa .header ul li {
        border: 1px solid #e1e1e1;
        border-bottom: 0;
        background: #eee
    }
    #mapa .box-mapa .header ul li.off {
        background: #fff;
        background: linear-gradient(#ebebeb, #fff);
        position: relative;
        border-bottom: 0
    }
    #mapa .box-mapa .body {
        border-radius: 10px;
        position: relative;
        height: auto;
        border: 0!important
    }
    #mapa .box-mapa .body .ico-bomba-gas-br {
        left: 10px
    }
    #mapa .box-mapa .body .alert {
        height: auto;
        padding: 25px 0;
        margin: 0;
        line-height: 20px;
        text-align: center
    }
    #mapa .box-mapa .body .alert:after {
        content: ' ';
        width: 80%;
        position: absolute;
        top: 37px;
        left: 10%;
        border-top: 1px solid #f9e7bd;
        z-index: 1
    }
    #mapa .box-mapa .body .alert [class^=ico-] {
        box-shadow: 0 0 0 10px #fffae8;
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        vertical-align: middle;
        left: auto;
        top: auto
    }
    #mapa .box-mapa .body .alert .text {
        display: block;
        margin: 15px 30px 0
    }
    #mapa .box-mapa .body .left,
    #mapa .box-mapa .body .right {
        width: 100%;
        height: auto;
        display: block
    }
    #mapa .box-mapa .body .left .endereco,
    #mapa .box-mapa .body .right .endereco {
        border-radius: 10px 10px 0 0;
        position: relative;
        background: #eee
    }
    #mapa .box-mapa .body .left .endereco .option,
    #mapa .box-mapa .body .right .endereco .option {
        display: inline-block
    }
    #mapa .box-mapa .body .left .endereco .option input[type=text],
    #mapa .box-mapa .body .right .endereco .option input[type=text] {
        border-radius: 10px 0 0 10px;
        position: relative;
        background: #fff;
        display: inline-block;
        width: calc(100% - 70px);
        height: auto;
        padding: 10px 15px;
        border: 1px solid #d4d4d4;
        font-size: 16px;
        font-family: petrobras_sansregular
    }
    #mapa .box-mapa .body .left .endereco .option.uf,
    #mapa .box-mapa .body .right .endereco .option.uf {
        display: inline-block;
        width: 30%
    }
    #mapa .box-mapa .body .left .endereco .option.uf .select,
    #mapa .box-mapa .body .left .endereco .option.uf .select select,
    #mapa .box-mapa .body .right .endereco .option.uf .select,
    #mapa .box-mapa .body .right .endereco .option.uf .select select {
        width: 100%
    }
    #mapa .box-mapa .body .left .endereco .option.cidade,
    #mapa .box-mapa .body .right .endereco .option.cidade {
        display: inline-block;
        width: 68%
    }
    #mapa .box-mapa .body .left .endereco .option.estado,
    #mapa .box-mapa .body .right .endereco .option.estado {
        display: inline-block;
        width: 99.5%
    }
    #mapa .box-mapa .body .left .endereco .option .select,
    #mapa .box-mapa .body .right .endereco .option .select {
        border-radius: 10px;
        position: relative;
        width: 100%;
        background: #fff;
        padding: 0
    }
    #mapa .box-mapa .body .left .endereco .option .select select,
    #mapa .box-mapa .body .right .endereco .option .select select {
        border-radius: 10px;
        position: relative;
        background: none;
        color: #999;
        display: block;
        width: 100%;
        height: 33px;
        margin: 0;
        padding: 5px 33px 8px 10px;
        border: 1px solid #b7b7b7;
        font-size: 16px;
        font-family: petrobras_sansregular
    }
    #mapa .box-mapa .body .left .endereco .option .select select.estado,
    #mapa .box-mapa .body .right .endereco .option .select select.estado {
        width: 100%
    }
    #mapa .box-mapa .body .left .endereco .option .select .action,
    #mapa .box-mapa .body .right .endereco .option .select .action {
        border: 0;
        width: 28px;
        height: 32px;
        right: 1px;
        top: 0
    }
    #mapa .box-mapa .body .left .endereco .option label,
    #mapa .box-mapa .body .right .endereco .option label {
        display: block;
        text-transform: uppercase;
        font-family: petrobras_sansbold;
        font-size: 14px
    }
    #mapa .box-mapa .body .left .endereco button,
    #mapa .box-mapa .body .right .endereco button {
        display: block;
        width: 100%;
        margin: 0 auto
    }
    #mapa .box-mapa .body .left .endereco .filtros,
    #mapa .box-mapa .body .right .endereco .filtros {
        height: auto
    }
    #mapa .box-mapa .body .left .endereco .filtros ul li,
    #mapa .box-mapa .body .right .endereco .filtros ul li {
        width: 96%
    }
    #mapa .box-mapa .body .left .endereco .filtros ul li:first-child p,
    #mapa .box-mapa .body .right .endereco .filtros ul li:first-child p {
        font-family: petrobras_sansxbold_italic;
        color: #999;
        font-size: 18px;
        margin-bottom: 10px
    }
    #mapa .box-mapa .body .left .endereco .alert,
    #mapa .box-mapa .body .right .endereco .alert {
        display: none
    }
    #mapa .box-mapa .body .right {
        padding: 0
    }
    #mapa .box-mapa .body .right .is-mobile {
        display: block
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos {
        height: auto
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item {
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        color: #585858;
        display: inline-block;
        width: 100%;
        padding: 20px 10px;
        border-bottom: 1px solid #ccc;
        border-top: none;
        font-size: 14px
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item:first-child {
        border-top: 0
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item:active {
        background: #fec405
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item:active .check-posto {
        background: #6c9a22;
        background: linear-gradient(#a0c42c, #6c9a22);
        box-shadow: none;
        position: relative;
        border: 1px solid #357d17
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item .infos {
        display: inline-block;
        vertical-align: middle;
        width: 65%;
        margin-left: 15px
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item .infos .title {
        font-family: petrobras_sansbold
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item .infos .link {
        display: block
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item [class*=ico-] {
        vertical-align: middle
    }
    #mapa .box-mapa .body .right .list-itens .lista-postos .item .check-posto {
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: inset 0 4px 7px #c5c2b5;
        border-radius: 50%;
        position: relative;
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle
    }
    #mapa .box-mapa .body .right .list-itens .link-paginar {
        display: block;
        color: #39c;
        padding: 10px 0;
        font-family: petrobras_sansbold;
        font-size: 14px;
        text-decoration: underline;
        cursor: pointer
    }
    #mapa .box-mapa .body .right .list-itens .pagination {
        display: none
    }
    #mapa .box-mapa .body .left {
        background: #fff;
        padding: 0;
        font-family: petrobras_sansregular
    }
    #mapa .box-mapa .body .left:-moz-placeholder,
    #mapa .box-mapa .body .left:-ms-input-placeholder,
    #mapa .box-mapa .body .left::-webkit-input-placeholder {
        color: #9c9c9c;
        font-family: petrobras_sansregular;
        opacity: 1
    }
    #mapa .box-mapa .body .left .endereco .option {
        display: block
    }
    #mapa .box-mapa .body .left .filtros ul li {
        display: none;
        height: auto;
        width: auto;
        padding: 10px 15px 20px;
        margin: 0 10px
    }
    #mapa .box-mapa .body .left .filtros ul li:last-child {
        border: 0
    }
    #mapa .box-mapa .body .left .filtros ul li.label {
        display: block;
        background: #f4f4f4;
        height: auto;
        position: relative;
        margin: 0;
        padding: 0;
        border: 3px solid #eee
    }
    #mapa .box-mapa .body .left .filtros ul li.label p {
        font-family: petrobras_sansxbold_italic;
        font-size: 16px;
        color: #999;
        padding: 19px 15px
    }
    #mapa .box-mapa .body .left .filtros ul li.label .bt-toggle {
        border-radius: 5px;
        position: relative;
        background: #fff;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -15px;
        font-family: petrobras_sansbold;
        font-size: 30px;
        line-height: 34px;
        color: #698fa6;
        text-align: center
    }
    #mapa .box-mapa .body .left .btnmobile {
        border-radius: 0 10px 10px 0;
        position: relative;
        height: auto;
        width: 22px;
        top: 1px;
        left: -4px;
        line-height: 29px;
        margin: 0;
        padding: 7px 5px
    }
    #map-canvas {
        border-radius: 0 0 8px 8px;
        position: relative;
        margin: 0;
        width: 100%;
        height: 390px
    }
    .wrapper .ico-down {
        margin-right: 3px;
        vertical-align: bottom
    }
    #content .txt {
        padding: 7px 10px 0
    }
    .section-experiencia .experiencia .slider-mobile .inner [class*=inner-slider] .slide img {
        height: auto
    }
    #experiencia.single .sidebar .media-list .media-item .media-content {
        width: 70%
    }
    #experiencia.single .sidebar .media-list .media-item .media-image {
        width: 30%;
        max-width: 170px
    }
}


#agreement {
      margin-left: 0px;
    width: 14px;
    position: relative;
    margin-left: -10px;
        top: 1px;
        cursor: pointer;

}

@media (min-width: 640px) {

      #registerForm .has-error .checkbox #agreement{
       
          left: 0px;
          top: 0px;
      }
}

#registerForm .has-error .checkbox {
  cursor: pointer;
}

#validEmail:first-child {
  outline: none;
  margin-top: 80px;

}

#validEmail {
    padding: 0px !important;
}

#cboxContent #cboxTitle {
    font-family: petrobras_sansbold;
        font-size: 18px;
 text-transform: uppercase;

}


.forgotten-password .description {
  font-family: petrobras_sanslight;
  font-size: 14px;
}


.lista-postos-component .posto-box {
  box-sizing: border-box;
  background: #fff;
  display: inline-block;
  vertical-align: text-top;
  width: 80px;
  height: 100%;
  margin: 1px 7px 0 0;
  margin-bottom: 0!important;
  padding: 11px 0;
  list-style: none;
  border: 1px solid #c1c1c1;
  border-radius: 10px 10px 0 0;
  position: relative;
  border-bottom: 1px solid #fff;
  text-align: center;
  z-index: 1;
  cursor: pointer;
}

.lista-postos-component .posto-box .ico-bomba-gas-on {
  background-image: url(../images/sprite.png);
  width: 47px;
  height: 47px;
  background-position: -1112px -340px;
  display: inline-block;
}

.lista-postos-component .posto-box .ico-bomba-gas-off {
  background-image: url(../images/sprite.png);
  width: 47px;
  height: 47px;
  background-position: -1112px -244px;
  display: inline-block;
}


.lista-postos-component .posto-box .ico-pin-azul-on {
  background-image: url(../images/sprite.png);
  width: 47px;
  height: 47px;
  background-position: -1112px -198px;
  display: inline-block;
}


.lista-postos-component .posto-box .ico-pin-azul-off {
  background-image: url(../images/sprite.png);
  width: 47px;
  height: 47px;
  background-position: -1112px -198px;
  display: inline-block;
}



.lista-postos-component .premmia-select {
  height: 40px;
  padding: 5px 0px 5px 5px;
  border-radius: 10px;
  border: solid 1px #dfdfdf;
  text-transform: uppercase;
  color: #999;
  font-family: petrobras_sansbold;
  font-size: 16px;
  color: #666;
}
ul#lstPostos{
  background-color: #F4F4F4 !important;
}
div#lista-posto{
  background-color: #F4F4F4;
}

.lista-postos-component .lista-postos-body {
  border: 1px solid #ccc;
  border-radius: 0 15px 15px 15px;
  position: relative;
  height: 638px;
}

.lista-postos-component #tabsPosto ul {

  padding-left: 0px;
  margin-bottom: -1px;

}

.lista-postos-component #tabsPosto ul li {
  border-bottom: 1px solid #ccc;
}

.lista-postos-component #tabsPosto ul li .ui-state-active {

  border-bottom: 1px solid #fff;
}

.lista-postos-component .lista-postos-body .col-md-12 {

  margin-top: 20px;

}
.lista-postos-component .lista-postos-body .col-md-12:last-child {
   
          border-bottom: 1px dotted #aeaeae;
              border-top: 1px dotted #aeaeae;
              padding: 15px 0px;
}


.lista-postos-component .lista-postos-body .col-md-12:nth-child(8) {
   padding-left: 0;
              margin-top: 9px;
              padding-top: 10px;
              border-top: 1px dotted #aeaeae;

}



.lista-postos-component .lista-postos-body .filtros p{
  color: #666;
  padding: 15px 0 5px;
  margin-left: 0;
  font-family: petrobras_sansregular;
  font-size: 15px;
}

.lista-postos-component .lista-postos-body select {
cursor: pointer;
  width: 100%;

}

.lista-postos-component .lista-postos-body .title {

  width: 100%;
  display: block;

}

.lista-postos-component .lista-postos-body .subtitle {

  font-size: 10px;
  display: inline-block;
  width: 100%;

}

.lista-postos-component .lista-postos-body .filtros .produto-title {

  font-weight: bold;

color: #aeaeae;
    position: relative;
    left: 3px;
        top: -2px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    font-size: 13px;
    font-family: petrobras_sansbold;
    padding-bottom: 5px;
    padding-left: 15px;
  
    color: #aeaeae;
}
.lista-postos-component .col-md-12 {

}
 .lista-postos-component .sub-title {

 }
.lista-postos-component .lista-postos-body .filtros input {
  width: 20px;
  margin-left: 5px;
  margin-bottom: 0px;
}

.lista-postos-component .lista-postos-body #lstPostos {

       overflow-y: auto;
    max-height: 600px;


}

/* Central de Atendimento */

.page-nav-container {
    background: #eee;
    background: linear-gradient(#fff, #eee);
    border-radius: 15px;
    position: relative;
    border: 1px solid #eee;
    font-size: 0;
    margin: 30px 0
}
.page-nav-container .page-nav-list.four-columns .page-nav-item {
    width: 25%
}
.page-nav-container .page-nav-list .page-nav-item {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: bottom;
    width: 20%;
    min-height: 95px;
    position: relative;
    text-align: center
}
.page-nav-container .page-nav-list .page-nav-item .page-nav-link {
    padding: 20px 0;
    display: block;
    text-decoration: none
}
.page-nav-container .page-nav-list .page-nav-item [class$=-active] {
    display: none
}
.page-nav-container .page-nav-list .page-nav-item .title {
    display: block;
    color: #848484;
    font-family: petrobras_sansbold;
    font-size: 14px;
    line-height: initial;
    margin-top: 5px;
    position: absolute;
    left: 0;
    bottom: 19px;
    width: 100%
}
.page-nav-container .page-nav-list .page-nav-item.active,
.page-nav-container .page-nav-list .page-nav-item:hover {
    color: #56768a;
    cursor: pointer
}
.page-nav-container .page-nav-list .page-nav-item.active .title,
.page-nav-container .page-nav-list .page-nav-item:hover .title {
    color: #56768a
}
.page-nav-container .page-nav-list .page-nav-item.active [class^=ico-],
.page-nav-container .page-nav-list .page-nav-item:hover [class^=ico-] {
    display: none
}
.page-nav-container .page-nav-list .page-nav-item.active [class$=-active],
.page-nav-container .page-nav-list .page-nav-item:hover [class$=-active] {
    display: inline-block
}
.page-nav-container .page-nav-list .page-nav-item.active:after,
.page-nav-container .page-nav-list .page-nav-item:hover:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #eee;
    position: absolute;
    bottom: -25px;
    left: 40%
}
.page-nav-container .page-nav-list .page-nav-item:before {
    content: ' ';
    margin-top: -15px;
    height: 30px;
    border-left: 1px solid #e0e0e0;
    position: absolute;
    top: 50%;
    left: 0;
    display: block
}
.page-nav-container .page-nav-list .page-nav-item:first-child:before {
    display: none
}

.page-info {
    font-family: petrobras_sansitalic;
    font-size: 20px;
    color: #666
}
.sac-container {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 30px 0
}
.sac-container .item-sac {
    background: #eef1df;
    background: linear-gradient(#f8faea, #eef1df);
    border-radius: 10px;
    position: relative;
    display: inline-block;
    float: left;
    width: 41.66667%;
    margin: 0;
    margin-right: 4.16667%;
    text-align: center;
    border: 1px solid #ebece5;
    padding: 30px 0
}
.sac-container .item-sac .number {
    display: block;
    font-family: petrobras_sansbold_italic;
    font-size: 30px;
    color: #008c4f
}
.sac-container .item-sac .text {
    display: block;
    color: #666;
    font-size: 20px;
    line-height: 30px
}
.sac-info {
    font-family: petrobras_sansregular;
    font-size: 20px;
    color: #666
}
.sac-info strong {
    font-family: petrobras_sansbold
}
.page-nav-container .page-nav-list .page-nav-item.active,
.page-nav-container .page-nav-list .page-nav-item:hover {
    color: #56768a;
    cursor: pointer
}
.page-nav-container .page-nav-list .page-nav-item.active .title,
.page-nav-container .page-nav-list .page-nav-item:hover .title {
    color: #56768a
}
.page-nav-container .page-nav-list .page-nav-item.active [class^=ico-],
.page-nav-container .page-nav-list .page-nav-item:hover [class^=ico-] {
    display: none
}
.page-nav-container .page-nav-list .page-nav-item.active [class$=-active],
.page-nav-container .page-nav-list .page-nav-item:hover [class$=-active] {
    display: inline-block
}
.page-nav-container .page-nav-list .page-nav-item.active:after,
.page-nav-container .page-nav-list .page-nav-item:hover:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #eee;
    position: absolute;
    bottom: -25px;
    left: 40%
}
.page-nav-container .page-nav-list .page-nav-item:before {
    content: ' ';
    margin-top: -15px;
    height: 30px;
    border-left: 1px solid #e0e0e0;
    position: absolute;
    top: 50%;
    left: 0;
    display: block
}
.page-nav-container .page-nav-list .page-nav-item:first-child:before {
    display: none
}

.ico-central-fale-active {
    background-position: -340px -536px
}
.ico-central-fale,
.ico-central-fale-active {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    width: 33px;
    height: 19px
}
.ico-central-fale {
    background-position: -463px -444px
}
.ico-central-registro-active {
    background-position: -618px -376px
}
.ico-central-registro,
.ico-central-registro-active {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    width: 30px;
    height: 30px
}
.ico-central-registro {
    background-position: -618px -308px
}
.ico-central-sac-active {
    background-position: -212px -266px
}
.ico-central-sac,
.ico-central-sac-active {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    width: 27px;
    height: 27px
}
.ico-central-sac {
    background-position: -618px -571px
}

.ico-central-duvida-active {
    background-position: -520px -492px
}
.ico-central-duvida,
.ico-central-duvida-active {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    width: 32px;
    height: 26px
}
.ico-central-duvida {
    background-position: -484px -492px
}
.ico-central-alerta-active {
    background-position: -574px -501px
}
.ico-central-alerta,
.ico-central-alerta-active {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    width: 36px;
    height: 30px
}
.ico-central-alerta {
    background-position: -226px -536px
}

    #content.alertas-container .alertas-list .alertas-item {
        padding: 21px 24px
    }
    #content.alertas-container .alertas-list .alertas-item .content {
        font-size: 12px;
        line-height: 16px;
        margin-left: 24px
    }
    #content.alertas-container .alertas-list .alertas-item .content .title {
        font-size: 14px
    }
.alertas-container .alertas-list .alertas-item .content .content-panel {
        font-size: 12px;
        line-height: 16px
    }
.alertas-container .alertas-list .alertas-item {
    background: #f3faf7;
    padding: 30px 40px;
    border-bottom: 1px dotted #dbdcdb;
}    

.alertas-container .alertas-list .alertas-item .content .linkSaibaFechar {
    font-family: petrobras_sansbold;
    color: #39c;
    text-decoration: underline;
    cursor: pointer;
}

.accordion-container .accordion-list .accordion-group .accordion-group-action {
    background: #e8e8e6;
    background: linear-gradient(273deg,#EBEBEB,#FAFAFA); /*FAQ NOVO*/
    /*border-radius: 15px; FAQ NOVO */
    position: relative;
    /*border: 1px solid #ececea; FAQ NOVO */
    padding: 20px 25px;

}

.accordion-container .accordion-list .accordion-group .accordion-group-action a{
    color: #008c4f;
    text-transform: uppercase;
    font-family: petrobras_sansbold;
    font-size: 18px;    
    text-decoration:none;
}

.accordion-container .accordion-list .accordion-group .accordion-item {
    background:           #fafaf9;
    background-color:     #FAFAFA;
    /*border-radius: 15px; FAQ NOVO*/
    /*border: 1px solid #f1f1f1; FAQ NOVO*/
    margin:               10px 0;
    padding:              20px;
    padding-right:        35px;
    position:             relative;
    counter-increment:    a;
}

.accordion-container .accordion-list .accordion-group .accordion-item .accordion-item-title a{
    font-family: petrobras_sansregular;
    font-size: 19px;
    color: #005A94; /* FAQ NOVO */
    cursor: pointer;
    text-decoration:none;
}

.accordion-container .accordion-list .accordion-group .accordion-item .accordion-item-title:before {
    content: counter(a);
    color: #005A94; /* FAQ NOVO */
    font-size: 19px;
    font-family: petrobras_sansregular;
    display: none;
    margin-right: 10px;
}

.accordion-container .accordion-list .accordion-group .toggle {
    /*border-radius: 50%;
    box-shadow: 0 3px 3px #d4d4d4;
    position: relative;
    background: #10873b; FAQ NOVO*/
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    font-family: petrobras_sansregular;
}

.accordion-container .accordion-list .accordion-group .toggle:after {
    /*content: '+';
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    font-size: 30px;
    color: #fff;
    width: 15px;
    height: 15px;
    margin: -25% -25% 0 0;
    line-height: 19px; FAQ NOVO*/
}

.accordion-container .accordion-list .accordion-group .toggle.active {
    /*background: #353535;
    background: linear-gradient(#6c6c6c,#353535);
    position: relative;
    position: absolute; FAQ NOVO*/
}
.accordion-container .accordion-list .accordion-group .toggle.active:after {
    /*content: '-';
    line-height: 15px;
    margin-right: -9px; FAQ NOVO*/
}
/*FAQ NOVO*/
div.accordion-group-action span.more-less span.glyphicon:before{
  color: #606060;
  font-size: 18px;
}

span.more-less span.glyphicon:before{
  color: #606060;
  font-size: 15px;
}

.accordion-container .accordion-list .accordion-group .accordion-item .accordion-item-title .toggle.active {
    /*background: #838483;
    background: linear-gradient(#999,#838483);
    position: relative;
    position: absolute; FAQ NOVO*/
}
.accordion-container .accordion-list .accordion-group .accordion-item .accordion-item-title .toggle {
    /*background: #7bab4d;
    background: linear-gradient(#acc542,#7bab4d);FAQ NOVO*/
    position: relative;
    position: absolute;
    top: 15px;
    right: 15px;
    margin-top: 0;
}

.accordion-container .accordion-list .accordion-group .accordion-item .accordion-item-content {
    font-family: petrobras_sanslight;
    font-size: 16px;
    line-height: 20px;
    color: #666;
    margin-top: 10px;
}

.page-alert {
    border-radius: 10px;
    position: relative;
    border: 1px solid #fff7dd;
    background: #fffae8;
    margin: 15px 0;
    padding: 20px 0;
    color: #666;
}
.page-alert .message {
    font-size: 18px;
    display: inline-block;
    margin-left: 20px;
}

#lista-posto .col-md-3 {
      border-radius: 0 0 0 15px;
    position: relative;
    width: 23%;
    min-width: 220px;
    height: auto;
    height: 700px;
    background: linear-gradient(#fff,#efefef);
        font-family: petrobras_sansregular;
    font-size: 13px;
    color: #666;
}

#lista-posto .button-default {
    font-size: 14px;
    font-family: petrobras_sansbold;
    padding: 0 30px;
    position: relative;
    margin: 0;
    height: 38px;
    line-height: 32px;
    background: #e58504;
    background: linear-gradient(#feca0b,#e58504);
    position: relative;
    color: #fff;
    border: 1px solid #f0e4d3;
    text-decoration: none;
        margin-left: 30px;
    border-radius: 10px;
}

#lista-posto  .filtros {
      border-top: 1px dotted #aeaeae;
      margin-top: 10px;
      padding-top: 10px;
}

/*.js-owl-rotating-image-multi-premmia .carousel__item {
      border: 1px solid #fff;
    overflow: hidden;
    vertical-align: middle;
    background: #fff;
    background: radial-gradient(ellipse at center,#fff 30%,#ededed 100%);
        margin-right: 10px;
}*/
/* Alerta homepage */
.home-section.alertas {
      overflow: visible !important;
    background: #F4F4F4;
    padding: 58px 5px;
    font-family: petrobras_sansregular;
    font-size: 19px;
    position: relative;
    height: 218px;
    display:  block;

}

.home-section.alertas .title {
        display: inline-block;
    color: #606060;
    font-family: petrobras_sansbold;
    font-size: 24px;
    text-transform: uppercase;
    margin-left: 5px;
    margin-top: 0px;
}
.home-section.alertas .info .description {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 0px;
}
.home-section.alertas .info a,
.home-section.alertas .info span {
    color: #fff;
    font-family: petrobras_sansregular;
    font-size: 12px;
    cursor: pointer;
    outline: none;  
}
.home-section.alertas .info a.show-more,
.home-section.alertas .info span.show-more {
       width: 160px;
    padding: 15px;
    vertical-align: middle;
    float: right;
    text-decoration: none;
    font-family: petrobras_sansbold;
    font-size: 15px;
    text-transform: uppercase;
    background: #008C4F;
}
.home-section.alertas .info a.show-more.fix,
.home-section.alertas .info span.show-more.fix {
    border-right: 0
}
.home-section.alertas .info a.no-display,
.home-section.alertas .info span.no-display{
    display: inline-block;
    text-decoration: underline
}

.ico-alerta, .ico-alerta-404 {
        background: url(../images/ico-alerta.svg) no-repeat;
    width: 32px;
    height: 30px;
    position: relative;
    top: 10px;
}

.slick-prev, .slick-next {
  height: 55px;
  width: 55px;
  position: absolute;
  color: #AEB3B7;
  font-size: 26px;
  cursor:pointer;
}

.slick-prev{
  left: 45px;
  top: 33px;
  z-index: 9999;
}
.slick-next{
  right: 45px;
  top: 33px;
} 

.accordion-list .accordion-item-title {
width: 95%;
}


.products-container .event  {
  box-sizing: border-box !important;
    background-color: #fafafa !important;
    border: 3px solid #e9e9e9 !important;
    margin-bottom: 30px !important;
    min-height: 450px !important;
   
    height: 450px;
    padding:; 0 !important;
    border-radius: 0 !important;
}

.products-container .event-detail {
  min-height: 210px;
  margin-top: 20px;
}


.products-container .event-detail p {
  font-family: petrobras_sansregular;
    font-size: 16px;
    color: #666;
    margin: 15px;
}

.br-valor, .br-ponto {

    padding-top: 30px !important;


}

/* Numero da Sorte */
#content .item-accordion {
    margin-top: 10px
}
#content .item-accordion .label2 {
    background: #f5f5f4;
    background: linear-gradient(#fff, #f5f5f4);
    border-radius: 15px;
    height: 61px;
    line-height: 61px;
    color: #999;
    border: 1px solid #ededec;
    padding: 0 25px;
    font-family: petrobras_sansbold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative
}
#content .item-accordion .label2 a {
    font-size: 14px;
    text-transform: none;
    margin-left: 30px;
    vertical-align: top
}
#content .item-accordion .label2 .open {
    background: #75a726;
    background: linear-gradient(#aec747, #75a726);
    border-radius: 16px;
    position: relative;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 14px;
    width: 32px;
    height: 32px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border: 1px solid #93bb8c;
    font-family: petrobras_sansregular;
    font-size: 40px;
    cursor: pointer;
    vertical-align: top
}

.event-image {


  margin-top: 20px;

}

#content .item-accordion .label2 .open.opened {
    background: #868686;
    background: linear-gradient(#999, #868686);
    position: relative;
    line-height: 32px;
    border: 1px solid #cbcbcb;
    position: absolute
}

/* icones posto-premmiado */
}



.event-detail h4 {
  font-family: petrobras_sansregular;
  font-size: 16px;
  color: #666;
  margin-top: 7px;
  margin-left: 20px;
  font-weight: bolder;
}

  
.item.event .event-detail p {
  font-size: 14px;
  line-height: 19px;
  color: #aaa;
  margin: 5px 0 20px;
  margin-left: 18px;  
  display: none !important;
  
}



.event-action a {

    font-size: 12px;
    line-height: 38px;
    text-decoration: none;
    text-transform: uppercase;
    color: #39c;
    font-family: petrobras_sansbold;
    font-size: 12px;
    cursor: pointer;      

}
.ico-lubrax, .ico-lubrax-green {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    width: 20px;
    background-position: -653px -389px;
    height: 17px;
}
.ico-br-green {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    background-position: -519px -576px;
    width: 21px;
    height: 21px;
}
.ico-hamburger, .ico-hamburger-green {
    background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    width: 22px;
    background-position: -26px -648px;
    height: 16px;
}

#mapa .box-mapa .body .list-itens .lista-postos .item .infos .button-group .btn-item {
    display: inline-block;
    margin: 3px;
}

.alterarsenha {
  position: relative;
    left: 10px;
}

.bg-grey {
    background: #f2f2f2;
    background: linear-gradient(#e9e9e9,#f2f2f2);
    position: relative;
    width: 100%;
    height:100%;
}

.bg-grey #conteudo{
  background: #ffffff;
  padding-bottom: 20px;
}



.bg-grey .breadcrumb-section {
  background: #e9e9e9;

}

.bg-grey .breadcrumb-section .breadcrumb {
  border-radius: 20px;
   padding-left: 50px;
}


#content.cadastro-section .page-promo {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: -4px;
    right: 30px;
    background: url(../img/bg-top-info.png) no-repeat 0 0;
    width: 279px;
    height: 91px;
    padding: 15px 50px 0 3px;
    color: #b8b8b8;
    font-family: petrobras_sansregular;
    font-size: 16px;
    line-height: 15px;
    text-transform: uppercase;
    text-align: center;
}


.content-panel {

    word-wrap: break-word;
    user-select: text;
    color:#606060;
    font-family: petrobras_sansregular;
    font-size: 14px;
    line-height: 19px;

}



#partner-qLinks .content-panel {

    word-wrap: break-word;
    user-select: text;
    color:#606060;
    font-family: petrobras_sansregular;
    font-size: 14px;
    line-height: 19px;
    background: #F5F5F5;
    padding:15px;
    margin-top: 20px;
}

#partner-qLinks .content-panel p {

}


#regulamento1 h2.title-regulation, #regulamento2 h2.title-regulation, .regulamento-content h2.title-regulation {
    color: #EBA611;
    font-size: 30px;
    line-height: 32px;
        margin-bottom: 10px;
    text-align: center;
}

.regulamento-content.offer .title-regulation {
    padding: 50px 50px 0;
}



.partner-logo img {
  max-height: 104px;
}



.product-modal .product-modal-header img {
  border-radius: 10px 10px 0px 0px;
  width: 100%;
max-height: 392px;
}

.confirm .help-block {

  display: none;

}

.bt.amarelo-laranja.yes, .bt.amarelo-laranja.no {
  cursor: pointer;
      font-size: 15px !important;
}


.top-banner {

  min-height: 120px;

}

/* 404 */
div.accountActions.botoes div.col-xs-2.col-sm-2 a button.backToHome{
  color: #008C4F !important;
  background-color: #FFFFFF !important;
  font-family: 'petrobras_sansbold' !important;
  font-size: 15px !important;
  display: block !important;
  width: 146px !important;
  text-align: left !important;
  height: 48px !important;
  border-color: #008C4F !important;
}
button.btnGoToRemove{
  color: #fff;
  background-color: #008C4F;
  font-family: 'petrobras_sansbold';
  font-size: 15px;
  border: none;
  display: block;
  text-align: left !important;
  width: 146px;
  height: 48px;
}

#pagenotfound {
    padding: 20px 0;
    //text-align: center;
    color: #999;
    font-family: petrobras_sansregular;
}

#pagenotfound .optout {
    background: #f0f0ef;
    background: linear-gradient(#fbfbfa, #f0f0ef);
    border-radius: 15px;
    position: relative;
    font-size: 16px;
    border: 1px solid #f1f1f1;
    padding: 25px;
    /*width: 260px;
    height: 107px;*/
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto
}
#pagenotfound .optout p {
  margin-top: 10px;
}
#pagenotfound .optout .ico-alerta-404 {
  float: left;
}

#pagenotfound .botao {
    background: #f0f0ef;
    background: linear-gradient(#fbfbfa, #f0f0ef);
    border-radius: 15px;
    position: relative;
    border: 1px solid #f1f1f1;
    padding: 25px 42px 0 135px;
    /*width: 260px;
    height: 107px;*/
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
        width: 100%;
}
#pagenotfound .botao h1,
#pagenotfound .botao p {
    text-align: left;
    font-family: petrobras_sansbold
}
#pagenotfound .botao h1 {
    font-size: 42px
}
#pagenotfound .botao p {
    font-size: 25px;
    margin-top: 10px
}
#pagenotfound .botao .ico-alerta-404 {
    position: absolute;
    top: 28px;
    left: 34px
}
#pagenotfound .voltar-home {
    margin-top: 27px;
}
#pagenotfound .voltar-home a {
    text-decoration: none
}

#pagenotfound .botao .ico-alerta-404 {
    position: absolute;
    top: 28px;
    left: 34px;
}
.ico-alerta-404 {
    background-position: -336px 0;
    width: 69px;
    height: 64px;
}

#pagenotfound .botao h1 {
    font-size: 42px;
}
#pagenotfound .botao h1, #pagenotfound .botao p {
    text-align: left;
    font-family: petrobras_sansbold;
}
div#pagenotfound div.wrapper div.col-md-12.col-xs-12.col-sm-12 h1{
  margin-bottom: 20px;
  text-align: left;
}
div#pagenotfound div.wrapper div.col-xs-12.col-sm-12.col-lg-12.optoutT1{
  text-align: left;
  color: #606060;
  font-size: 17px;
  font-family: petrobras_sansregular;
}
.home-section.alertas .slick-prev, .home-section.alertas  .slick-next{
    top: 25px;
}


.products-container .col-md-6 .item {
  min-height: 0px;

}


.products-container .col-md-6 .item  .detalhes-border {
  padding-bottom: 0px;
       height: 210px;
}

.products-container .col-md-6 .item  .detalhes-border .col-md-6{
      max-height: 210px;
}

#cboxLoadedContent h4 {
  font-family: petrobras_sansbold;
  font-size: 16px;
  margin-top: 24px;

  }

  #modal-dialog .product-modal-header img {

    max-height: 354px;
    max-width: 868px;
    border-radius: 10px 10px 0px 0px;
  }

  .modal-content .row {
    /* NEW MODAL
        margin-bottom: 20px;
      */
   }



/* NEW MODAL
   .modal-header {
    font-family: petrobras_sansbold;
    font-size: 18px;
    text-transform: uppercase;
    background: linear-gradient(#678da5,#527083);
    padding: 20px 40px 15px !important;
    height: 60px !important;
   }
*/
  

   .complete-cadastro  {
        border-radius: 100px;
    position: relative;
    width: 144px;
    height: 144px;
    float: right;
    top: -80px;
   }

   .content .register .complete-cadastro  {
    top:0px;
   }

  .modal-body .amarelo-laranja {
        padding: 10px 30px;
        font-family: petrobras_sansbold;
            margin-right: 5px;
   }


#txtNumeroAzulConfirm {
  margin-bottom: 10px;
}



.brlubrax .detalhes-border {
      padding-bottom: 40px !important;
}

.brlubrax  .texto{
   margin-left: 0px !important;
}

.br  h5 {
  font-family: petrobras_sanslight !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: #53AAD5 !important;
    font-weight: 400 !important;
    margin-top: 0px !important;
}

.br .texto{
       margin-top: -40px !important;
       margin-left: 0px !important;

}


.br .detalhes-border {
      min-height: 200px;
}

.products-container .item .texto img {
  max-width: 200px;
  max-height: 180px;
      margin-top: 45px;
}

.brlubrax .detalhes-border {
  min-height: 200px;
}


.brlubrax .texto {
       font-family: petrobras_sanslight !important;
    font-style: italic !important;
    font-size: 24px !important;
    color: #53AAD5 !important;
    font-weight: 800 !important;
    margin-top: 18px !important;
}

#cboxLoadedContent p {

}

.lista-postos-body .col-md-3  {
      background: linear-gradient(#fff,#efefef);
          border-radius: 15px;
              padding-bottom: 16px;
}

.lista-postos-body .col-md-3 .btn  {
  margin-left: 25px;
  background: #e58504;
    background: linear-gradient(#feca0b,#e58504);
    position: relative;
    color: #fff;
    border: 1px solid #f0e4d3;
    text-decoration: none;
    font-size: 14px;
    font-family: petrobras_sansbold;
    padding: 0 30px;
    position: relative;
    margin: 0;
    height: 38px;
    line-height: 32px;
        margin-left: 40px;
  }

.confirm .help-block {

 color: #FF0000;
    font-size: 12px;
    text-align: left;
    padding-bottom: 5px;
    font-family: petrobras_sansregular;
}


#lstPostos .alert p{
float: left;
    font-family: petrobras_sansbold;
    font-size: 18px;
    color: #333;
    float: left;
    overflow: hidden;
    margin-top: -15px;
    margin-left: 10px;
}

.ico-warning {
  float: left;
}

#lstPostos {
  overflow: hidden;

}

@media print  {
  .novo-voucher .voucher .content-voucher.print-margin-grande {
        width: 558px !important;
        page-break-inside: avoid !important;
  }
}




.event-action .col-md-6  a {
      line-height: 12px !important;
      }


      .filtros .sub-title {
        font-family: petrobras_sanslight;
    font-size: 12px;
    color: #aeaeae;
    margin-left: 15px;
      }

.lista-postos-component .lista-postos-body .filtros .produto-title:first-child {

}

#lstPostos .alert {
  border-radius: 15px;
    position: relative;
    background: #f3faf7;
    text-align: center;
    font-family: petrobras_sansbold;
    font-size: 18px;
    color: #333;
    margin: 10px 0 30px;
    border: none !important;
        padding: 30px 21%;
}


#lstPostos .ico-warning {
      margin-top: 5px;
}




@media only screen and (max-width: 768px) {



.products-container .item .texto h3 {
    font-family: petrobras_sansitalic!important;
    color: #a1be2d;
        font-size: 14px!important;
    line-height: 22px!important;
        margin-top: 0px;

}
         #content #filtros-extrato-pontos select {
          width: 90px !important;
         }

          #tabs .ui-tabs-nav li{
              position: relative;
              display: block;
              padding: 19px 25px;
              font-family: petrobras_sansbold;
              font-size: 16px;
              color: #b8b8b8;
              outline: 0 !important;
              text-decoration: none;
              text-transform: uppercase;
              text-align: center;
              width: 24%;
              margin: 0;
              border-radius: 5px;
          }
            .products-container .item  h3 strong {
          font-family: petrobras_sansbold_italic!important;
              color: #008c4f;
              font-size: 20px;
            }


            .products-container .item .texto h3 {
                  width: 40%;
              margin-left: 50px;
            }
          .account-section-form select {
            width: 175px;
            }
          .page-troqueseuspontos .partner-item-image img {
                padding: 20px 0px;
              cursor: pointer;
              max-width: 110px;
              max-height: 150px;

      }

}
@media only screen and (max-width: 1024px) { 
      #content #filtros-extrato-pontos {
  height: 85px !important;
}
}

#maisOP,#VOLTAR  {
  display: none;
}



#VOLTAR a, #MAISOPCOES a{
     font-size: 16px;
    font-family: petrobras_sansbold;
} 


.top-content-component .banner__component a img {
  max-width: 470px !important;
    max-height: 276px  !important;
}

.top-content-component .banner__component a  {
      margin-bottom: 100px;
          width: 470px;
}


#OLDNAV {
  display: none;
   position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    height: 100%;
    width: 100%;
    background-image: url(../images/bg-oldnavs.PNG);
    background-repeat: no-repeat;
    background-position: center top; 
    background-color: #f2f2f2;
}

#TAPUME {
  display: none;
   position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    height: 100%;
    width: 100%;
}

#OLDNAV .OLDNAVS {
    margin: 60px auto 82px auto;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 13px;
    border-color: #dedede;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 13px;
    border-color: #dfdfdf;
    max-width: 588px;
    color: #959597;
    font-family: Helvetica;

}

#OLDNAV .OLDNAVS p {
  margin: 0 100px;
  text-align: center;
}
#OLDNAV .OLDNAVS a {
  color: #a2a2a2;
  text-decoration: none;
}

#OLDNAV .OLDNAVS a:hover {
  color: #0f6c9a
}

#OLDNAV .OLDNAVS h2 {
  text-align: center;
  font-size: 22px;
  font-weight: 900;
}
#OLDNAV .OLDNAVS table {
  margin-left: 15px;
} 

#OLDNAV img {
  width: 84px;
}



.is-mobile {
  display: none;
}


#map { 
  height: 630px !important;
}

#mapa-posto { 
  height: 630px;
}

#map {
  border-radius: 20px;
      margin-top: 10px;
}

.js-mobile-logo {

}


/*Vertical IPAD*/


@media only screen and (width: 768px) {
  #content #saldopontos li, #content #valecombustivel li {
      font-size: 12px !important;
}
#content #filtros-extrato-pontos select {
      font-size: 7px !important;
}
#content #filtros-extrato-pontos .col label {
    font-size: 7px !important;
}
#content #somatoria-pontos {
      padding: 0 33px !important;
          font-size: 12px !important;
}

  #content #filtros-meusVouchers {
    height: 75px !important;
  }

#lstPostos .info, #lstPostosSelect .info, #lstPostosSelect2 .info {
      max-width: 485px;
}

#lstPostos .info h4, #lstPostosSelect .info h4, #lstPostosSelect2 .info h4 {
      font-size: 12px;
}

#lstPostos .filtro-cadastro-link p {
      font-size: 12px;

}



.lista-postos-body .col-md-3 .btn {
      margin-left: 10px;
}
.lista-postos-component .lista-postos-body {
      height: 678px;
}

.partner-filter select {
      width: 30px;
}
  #content #filtros-extrato-pontos .col {
    width: 32%;
    display: inline-block;
}

#content #filtros-extrato-pontos {
      padding: 0 5px;
}
} 


@media only screen and (min-width: 768px) {

    .posto-box .more-points {
          top: -40px;
        right: 370px;
    }
      
    .products-container .item .texto h3 {
        font-family: petrobras_sansitalic!important;
        color: #a1be2d;
            font-size: 18px!important;
        line-height: 22px!important;
            margin-top: 0px;

    }


    .norescue {
      background: #999999;      
      padding: 10px 25px !important;
      margin-left: 10px !important;
      cursor: not-allowed;

    }

    .products-container .event .norescue {
          top: 0px !important;
    }

    .products-container .norescue {
         top: 0px;
    }


}


.template-pages-voucher-ofertaPage .right-content-component .banner__component a {
      max-width: 470px !important;
    height: 280px !important;
}

@media (max-width: 320px) {
  .top-banner {
      min-height: 139px !important;
  }
  .product-modal .product-modal-header img {
    max-height: 139px !important;
  }
}

@media (max-width: 767px) and (min-width: 321px)) {

.top-banner {
      min-height: 160px !important;
}
.product-modal .product-modal-header img {
  max-height: 139px !important;
}
}
@media only screen and (min-width: 769px) {
.account-section .veiculos .radio input {
  position: relative;
}

}
.veiculos .account-section .radio input {
  position: relative !important;
}

.js-owl-rotating-image-multi-premmia .banner-detail p {
  display: none;
}

.alertas-item img {
  max-width: 100%;
}

.alertas-item h4 {
      margin-left: 50px;
}

.js-mobile-logo span {
     color: #666666;
}

#password_bar {
  display: none !important;
}

.no-results {
        color: #686868;
        font-size: 18px;
    }
    .no-results {
        background: #fffae8;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    width: 100%;
    max-width: 980px;
        border-radius: 10px;
            margin-bottom: 40px;
    }
    .ico-info {
          background-position: -526px -287px;
    width: 43px;
    height: 42px;
    float: left;
    position: relative;
    top: -10px;
    left: 20px;
    }
    .ico-info, .ico-info-med {
        background-image: url(../images/centralatendimento/spriteCentralAtendimento.png);
    }

   .no-results .message {
        margin-left: 60px;
            margin-right: 10px;
   }

.right-content-component .banner__component img, .left-content-component .banner__component img {
          max-width: 100%;
          width: auto;
}

.right-content-component p, .left-content-component p,.top-content-component p, .bottom-content-component p{
          font-family: petrobras_sansregular;
    font-size: 16px;
    line-height: 17px;
    color: #666;
}

.right-content-component a, .left-content-component a {
      font-weight: 600;
    text-decoration: underline;
} 

.ico-ticket1 {
  background-image: url(../images/sprite.png);
    background-position: 125px 0px;
    background-size: 450px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -13px;
    left: 55px;
        z-index: 99;
}

.ico-ticket2 {
    background-image: url(../images/sprite.png);
    background-position: 218px -298px;
    background-size: 450px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 62px;
    z-index: 1;
}

.page-homepage #ajuda {
  display: none !important;
}

.search-empty .box-alert  {
      border-radius: 8px;
    background: #eef9f4;
    padding: 23px 5px 23px 54px;
    color: #666;
    position: relative;
        width: 100%;
}

.aplicativopremmia-section .box-alert  {
      border-radius: 8px;
    background: #eef9f4;
    padding: 23px 5px 23px 5px;
    color: #666;
    position: relative;
        width: 100%;
}

.search-empty h1 {
      font-size: 36px;
    color: #999;
    line-height: 38px;
    margin: 20px 0;
    font-family: petrobras_sansbold;
    display: inline-block;
    max-width: 85%;
}

.js-owl-rotating-image-multi-premmia .owl-pagination .owl-page:nth-child(1),.js-owl-rotating-image-multi-premmia .owl-pagination .owl-page:nth-child(2),.js-owl-rotating-image-multi-premmia .owl-pagination .owl-page:nth-child(3),.js-owl-rotating-image-multi-premmia .owl-pagination .owl-page:nth-child(4) {
  display: block !important;
}
.js-owl-rotating-image-multi-premmia .owl-pagination .owl-page {
  display: none;
}

.detalhes-border .content-panel  h3 p {
  font-family: petrobras_sansitalic !important;
    font-size: 14px !important;
    color: #686868 !important;
    line-height: 16px !important;
    margin-top: 5px !important;
}

.template-pages-voucher-ofertaPage .box-info.green {
  display: none !important;
}


.posto-aviso .col-md-12{
  font-family: petrobras_sansbold !important;
    font-size: 16px !important;

}

.page-search .col-xs-3 {
  display: none;
}

.page-update-profile #lstPostos .alert {
      padding: 30px 32% !important;
}

#listaParceiros .alert {
  border-radius: 15px;
    position: relative;
    background: #f3faf7;
    text-align: center;
    font-family: petrobras_sansbold;
    font-size: 18px;
    color: #333;
    margin: 0px;
    border: none !important;
    padding: 20px 36%;
    height: 110px;
}

#listaParceiros .ico-warning {
  position: relative;
    top: 20px;
}

.page-tudoazul .products-container .item .yes, .page-tudoazul .products-container .item .no {
  margin: 0px !important;
}

.products-container .item .texto p span {
    vertical-align: middle;
    display: table-cell;
    padding: 0;
    color: #008C4F;
}

.products-container select {
    min-width: 220px;
    width: 100%;
    height: 30px;
    padding: 5px 0px 5px 5px;
    border: none;
    border-bottom: solid 1px #606060;
    font-family: petrobras_sansitalic;
    font-size: 16px;
    line-height: 21px;
    color: #008C4F;
    float: left;

}



.products-container select option.noStock,.products-container select.noStock {
  color: #DFDFDF;
}

.products-container .combobox p{
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  margin: 0;
  color: #606060;
}

#voucheragradecimento {
      margin-bottom: 10px;
}


.modal-body .col-md-12 img {
  max-width: 736px;
}

.template-pages-voucher-ofertaPage .products-container h4 p {
      font-family: petrobras_sansregular;
      font-size: 16px !important;
    line-height: 17px !important;
    color: #666;
 }

.page-search .partner-item-image {
    margin-bottom: 20px;
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
    background: #fff;
    background: radial-gradient(ellipse at center,#fff 30%,#ededed 100%);
    max-width: 277.33px;
}

.page-search .partner-item-image img {
    padding: 30px;
    cursor: pointer;
    max-width: 220px;
    max-height: 150px;
}

.page-search .partner-row 
{
  margin-top: 30px;
  margin-bottom: 30px;
padding-bottom: 15px;
    border-bottom: 1px #999999 dotted;
}

.page-search .partner-row:last-child {
  border-bottom: none;
}

.page-search .partner-row .breadcrumb-section {
  margin-top: 0;
}

.page-search .partner-row .breadcrumb-section .breadcrumb {
  padding-top: 0;
  text-align: center;
    width: auto;
}

.products-container .oferta-composta {
  height: auto;
}


.brmania-igual {
    width: 32px;
    height: 33px;
    border-radius: 18px;
    background-color: #F5B027;
    position: absolute;
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 9px;
    vertical-align: text-top;
    display: inline-block;
    left: 200px;
    top: 60px;

}

.loader-voucher {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    background: hsla(0,0%,100%,.3) url(../images/ajax-loader.gif) center center no-repeat;
    height: 100%;
    width: 100%;
}

.page-searchEmpty .box-alert p {
      margin-top: 10px;
    margin-left: 80px;
    font-weight: bold;
    font-size: 18px;
}

.page-searchEmpty .ico-info {
  top: -2px;
}



.embreve-left  {
  text-align: left;
      border-radius: 8px;
    position: relative;
    padding: 13px 30px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 14px;
    height: auto;
    margin: 0px 0 0;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 13px;
    font-family: petrobras_sansregular;
    background:#4a92c5 !important;
    cursor: not-allowed !important;
    color: #fff !important;
    border: 1px solid #f0e4d3;
    text-decoration: none;
        position: relative;
    top: -13px;
    left: 10px;

}



.clique {
    float: right;
    position: relative;
    right: 40px;
    text-transform: initial;
    font-size: 13px;
  }

  
.products-container .modal-content  select {
  width: auto !important
}

.esconder {
display:none;
}
.page-homepage .carousel__component {
  display:  none;
}
.ui-tabs-nav {
  display:  none;
}
.account-section .loader-carrosel {
  height: 75px !important;
  margin-top: 40px !important;
}
#tabs ul {
  display: none;
}

.item .acenter {
  display: none;
}

.item .oferta-item {
  display: none;
}

.template-pages-promocao-promocaoPage .col-md-12 .caption-slide {
  height: 50px;
}
.template-pages-promocao-promocaoPage .col-md-12 .caption-slide {
  height: 50px;
}

.template-pages-promocao-promocaoPage .right-content-component .banner__component img,
.template-pages-promocao-promocaoPage .left-content-component .banner__component img {
  margin-bottom:  5px;
  border-radius: 0;
  display: block;
}

.template-pages-promocao-promocaoPage .banner__component a {
  width: auto;
  height: auto; 
} 

.onlynumbers {
      margin: 0px;
    position: relative;
    top: -15px;
}

.template-pages-promocao-promocaoPage .topbanner-content-slot .banner__component img {
  margin-bottom: 0px !important;
  width: 100% !important;
}

.template-pages-promocao-promocaoPage .bottom-content  img {
  border-radius: 0;
      margin-bottom:  5px;
}

.disclaimerApp {
  padding:10px;
}


.aplicativopremmia-section .has-error {
  background: #f6e0e0 !important;
    border-color: #c53131 !important;
}

.aplicativopremmia-section  .validation_alert {

  position: relative;
    top: -10px;
    font-weight: 600;
    color: #c53131;

}

.aplicativopremmia-section .form-group {
  width: 100%;
}

#register_app_button {
  float: right;
}

.aplicativopremmia-section .radio .col-md-3 {
  margin-right: 70px;
}


.aplicativopremmia-section .box-alert p {
    margin-top: 10px;
    margin-left: 0px;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
}

.page-aplicativopremmia #ajuda {
  display: none;
}

  .videoWrapper {
  position: relative;
  padding-bottom: 36.05%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  height: 73%;
  max-height: 391px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  max-height: 391px;
      border-radius: 10px 10px 0px 0px;
}

.disclaimer_register {
  top: 10px;
    position: relative;
}

#text-preferences {
      position: relative;
    margin-top: 40px;
    width: 200px;
}


#text-preferences .more-points {
    top: -35px; 
}

.pageLabel-acelere-no-premmia-Page .col-md-12 .caption-slide {
  background: linear-gradient(#cb6b2f,#cb6b2f);
}

.validaGenero {
      font-weight: 600;
    color: #c53131;
}

#gender1, #gender2 {
  outline: none;
}

#registerProgramaCracha .form-group {
  width: 100%;
}

#registerProgramaCracha .regulamentoRegister .form-group{
  width: 40px;
}

.regulamentoRegister .help-block {
      position: absolute;
}

.oferta-externa img, .oferta-externa a {
  width: inherit;

}
.oferta-externa a.amarelo-laranja {
  width: auto;
}


.oferta-externa .detalhes-border{
  padding: 20px;
}

.oferta-externa .detalhes-border p {
  margin-top: 10px;   
      font-family: petrobras_sansitalic!important;
    color: #a1be2d;
    font-size: 18px!important;
    line-height: 22px!important;
        text-align: justify;
}



.footer__nav--container:first-child{
  border-left:   1px solid #606060;
}

#fundo_botao_bemvindo_1 {
  //background: #FFCC32 url(../images/icone-ganhe-pontos.svg) no-repeat 10px center;
  //background-size: 10%;
  color: #008C4F;
  float: right;
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}
button#fundo_botao_bemvindo_1 img{
  width: 35px;
  max-height: 35px;
  margin-right: 10px;
  margin-top: 10px;
}
button#fundo_botao_bemvindo_1 div{
  margin-top: 13px;
}
#fundo_botao_bemvindo_2 {
    background: #FFFFFF url(../images/cartao-verde.svg) no-repeat 10px center;
    background-size: 10%;
    color: #008C4F;
    position: relative;
    margin-top: 45px;
    margin-bottom: 34px;
    font-size: 19px;

}





.botao_novo_1 {
  position: relative;
  font-family: petrobras_sansbold;
  text-align: left;
  padding-left: 51px;
  text-transform: uppercase;
  margin: 0px auto;
  height: 61px;
  width: 345px;
  font-size: 19px;
  padding-top: 19px;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


}

.button4 {font-size: 20px;}




.destaque_app{

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;


}

#destaque_app_descricao h3{
font-family: petrobras_sansbold;
font-size: 24px; 
color:#008C4F;
  width: 100%;
    float: left;
    padding-top: 20px;

}


#destaque_app_descricao {
  float: left;
  width: 50%;
}

#destaque_app_descricao{
  padding-top: 85px;
  font-family: petrobras_sansregular;
  color:#606060;
}


/*Carousel new Homepage*/

.js-owl-rotating-image-premmia .carousel__item__prev 
, .js-owl-rotating-image-premmia .carousel__item__next 
 {
  position: relative;
  border-radius: 0px;
  width: 250px;
  z-index: 999;
 /* margin-top: 95%;*/
  height: auto;
}

.js-owl-rotating-image-premmia .carousel__item__next 
 {
  float: right;
  bottom: 40px;
  right: 60px;
}
.js-owl-rotating-image-premmia .carousel__item__next, .js-owl-rotating-image-premmia .carousel__item__prev {
    position: relative;
    z-index: 9999;
    margin-top: -102px;
   


}
.js-owl-rotating-image-premmia .carousel__item__prev 
 {
  float: left;
  bottom: 40px;
  left: 60px;
}

.js-owl-rotating-image-premmia .carousel__item__main {
  position: relative;
z-index: 1;
}


.page-homepage #conteudo {
  width: 100%;
  max-width:  1366px;
  margin: 0 auto;
  height: 2020px;
}



.carousel__item__prev .bannerThumb, .carousel__item__next .bannerThumb {
  position: absolute;
  z-index: 1;
}


.js-owl-rotating-image-multi-premmia .carousel__item__prev, .js-owl-rotating-image-multi-premmia .carousel__item__next, .js-owl-rotating-image-multi-premmia .ico_banner, .js-owl-rotating-image-multi-premmia .ico_banner{
  display: block;

}

.greyHome {
      background: #F4F4F4;
          padding: 40px 0px;
              padding-bottom: 70px;
}

.page-homepage .greyHome .carousel__component {
  margin: 0;
}

.navigation__overflow li.yCmsComponent.nav__links--primary {
  border: none;
}


.search-button {
  background: url(../images/icone-lupa.svg) no-repeat;
      width: 25px;
    height: 25px;
    background-size: 30px 30px;
}

.site-search .input-group-btn {
  position: relative;
    top: -15px;
    right: 30px;
}



.mobile__nav__row--btn-menu {
    padding: 10px;
    padding-top:  0px;
    float: left;
    border: none;
    background: none;

}

.mobile__nav__row--btn-menu span {
  color: #ffffff;
      font-size: 29px;
          font-weight: 100;
}


#header-buttons-mobile {
  float:  right;  
  position:   relative; 
  top:  -35px;
}

.faca_seu_login img{
  float: left;
  width: 25px;
  max-height: 25px;
  margin-right: 10px;
}

.faca_seu_login {
  position: relative;
  font-family: petrobras_sansbold; 
  text-align: center;
  color:#008C4F;
  text-transform: uppercase;
  float: left;
  height: 23px;
  width: 178px;
  //background: url(../images/icone-login-verde.svg) left 0 no-repeat;
  font-size: 14px; 
  //padding-left: 23px;   
  padding-right: 30px;
  margin-left: 11px;
  margin-bottom: 11px;
  margin-top: 11px;

}
.faca_seu_cadastro img{
  float: left;
  width: 25px;
  max-height: 25px;
  margin-right: 10px;
}
.faca_seu_cadastro {
  position: relative;
 font-family: petrobras_sansbold; 
 text-align: center;
 color:#008C4F;
 text-transform: uppercase;
 float: left;
  height: 23px;
  width: 178px;
  //background: url(../images/icone-cadastro-verde.svg) left 0 no-repeat;
  font-size: 14px; 
  //padding-left: 23px;   
  padding-right: 30px;
  margin-left: 11px;
  margin-bottom: 11px;
  margin-top: 11px;
}



.titles_login {
  font-family: petrobras_sansregular;  
  font-size: 12px;
  color: #008C4F;
  height: 10px;
  width: 10px;
}

.fechar_login {
  background: url(../images/fecha.svg) center;
  width: 10px;
  height: 10px;
  position: relative;
  float: right;
}

.circulo_bemvindo {
  font-family: petrobras_sansbold;  
  width: 96px;
  height: 96px;
  border-radius: 50%;
  font-size: 10px;
  color: #108D50;
  line-height: 15px;
  text-align: center;
  background: #ffffff;
  padding-top: 1px;
  float: left;
}



/*Mobile only here - Premmia 2.0*/
@media (max-width: 767px) { 

  #menuCategorias {
    display: none !important;
  }
  .page-productGrid .ico-arrow-right {
        float: right;
    margin-top: 5px;
  }

  .top-content-slot img, .left-content-slot img, .right-content-slot img {
    display: none;
  }
  body.template-pages-promocao-promocaoPage .left-content-slot img {
    display: block;
    width: 600px !important;
    height: 250px;
    margin: 0 auto !important;
  }

  .right-content-component .banner__component img, .left-content-component .banner__component img {
    width: 100%;
  }
  .botao_novo_1 img {
    width: auto;
  }
  .products-container .col-md-4 .dropdown.regulamento {
    margin-bottom: 20px;
  }

  .products-container .col-md-4 .dropdown.regras span {
        padding-left: 0px;
  }
#partner-qLinks {
  min-height: 170px;
}
#partner-qLinks .col-md-4 {
  float: left;
  width: 50%;
  border-right: none !important;
  border-bottom: 1px solid #008C4F;
      padding: 10px 0px;
}
#partner-qLinks .col-md-4:last-child {
  width: 100%;
}
.backTrocarPontos {
  width: 100%;
  top: 0;
  left: 10px;
  text-align: left;
  margin: 20px 0px;
}
.products-container select {
      width: 90%;
}
.products-container .col-md-2.imagemAtivacao {
  width: 50%;
  float: left;
} 


.col-md-4.combobox {
  height: 80px;
}

#offline {
  width:  50px;
  margin-top:0px;
}

#register-header span, #login-header span{
  display:  none;
}

#logo-petrobras {
  height: 53px;
  background: #ffffff url(../images/logo-br.png) no-repeat center;
  width: 100%;
}




.destaque_app_celular {
    width: 100%;
}


.site-search.busca-header {
  display: none;
}

.container-fluid .site-search.busca-header {
  display: block;
}
#destaque_app_descricao {
  width: 100%;
  margin-left: 10px;
}

#fundo_botao_bemvindo_1 {
  //background: #FFCC32 url(../images/icone-ganhe-pontos.svg) no-repeat 10px center;
  //background-size: 10%;
  color: #008C4F;
  float: right;
  position: relative;
  margin-top: 10px;
}


#fundo_botao_bemvindo_2 {
    background: #FFFFFF url(../images/cartao-verde.svg) no-repeat 10px center;
    background-size: 10%;
    color: #008C4F;
    position: relative;
    margin-top: 45px;
    margin-bottom: 34px;
    margin-left: 0px auto;
    margin-right: 0px auto;
}





#destaque_app_titulo h3{
font-family: petrobras_sansbold;
font-size: 24px; 
color:#008C4F;
    width: 50%;
    float: left;
    padding-top: 20px;

}



.destaque_app_celular img{
    display: block;
    margin-right: auto;
    width: 50%;
    float: none;
    position: relative;
    top: -30px;
    height:auto;
    allign:center;


}

#bem_vindo_total{
  padding: 3px 0 40px;


}

.bem_vindo_nome p{

  font-family: petrobras_sansregular;
  font-size: 28px;
  color: #606060;


}

#bem_vindo_texto p{

    font-family: petrobras_sansregular;
    font-size: 17px;
    color: #606060;
    border-bottom: 1px solid #FBB92B;
    height: 75px;

}

#bem_vindo_totale h2{
  font-family: petrobras_sansbold;
  color: #008C4F;
  font-size: 28px;

}

.js-owl-product-carousel-premmia .owl-buttons {
    display: block;
  }

    #popup_register {
    width: 320px;
    background: #ffffff;
    height: 210px;
    position: absolute;
    top: -10px;
    right: 0px;
    display: none;
    z-index: 9999;
    padding: 10px;
  }

#popup_login {
    width: 320px;
    background: #ffffff;
    height: 470px;
    position: absolute;
    top: -10px;
    right: 0px;
    display: none;
    z-index: 9999;
    padding: 10px;
}

#close_register,#close_login {
  cursor: pointer;
}

  
  #popup_register_mobile {
    width: 320px;
    background: #ffffff;
    height: 210px;
    position: absolute;
    top: -10px;
    right: 0px;
    display: none;
    z-index: 9999;
    padding: 10px;
  }

#popup_login_mobile {
    width: 320px;
    background: #ffffff;
    height: 470px;
    position: absolute;
    top: -10px;
    right: 0px;
    display: none;
    z-index: 9999;
    padding: 10px;
}

#close_register_mobile,#close_login_mobile {
  cursor: pointer;
}

.cadastrar_novo {
  position: relative;
  float: left;
  height: 20px;
  width: 20px;
  background: url(../images/icone-cadastro.svg) left 0 no-repeat;
  cursor: pointer;
  margin-right: 10px;
  z-index: 9999;
}

.entrar_novo { 

  position: relative;  
  float: right;
  height: 20px;
  width: 20px;
  background: url(../images/icone-entrar.svg) left 0 no-repeat;
  cursor: pointer;
        z-index: 9999;
  }


  .navigation--middle .nav__left .site-search .input-group .form-control {
    background: #008C4F;
    padding: 0px 10px;
    font-size: 10px;
    color: #FFFFFF;
    position: relative;
    top: -5px;
  }

  #shadow-header {
      width: 85%;
      top: 10px;
      z-index: 1;
      height: 58px;
      position: absolute;
      background: radial-gradient(ellipse at 60% 100%, rgba(00, 00, 00, 0.2), rgba(0, 0, 0, 0.0) 65%);
      right: 0px;
      z-index: 1;
  }
  .navigation--middle .nav__left .site-search {
        height: 29px;
  }

  .navigation__overflow li.yCmsComponent.nav__links--primary {
    display: none;
  }

  body.page-promocoes div.banner-detail{
    display: none;
  }

  .js-owl-rotating-image-premmia .banner-detail {

    position: absolute;
    width: 100%;
    font-family: petrobras_sansregular;
    font-size: 24px;
    color: #606060;
    float: left;
    height: 100%;
    z-index: 999;
    background: url(../images/bg-banner-mobile.svg) left 0 no-repeat;
    background-position-x: -1%;
    background-position-y: 18px;
    padding: 5% 10px 10px 10px;
    top: 170px;
  }
  .ico_banner {
    width: 65px;
  }
div.outer div.banner-content div.ico_banner {
  margin-left: 25%;
  margin-right: 60%;
  top: 10px;
}
div.outer div.banner-content p {
  //margin-left:    20%;
  margin-top:     20px;
  text-align:     center;
  width:          100%;
  left:           10px;
  padding-left: 10px;
  padding-right: 10px;
}

#fundo_verde, #fundo_amarelo, #fundo_amarelo {
  margin: 20px auto;
}

#baixeAgora h4 b{
  margin-left: 10px;
}
#baixeAgora img {
  max-width: 161px;
  //margin-right: 10px;
  margin-left: 10px;
}

#sac { 
    height:   64px;
}


  /* Menu Troque Pontos Mobile*/

  .navigation__overflow ul li.firstlevel.entretenimento {
        margin-top: 20px;

  }

  .navigation__overflow ul li.firstlevel .glyphicon, .navigation__overflow ul li.firstlevel .more-less{
    float: left;
    position: absolute;
    left: 0;
    padding: 0px 25px;
        line-height: 20px;
  }

   .navigation__overflow ul li.firstlevel div.main {
    width: 100%;
    background: #F4F4F4;
    padding: 13px 0px;

   }

   .navigation__overflow ul li.entretenimento div.main {
    border-top: solid 1px #FF7000;
    border-bottom: solid 1px #FF7000;

   }

   .navigation__overflow ul li.viagens div.main {
    border-top: solid 1px #005A94;
    border-bottom: solid 1px #005A94;

   }

   .navigation__overflow ul li.parceiros div.main {
    border-top: solid 1px #FBB92B;
    border-bottom:solid 1px #FBB92B;

   }

   .navigation__overflow ul li.nossasmarcas div.main {
    border-top: solid 1px #008C4F;
    border-bottom: solid 1px #008C4F;

   }

.navigation__overflow ul li .accordion-group-action {
  width: 25% ;
  float: right;
}

   .navigation__overflow ul li.firstlevel span, .navigation__overflow ul li.secondlevel span, .navigation__overflow ul li.thirdlevel a {
      padding: 13px 60px;
   }


  .navigation__overflow ul li.firstlevel li.thirdlevel a {
    color: #606060;
    text-transform: none;
    height: 15px;
    background:#EBEBEB;
    padding: 13px 60px;

  }
  .navigation--bottom .nav__links--products li.firstlevel,.navigation--bottom .nav__links--products li.secondlevel,.navigation--bottom .nav__links--products li.thirdlevel {
    min-height: 50px;
  }

  .navigation__overflow ul li.firstlevel a {
    padding: 0;
    color: inherit;
    background: inherit;
  }

  .navigation__overflow ul li.secondlevel {
    padding-bottom: 0px;
  }

  .navigation__overflow ul li.thirdlevel a:active,.navigation__overflow ul li.thirdlevel a:hover {
    color: #606060;
  }
  .navigation__overflow ul li.thirdlevel,.navigation__overflow ul li.secondlevel {
    width: 100%;
    background:#EBEBEB;
    padding: 13px 0px;
  }

  .navigation__overflow ul li.firstlevel,.navigation__overflow ul li.secondlevel,.navigation__overflow ul li.thirdlevel,.navigation__overflow ul li.thirdlevel a {
    font-size: 16px;
    border: none;
    text-align: left;

  }
 .navigation__overflow ul li.firstlevel.entretenimento,.navigation__overflow ul .entretenimento li.secondlevel {

    color: #FF7000;

  }

  .navigation__overflow ul li.firstlevel.nossasmarcas,.navigation__overflow ul .nossasmarcas li.secondlevel {

    color: #008C4F;
  }

  .navigation__overflow ul li.firstlevel.viagens, .navigation__overflow ul .viagens li.secondlevel {

    color: #005A94;
  }

  .navigation__overflow ul li.firstlevel.parceiros,.navigation__overflow ul .parceiros li.secondlevel {

    color: #FBB92B;
  }


  .navigation__overflow  ul li.firstlevel.viagens span.pilarName {
    background: url(../images/icone-viagem.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
        left: 30px;
        background-size: 40px;
    background-position-y: 0px;
  }

  .navigation__overflow  ul li.firstlevel.entretenimento span.pilarName {
    background: url(../images/icone-entretenimento.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
        left: 30px;
        background-size: 34px;
  }

  .navigation__overflow  ul li.firstlevel.parceiros span.pilarName {
    background: url(../images/icone-parceiros.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
        left: 30px;
        background-size: 40px;

  }

  .navigation__overflow  ul li.firstlevel.nossasmarcas span.pilarName {
    background: url(../images/icone-nossas-marcas.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
        left: 30px;
    background-size: 30px;
    background-position-y: 5px;
  }

}

/*desktop only here - Premmia 2.0*/
@media (min-width: 768px) { 
.desktopOnly {
    display: block;
  }

  .mobileOnly {
    display: none;
  }
.top-banner.mobile {
      display: none;
    }


.navigation__overflow li.mobile {
  display: none;
} 
  .navigation--bottom {
  max-width: 1088px;
  margin: 0 auto;
  padding-top: 10px;
}
  ul.nav__links li.menuTPHover {
    background: #ffffff;

  }

  .navigation--bottom .nav__links--products li.menuTPHover a {
    color: #008C4F;
  }

 #como-usar {
    background: url(../images/PASSO-A-PASSO.png) no-repeat center;
    min-height: 280px;
  }
.miniatura-produto img {
   width: 100%;
    max-height: 175px;
  }
.facet.js-facet.categories .js-facet-name{
  display: none;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.sticky  .breadcrumb-section {
  display: none;
}

.fixed-conteudo {
  padding-top: 113px;
}

.products-container .col-md-4 .dropdown.regras span {
  padding-left: 45px;
}
.backTrocarPontos {
      position: relative;
    top: 50px;
    float: right;
}


.botao_extrato_azul {
border:1px solid; 
padding: 11px 21px; 
vertical-align: middle; 
background:#005A94; 
color:white;
font-size: 20px; 
text-decoration:none;
}


.botao_extrato_branco {
border-style: solid;
border-width: 1px;
border-color: #005A94;
padding: 11px 21px; 
vertical-align: middle; 
background:#FFFFFF; 
color: #005A94;
font-size: 20px; 


}

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

.dropdown_content_troque {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 600px;
    min-height: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown_troque:hover .dropdown_content_troque {
    display: block;
}

#baixeAgora img {
  max-width: 189px;
  margin-right: 20px;
}



.destaque_app_celular {
    padding-top: 135px;
    display: block;
    margin-right: auto;
    width: 50%;
    float: right;
    position: relative;
    top: -30px;
    height:auto;
}

.seu_cadastro_quase {
  font-family:petrobras_sansregular; 
  color: #606060;
  font-size: 30px;
  //background: url(../images/check-graf.svg) left 0 no-repeat;
  /*border-left: 4px solid #FFCC32;*/
  //padding-left: 50px;
  padding-right: 30px;
  height: 40px;
  text-align: left;


}

.seu_cadastro_quase_texto {
  font-family:petrobras_sansregular; 
  font-size: 15px;
  color: #606060;
  text-align: left;
  

}

#cadastro_aceite {
  font-family:petrobras_sansregular; 
  font-size: 15px;
  color: #606060;
  text-align: left;
  

}

div.col-md-12 h2.seu_cadastro_quase img{
  float: left;
  width: 45px;
  max-height: 45px;
  margin-right: 10px;
  bottom: 10px;
  position: relative;
}

.seu_cadastro_quase_botao {

    font-family: petrobras_sansregular;
    background: #008C4F url(../images/seta-2.svg) right 0 no-repeat;
    border: none;
    color: #FFFFFF;
    text-transform: uppercase;
    height: 6px;
    width: 292px;
    font-size: 19px;
    cursor: pointer;
    max-width: 1088px;
    margin-bottom: 40px;
    min-height: 50px;
}

.bemvindo_ganhar_pontos h3{
  font-family: petrobras_sansitalic;
  font-size: 32px ;
  color: #008C4F;
  position: relative;
  text-align: center;
  padding-top: 22px;
}
#shadow-header {
    width: 70%;
    height: 58px;
    position: absolute;
    background: radial-gradient(ellipse at 60% 100%, rgba(00, 00, 00, 0.4), rgba(0, 0, 0, 0.0) 65%);
    right: 0px;
    top: 0px;
    z-index: 1;
}
.js-owl-rotating-image-premmia .banner-detail {
    position: absolute;
    //width: 28%;
    font-family: petrobras_sansregular;
    font-size: 24px;
    color: #606060;
    float: left;
    height: 100%;
    width: 70%;
    z-index: 999;
    background: url(../images/bg-banner-desktop.png) left 0 no-repeat;
    background-size: cover;
    background-position-x: 0%;
    padding: 5% 10px 10px 10px;
}/*
div.banner-detail img.bannerMainSN{
  right: 30px !important;
  position: relative !important;
  bottom: 70px !important;
  width: 900px !important;
  height: 370px !important;
}*/

.carousel__item__prev .banner-detail, .carousel__item__next .banner-detail {
  width: 20%;
  background: #e9e9e9;
  float: left;
  position: absolute;
      height: 80px;
     background: url(../images/bg-banner-desktop.svg) left 0 no-repeat;
     background-size: cover;
    background-position-x: -5px;

    padding: 0;
        padding-top: 18px;

}

.carousel__item__prev .banner-detail img, .carousel__item__next .banner-detail img {
  width: 80%;
}


.saiba-como-bem-vindo h4{
  font-size: 21px ;
  font-family: petrobras_sanslight;
  text-align: center;
  color: #777777;
}

.verde-negrito {

  font-family: petrobras_sansbold;
  color: #108D50;

}

.navigation-central li {
  width: 19%;
    margin-left: 10px;


}

  .veiculos .checkbox.carro {
        margin-top: -5px;
  }

}


/*desktop 1088px - Premmia 2.0*/
@media (min-width: 1088px){ 
  #fundo_verde, #fundo_amarelo{
    float: left;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #fundo_azul{
    float: right;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #fundo_amarelo{
    margin-left: 2.5%;
  }
  .bemvindo_top h1{
    color: #008C4F;
    padding-bottom: 20px;
  }
  .centro_botoes{
    max-width: 1088px;
    margin: 0 auto;
    margin-bottom: 40px;
    min-height: 61px;
  }
  #homepageDestaque{
    width: 1088px;
    margin: 0 auto;
  }
  #logo-petrobras{
    height: 53px;
    background: #ffffff url(../images/logo-br.png) no-repeat center;
    width: 100%;
  }
  .js-site-logo, .js-site-logo .banner__component a{
    width: 181px;
    height: auto;
  }
}
/*iPad horizontal or smalled than 1088px and bigger than 768px screens*/
@media only screen and (min-width: 1024px) and (max-width: 1088px) {
  .navigation--bottom .nav__links--products li a {
    padding: 0 12px;
  }
  .botao_novo_1 {
    position: relative;
    font-family: petrobras_sansbold;
    text-align: left;
    padding-left: 51px;
    text-transform: uppercase;
    margin: 0px auto;
    height: 61px;
    width: 340px;
    font-size: 19px;
    padding-top: 19px;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .centro_botoes{
    margin-top: 20px;
  }
  #offline, #header-buttons {
    width: 253px;
    display: inline-block;
    position: absolute;
    text-align: center;
    right: 10px;
    text-align: right;
    margin-top: 8px;
  }

}

/*iPad horizontal or larger*/
@media only screen and (min-width: 1024px) { 
  .trcpntsBox{
    width: 360px !important;
    min-height:190px !important;
    float: left;
  }
  div.trcpntsBox.c2.firstlevel{
    margin-left:60px;
  }
  div.trcpntsBox.c8.firstlevel{
   //margin-left:60px;
  } 
 #menuCategorias {
    position: absolute;
    height: 640px;
    background: #fff;
    width: 115%;
    z-index: 999;
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    display: none;
    top: 29px;
    left: -10%;
    font-size: 12px;
    padding: 40px 60px;
    overflow-y: auto;
    overflow-x: hidden;
  }
   #menuCategorias div.container div {
    border: none;
    text-align: left;
   }
  #menuCategorias div.container div.firstlevel {
    font-size: 24px;
    line-height: 31px;
    width: 45%;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #menuCategorias div.container div.firstlevel.entretenimento,#menuCategorias div.container .entretenimento div.secondlevel {
    color: #FF7000;
  }
  #menuCategorias div.container div.firstlevel.nossasmarcas,#menuCategorias div.container .nossasmarcas div.secondlevel {
    color: #008C4F;
  }
  #menuCategorias div.container div.firstlevel.viagens, #menuCategorias div.container .viagens div.secondlevel {
    color: #005A94;
  }
  #menuCategorias div.container div.firstlevel.parceiros,#menuCategorias div.container .parceiros div.secondlevel {
    color: #FBB92B;
  }
  #menuCategorias div.container div.firstlevel.entretenimento {
    float:left;
    border-bottom: solid 5px #FF7000;
  }
  #menuCategorias div.container div.firstlevel.nossasmarcas {
    float:left;
    border-bottom: solid 5px #008C4F;
  }
  #menuCategorias div.container div.firstlevel.viagens {
    float:left;
    border-bottom: solid 5px #005A94;
  }
  #menuCategorias div.container div.firstlevel.viagens span {
    background: url(../images/icone-viagem.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
    left: -40px;
    background-size: 40px;
    background-position-y: -9px;
  }
  #menuCategorias div.container div.firstlevel.entretenimento span {
    background: url(../images/icone-entretenimento.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
    left: -40px;
    background-size: 34px;
  }
  #menuCategorias div.container div.firstlevel.parceiros span {
    background: url(../images/icone-parceiros.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
    left: -40px;
    background-size: 40px;
  }
  #menuCategorias div.container div.firstlevel.nossasmarcas span {
    background: url(../images/icone-nossas-marcas.svg) no-repeat left;
    padding-left: 40px;
    position: relative;
    left: -40px;
    background-size: 33px;
    background-position-y: 0px;
  }
  #menuCategorias div.container div.firstlevel.parceiros {
    border-bottom:  solid 5px #FBB92B;
    position:       relative;
    float:          right;
    right:          25%;
    margin-bottom: 90px;
  }
  #menuCategorias div.container div a {
    color: #606060;
    text-align: left;
  }
  #menuCategorias div.container div.secondlevel,#menuCategorias div.container div.thirdlevel {
    font-size: 15px;
    line-height: 25px;
    width: 100%;
    height: auto;
    padding-left: 15px;
  }
  #menuCategorias div.container div.secondlevel {
    font-weight: 999;
  }
}
/*iPad vertical*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation__overflow {
    max-width: 70%;
    margin: 0;
  }
  .navigation--bottom .nav__links--products li a {
    padding: 0px 9px;
    font-size: 10px;
  }
  #homepageDestaque {
    margin-top: 200px;
  }
  #menuCategorias {
    position: absolute;
    height: 100px;
    background: #fff;
    width: 100%;
    z-index: 999;
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    display: none;
    top: 30px;    
  }
}
.js-owl-product-carousel-premmia {
  max-width: 1088px;
  margin: 0 auto;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item {
  -webkit-box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  -moz-box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  width: 260px;
  margin: 0 auto;
  height: 400px;
  margin-top: 10px;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item {
  height: 415px;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item:last-child {
  margin-right: 0px;
}
.js-owl-product-carousel-premmia .owl-controls .owl-buttons .owl-prev {
  left: -20px;
  top: -100px;
}
.js-owl-product-carousel-premmia .owl-controls .owl-buttons .owl-next {
  right: -20px;
  top: -100px;
}
#bem_vindo_total{
  padding: 3px 0 40px;
}
#bem_vindo_total .bem_vindo_nome p{
  font-family: petrobras_sansregular;
  font-size: 28px;
  color: #606060;
}
#bem_vindo_total p{
  font-family: petrobras_sansregular;
  font-size: 17px;
  color: #606060;
}
#bem_vindo_total h2{
  font-family: petrobras_sansbold;
  color: #008C4F;
  font-size: 28px;
}
.favorite{
  width: 20px;
  height: 20px;
  position: relative;
  z-index: 997;
  cursor: pointer;
}
.favorite.fav-inactive {
  background: url(../images/coracao_inactive.svg) no-repeat center;
  background-size: contain;
}
.favorite.fav-active {
  background: url(../images/coracao_active.svg) no-repeat center;
  background-size: contain;
}
.favorite.fav-loading {
  background: url(../images/ajax-loader.gif) center center no-repeat;
  background-size: contain;
}
.js-owl-product-carousel-premmia .carousel__item .carousel__item--thumb img {
  width: 100%;
  height: auto;
}
.js-owl-product-carousel-premmia .carousel__item .carousel__item--thumb {
  margin-bottom: 10px;
}
.js-owl-product-carousel-premmia .carousel__item .carousel__item--logo img {
  max-height: 50px;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.ENTRETENIMENTO{
  border-bottom: solid 6px #FF7000;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.PARCEIROS{
  border-bottom: solid 6px #FFCC32; 
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.NOSSASMARCAS{
  border-bottom: solid 6px #008C4F;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.VIAGENS{
  border-bottom: solid 6px #005A94;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.ENTRETENIMENTO p{
  color:#FF7000;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.PARCEIROS p{
  color:#FFCC32;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.NOSSASMARCAS p{
  color:#008C4F;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item.VIAGENS p{
  color:#005A94;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item .price p {
  font-size: 15px;
  color: #606060;
  font-family: 'petrobras_sansbold';
  margin-top: 5px;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item p {
  font-family: 'petrobras_sansbold';
  font-size: 22px;
  margin: 0;
}
.js-owl-product-carousel-premmia .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item--name {
  height: auto;
  font-family:  petrobras_sansregular;
  width:  90%;
  margin: 0 auto;
}
.js-owl-product-carousel-premmia .favorite {
  float:  right;  
}
#fundo_verde{
  background-color: #008C4F;
  color: #FFFFFF;
  background-position-x: 10px;
}
#fundo_amarelo {
  background-color: #FFCC32;
  color: #008C4F;   
  background-position-x: 10px;
}
#fundo_azul {
  background-color: #005A94;
  color: #FFFFFF;
  background-position-x: 10px;
}
#bem_vindo_total .row{
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #FFCC32;
}

#bem_vindo_total .row.totem {
  padding-bottom: 0px;
  border: none;
}
#bem_vindo_total .row.yellow-box, #bem_vindo_total .bemvindo_background_amarelo .row{
  padding: 0px;
  border: none;
}
.bemvindo_background_amarelo .ruller {
  width: 260px;
  margin: 0 auto;
}
.bemvindo_background_amarelo .ruller span {
  font-size: 38px;
  color: #006298;
  font-family: 'petrobras_sansbold';
  float: left;
  margin: 0px 20px;
  margin-top: 20px;
}
#bem_vindo_total .circulo_bemvindo p {
  font-size:border-top: 134px; 14px;
  font-family: 'petrobras_sansbold';
  color: #108D50;
}
#bem_vindo_total .circulo_bemvindo h1 {
  margin-bottom: 0px;
}

#bem_vindo_total .arrow-button {
  background: url(../images/seta-3.svg) no-repeat center;
  height: 23px;
  width: 13px;
  position: relative;
  float: right;
  right: 10px;
}
#bem_vindo_total #fundo_botao_bemvindo_1 .arrow-button {
  background: url(../images/seta-3.svg) no-repeat center;
  height: 23px;
  width: 13px;
  position: relative;
  float: right;
  right: 10px;
  bottom: 25px;
}
.product-grid-right-result-component label {
  font-size: 12px;
  color: #606060;
  font-family: "petrobras_sansregular";
}
.product-grid-right-result-component .form-control {
  font-family: "petrobras_sansitalic";
  color: #008C4F;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #000000;
  padding: 0;
  padding-bottom: 8px;
}
.partner-subtitle p{
  font-size: 17px;
  color: #606060;
  line-height: 23px;
  margin:0px;
}
.partner-subtitle {
  margin-bottom: 20px;
}
.backTrocarPontos a {
  color: #606060;
  font-family: 'petrobras_sansitalic';
  font-size: 19px;
  text-shadow: 0px 3px 6px #F4F4F4;
  text-decoration: none;
}
.page_extrato_ex {
  font-family: 'petrobras_sansregular';
  font-size:    32px;
  color:        #008C4F;
  width:        128px; 
  height:       42px;
  position:     absolute;
  top:          187px;
  left:         138px;
}
.page_extrato_sel_pt{
  font-family: 'petrobras_sansregular';
  color:      #606060;
  width:      144px;
  height:     23px;
  font-size:  17px;
  padding:    65px;
}
.page_extrato_btn{
  color:#005A94;
  background-color:#FFFFFF;
  font-family: 'petrobras_sansbold';
  padding:10px 16px;
  position: relative;
  font-size:18px;
  display:block;
  width:100%;
  height: 59px;
  border-color:#005A94;
}  
.page_extrato_btn_atv{
  color:#fff;
  background-color:#337ab7;
  font-family: 'petrobras_sansbold';
  padding:10px 16px;
  position: relative;
  font-size:18px;
  display:block;
  border: none;
  width:100%;
  height: 59px;
}
.page_extrato_btn_atv:after{
  content: ' ';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 26px solid #337ab7;
  position: absolute;
  bottom: -21px;
  left: 45%;
}
.page_extrato_btn_CAR{
  color:#008C4F;
  background-color:#FFFFFF;
  font-family: 'petrobras_sansbold';
  font-size:14px;
  display:block;
  width:100%;
  height: 58px;
  border-color:#008C4F;
}
.page_extrato_btn_CAR_atv{
  color:#fff;
  background-color:#008C4F;
  font-family: 'petrobras_sansbold';
  font-size:14px;
  border: none;
  display:block;
  width:100%;
  height: 58px;
}
.page_extrato_btn_CAR_atv:after{
  content: ' ';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 26px solid #008C4F;
  position: absolute;
  bottom: -15px;
  left: 47%;
}
.page_extrato_tb_th{
  font-size: 14px;
  font-family: 'petrobras_sansregular';
  color: #606060;
  text-align: center;
  font-weight: 900;
}
.page_extrato_tb_tr{
  font-size: 14px;
  font-family: 'petrobras_sansregular';
  font-style:italic;
  color: #606060;
  text-align: center;
}
.page_extrato_tb_trvnplnp{
  font-size: 19px;
  font-family: 'petrobras_sansregular';
  font-style:italic;
  color: #005A94;
  text-align: center;
}
.page_extrato_saldo{
  align-items: center;
  text-align: center;
  color: #008C4F;  
  font-size: 17px;
  font-family: 'petrobras_sansregular';
  padding: 25px;  
  border: 1px solid #606060;
}
.page_extrato_select{
  height: 40px;
  padding: 5px 0px 5px 5px;
  text-transform: uppercase;  
  font-family: petrobras_sansbold;
  font-style:italic;
  border: none;
  box-shadow:none;
  font-size: 16px;
  color: #008C4F;
  background-color: #FFFFFF;
  left: 7px;
}
.page_extrato_topo{
  text-align: center; 
  font-size: 19px;
  font-family: petrobras_sansitalic;
  border:0px; 
  color:#008C4F;
  font-weight: 900;
}
.page_extrato_topo2{
  text-align: center; 
  font-size: 19px;
  font-family: petrobras_sansitalic;
  border:0px; 
  color:#008C4F;
  font-weight: 900;
}
@media (max-width: 767px) {
  .page_extrato_btn_CAR_atv{
    font-size:13px;
  }
  .page_extrato_btn_CAR{
    font-size:13px;
  }
  div.col-sm-12.page_extrato_topo:before,
  div.col-sm-12.page_extrato_topo:after{
    content: ' ';
    position: absolute;
    top: 50%;
    display: block;
    width: 10% !important;
    border-top: 1px solid #008C4F;
  }
  div.col-sm-12.page_extrato_topo:after{
    right: 0%;
  }
  div.col-sm-12.page_extrato_topo2:before,
  div.col-sm-12.page_extrato_topo2:after{
    content: ' ';
    position: absolute;
    top: 50%;
    display: block;
    width: 5% !important;
    border-top: 1px solid #008C4F;
  }
  div.col-sm-12.page_extrato_topo2:after{
    right: 0%;
  }
}
div.col-sm-12.page_extrato_topo:before,
div.col-sm-12.page_extrato_topo:after{
  content: ' ';
  position: absolute;
  top: 50%;
  display: block;
  width: 35%;
  border-top: 1px solid #008C4F;
}
div.col-sm-12.page_extrato_topo:after{
  right: 0%;
}
div.col-sm-12.page_extrato_topo2:before,
div.col-sm-12.page_extrato_topo2:after{
  content: ' ';
  position: absolute;
  top: 50%;
  display: block;
  width: 25%;
  border-top: 1px solid #008C4F;
}
div.col-sm-12.page_extrato_topo2:after{
  right: 0%;
}
.page_extrato_frase_aviso{
  color: #606060;  
  height: 26px;
  font-family: petrobras_sansbold;
  font-size: 10px;
  text-align: center;
  align-items: center;
  padding: 30px;  
  margin: auto;
}


#partner-qLinks {
  padding: 10px;
  font-family: 'petrobras_sansregular';
  color: #606060;
  font-size: 13px;
  border-top: 1px solid #008C4F;
  border-bottom: 1px solid #008C4F;
  margin-top: 20px;
}

#partner-qLinks .col-md-4 {
  border-right: 1px solid #008C4F;

}

#partner-qLinks .col-md-4 .col-md-11 span{
      height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding: 0;
 
}

#partner-qLinks .col-md-4 .col-md-11 span a {
  color: #606060;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
}


.ico-regulamento,.ico-sac,.ico-placeholder {
  width: 25px;
  height: 25px;
  margin-right: 6px;
}

.ico-regulamento {
   background: url(../images/icon-regulamento.svg) no-repeat center;
}

.ico-sac {
   background: url(../images/icone-SAC.svg) no-repeat center;
}

.ico-placeholder {
   background: url(../images/unlink.svg) no-repeat center;
}




div.no-mobile.col.chosen-container div.control-group label.control-label {
  float: left;
  font-family: 'petrobras_sansregular';
  color:      #606060;
  font-size:  17px;
}
div.no-mobile.col.chosen-container div.control-group div.controls{
  float: right; 
   margin: -7px;
}

div.results.page-title h1 i.glyphicon.glyphicon-search:before{
  color: #008c4e;
  top: -1px;
  background-color: #fff;
  position: relative;
  padding: 3px;
  left:2px;
  border-radius: 5px;
  font-size: 25px;
}

.searchGridTitle{
  padding-left: 30px;
  font-family: 'petrobras_sansregular';
  color:      #606060;
  font-size: 17px;
  border-bottom: 2px solid #DDDDDD;
  padding-bottom: 30px;
}

#partner-qLinks .col-md-4 .col-md-11 span{
      height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding: 0;
 
}

#partner-qLinks .col-md-4 .col-md-11 span a {
  color: #606060;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
}


div.searchGridTitle strong{
  font-style:italic;
}

.faca_seu_login_tela {
    position: relative;
    font-family: petrobras_sansbold;
    text-align: center;
    color: #008C4F;
    text-transform: uppercase;
    float: left;
    height: 23px;
    width: 120px;
    //background: url(../images/icone-login-verde.svg) left 0 no-repeat;
    font-size: 14px;    
    padding-right: 30px;
    margin-bottom: 21px;
    margin-top: 11px;
    //margin-left: 11px;
}
div.faca_seu_login_tela img{
  width: 25px;
  max-height: 25px;
  margin-right: 10px;
}

.faca_seu_cadastro_tela {
    position: relative;
    font-family: petrobras_sansbold;
    text-align: center;
    color: #008C4F;
    text-transform: uppercase;
    float: left;
    height: 23px;
    width: 180px;
    //background: url(../images/icone-cadastro-verde.svg) left 0 no-repeat;
    font-size: 14px;    
    padding-right: 20px;
    margin-bottom: 11px;
    margin-top: 11px;
    margin-left: 11px;
}
div.faca_seu_cadastro_tela img{
  width: 30px;
  max-height: 30px;
  margin-right: 10px;
}

.faca_login_info_cpf{
  font-family: 'petrobras_sansregular';
  color:      #008C4F;
  font-size: 18px; 
  //margin-left: 11px;
  margin-bottom: 20px;
}

.ico-placeholder {
   background: url(../images/unlink.svg) no-repeat center;
}

.loginBorderInput input{
  border-radius: 0px;
  position: relative;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #000000;
  padding: 7px;
  font-size: 12px;
  color: #000000;
  width: 270px;
}


.loginBorderInput2{
  border-radius: 0px;
  position: relative;
  border:none;
  box-sizing: border-box;
  border-bottom: 1px solid #000000;
  color: #000000;
  background: #fff;
  padding: 10px 19px;
  font-family: petrobras_sansregular;
  font-size: 16px;
  width: 100%;
}

.spaceLoginTop{
  padding-top: 50px;
}
.LoginPageLongText{
  font-size: 24px;
  color: #008c4f;
  font-family: petrobras_sansregular;
  padding-bottom: 15px;
}

.bt-next3 {
  background: #008C4F;
  border: none;
  position: relative;
  color: #fff;
  padding: 5px 10px;
}
.bt-next7 {
  background: #008C4F;
  border: none;
  position: relative;
  color: #FFFFFF;
  padding: 5px 10px;
  width: 135px;
  height: 48px;
  font-family: petrobras_sansbold;
  font-size: 16px;
  text-align: left;
  float: right;
}
div.bordaAmarela div.form-group{
width: 100%;
}
.products-container .col-md-4 .dropdown {
  padding: 12px;
  width: 100%;
  border: solid 1px #008C4F;
  text-transform: uppercase;
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  font-size: 15px;
  color: #008C4F;
  cursor: pointer;
  background: #ffffff;
}
.products-container .col-md-3 .dropdown {
  padding: 12px;
  width: 100%;
  border: solid 1px #008C4F;
  text-transform: uppercase;
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  font-size: 15px;
  color: #008C4F;
  cursor: pointer;
  background: #ffffff;
}
.products-container .col-md-4 span{
  float: right;
}
.products-container .item .texto p {
    font-family: petrobras_sansitalic;
    color: #606060;
        font-size: 17px;
    line-height: 23px;
        margin-top: 0px;

}

.balance-circle {
  width: 110px;
  height: 110px;
  position: relative;
  border-radius: 50%;
}
.balance-circle .interlap {

  position: absolute; top: 0; left: 0; 

  width: 105px;
  height: 105px;

}

.balance-circle {
  margin: 0 auto;
  margin-bottom: 20px;
}


.products-container .hidden-content {
  background: #FCFCFC;
  display: none;
  position: relative;
  top: -41px;

  height: auto;
  padding: 20px;
  font-size: 15px;
  line-height: 22px;
  color: #777777;
  border: solid 1px #008C4F;
  cursor: pointer;
}

.bt-next4 {
  background: #008C4F;
  border: none;    
  position: relative;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  height: 60px;
  width: 350px;
  line-height: 24px;
  text-align: left;
  font-family: petrobras_sansbold;
  font-size: 19px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bt-next10{
  background: #008C4F;
  border: none;    
  position: relative;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  font-family: petrobras_sansbold;
  display: inline-block;
  vertical-align: top;
  height: 48px;
  width: 100%;
  line-height: 24px;
  text-align: left;
}
.forgotten-password-login-page{
  font-family: petrobras_sansitalic; 
  color: #777777;
  float: right;
}

div.col-sm-5.col-md-5.alignLogin{
  padding-left: 0;
}
div.col-sm-5.col-md-5.alignLogin div.faca_seu_cadastro_tela{
  margin-left: 0 !important;
}
div.col-sm-5.col-md-5.alignLogin div.faca_login_info_cpf{
  margin-left: 0 !important;
}
div.forgotten-password a.forgotten-password-login-page i.glyphicon.glyphicon-arrow-right:before{
    color: #008c4e;
    top: -1px;
    background-color: #fff;
    position: relative;
    padding: 3px;
    left: 2px;
    border-radius: 5px;
    font-size: 14px;
}
.bordaAmarela{
  border-left: 1px solid #FBB92B;
  padding-left: 30px;
}
div.col-sm-12.col-md-12 div.col-sm-5.col-md-5.alignLogin div.form-group{
 width: 300px;
}

@media only screen and (max-width: 767px) {

  div.col-sm-4.col-md-4.btnLgn{
    padding-left: 30%;
    padding-right: 30%;
    margin: 0 auto;
  }

  div.col-sm-12.col-md-12.col-xs-12.alignLogin div.col-sm-12.col-md-12{
    padding-left: 0 !important;
  }
  div.col-sm-7.col-md-7.bordaAmarela.bordaAmarelaMob div.col-sm-12.col-md-12.col-xs-12.alignLogin{
    padding-left: 0 !important;
  }
  div.col-sm-7.col-md-7.bordaAmarela.mobileOnly div.faca_seu_login_tela{
    margin-left: 0 !important;
  }
  div.col-sm-12.col-md-12 div.col-sm-7.col-md-7.bordaAmarela.mobileOnly div.faca_login_info_cpf{
    margin-left: 0 !important;
  }
  div.col-sm-12.col-md-12 div.col-sm-5.col-md-5.alignLogin div.form-group{
    width: 100%;
    padding-top: 10px !important;
  }  
  div.col-sm-12.col-md-12 div.col-sm-5.col-md-5.alignLogin div.form-group.spaceLoginTop{
    padding-bottom: 10px;
  }
  div.row.loginDesktop form#loginForm div.col-xs-12.forgotten-password{
    margin-bottom: 20px;
  }
  div.row.loginDesktop form#loginForm div.col-xs-12 div.form-group{
    width: 100% !important;
  }
  label.faca_seu_login_tela{
    margin-left: 0 !important;
  }
  .bt-next7 {
    float: none;
    margin-top: 20px;
  }
  .bordaAmarela.bordaAmarelaMob{
    padding-top: 20px;
    border-top: 1px solid #FBB92B;
  }
  .spaceLoginMob2{
    padding-bottom: 20px;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .spaceLoginMob{
    padding-bottom: 20px;
  }
  div.col-xs-12.faca_login_info_cpf{
    margin-left: 0;
  }
  .centerElements{
    align-items: center;
    text-align: center;
  }
  .leftElements{
    margin-left: 48px;
  }
  .bordaAmarela{
    border: none;
    padding: 0;
  }
  .loginDesktop img {
    width: auto;
  }
  .desktopOnly {
    display: none;
  }

  .mobileOnly {
    display: block;
  }
  .bt-next4 {
    background: #008C4F;
    border: none;    
    position: relative;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 19px;
    display: inline-block;
    vertical-align: top;
    height: 60px;
    width: 341px;
    line-height: 24px;
    text-align: left;
  }
  div.loginBorderInput input{
    border-radius: 0px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    padding: 7px;
    font-size: 12px;
    color: #000000;
    width: 341px;
  }
  .loginBorderInput2{
    border-radius: 0px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    padding: 7px;
    font-size: 12px;
    color: #000000;
    width: 341px;
  }
  .bt-next3{
    background: #008C4F;
    border: none;
    position: relative;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    height: 48px;
    width: 135px;
    line-height: 24px;
    text-align: left;
    float:left;
    margin-left: 30%;
    margin-right: 30%;
  }
  .recaptchaElement{
    margin-left: 20px;
    margin-right: 20px;
  }
}
.loginBorderInput3{
  border-radius: 0px !important;
  position: relative !important;
  border:none !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #000000 !important;
  color: #000000 !important;
  background: #fff !important;
  padding: 10px 19px !important;
  font-family: petrobras_sansregular !important;
  font-size: 16px !important;
  width: 100% !important;
  border-radius: 0px;
  position: relative;
  border:none;
  box-sizing: border-box;
  border-bottom: 1px solid #000000;
  color: #000000;
  background: #fff;
  padding: 10px 19px;
  font-family: petrobras_sansregular;
  font-size: 16px;
  width: 100%;
}


.voucherCab{
  font-family: petrobras_sansregular;
  color: #606060;
  font-size: 17px;
}

.voucherDivFilt{
  background-color: #F5F5F5;
  height: 90px;
}
.voucherSelect{
  height: 40px;
  text-transform: uppercase;  
  font-family: petrobras_sansbold;
  font-style:italic;
  border: none;
  box-shadow:none;
  font-size: 16px;
  color: #008C4F;
  background-color: #F5F5F5;
  border-bottom: 1px solid #000000;
}

div.row.voucherDivFilt form#filtros-meusVouchers div.col.chosen-container div.control-group label.control-label{
  font-size: 12px;
  color: #606060;
  font-family: petrobras_sansregular;
  padding: 15px 0px 0px 0px;
}

div.row.voucherDivFilt form#filtros-meusVouchers div#ordVouchers label{
  font-size: 12px;
  color: #606060;
  font-family: petrobras_sansregular;
  padding: 15px 0px 0px 0px;
}

div.row.voucherDivFilt form#filtros-meusVouchers  label#bpp{
  font-size: 12px;
  color: #606060;
  font-family: petrobras_sansregular;
  padding: 15px 0px 0px 0px;
  
}
input#buscaVoucher{
  border-radius: 0px;
  position: relative;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #000000;
  padding: 7px;
  font-size: 12px;
  border-right: none;
  border-left: none;
  border-top: none;
  color: #000000;
  background-color: #F5F5F5;
}
.voucherPtsRegPer{
  border-bottom: 2px solid;
  border-color: #F5F5F5;
}

.voucherPtsRegPerCab{
  font-size: 19px;
  font-family: petrobras_sansregular;
  color: #008C4F;
}

.voucherSeparador{
  font-size: 35px;
  top: 5px; 
  position: relative;
  color: #008C4F;
}

.voucherPtsResgPerVal{
  font-size: 19px;
  color: #008C4F;
  font-family: petrobras_sansbold;
}
.voucherquebralinha{
  display: none;
}

@media only screen and (max-width: 767px) {

  .voucherquebralinha{
    display: unset;
  }

  .voucherDivFilt{
    background-color: #F5F5F5;
    height: 160px;
  }
  #filtros-meusVouchers #ordVouchers {
    float: right;
  }
  .voucherCab{
    font-family: petrobras_sansregular;
    color: #606060;
    font-size: 17px;
    margin-left: 23px;
  }
  .voucherSeparador{
    display: none;
  }
  .voucherPtsResgPerVal{
    font-size: 19px;
    color: #008C4F;
    font-family: petrobras_sansbold;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
}

#tableVoucher_paginate .paginate_button {
    border-radius: 7px;
    background: #f3f3f3;
    background: linear-gradient(#fff,#f3f3f3);
    position: relative;
    vertical-align: middle;
    border: 1px solid #e6e7e6 !important;
    margin: 0 2px;
    text-decoration: none;
    display: inline-block;
        padding: 7px 12px;
    color: #585858;
    font-size: 11px;
    cursor: pointer;
}
#tableDesktopNumSorte_paginate .paginate_button {
    border-radius: 7px;
    background: #f3f3f3;
    background: linear-gradient(#fff,#f3f3f3);
    position: relative;
    vertical-align: middle;
    border: 1px solid #e6e7e6 !important;
    margin: 0 2px;
    text-decoration: none;
    display: inline-block;
        padding: 7px 12px;
    color: #585858;
    font-size: 11px;
    cursor: pointer;
}
.MenuHeaderOnlineMain{
  height: 100%;
  padding-top: 5px;
}
div.headerOffLineSair a {
  color: #FFFFFF;
  font-size: 14px;
  font-family: petrobras_sansbold;
  position: relative;
  left:60%;
  text-transform: uppercase;
}

.headerOffLineSair {
  border-left: 1px solid #55b28a;
  background: url(../images/logou-header.svg) no-repeat 10px center;
  position: relative;
  display: inline-block;
  width: 6%;
  background-position: 80%;
  left: 23%;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  font-family: petrobras_sansbold;
}
.dropbtn {
  background-color: transparent;
  color: white;
  font-size: 14px;
  border: none;
  cursor: pointer;
  min-width: 161px;  
  //background: url(../images/icone-perfil.svg) left 0 no-repeat;
  //background-size: 20px;
  //background-position: 8px;
  position: relative;
}

.meuPerfilHeaderOnline button.dropbtn img.mpho{
  float:        left;
  width:        22px;
  max-height:   22px;
  height:       22px;
  left:         10%;
  position:     relative;
}

.dropbtn.ChanceStyle,.dropbtn.ChanceStyle:focus  {
  background-color: #FFFFFF;
  color: #008C4F;
  font-size: 14px;
  border: none;
  cursor: pointer;
  min-width: 161px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-bottom: 3px solid #DDDDDD;
}
.products-container .pointsLeft p{
  font-size: 11px;
  line-height: 15px;
   text-shadow: 0px 3px 6px #FAFAFA;
   color: #707070;
   padding: 0;
   margin: 0;
   text-align: center;
}

.products-container .pointsLeft p.ok {
      color: #008C4F;
    font-family: 'petrobras_sansbold';
    font-size: 34px;
    margin-top: 15px;
    line-height: 30px;
}
.products-container .pointsLeft {
  padding-top: 18px;
}

.products-container .pointsLeft p.points {
  font-size: 36px;
      line-height: 40px;
}
.products-container .pointsLeft p.points.more {
  font-size: 28px;
}

.products-container .col-md-12.oferta-ativacao {
  background: #F5F5F5;
  border-left: #008C4F solid 3px;

}


button.modal-ok {
      width: 146px;
    background: #008C4F;
    color: #FFF;
    border: none;
    padding: 10px;
    text-align: left;
}


#partner-qLinks .bottom-modal {
  text-align: center;
  margin-top: 20px;
}
#partner-qLinks .top-modal {
    text-align: center;
}

#partner-qLinks .modal-body {
  padding: 15px 0px;
}

#partner-qLinks .col-md-4 .col-md-11 span.glyphicon {
  height: auto;
      display: inherit;
      vertical-align: inherit;
      float: right;
}

.right {
  float: right;
}

.product__facet .facet .facet__list .filtertitle.viagens .facet__list__text {
  color: #005A94;
  text-transform: uppercase;
}

.product__facet .facet .facet__list .filtertitle.entretenimento .facet__list__text {
  color: #FF7000;
  text-transform: uppercase;
}
.product__facet .facet .facet__list .filtertitle.nossasmarcas .facet__list__text {
  color: #008C4F;
  text-transform: uppercase;
}
.product__facet .facet .facet__list .filtertitle.parceiros .facet__list__text {
  color: #EBA611;
  text-transform: uppercase;
}

.product__facet .facet .facet__list .viagens .facet__list__mark {
  border: solid 1px #005A94;
}

.product__facet .facet .facet__list .entretenimento .facet__list__mark {
  border: solid 1px #FF7000;
}

.product__facet .facet .facet__list .nossasmarcas .facet__list__mark {
  border: solid 1px #008C4F;
}

.product__facet .facet .facet__list .parceiros .facet__list__mark {
  border: solid 1px #EBA611;
}

.product__facet .facet .facet__list .viagens .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
    background: #005A94;
    border: 1px solid #005A94;
}

.product__facet .facet .facet__list .entretenimento .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
    background: #FF7000;
    border: 1px solid #005A94;
}

.product__facet .facet .facet__list .nossasmarcas .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
    background: #008C4F;
    border: 1px solid #008C4F;
}

.product__facet .facet .facet__list .parceiros .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
    background: #EBA611;
    border: 1px solid #EBA611;
}


.product-item .favorite {
  float: right;
  right: 20px;
}

.product__facet .facet .facet__list .filtertitle li{
  background: #FCFCFC;
}

.product__facet .facet .facet__list .filtertitle.promocional li{
  background: #008C4F;

}


.product__facet .facet .facet__list .promocional .facet__list__text {
  color: #ffffff;
}

.product__facet .facet .form-control {
      font-size: 16px;
    border: none;
    line-height: 21px;
    width: 100%;
    color: #777777;
    border-bottom: solid 1px #777777;

}

.product__facet .facet .facet__list .glyphicon-remove {
  color: #606060;
}


.product__facet .facet.appliedFilters .facet__list li {
  margin: 0px;
  padding:5px 0px;
}

.product__facet .facet.appliedFilters {
  padding-bottom: 0px;
  background: #FCFCFC;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: transparent;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 161px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #008C4F;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-family: petrobras_sansregular;
    font-size: 14px;
    border-bottom: 1px solid #DDDDDD;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.meuPerfilHeaderOnline{
  font-family:    petrobras_sansbold;
  border-left:    1px solid #55b28a;
  font-size:      14px;
  position:       relative;
  display:        inline-block;
  width:          20%;
  left:           23%;
}

button.dropbtn.ChanceStyle{
  //background: url(../images/icone-perfil2.svg) left 0 no-repeat;
  //background-size: 20px;
  //background-position: 8px;
  position: relative;
  font-size: 14px;
  background-color: #FFFFFF;
}

.ganhePontosHeaderOnline img{
  float: left;
  width: 22px;
  max-height: 22px;
  margin-right: 5px;
}
.ganhePontosHeaderOnline{
  //background: url(../images/icone-ganhe-pontos2.svg) left 0 no-repeat; 
  //background-size: 20px;
  //background-position: 8px;
  position: relative; 
  color: white;
  font-size: 14px;
  left: 23%;
  font-family: petrobras_sansbold;
  border-left: 1px solid #55b28a;;
  padding-left: 35px;
  display: inline-block;
  width: 20%;
  cursor: pointer;
}

.seuSaldoHeaderOnline{
  color: white;
  left: 20%;
  position: relative;
  font-size: 14px;
  font-family: petrobras_sansregular;
  display: inline-block;
  width: 28%;
  text-align: right;
}
.nomeUsuarioHeaderOnline{
  font-family: petrobras_sansbold;
  color: white;
}
div#header-buttons-mobile div.col-xs-4.ganhePontosIconMobile{
  background: url(../images/icone-ganhe-pontos2.svg) left 0 no-repeat; 
  cursor: pointer;
  margin-right: 10px;
  z-index: 9999;
  position: relative;
  float: left;
  height: 20px;
  width: 20px;
}

div#header-buttons-mobile div.col-xs-4.meuPerfilIconMobile{
 background: url(../images/icone-perfil.svg) left 0 no-repeat; 
  cursor: pointer;
  margin-right: 10px;
  z-index: 9999;
  position: relative;
  float: left;
  height: 20px;
  width: 20px; 
}

div#header-buttons-mobile div.col-xs-4.sairIconMobile{
  background: url(../images/logou-header.svg) left 0 no-repeat; 
  cursor: pointer;
  z-index: 9999;
  position: relative;
  float: left;
  height: 20px;
  width: 20px; 
  background-size: 50px;
}
p.extratoSimpli03 label#saldopremmia{
  font-size: 24px !important;
  font-family: petrobras_sansregular;
  padding-right: 0;
}
.bannerBrMania {
  background: #DE0074;
  padding: 50px; 
  margin: 20px 0px;
}

.bannerBrMania p {
  font-size: 30px;
  color: #FFFFFF;
  line-height: 40px;
}

.bannerBrMania span {
  color: #FFFFFF;
  font-size: 16px;
}

.bannerBrMania .botao_novo_1 {
  background: #FFFFFF;
  padding: 15px 25px;
  color: #008C4F;
  font-size: 19px;
  line-height: 22px;
  height: auto;
  width: auto;
}

.bannerBrMania .botao_novo_1 span {
  color: #008C4F;
  float: right;
}


.product__listing.product__grid .details .name p{
  font-family: 'petrobras_sansbold';
  font-size: 22px;
  margin: 0;
  max-width: 230px;
  word-wrap: break-word;
}

.product__listing.product__grid  .VIAGENS .details .name p{
  color: #005A94;
  bottom: 6px;
  position: relative;
}

.product__listing.product__grid  .ENTRETENIMENTO .details .name p{
  color: #FF7000;
  bottom: 6px;
  position: relative;
}

.product__listing.product__grid .NOSSASMARCAS .details .name p{
  color: #008C4F;
  bottom: 6px;
  position: relative;
}

.product__listing.product__grid .PARCEIROS .details .name p{
  color: #EBA611;
  bottom: 6px;
  position: relative;
}


.product__listing.product__grid .product-item.VIAGENS {
  border-bottom: 6px solid #005A94;
} 


.product__listing.product__grid .product-item.ENTRETENIMENTO {
  border-bottom: 6px solid #FF7000;
} 
.product__listing.product__grid .product-item.NOSSASMARCAS {
  border-bottom: 6px solid #008C4F;
} 

.product__listing.product__grid .product-item.PARCEIROS {
  border-bottom: 6px solid #FBB92B;
} 


.page-productGrid #cboxLoadedContent {
  padding: 0;
}


.page-productGrid #cboxContent #cboxTitle {
  background: #F5F5F5;
  color: #008C4F;
  font-size: 21px;

}
.page-productGrid #cboxClose {
  color: #606060;
}



.products-container .item .confirm .bt {
  text-transform: uppercase;
  font-size: 14px;
  font-family: petrobras_sansbold;
  border: solid 1px #008C4F;
  padding: 15px;
}
.products-container .item  .confirm .bt.yes {
  background: #008C4F;
  color: #ffffff;
}
.products-container .item .confirm .bt.no {
  background: #FFFFFF;
  color: #008C4F;
}

.products-container .item .confirm h3 {
  font-family: petrobras_sansbold;
  font-size: 30px;
  line-height: 32px;
  color: #EBA611;
  margin: 0px;
  padding: 20px;
}

.products-container .item .confirm h4 {
  font-family: petrobras_sansitalic;
  font-size: 30px;
  line-height: 30px;
  color: #008C4F;
  padding:20px;
  padding-bottom: 0px;
}
.products-container .item .confirm h4 span {
  font-size: 60px;
  font-weight: 600;
}

.products-container .item .confirm .decision {
  margin-top: 20px;
  margin-bottom: 40px;
}

.confirm img {
  width: 100%;
}

div.confirm{
  top: 100px !important;
  position: fixed !important;
}

div.confirm.validSMS {
  position: absolute !important; 
}


#qrcode {
  width:160px;
  height:160px;
  margin-top:15px;
}

.product__listing .ativacao {
  max-width: 60px;
   max-height: 60px;
}
body.page-homepage div.favoritos-container {
  position: fixed !important;
  bottom: 30px !important;
  
}

.favoritos-container {
  position: absolute;
  bottom: -25px;
  right: 0;
}

.products-container .item .texto .price {
  font-size: 60px;
  font-family: 'petrobras_sansbold';
}
/* DEPREDADO - NÃO USAR OU APAGAR
.headerOffLineSair {
  border-left: 1px solid #FFFFFF;
  background: url(../images/logou-header.svg) no-repeat 10px center;
  background-size: 20px;
  background-position: 30px;
  float: right;
  text-align: right;
  position: relative;
}
*/
div.headerOffLineSair a {
  color: #FFFFFF;
  font-size: 14px;
  font-family: petrobras_sansbold;
  position: relative;
}

.dropbtn {
    background-color: transparent;
    color: white;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.dropbtn.ChanceStyle,.dropbtn.ChanceStyle:hover,.dropbtn.ChanceStyle:focus  {
  background-color: #FFFFFF;
  color: #008C4F;
  font-size: 14px;
  border: none;
  cursor: pointer; 
}

.dropbtn:hover, .dropbtn:focus {
    background-color: transparent;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #008C4F;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-family: petrobras_sansregular;
    font-size: 14px;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.glyphicon-menu-down:before{content: "\e259"}
.glyphicon-menu-up:before{    content: "\e260"}
.glyphicon-option-vertical:before{content: "\e235";}

.products-container  .bt.rescue, .products-container  .bt.norescue, .products-container  .bt.login{
  position: relative;
  padding: 14px 17px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 19px;
  height: auto;
  margin: 0px 0 0;
  color: #fff;
  background: #008C4F;
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  float: right;
  border:none;
}

.products-container  .bt.norescue {
  cursor: not-allowed;
}
.products-container  .bt.norescue.esgotado {
  background: #EBEBEB;
  color: #777777;
}
.products-container  .bt.norescue.ganhe {
  background: #FBB92B;
  color: #008C4F;
}
.products-container  .bt.norescue.embreve {
  background: #F4F4F4 !important;
  color: #008C4F;
}
.products-container  .bt.rescue span{
  padding-left: 27px;
}
.detalhes-border .favorite {
  position: absolute;
  top: 10;
  right: 20px;
}
.detalhes-border h2 {
  font-family: "petrobras_sansitalic";
  font-size: 30px;
  color: #008C4F;
}
/*Cadastro básico*/
form#registerForm div.row div.col-md-4 div.form-group input.form-control{
  font-family: petrobras_sansregular !important;
  color: #B4B4B4 !important;
}

#updateProfileForm input[type="radio"], #registerForm input[type="radio"] {
  height: 15px;
  float: left;
  position: relative;
  width: 15px;
  margin: 2px 5px;
}   

#registerForm span, #updateProfileForm span {
  color: #606060;
}
#registerForm .help-block span, #registerForm .validaGenero span, #updateProfileForm .help-block span {
  color: #FF0000;
}
#registerForm .seu_cadastro_quase_botao span,#updateProfileForm .seu_cadastro_quase_botao span {
  color: #FFFFFF;
}

#registerForm {
  margin-top: 20px;
}

#registerForm a {
  color: #606060;
  font-weight: 999;
}

#registerForm .checkbox label, #updateProfileForm .checkbox label {
  color:#606060;
  font-size: 15px;
}

#registerForm .mail .form-group {
  width: 100%;
}

.seu_cadastro_quase_botao {
  font-family: petrobras_sansbold;
  background: #008C4F;
  border: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  max-width: 1088px;
  margin-bottom: 40px;
  min-height: 50px;
  text-align: left;
  padding: 10px 20px;
}
.agreement .help-block span {
  width: 500px;
  position: absolute;
  top: 30px;
  left: 20px;
}
/* CONHECA O PROGRAMA */
.scgpDivCop{
  background-color: #008C4F; 
  height: 80px;
  padding-bottom: 30px;
}
.scgpSpanCop{
  color:            #FFFFFF;
  font-size:        28px;
  display:          flex;
  align-content:    center;
  justify-content:  center;
  padding-top:      20px; 
}
.crvDivCop{
  background-color: #F8F8F8;
  padding-top:      20px; 
  height: 320px;
}
.crvDivCop2{
  background-color: #F8F8F8;
  padding-top:      20px; 
  height: 320px;
}
.crvDivCop3{
  background-color: #F8F8F8;
  padding-top:      20px; 
  height: 80px;
  z-index: 1;
  font-size: 17px;
}
.crvDivCop4{
  background-color: #F8F8F8;
  padding-top: 20px; 
  height: 320px;
}
.scgpP11Cop{
  color: #606060;
  font-family: petrobras_sansbold;
  font-size: 19px;
  text-align: center;
  padding-top: 53px;
}
.scgpP1Cop{
  color: #606060;
  font-family: petrobras_sansbold;
  font-size: 19px;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 20px;
}
.scgpP2Cop{
  color: #FBB92B;
  border-bottom: 2px solid #FBB92B;
  font-family: petrobras_sansxbold;
  text-align: center;
  font-size: 35px;
}
.scgpP3Cop{
  color: #606060;
  font-size: 17px;
  text-align: center;
  font-family: petrobras_sansregular;
  padding-top: 15px;
}
.scgpP31Cop{
  font-weight: bold;
  color: #008C4F;
}
.ovgpDivCop{
  background-color: #F8F8F8;
  opacity: 100%;
  color: #008C4F;
  font-family: "petrobras_sansitalic";
  font-size: 32px;
  text-align: center; 
  padding-top: 115px;
  padding-bottom: 20px;
}
.imgBgBmCopGp{
  background: url(../images/DESATQUE_BR_MANIA.png) left 0 no-repeat; 
  width: 342px;
  height: 216px;
  margin: 10px;
  left:10px;
}
.imgBgLbCopGp{
  background: url(../images/DESTAQUE_LUBRAX.png) center 0 no-repeat; 
  width: 342px;
  height: 216px;
  margin: 10px;
  left:10px;
}
.imgBgDbCopGp{
  background: url(../images/DESTAQUE_BR.png) right 0 no-repeat; 
  width: 342px;
  height: 216px;
  margin: 10px;
  left:10px;
}
.lmdCopGp{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  color: #606060;
  font-family: petrobras_sansregular;
  border-bottom: 2px solid #F4F4F4;
}
.arqvpsDivCopGp{
  color: #008C4F;
  text-align: center;
  padding-top: 50px;
  font-size: 32px;
  padding-bottom: 25px;
  font-family: petrobras_sansitalic;
}
.pasvDivCopGp{
  color: #606060;
  font-size: 17px;
  font-family: petrobras_sansregular;
  text-align: center;
  padding-bottom: 35px;
}
.theadTrThFLV{
  background-color: transparent;
  color: #606060;
  border-right:2px solid #707070;
  text-align: center;
  font-size: 15px;
  width: 33%;
  font-family: petrobras_sansregular;
}
.theadTrThFLV2{
  background-color: transparent;
  color: #606060;
  text-align: center;
  font-size: 15px;
  width: 70px;
  font-family: petrobras_sansregular;
}
.tbodyTrTdCARR{
  border-right:2px solid #707070;
  background-color: #F4F4F4;
  font-family: petrobras_sansitalic;
  color: #606060;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
}
.tbodyTrTdCARR2{
  background-color: #F4F4F4;
  font-family: petrobras_sansitalic;
  color: #606060;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
}
.tbodyTrTdDAR{
  border-right:2px solid #707070;
  background-color: transparent;
  font-family: petrobras_sansitalic;
  color: #606060;
  font-size: 15px;
  text-align: center; 
}
.tbodyTrTdDAR2{
  background-color: transparent;
  font-family: petrobras_sansitalic;
  color: #606060;
  font-size: 15px;
  text-align: center; 
}
.iomaDivPCopGP{
  padding-top: 30px;
  font-family: petrobras_sansitalic;
  font-size: 15px;
  color: #606060;
  padding-bottom: 30px;
}
.lmbrsDivPCopGP{
  color: #FFFFFF;
  font-size: 32px;
  padding-top: 10px;
}
.lmbrsDivPCopGP2{
  color: #FFFFFF;
  font-size: 17px; 
  padding-top: 10px;
}

.lmbrsDivCopGP{
  width: 100%;
  height: 140px;
  background-color: #005A94;
}
.tblDsktpCopGP{
  display: block;
}
.tblMblCopGP{
  display: none;
}
@media only screen and (max-width: 767px) {
  .top-banner {
    display: none;
  }
  body.template-pages-promocao-promocaoPage div.top-banner {
    display: block !important;
  }
  .top-banner.mobile {
    display: block;
  }
  .tblDsktpCopGP{
    display: none;
  }
  .tblMblCopGP{
    display: block;
    color: #606060;
    text-align: center;
    font-size: 15px;
    padding:10px;
  }
  .imgBgBmCopGp{
    background: url(../images/DESATQUE_BR_MANIA.png) center 0 no-repeat; 
    width: 342px;
    height: 216px;
    background-size: contain;
    float: none;
    position: relative;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 10px;
  }
  .imgBgLbCopGp{
    background: url(../images/DESTAQUE_LUBRAX.png) center 0 no-repeat; 
    width: 342px;
    height: 216px;    
    left:0px;
    background-size: contain;
    float: none;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 10px;
  }
  .imgBgDbCopGp{
    background: url(../images/DESTAQUE_BR.png) center 0 no-repeat; 
    width: 342px;
    height: 216px;
    background-size: contain;
    float: none;
    position: relative;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .crvDivCop{
    background-color: #F8F8F8;
    padding-top:      20px; 
    height:           315px;
  }
  .crvDivCop2{
    background-color: #F8F8F8;
    padding-top:      20px; 
    height:           290px;
  }
  .crvDivCop3 {
    background-color: #F8F8F8;
    padding-top: 0px;
    height: 80px;
    font-size: 17px;  
  }
  .lmbrsDivCopGP{
    width: 100%;
    height: 200px;
    background-color: #005A94;     
  }
  .ovgpDivCop{
    opacity: 100%;
    color: #008C4F;
    font-family: "petrobras_sansitalic";
    font-size: 32px;
    text-align: center; 
    padding-top: 235px;
    padding-bottom: 20px;
  }
  .scgpP11Cop{
    color: #606060;
    font-family: petrobras_sansbold;
    font-size: 19px;
    text-align: center;
    padding-top: 0px;
  }
  .crvDivCop4{
    background-color: #F8F8F8;
    padding-top: 20px; 
    height: 210px;
  }
}
.spaceBorderNumSorte{
  padding-bottom: 50px;
  border-bottom: 1px solid #EBEBEB;
}
.spaceBorderNumSorte2{
  padding-top: 30px;
  color: #606060;
  font-size: 17px;
  font-family: petrobras_sansregular; 
}
.spaceBorderNumSorte3{
  padding-top: 16px;
  color: #008C4F;
  font-size: 15px;
  font-family: petrobras_sansregular; 
}
.spaceBorderNumSorte4{
  padding-top: 28px;
  font-size: 19px;
  font-family: petrobras_sansitalic;
  padding-bottom: 40px;
  font-style: italic;
  border-bottom: 1px solid #EBEBEB;
}
.spaceBorderNumSorte4 a{
  color: #606060;
}
div.spaceBorderNumSorte4 i.glyphicon.glyphicon-arrow-right:before{
  color: #008C4F;
}
td.tdVerNumeros a{
  color: #008C4F;
  font-size: 15px;
  font-family: petrobras_sansregular; 
  cursor: pointer;
}

div.popover.fade.bottom.in h3.popover-title{
  color: #008C4F;
  font-size: 17px;
  font-family: petrobras_sansbold;
}

div.popover.fade.bottom.in div.popover-content{
 color: #606060;
 font-family: petrobras_sanslight_italic; 
}

#tableDesktopNumSorte{
  //display: block;
}
#tableDesktopNumSorte_paginate{
  //display: block; 
}
#tableMobileNumSorte{
    display: none;
}
.vntndNumSorte{
  text-align: center;
  color: #FF8600;
  font-size: 19px;
  display: block;
  font-family: petrobras_sansitalic;
}
.vntndNumMbSorte{
  display: none;
}

@media only screen and (max-width: 767px) {
  .vntndNumMbSorte{
    text-align: center;
    color: #FF8600;
    font-size: 19px;
    font-family: petrobras_sansitalic;
    display: block;
  }
  .vntndNumSorte{
    display: none;
  }
  .spaceBorderNumSorte4{
    padding-top: 28px;
    font-size: 19px;
    font-family: petrobras_sansitalic;
    padding-bottom: 40px;
    border-bottom: 1px solid #EBEBEB;
    float: right;
    font-style: italic;
  }
  #tableDesktopNumSorte{
    display: none;
  }
  #tableDesktopNumSorte_paginate{
    display: none; 
  }
  #tableMobileNumSorte{
    display: block;
  }
  .mobileTableDivNumSorte1{
    background-color: #F4F4F4;
    text-align: center;
    height: 35px;
  }
  .mobileTableDivNumSorte2{
    text-align: center;
    height: 35px;
  }
  .borderMobileDivNumSorte{
    border-right: 1px solid #707070;
    height: 35px;
  }
  .miNumSorte{
    color: #008C4F;
    font-size: 17px;
    font-family: petrobras_sansbold;

  }
  .mndsNumSorte{
    color: #008C4F;
    font-size: 15px;
    font-family: petrobras_sansbold;
    text-align: center;
  }
  .imgMobileNSP1{
    background: url(../images/icone-FAQ2.svg) center 0 no-repeat;
    position:              relative;
    height:                20px;
    width:                 20px;
  }
}
/* CENTRAL DE ATENDIMENTO */
.navigation-central {
      min-height: 310px;
      padding: 0;
}
.navigation-central li {
  float: left;
  background: #FAFAFA;
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  padding: 20px;
   min-height: 310px;
  position: relative;
  margin-bottom: 20px;
}
.navigation-central li h3 {
  color: #606060;
  font-family: 'petrobras_sansbold';
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
      height: 40px;
    margin: 0px;
}
.navigation-central li p {
   text-align: center;
}
.navigation-central li p.sac-contato {
  color: #008C4F;
  margin:0;
}
.navigation-central li a {
  color: #005C34;
  float: right;
  position: absolute;
  right: 20px;
  bottom: 19px;
  font-family: petrobras_sansitalic;
}
.navigation-central li:first-child {
  margin-left: 0px;
}
.navigation-central li .ico {
  width: 100%;
  height: 30px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.navigation-central li .ico-central-duvida {
  background: url(../images/icone-FAQ.svg) no-repeat  center;
}
.navigation-central li .ico-central-fale {
  background: url(../images/icone-fale.svg) no-repeat  center;
}
.navigation-central li .ico-central-sac {
  background: url(../images/icone-SAC.svg) no-repeat  center;
}
.navigation-central li .ico-central-alerta {
  background: url(../images/icone-alerta.svg) no-repeat  center;
}
.navigation-central li .ico-central-registro {
  background: url(../images/icone-registro.svg) no-repeat  center;
}



/* PERGUNTAS MAIS FREQUENTES E AVISOS IMPORTANTES */

span.faq1{
    color:                #606060;
    font-size:            17px;        
    margin-bottom:        20px;
    font-family:          petrobras_sansregular;
    float:                left;
    position:             relative;
}
span.faq2{
    color:                #008C4F;
    font-size:            19px;        
    margin-bottom:        20px;
    float:                right;
    position:             relative;
    font-family:          petrobras_sansitalic;
    text-align:           right;
}
div.faq3{
  color:                   #606060;
  font-size:               19px;
  float:                   right;
  position:                relative;
}
div.faq3 i.glyphicon.glyphicon-arrow-right:before {
  color:                   #008c4e;
}  
div.faq3 i.glyphicon.glyphicon-envelope:before {
  color:                   #008c4e;
}  
.iconFaqNovoDuvida{
  //background: url(../images/icone-FAQ.svg) right 0 no-repeat;
  //height: 35px;
  position: relative;
}
div.page-title h1.central-atendimento{
  //width: 490px;
  width: 100%;
}
div.page-title h1.central-atendimentos{
  //width: 380px;
  //max-width: 100%;
}
.iconeFalaComigo{
  background: url(../images/icone-fale.svg) left 0 no-repeat;
  width: 30px;
  height: 30px;
  float: left;
  position: relative;
}
.page-info-alertas-importante{
  color:                   #606060;
  font-size:               17px;
  font-family:             petrobras_sansregular;
}
.iconAvisosImportantes{
  //background: url(../images/icone-alerta.svg) right 0 no-repeat;
  //height: 35px;
  //position: relative;
}
@media only screen and (max-width: 767px) {
  span.faq1{
    color:                 #606060;
    font-size:             17px;        
    margin-bottom:         20px;
    font-family:           petrobras_sansregular;
    float:                 left;
    position:              relative;
    margin-left:           10px;
  } 
  span.faq2{
    color:                 #008C4F;
    font-size:             19px;        
    margin-bottom:         20px;
    float:                 left;
    position:              relative;
    font-family:           petrobras_sansitalic;
    text-align:            left;
    margin-left:           10px;
  }
  div.faq3 i.glyphicon.glyphicon-arrow-right:before {
    color:                 #008c4e;
    margin-right:          10px;
  }
  .iconFaqNovoDuvida{
    //background: url(../images/icone-FAQ.svg) right 0 no-repeat;
    position:              relative;
    height:                27px;
    background-position-y: 5px;
    z-index: 3;
  }
  div.page-title h1.central-atendimentos{
    width:                 360px;
    max-width:             75%;
  }
  
  .page-info-alertas-importante{
    color:                 #606060;
    font-size:             17px;
    font-family:           petrobras_sansregular;
    margin-left:           10px;
  }
  h1.central-atendimento.iconFaqNovoDuvida img{
    padding-left: 15px;
    width: 45px !important;
    height: 45px !important;
    margin-right: 5px;
    padding-bottom: 10px;
  }
  div.page-title h1.central-atendimento {
    width: 400px !important;
    position: relative !important;
    font-size: 17px !important;
  }
}

.menuPerfilMobile{
  display: none;
}
.meuExtratoSimplificado{
  top: 0px;
  left:51%; 
  position: absolute;
  width: 240px;
  background: #FFFFFF;
  height:430px;
  z-index: 100000000;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.XfecharMenu{
  float: right;
  color: #606060;
  padding-right: 10px;
  cursor: pointer;
}
.extratSimplifIcon img{
  float: left;
  width: 22px;
  max-height: 22px;
  margin-right: 5px;
}

.extratSimplifIcon{
  //background: url(../images/icone-ganhe-pontos.svg) left 0 no-repeat;
  //background-size: 25px;
  //background-position: 8px;
  position: relative;
  z-index: 100000000;
} 
.extratSimplifText{
  border: none;
  color: #008C4F;
  font-size: 14px;
  font-family: petrobras_sansbold;
  padding-left: 50px;
  padding-top: 18px;
  height: 60px;
  width: 100%;
  border-bottom: 2px solid #707070;
}
@media only screen and (max-width: 767px) {

  .menuPerfilMobile{
    display: block;
    top: 0px; 
    position: absolute;
    width: 100%;
    background: #FFFFFF;
    height:300px;
    z-index: 100000000;
  }
  .meuPerfilMobileIcon{
    background: url(../images/icone-perfil2.svg) left 0 no-repeat;
    background-size: 25px;
    background-position: 8px;
    position: relative;
    z-index: 100000000;
  }
  .meuPerfilText{
    border: none;
    color: #008C4F;
    font-size: 14px;
    font-family: petrobras_sansbold;
    padding-left: 50px;
    padding-top: 18px;
    height:60px;
    width: 100%;
    border-bottom: 6px solid #DDDDDD;
  }
  .XfecharMenu{
    float: right;
    color: #606060;
    padding-right: 10px;
  }
  .MenuPerfilOpcoes{
    top: 0px; 
    font-family: petrobras_sansregular;
    width: 100%;
    background: #FFFFFF;
    height:60px;
    z-index: 100000000;
    overflow: auto;
    border-bottom: 3px solid #DDDDDD; 
    padding-left: 50px;
    padding-top: 20px;
    color: #008C4F;
  }
  .imgMobileNSP1{
    background: url(../images/icone-FAQ2.svg) center 0 no-repeat;
    position:              relative;
    height:                20px;
    width:                 20px;
  }
  .meuExtratoSimplificado {
    top: 0px;
    left: 0;
    position: absolute;
    width: 100%;
    background: #FFFFFF;
    height: 430px;
    z-index: 100000000;    
  }
}
.extratoSimpli01{
  color: #008C4F;
  font-size: 15px;
  font-family: petrobras_sansbold;
  padding-top: 10px;
  padding-left: 10px;
  margin: auto;
}
.extratoSimpli02{
  color:#777777 !important;
  font-family: petrobras_sansregular;
  font-size: 15px;
  padding-top: 10px;
  padding-left: 10px;
  margin: auto;
}
p.extratoSimpli02 label{
  color:#777777 !important;
  padding-right: 10px;
}
p.extratoSimpli03 label{
  color:#005A94 !important;
  padding-right: 10px;
}
p label.es1{
  width: 60%;
  position: relative;
  vertical-align: top;
}
p label.es2{
  float: right;
}

.extratoSimpli03{
  color: #005A94;
  font-family: petrobras_sansregular;
  font-size: 24px;
  padding-top: 10px;
  padding-left: 10px; 
  margin: auto;
}
div.extratoSimpliDiv02 p.extratoSimpli03{
  background-color: #F4F4F4;
  margin-bottom: 15px;
}
div.extratoSimpliDiv04 p.extratoSimpli03{
  background-color: #F4F4F4;
  margin-bottom: 15px; 
}
.extratoSimpliDiv05{
  padding-left:5%;
  padding-right:5%; 
  margin: 0 auto;
}
.extratoSimpliDiv01{
  border-bottom: 1px solid #707070;
}
.extratoSimpliDiv02{
  border-bottom: 1px solid #707070;  
}
.extratoSimpliDiv03{
  //border-bottom: 1px solid #707070;  
  margin-bottom: 10px;
}
.extratoSimpli04{
  color: #008C4F;
  font-family: petrobras_sansbold;
  font-size: 14px;
  padding-top: 10px;
  padding-left: 10px; 
  margin: auto;
}
p.extratoSimpli05{
  padding-top: 10px;
}
p.extratoSimpli05 label.es1{
  color: #777777 !important;
  padding-left: 10px;
}

p.extratoSimpli05 label.es2{
  color: #005A94 !important;
  padding-right: 10px;
}
div.meuExtratoSimplificado div.extratSimplifIcon.extratSimplifText{
  padding-left: 10px !important;
}

@media only screen and (min-width: 767px) and (max-width: 1023px) { 
  .headerOffLineSair {
    border-left: 1px solid #55b28a;
    background: url(../images/logou-header.svg) no-repeat 10px center;
    position: relative;
    display: inline-block;
    width: 9%;
    background-position: 80%;
    left: 20% !important;
    text-transform: uppercase;
  }
}
.promocaoCab{
  font-family: petrobras_sansregular;
  color: #606060;
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .promocaoCab{
    font-family: petrobras_sansregular;
    color: #606060;
    font-size: 17px;
    margin-left: 10px;
  }
  .page-title{
    padding: 0;
  }
 }
.carousel__component--carousel .carousel__item .price p{
  font-size: 15px;
  color: #606060;
  font-family: 'petrobras_sansbold';
  margin-top: 10px;
}
/* FAVORITOS */
.product-item-favoritos{
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  padding: 0px;
  margin: 10px;
  position: relative;
  padding-bottom: 20px;
  width: 250px;
  min-height: 1px;
}
.wishlistProductName a{
  text-align: center;
}
div.wishlistProductName a p.product-item-favoritos-text2{
  font-size: 21px;
  font-family: petrobras_sansbold; 
}
div.wishlistProductName a p.text3{
  color:#606060;
  font-size: 15px;
  font-family: petrobras_sansregular; 
}
.priceWishlist{
 text-align: center; 
}
.priceWishlist p{
  font-size: 15px !important;
  font-family: petrobras_sansbold !important; 
  color: #606060;
  margin: 0;
  margin-top: 10px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.textFraseFavoritos{
  color: #606060;
  font-family: petrobras_sansregular;
  font-size: 19px;
  //background: url(../images/coracao_active.svg) no-repeat;
  //background-position: 4cm;
  height: 15px;
}
.textFraseFavoritos img{
  width: 20px;
  max-height: 20px;
  padding-left: 5px;
}
.textFraseFavoritos2{
  color: #606060;
  font-family: petrobras_sansregular;
  font-size: 19px;
  //background: url(../images/coracao_inactive.svg) no-repeat;
  //background-position: 4cm;
  height: 15px; 
}
.textFraseFavoritos2 img{
  width: 20px;
  max-height: 20px;
  padding-left: 5px;
}
.textFraseFavoritos3{
  color: #008C4F;
  font-size: 24px;
  padding-left: 0px;
  font-family: petrobras_sansregular;
}
.textFraseFavoritos4{
  color: #606060;
  font-size: 17px;
  font-family: petrobras_sansregular;
}
.favoritosCoracao{
  //background: url(../images/coracao_inactive.svg) no-repeat;
  height: 30px;
  //background-position: 8cm; 
  //position: relative;
}
.favoritosCoracao img{
  padding-left: 15px;
  width: 50px;
  max-height: 50px;
  margin-right: 5px;
  padding-bottom: 10px;
}
div.priceWishlist div .favorite{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
div.product-item-favoritos.VAZIO{
  border-bottom: 6px solid #777777;
}
p.product-item-favoritos-text2.VAZIO{
 color: #777777; 
}
div.product-item-favoritos.PARCEIROS{
  border-bottom: 6px solid #FBB92B;
}
p.product-item-favoritos-text2.PARCEIROS{
  color: #FBB92B;
}
div.product-item-favoritos.ENTRETENIMENTO{
  border-bottom: 6px solid #FF7000;
}
p.product-item-favoritos-text2.ENTRETENIMENTO{
  color: #FF7000;
}
div.product-item-favoritos.NOSSASMARCAS{
  border-bottom: 6px solid #008C4F;
}
p.product-item-favoritos-text2.NOSSASMARCAS{
  color: #008C4F;
}
div.product-item-favoritos.VIAGENS{
  border-bottom: 6px solid #005A94;
}
p.product-item-favoritos-text2.VIAGENS{
  color: #005A94;
}
div.product-item-favoritos.DESCONTOSPARCEIROS{
  border-bottom: 6px solid #FBB92B;
}
p.product-item-favoritos-text2.DESCONTOSPARCEIROS{
  color: #FBB92B;
}

div.product-item-favoritos .imgProduct img {
  width: 100%;
    height: auto;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .product-item-favoritos{
    width: 300px;
    margin: 10px auto;
    position: relative;
  }
  .acpvMeusFavoritos{
    color: #606060;
    font-family: petrobras_sansregular;
    font-size: 17px;
    padding-left: 10px;
    position: relative;
  }
  .spaceMFav{
    margin-left: 10px;
  }
}
.acpvMeusFavoritos{
  color: #606060;
  font-family: petrobras_sansregular;
  font-size: 17px;
  padding-top: 20px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .IconVoucherTicket{
      //background: url(../images/icon-voucher.svg) right 0 no-repeat;
      //background-position: 3cm !important;
      position: relative;   
    }
    .IconVoucherTicket img{
      padding-left: 15px;
      width: 50px;
      max-height: 50px;
      margin-right: 5px;
      padding-bottom: 10px;
    }
    .IconVCTicket{
      background: url(../images/icon-voucher.svg) right 0 no-repeat;
      background-position: 2.5cm !important;
      position: relative;   
    }
    div.row.voucherPtsRegPer div.col-xs-12.col-sm-8{
      text-align: center;
    }
    div.col-md-12.page-title.meusvouchersIn h1.IconVoucherTicket{
      display: block;
      padding-left: 10px;
      padding-top: 15px;
      margin: 0;
    }
}
.IconVoucherTicket{
  //background: url(../images/icon-voucher.svg) right 0 no-repeat;
  //background-position: 4.5cm;
  position: relative;   
}
.IconVoucherTicket img{
  padding-left: 15px;
  width: 60px;
  max-height: 60px;
  margin-right: 5px;
  padding-bottom: 10px;
}
h1.svgnumsorte img{
  padding-left: 15px;
  width: 60px;
  height: 60px;
  margin-right: 5px;
  padding-bottom: 10px; 
}

.IconVCTicket{
  background: url(../images/icon-voucher.svg) right 0 no-repeat;
  background-position: 4cm;
  position: relative;   
}
div.col-md-12.page-title.meusvouchersIn h1.IconVoucherTicket{
  display: block;
}
div.col-md-12.page-title.meusvouchersIn h1.IconVCTicket{
  display: block;
}
#tableDesktopNumSorte_paginate .paginate_button {
  border-radius: 0px !important;
  color: #008C4F;
  background-color: #FFFFFF;
  font-size: 14px;
  border: 1px solid #606060 !important;
}
#tableVoucher_paginate .paginate_button {
  border-radius: 0px !important;
  color: #008C4F;
  background-color: #FFFFFF;
  font-size: 14px;
  border: 1px solid #606060 !important;
}
h1.favoritosCoracao.spaceMFav{
  padding-left: 10px;
}
div.row.spaceMFav.xif{
  padding-bottom: 50px;
}

.page-description p {
      color: #606060;
          font-size: 17px;
         
          margin-bottom: 20px;
}





/*Meu Cadastro básico*/

.account-section .accordion-container .accordion-list .accordion-group .accordion-group-action {
    background: #e8e8e6;
    background: linear-gradient(280deg,#008C4F,#1DB66B);
    position: relative;
    padding: 20px 25px;
    min-height: 60px;
}


.account-section  .accordion-container .accordion-list .accordion-group .toggle .glyphicon:before {
  color: #FFCC32;
}

.account-section .accordion-container .accordion-list .accordion-group .accordion-group-action a {
  color: #FFFFFF;
  float: left;
  width: 55%;
}

/*Meus dados*/
.editProfile {
  background: url(../images/bt_editar.svg) no-repeat;
  width: 88px;
  height: 39px;
      float: left;
    position: relative;
    left: 20px;
    top: -8px;
    cursor: pointer;
}

.account-section .account-section-content .account-section-form .accountActions {
  margin-bottom: 20px;
}

.veiculos .checkbox {
  float: left;
      min-width: 10%;
      margin-left: 20px;
}

 
.account-section-content .placaVeiculo input {
padding:5px;

}

 
.page-login .cadastrar_novo, .page-login .entrar_novo {
  display: none;
}
/* CONHECA O PROGRAMA */
.bt-next-cop1{
  background:       #FFCC32;
  border:           none;
  position:         relative;
  color:            #008C4F;
  padding:          5px 10px;
  cursor:           pointer;
  font-size:        19px;
  display:          inline-block;
  vertical-align:   top;
  height:           60px;
  width:            350px;
  line-height:      24px;
  text-align:       left;
  box-shadow:       0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bt-next-cop2{
  background:       #005A94;
  border:           none;
  position:         relative;
  color:            #fff;
  padding:          5px 10px;
  cursor:           pointer;
  font-size:        19px;
  display:          inline-block;
  vertical-align:   top;
  height:           60px;
  width:            350px;
  line-height:      24px;
  text-align:       left;
  box-shadow:       0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.headerCOP{
  padding-bottom:   20px;
}
.movieCOP iframe{
  left:             100px;
  padding-left:     100px;
  width:            720px;
  height:           400px;
  cursor:           pointer;
  background-size:  contain;
}
.opeopFTCop{
  color:            #606060;
  font-size:        17px;
  font-family:      petrobras_sansregular; 
  padding-left: 0px;
}
.centerDivCOP{
  display: flex;
  justify-content:  center;
  align-content:    center;
}
.phoneImgCop1{
  display:          block;
  background:       url(../images/DESTAQUE_CELULAR.png) left 0 no-repeat; 
  background-size:  contain;
  width:            350px;
  height:           220px;
}
.bchgrndCOP{
  background:       linear-gradient(280deg, #FAFAFA, #EBEBEB);
  margin-top:       20px;
}
.gpedCOP{
  color:            #008C4F;
  font-size:        24px;
  font-family:      petrobras_sansbold;
  top:              90px;
  left:             25px;
  position:         relative;
}
.gpedX2COP{
  font-family:      petrobras_sansxbold;
  font-size:        183px;
  padding-left:     120px;
  color:            #FBB92B;
  position:         relative;
  bottom:           20px;
  border-right:     3px solid #FBB92B;
}
.vpeudpCOP{
  top:              80px;
  position:         relative;
}
div.vpeudpCOP span{
  color:            #606060;
  font-size:        19px;
  font-family:      petrobras_sansregular;  
}
div.vpeudpCOP div a{
  float:            right;
  position:         relative;
  padding-right:    50px;
  font-size:        24px;
  color:            #606060;
}
div.vpeudpCOP div a i:before{
  color:            #008c4e;
  top:              -1px;
  background-color: transparent;
  position:         relative;
  padding:          3px;
  left:             2px;
  border-radius:    5px;
  font-size:        15px;
}
.a3imgRDECOP{
  padding-top:          30px; 
}
.a3img1RDECOP{
  background:       url(../images/rede-sigabem-banner.png) left 0 no-repeat; 
  width:            350px;
  height:           270px;
  position:         relative;
  float:            left;
  left:             20%;
}
.a3img2RDECOP{
  background:       url(../images/BANNER-OLHO.png) left 0 no-repeat; 
  width:            350px;
  height:           270px;
  position:         relative;
  left:             25%;
}
.a3img3RDECOP{
  background:       url(../images/experiencia-premmia.png) left 0 no-repeat; 
  width:            350px;
  height:           270px;
  position:         relative;
  float:            right;
}
div.col-md-12.col-xs-12.col-sm-12.headerCOP{
  padding-top: 20px;
  padding-left: 0px;
}

@media only screen and (max-width: 600px) {
  .phoneImgCop1{
    display:        none;
  }
  .bt-next-cop1{
    background:     #FFCC32;
    border:         none;
    position:       relative;
    color:          #008C4F;
    padding:        5px 10px;
    cursor:         pointer;
    font-size:      19px;
    display:        inline-block;
    vertical-align: top;
    height:         60px;
    width:          341px;
    line-height:    24px;
    text-align:     left;
  }
  .bt-next-cop2{
    background:     #005A94;
    border:         none;
    position:       relative;
    color:          #fff;
    padding:        5px 10px;
    cursor:         pointer;
    font-size:      19px;
    display:        inline-block;
    vertical-align: top;
    height:         60px;
    width:          341px;
    line-height:    24px;
    text-align:     left;
  }
  .gpedX2COP{
    font-family:    petrobras_sansxbold;
    font-size:      183px;
    padding-left:   140px;
    color:          #FBB92B;
    position:       relative;
    bottom:         20px;
    border-bottom:  3px solid #FBB92B;
    border-right:   0px transparent;
    margin-left: 15px;
  }
  .movieCOP iframe{
    width:          376px;
    height:         210px;
    background-size:contain;
    float:          none;
    position:       relative;
    padding-left:   0px;
    left:           0;
    margin:         auto;
    display:          flex;
  justify-content:  center;
  align-content:    center;
  }
  .centerDivCOP{
    display:        flex;
    justify-content:center;
    align-content:  center;
    padding-bottom: 10px;
  }
  .vpeudpCOP{
    top:            0px;
    position:       relative;
    border: 10px;
  }
  div.vpeudpCOP div a{
    display:        none;
  }
  .a3img1RDECOP{
  background:       url(../images/rede-sigabem-banner.png) left 0 no-repeat; 
  width:            350px;
  height:           270px;
  position:         relative;
  margin:           auto;
  float:            none;
  display:        flex;
  justify-content:center;
  align-content:  center;
  bottom: 10px;
  left: 0;
}
.a3img2RDECOP{
  background:       url(../images/BANNER-OLHO.png) center 0 no-repeat; 
  width:            350px;
  height:           270px;
  position:         relative;
  margin:           auto;
  display:          flex;
  justify-content:  center;
  align-content:    center;
  left:             0;
  float:            none;
}
.a3img3RDECOP{
  background:       url(../images/experiencia-premmia.png) center 0 no-repeat; 
  width:            350px;
  height:           270px;
  position:         relative;
  margin:           auto;
  display:          flex;
  justify-content:  center;
  align-content:    center;
  float:            none;
  top: 10px;
}
}
#btnResetPwd{
  background: #008C4F !important;
  border: none !important;
  position: relative !important;
  color: #fff !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  display: inline-block !important;
  vertical-align: top !important;
  height: 48px !important;
  width: 100% !important;
  line-height: 24px !important;
  text-align: center !important;
  font-family: petrobras_sansbold !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}
#forgottenPwdcpf{
  border-radius: 0px !important;
  position: relative !important;
  border: none !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #000000 !important;
  color: #000000 !important;
  background: #fff !important;
  padding: 10px 19px !important;
  font-family: petrobras_sansregular !important;
  font-size: 16px !important;
  width: 100% !important;
}

div.container div.col-md-12.col-xs-12.ativarCadastro{
  border-left: 4px solid #FFCC32;
}
div.container div.col-md-12.col-xs-12.ativarCadastro div.row.ativarCadastro2{
  padding-left: 10px;
  font-family: petrobras_sansregular;
  font-size: 15px;
  color: #606060;
  padding-bottom: 20px;
}
div.col-md-12.col-xs-12.ativarCadastro3{  
  box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
  border:2px solid white;
  width: 496px;
  height: 221px;
  left:30%;
  right: 30%;
  margin: 0 auto;
}
div.col-md-12.col-xs-12.ativarCadastro3 label{
  padding-top: 25px;
  font-size: 16px !important;
  padding-left:45%;
  padding-right:45%;
  margin: 0 auto;
}
.ativarCadastroInput{
  border-radius: 0px !important;
  position: relative !important;
  border: none !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #000000 !important;
  color: #B4B4B4 !important;
  background: #fff !important;
  padding: 10px 19px !important;
  font-family: petrobras_sansregular !important;
  font-size: 16px !important;
  width: 100% !important;
  text-align: center;
}
div.ativarCadastro4{
  padding-left:   30px;  
  padding-right:  30px;
  padding-bottom: 15px;
}
div.ativarCadastro5{
  text-align: center;
  color: #777777;
  font-size: 13px;
  font-family: petrobras_sansregular;
  padding-left:   120px;  
  padding-right:  120px;
}
div.ativarCadastro5 p{
  border-bottom: 1px solid #777777;
}
div.ativarCadastro6{
  padding-top: 25px;
  padding-left:165px;
  padding-right:160px;
  margin: 0 auto;
}
.ativarCadastro6BTN{
  font-family: petrobras_sansbold;
  background: #008C4F;
  border: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  max-width: 1088px;
  margin-bottom: 40px;
  min-height: 50px;
  text-align: left;
  padding: 10px 20px;
}
@media (max-width: 767px) {
  div.col-md-12.col-xs-12.ativarCadastro3{
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    border: 2px solid white;
    width: 100%; 
    height: 230px;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 15px;
  }
  .ativarCadastroInput {
    border-radius: 0px !important;
    position: relative !important;
    border: none !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #000000 !important;
    color: #B4B4B4 !important;
    background: #fff !important;
    padding: 10px 19px !important;
    font-family: petrobras_sansregular !important;
    font-size: 13px !important;
    width: 100% !important;
  }
  div.ativarCadastro4 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
  }
  div.ativarCadastro5 {
    text-align: center;
    color: #777777;
    font-size: 13px;
    font-family: petrobras_sansregular;
    padding-left: 45px;
    padding-right: 45px;
  }
  div.ativarCadastro6 {
    padding-top: 25px;
    padding-left: 85px;
    padding-right: 85px;
    margin: 0 auto;
  }
  .seu_cadastro_quase {
    font-family:petrobras_sansregular; 
    color: #606060 !important;
    font-size: 30px;
    //background: url(../images/check-graf.svg) left 0 no-repeat;
    /*border-left: 4px solid #FFCC32;*/
    //padding-left: 50px;
    padding-right: 30px;
    height: 40px;
    text-align: left;
    margin-bottom: 40px;
  }
  button.seu_cadastro_quase_botao img{
    width:19px !important;
  }
  .seu_cadastro_quase_botao {
    width: 100% !important;
  }
  body.page-confirmRegister form#registerForm div.form-group{
    width: 100% !important;
  }
  .favoritos-container {
    position: absolute;
    bottom: -28px;
    right: 0;
  }
  body.page-homepage div.favoritos-container {
    position: fixed !important;
    bottom: 70px !important;
    right: 13% !important;
  }
  .product__listing.product__grid .details .price{
    font-size: 15px;
    color: #606060;
    font-family: 'petrobras_sansbold';
    margin-top: 10px;
    position: absolute;
    bottom: 1%;
    right: 28%;
  }
  div.left-content-component div.banner__component a img{
    display: block !important;
    height: 100% !important;
    width: 100% !important;
  }
  div.left-content-component div.banner__component a{
    height: 280px !important;
    width: 100% !important;
  }
}

div.left-content-component div.banner__component a{
  height: 280px !important;
}


body.page-login.pageType-ContentPage.template-pages-LoginPageTemplate.pageLabel-login.language-pt main header#myHeader nav.navigation.navigation--middle.js-navigation--middle div.site-search.busca-header div.yCmsComponent div.ui-front form div.input-group{
  display: none;
}
body.page-login.pageType-ContentPage.template-pages-LoginPageTemplate.pageLabel-login.language-pt main header#myHeader nav.navigation.navigation--middle.js-navigation--middle div.container-fluid div.row.desktop__nav div.nav__left.col-xs-12.col-sm-6 div.row div.col-sm-10.hidden-md.hidden-lg div.site-search.active div.yCmsComponent div.ui-front form div.input-group{
  display: none; 
}


.productListaItemSiteNovo{
  padding-left: 20px;
  border-bottom: 2px solid #DDDDDD;
  padding-bottom: 15px;
  padding-top: 15px;
  height: 100%;
  margin: 0;
}

div.productListaItemSiteNovo .NomeBuscaSiteNovo{
 color: #008C4F; 
 font-family: petrobras_sansitalic;
 font-size: 16px;
}

div.productListaItemSiteNovo .DescBuscaSiteNovo{
 /*font-family: petrobras_sanslight_italic;*/
 font-family: petrobras_sanslight;
 font-style: italic;
 color: #606060; 
 font-size: 16px;
}

p.DescBuscaSiteNovo i.glyphicon.glyphicon-arrow-right:before{
  color: #FBB92B;
}

#imgWishlistParca{
  max-height: 48px;
  width: auto;
  display: block;
  margin: 0 auto;
}

.errorLoginSenha{
  color: #FF0000;
  font-size: 12px;
  text-align: left;
  padding-bottom: 5px;
  font-family:petrobras_sansregular; 
}

 .template-pages-voucher-ofertaPage .top-banner {
  margin-bottom: 30px;
  position: relative;
  z-index: 0;
 }

.table-bordered2 td {
  border-right: 1px solid #ddd !important;
}
.table-bordered3 {
  border-right: 1px solid #ddd !important;
} 

.table-bordered2 td:last-child {
  border: none !important;
} 


h1.central-atendimentos.iconAvisosImportantes img {
    padding-left: 15px;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    padding-bottom: 10px;
}

h1.central-atendimento.iconFaqNovoDuvida img{
  padding-left: 15px;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    padding-bottom: 10px;
}
.eppcu{
  background-color: #005A94;
  width: 100%;
  height: 175px; 
}
.eppcu2{
  color: #FFFFFF;
  font-family: petrobras_sansbold;
  font-size: 30px; 
  text-align: left;
  margin-top: 5%;
  margin-bottom: 5%;
}
.eppcu3{
  margin-top: 7%;
  margin-bottom: 5%;
}
#fundo_amarelo2{
  background-color: #FFCC32;
  color: #008C4F;
  background-position-x: 10px;
  position: relative;
  font-family: petrobras_sansbold;
  text-align: left;
  padding-left: 20px;
  text-transform: uppercase;
  margin: 0px auto;
  height: 61px;
  //width: 351px;
  border:none;
  font-size: 19px;
  padding-top: 19px;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div#fundo_amarelo2 img{

}
div.row.accountMobile {
  position: relative;
  height: auto;
}
@media screen and (max-width: 767px){
  .eppcu{
    background-color: #005A94;
    width: 100%;
    height: 305px; 
    margin-right: 10px;
    margin-left: 0px;
  }   
  .eppcu2{
    text-align: center;
  } 
}

#tecladoVirtual {
    width: 270px;
    position: relative;
}

.ui-keyboard-button {
    height: 2.5em;
    min-width: 6em;
    border: none;
    color: #999 !important;
    margin: .1em;
    cursor: pointer;
    overflow: hidden;
    line-height: 2em;
    -moz-user-focus: ignore;
}
.ui-keyboard-button span {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    white-space: nowrap;
    display: inline-block;
}

#offline .item input.password[readonly],.login-section .password[readonly] {
    background-color: #eeeeee !important;
    opacity: 1;
}

.loginDesktop #tecladoVirtual {
  left: 10px;
  margin-bottom: 10px;
}
div.row div.col-md-12.agreement div.col-xs-2.ckdas{
  right: 20px;
}
div.row div.col-md-12.agreement div.col-xs-10{
  right: 10%;
  padding-left: 0px;
  top: 10px;
}

@media (max-width: 767px) { 
  div.row.totem div.col-md-2.col-xs-2.imgbvd img{
    left: 200px;
    position: relative;
  }
  div.row.totem div.col-md-10.col-xs-10.textbvd{
    right: 50px;
    width: 230px;
    padding-left: 0;
  }
  #ir_para_a_home {
    font-family: petrobras_sansitalic;
    margin: 0px auto;
    font-size: 19px;
    width: 155px;
  }
  #ir_para_a_home a {
    color: #606060;
  }
  .bt-next11{
  background: #FFCC32;
  border: none;
  position: relative;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  font-family: petrobras_sansbold;
  display: inline-block;
  vertical-align: top;
  height: 68px;
  width: 100%;
  line-height: 24px;
  text-align: left;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .bt-next12{
    background: #FFFFFF;
  border: none;
  position: relative;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  font-family: petrobras_sansbold;
  display: inline-block;
  vertical-align: top;
  height: 68px;
  width: 100%;
  line-height: 24px;
  text-align: left;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .divCardBemv{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0% !important;
    margin-left: 0% !important;
  }
  div.divCardBemv button#fundo_botao_bemvindo_1{
    margin-bottom: 30px;
  }
}
#ir_para_a_home {
  font-family: petrobras_sansitalic;
  margin: 0px auto;
  font-size: 19px;
  width: 180px;
}
#ir_para_a_home a {
  color: #606060;
}
div#ir_para_a_home a img {
    width: 50px;
    max-height: 50px;
    margin-right: 5px;
    padding-bottom: 10px;
}
div#ir_para_a_home a{
  width: 150px;
}
.bemvindo_background_amarelo{
  display: block;
  box-sizing: border-box;
  background: #FFCC32;
  background-repeat: repeat-x;
  width: 100%;
  padding:20px;
}
.bt-next11{
  background: #FFCC32;
  border: none;
  position: relative;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  font-family: petrobras_sansbold;
  display: inline-block;
  vertical-align: top;
  height: 58px;
  width: 100%;
  line-height: 24px;
  text-align: left;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bt-next12{
  background: #FFFFFF;
  border: none;
  position: relative;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  font-family: petrobras_sansbold;
  display: inline-block;
  vertical-align: top;
  height: 58px;
  width: 100%;
  line-height: 24px;
  text-align: left;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.divCardBemv{
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 35%;
  margin-left: 35%;
}

.page-title {
  margin:0px;
}

.topBannerSubtitle-content-component {
  display: none;
}

div.col-sm-4.col-xs-12.eppcu3 button#fundo_amarelo2{
  padding-top: 0px !important;
}
.vlcExpIcon{
  margin: 0;
  display: block;
}
.vlcExpIcon img{
  width: 50px;
}

@media (max-width: 767px) {
  body.page-extratopontos div.no-mobile.col.chosen-container div.control-group div.controls{
    float:  right !important;
  }
  body.page-extratopontos div.no-mobile.col.chosen-container div.control-group label.control-label{
    width: 150px !important;
  }
  body.page-valecombustivel div.no-mobile.col.chosen-container div.control-group div.controls{
    float:  right !important;
  }
  body.page-valecombustivel div.no-mobile.col.chosen-container div.control-group label.control-label{
    width: 150px !important;
  }
  body.page-update-profile div.container.address div.col-md-4.col-xs-12 div.col-md-4.col-xs-4.end{
    padding-left: 0px !important;
  }
  body.page-update-profile div.row.address div.col-md-4.col-xs-12{
    padding-left: 0px !important;
  }
  body.page-productGrid div.pagination-bar div.pagination-toolbar {
    background-color: #F5F5F5;
  }
  body.template-pages-voucher-ofertaPage div.texto.content-panel div h2{
    text-align: center;
  }
  body.template-pages-voucher-ofertaPage div.texto.content-panel div p{
    text-align: center;
  }
  body.template-pages-voucher-ofertaPage div.texto.content-panel div p span{
    text-align: center;
    display: table;
    margin: 0 auto;
  }
  body.template-pages-voucher-ofertaPage div.right{
    float: none;
  }
  body.page-productGrid form#sortForm1{
    float: right;
    margin-left: 20px;
  }
  div.col-md-12 h2.seu_cadastro_quase img{
    float: left;
    width: 45px;
    max-height: 45px;
    margin-right: 10px;
  }
  .navigation-central li {
    float: left;
    background: #FAFAFA;
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    padding: 20px;
     min-height: 0px;
     height: 200px;
    position: relative;
    margin-bottom: 20px;
  }
  .navigation-central li.col-xs-12.max {
    float: left;
    background: #FAFAFA;
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    padding: 20px;
     min-height: 0px;
     height: 300px;
    position: relative;
    margin-bottom: 20px;
  }
  body.page-update-profile div.row.radio div.col-md-2.col-xs-4{
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .page-update-profile .account-section .account-section-form .row{
    margin-top: 10px !important;
  }
  body.page-update-profile div.veiculos div.row.col-md-12.col-xs-12{
    margin-bottom: 15px;
  }
  .agreement .help-block span {
    margin-top: 60%;
    width: 350px;
    position: absolute;
    top: 30px;
    left: 20px;
  }
  body.page-register form#registerForm div.col-md-12.agreement{
    height: 110px;
  }
}
body.page-update-profile div.row.address{
  margin-left: 10px;
}
.page-productGrid .voucherCab {
  bottom: 15px;
}
.page-productGrid .pagination-bar {
  margin: 0px 0px 20px 0px;
}

#txtNumeroAzul, #txtNumeroAzulConfirm {
  border-radius: 0px;
    position: relative;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    padding: 7px;
    font-size: 12px;
    color: #000000;
}
div.col-md-8.col-xs-12.col-sm-8.vpeudpCOP div a{
  font-style: italic;
}
body.page-homepage div.carousel__item--thumb img.category-img {
  display: none;
}

body.page-update-profile div.row.radio{
  margin-bottom: 30px;
  margin-top: 0px !important;
}
body.page-update-profile div.veiculos div.row.col-md-12.col-xs-12{
  z-index: 10;
}
.gamification-gain {
  color: #FFCC32;
  font-size: 14px;
  line-height: 28px; 
  font-family: petrobras_sansbold;
  margin:0;
  float: right;
  position: relative;
  right: 210px;
}
.gamification-session {
  width:        180px;
  float:        right;
  position:     relative;
  top:          -10px;
  right:        40px;
  text-align:   right;
}
#gamificationBox {
  position:     relative;
  height:       210px;
  border-top:   solid 1px #FBB92B;
  float:        left;
  width:        100%;
}
.page-update-profile .page-title {
  margin-top:   20px;
}
.gamification-sum {
  width:        200px;
  height:       200px;
  float:        left;
}
.gamification-sum .interlap {
  position:     absolute; top: 0; left: 0; 
  width:        170px;
  height:       170px;
  margin-top:   20px;
}
.gamification-sum .interlap.pointsLeft {
  padding:      30px;
  padding-top:  50px;
}
.gamification-sum .interlap.pointsLeft p {
  color:        #707070;
  font-size:    10px;
  font-family:  petrobras_sanslight;
  text-align:   center;
} 
.gamification-sum .interlap.pointsLeft p.points {
  font-size:    61px;
  line-height:  61px;
  font-family:  petrobras_sansregular;
  padding:      0px;
  margin:       0px;
}
#gamificationBox .gamification-text {
  float:        left;
  position:     relative;
  top:          40%;
}
#gamificationBox .gamification-text p{
  color:        #606060;
  font-size:    24px;
  line-height:  32px;
}
.gamification-percent p {
  margin:       0px;
  padding:      0px;
  line-height:  11px;
  font-size:    11px;
  color:        #1DB66B;
}
.gamification-percent p.percent {
  font-size:    40px;
  line-height:  30px;
  font-family:  petrobras_sansregular;
}
.gamification-complete p {
  color:        #FFCC32;
  font-size:    18px;
  line-height:  18px;
  font-family:  petrobras_sansbold;
  margin:       0;
  float:        right;
  position:     relative;
  padding:      0px;
  top:          5px;
  width:        100%;
  right:        10px;
}
.gamification-complete p.points-gain {
  font-size:    14px;
}
.gamification-complete {
  max-height:   50px;
  width:        200px;
}
.gamification-complete div {
  float:        left;
}
.TrocarPontosCinzaTelaFull{
  opacity:      0.7;
  cursor:       pointer;
  visibility:   visible;
  width:        100%;
  height:       120%;
  display:      inline-block;
  text-align:   center;
  position:     absolute;
  width:        100%;
  left:         0;
  background:   #000;
  z-index:      998;
  overflow:     hidden;
  top:          0;
  padding:      0 8px;
  box-sizing:   border-box;
}
div.col-md-8.col-xs-12 div.col-md-5.right a div.bt.ganhe.norescue{
  cursor:       pointer !important;
}
div.product-item div.details a.name span{
  display:      block;
  word-wrap:    break-word;
  max-width:    230px;
  margin:       0 auto;
}
@media (max-width: 767px) {
  div.product-item div.details a.name span{
    display:    block;
    word-wrap:  break-word;
    width:      100%;
  }
  div.product-item div.details a.name p{
    margin:     0 auto;
  }
  div.col-xs-12.cold-md-12.numMob1{
    position:   absolute;
    right:      38% !important;
    top:        77% !important;
  }
  div.col-xs-12.cold-md-12.numMob2{
    position:   absolute;
    right:      33% !important;
    top:        90% !important;
  }
  #simulador-regras {
    padding: 0px;
    color: #666
  }
  .products-container .oferta-ativacao .imagemAtivacao {
    max-height: 75px;
    position: relative;
    right: -17%;
    top: 55px;
  }
}
p.sac-contato a{
  position:     relative;
  text-align:   center;
}
div.col-xs-12.cold-md-12.numMob1{
  position:     absolute;
  right:        25%;
  top:          75%;
}
div.col-xs-12.cold-md-12.numMob2{
  position:     absolute;
  right:        18%;
  top:          93%;
}
#como-usar-brmania {
  background:   url(../images/facilusar-mania.png) no-repeat center;
  min-height:   280px;
}

#como-usar-lubrax {
  background:   url(../images/facilusar-lubrax.png) no-repeat center;
  min-height:   280px;
}

#como-usar-combustivel {
  background:   url(../images/facilusar-vale-combustivel-desk.png) no-repeat center;
  min-height:   370px;
}
.btnLocUniOfer{
  position:     relative;
  padding:      14px 17px;
  font-size:    14px;
  text-transform: uppercase;
  line-height:  19px;
  height:       auto;
  text-align:   left;
  margin:       0px 0 0;
  color:        #fff;
  background:   #008C4F;
  box-shadow:   0px 0px 1px 0px rgba(221,221,221,1);
  float:        right;
  border:       none;
  width:        100%;
}
.search-results-highlight {
  font-weight:  bold;
}
.js-owl-rotating-image-premmia {
  max-height:   454px;
}
.searchCleanTp{
  text-align: right;  
}
.searchCleanTp a{
  color: #777777;
  font-family: petrobras_sansitalic;  
}


.account-section-form select.veiculosModelo{
  width: 200px;
}

div.ativarCadastro6 button.ativarCadastro6BTN img{
  width: 10% !important;
}
button.btnLocUniOfer img{
  width: 10% !important;
}

/*iPad horizontal */
@media only screen and (min-width: 1024px) and (max-width: 1088px) {
  footer .title {
    font-family: petrobras_sansbold;
    margin-bottom: 30px;
    color: #606060;
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
  }
  footer .col-sm-2 {
    width: 25% !important;
  }
  .owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon:before {
    display: none;
  }
  .owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon:before {
    display: none;
  }
  #offline, #header-buttons {
    width: 253px;
    display: inline-block;
    position: absolute;
    text-align: center;
    right: 10px;
    margin-top: 8px;
  }
  .search-button {
    background: url(../images/icone-lupa.svg) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 30px 30px;
    top: -10px;
  }
  .navigation__overflow {
    max-width: 100%;
    margin: 0;
    left: 140px;
  } 
  .navigation--top .nav__left .banner__component img {
    width: 20%;
    margin-left: 0px;
    height: auto;
  }
  .botao_novo_1 {
    position: relative;
    font-family: petrobras_sansbold;
    text-align: left;
    padding-left: 51px;
    text-transform: uppercase;
    margin: 0px auto;
    height: 61px;
    width: 100%;
    margin-top: 10px;
    font-size: 19px;
    margin-bottom: 10px;
    padding-top: 19px;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  body.page-update-profile div.row.accountMobile div.col-md-12{
    width: 95%;
  }
  .headerOffLineSair {
    border-left: 1px solid #55b28a;
    background: url(../images/logou-header.svg) no-repeat 10px center;
    position: relative;
    display: inline-block;
    width: 6%;
    background-position: 80%;
    left: 22%;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    font-family: petrobras_sansbold;
  }
  body.page-meusvouchers div#conteudo{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .navigation-central li {
    width: 18%;
    margin-left: 10px;
  }
  .greyHome {
    background: #F4F4F4;
    padding: 40px 0px;
    padding-bottom: 200px;
  }
  .banner__component a {
    display: block;
    width: 0px;
    height: 163px;
    overflow: visible;    
    left: -5px;
    top: 0;
    z-index: 51;
  }
  .navigation--top .nav__left .banner__component img {
    width: 200px;
    margin-left: 0;
    height: auto;
    position: relative;
    top: -5px;
  }
  .destaque_app_celular {
    display: block;
    margin-right: auto;
    width: 50%;
    float: right;
    position: relative;
    top: -30px;
    height: auto;
    right: 70px;
  }
}
/*iPad vertical*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banner__component a {
    display: block;
    width: 0px;
    height: 163px;
    overflow: visible;    
    left: -5px;
    top: 0;
    z-index: 51;
  }
  .navigation--top .nav__left .banner__component img {
    width: 150px;
    margin-left: 0;
    height: auto;
    position: relative;
    top: -5px;
  }
  .site-search .input-group-btn {
    position: relative;
    top: -25px;
    right: 30px;
  }
  div.row.accountMobile {
    position: relative;
    height: auto;
  }
  footer .col-sm-2 {
    width: 25% !important;
  }
  .product-item .favorite {
    float: right;
    right: 2px;
  }
  .navigation-central li {
    float: left;
    background: #FAFAFA;
    box-shadow: 0px 0px 1px 0px rgba(221,221,221,1);
    padding: 20px;
    min-height: 430px;
    position: relative;
    margin-bottom: 20px;
  }
  .wrapper {
    width: 754px;
    height: 600px;
  }
  .footer__nav--container {
    height: 284px;
    padding-left: 25px;
    border-right: 1px solid #606060;
    width: 25%;
  }
  .fixed-conteudo {
    height: 650px;
    padding-top: 113px;
  }
  .navigation-central li {
    width: 18.5%;
    margin-left: 10px;
  }
  .scgpP11Cop {
    color: #606060;
    font-family: petrobras_sansbold;
    font-size: 19px;
    text-align: center;
    padding-top: 106px;
  }
  .crvDivCop4 {
    background-color: #F8F8F8;
    padding-top: 20px;
    height: 540px;
  }
  .product__listing.product__grid .product-item {
    float: left;
    width: 29%;
  }
  .vpeudpCOP {
    top: 80px;
    position: relative;
    width: 50%;
    left: 80px;
  }
  .opeopFTCop {
    color: #606060;
    font-size: 17px;
    font-family: petrobras_sansregular;
    width: 40%;
  }
  .movieCOP {
    left: 40px;
    padding-left: 150px;
    width: 430px;
    height: 240px;
    background-size: contain;
  }
  div#baixeAgora h4 b {
    position: relative;
    right: 50%;
  }
  .gamification-gain {
    color: #FFCC32;
    font-size: 14px;
    line-height: 28px;
    font-family: petrobras_sansbold;
    margin: 0;
    float: right;
    position: relative;
    right: 210px;
    left: 10px;
  }
  .navigation--top .nav__left .banner__component img {
    width: 25%;
    margin-left: 0;
    height: auto;
    position: relative;
    top: -5px;
  }
  .navigation__overflow {
    max-width: 80%;
    margin: 0;
    position: relative;
    left: 80px;
  }
  .meuPerfilHeaderOnline {
    font-family: petrobras_sansbold;
    border-left: 1px solid #55b28a;
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 20%;
    left: 21%;
  }
  .ganhePontosHeaderOnline {    
    position: relative;
    color: white;
    font-size: 14px;
    left: 23%;
    font-family: petrobras_sansbold;
    border-left: 1px solid #55b28a;
    padding-left: 0px;
    display: inline-block;
    width: 20%;
    cursor: pointer;
  }
}
.cntClrLinkVch{
  margin-top: 10px;
  font-family: petrobras_sansitalic;
  text-align: center;
  color: #FF8600;
  font-size: 17px;
}
.cntClrLinkVch a{
  margin-top: 10px;
  font-family: petrobras_sansitalic;
  text-align: center;
  color: #FF8600;
  font-size: 17px;
}

.BannerDestaqueSigaBemMobile{
  display:        none;
}
.BannerDestaqueSigaBem{
  display:        block;
}
.spaceCDCERSB{
  margin-top: 40px;
  margin-bottom: 40px;
}
.rsbTitle{
  color:          #008C4F;
  font-size:      32px;
  margin-top:     50px;
}
.rsbSubTitle{
  font-size:      24px;
  font-family:    petrobras_sansregular;
  font-style:     italic;
  color:          #008C4F;
  margin-top: 10px;
  margin-bottom: 30px;
}
.rsgCEOne{
  font-size:      17px;
  color:          #606060;
  font-family:    petrobras_sansregular;
}
.rsgCETwo{
 font-size:       20px;
 color:           #777777;
 font-family:     petrobras_sansbold;
}

.rsbImg{
  float:          left;
  width:          33px;
  max-height:     33px;
  margin-right:   20px;
}
.rsbImg2{
  float:          left;
  width:          50px;
  height:         50px;
  margin-right:   20px;
}
.rsbTxt{
  font-size:      17px;
  color:          #606060;
  font-family:    petrobras_sansitalic; 
}
.rsbTripla1 img{
  width: 340px;
  height: 210px;
  margin-bottom:  10px;
}
.rsbTripla2 img{
  width: 340px;
  height: 210px;  
  margin-bottom:  10px; 
}
.rsbTripla3 img{
  width: 340px;
  height: 210px;
  margin-bottom:  10px;
}
.rsbDivOne{
  font-size:      24px;
  color:          #008C4F;
  font-family:    petrobras_sansregular;
  margin-top:     40px;
  margin-bottom:  20px;
  text-align:     center;
}
.rsbDivTwo{
  margin-bottom:  20px;
}
.rsbDivThree{
  margin-bottom:  55px; 
}
.rsbImgMap img{
  width:          100%;
  height:         100%;
  position:       relative;
  right:          20px;
}
.rsbDivEPDR{
  background:     linear-gradient(283deg, #FAFAFA, #EBEBEB);
  margin-bottom:  55px;
}
.rsbTextLocPost{
  margin-top:     30px;
  font-size:      35px;
  font-family:    petrobras_sansregular;
  color:          #606060;
}
.sejaumparca {
  font-size: 18px;
  line-height: 22px;
  font-family: petrobras_sanslight;
  color: #666;
  margin-bottom: 20px;
}
.formparceiro select {
    min-width: 200px;
    font-family: "petrobras_sansitalic";
    color: #606060;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #000000;
    padding: 0;
    padding-bottom: 8px;
}
.spaceSUP{
  margin-bottom: 20px;
  margin-top: 10px;
}
.deOlhoNoComb{
  color: #008C4F;
  font-size: 30px;
  font-family: petrobras_sansbold; 
  padding-left: 0px;
}
.deOlhoNoComb2{
  color: #008C4F;
  font-size: 24px;
  font-family: petrobras_sansregular;
  margin-top:30px; 
  margin-bottom:10px; 
  padding-left: 0px;
}
.rsbTextDeOlhoComb{
  margin-top:     30px;
  font-size:      35px;
  width: 100%;
  font-family:    petrobras_sansregular;
  color:          #FFFFFF;
}
.rsbBtnDeOlhoComb{
  background-color: #008C4F;
  cursor:         pointer;
  padding-top:    19px;
  box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width:          350px;
  height:         60px;
  margin-left:    16%;
  color:          #FFFFFF;
  font-family:    petrobras_sansbold;
  padding-left:   20px;
  font-size:      19px;
}
.rsbTitleNDCSB{
  color:          #008C4F;
  text-align:     center;
  font-size:      30px;
  font-family:    petrobras_sansbold;
}
body.page-redeSigaBem .carousel__component--carousel img {
  height:         380px;
}

body.page-redeSigaBem div.accordion-group-action.rsbSBM a{
  color:          #DE0074 !important;
  font-family:    petrobras_sansregular !important;
  font-style:     21px !important;
}
body.page-redeSigaBem div.accordion-item-title.rsbSBM{
  color:          #707070 !important;
  font-style:     18px !important; 
  font-family:    petrobras_sansregular !important;
}
body.page-redeSigaBem div.accordion-item-title.rsbSBM strong{
  color:          #DE0074 !important;
  font-style:     18px !important; 
  font-family:    petrobras_sansitalic !important;
}

body.page-redeSigaBem div.accordion-group-action.rsbSBC a{
  color:          #FF7000 !important;
  font-family:    petrobras_sansregular !important;
  font-style:     21px !important;
}
body.page-redeSigaBem div.accordion-item-title.rsbSBC{
  color:          #707070 !important;
  font-style:     18px !important; 
  font-family:    petrobras_sansregular !important;
}
body.page-redeSigaBem div.accordion-item-title.rsbSBC strong{
  color:          #FF7000 !important;
  font-style:     18px !important; 
  font-family:    petrobras_sansitalic !important;
}
.rsbSpaceETQP {
    margin-top: 10px;
    margin-bottom: 10px;
}

.deOlhoCombImg1 img{
  width:700px;
  height:400px;
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .rsbBtnDeOlhoComb {
    background-color: #008C4F;
    cursor: pointer;
    padding-top: 19px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 350px;
    height: 60px;
    color: #FFFFFF;
    font-family: petrobras_sansbold;
    padding-left: 20px;
    font-size: 19px;
    margin: 0 auto;
  }
  div.rsbBtnDeOlhoComb img{
    width: 10%;
  }
  .BannerDestaqueSigaBemMobile{
      display:    block;
  }
  .BannerDestaqueSigaBem{
    display:      none;
  }
  .rsbTripla1 img{
    width:          100%;
    height:         auto;
    max-width:      1088px;
    max-height:     400px;
    margin-bottom:  10px;
  }
  .rsbTripla2 img{
    width:          100%;
    height:         auto;
    max-width:      1088px;
    max-height:     400px;
    margin-bottom:  10px; 
  }
  .rsbTripla3 img{
    width:          100%;
    height:         auto;
    max-width:      1088px;
    max-height:     400px;
    margin-bottom:  10px;
  }
  body.page-redeSigaBem div.banner__component.banner img{
    width: 98% !important;
    height: auto;
    max-width: 1088px;
    max-height: 400px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 10px;
  }
  .checkLocPostDesk{
    display: none !important;
  }
  .checkLocPostMob{
    display: block !important;
  }
  div.col-md-12.col-xs-12.col-sm-12.headerCOP,.textFraseFavoritos3,.opeopFTCop,.deOlhoNoComb,.deOlhoNoComb2{
    padding-left: 10px;
  }

}
.cntClrLinkVch{
  margin-top: 10px;
  font-family: petrobras_sansitalic;
  text-align: center;
  color: #FF8600;
  font-size: 17px;
}
.cntClrLinkVch a{
  margin-top: 10px;
  font-family: petrobras_sansitalic;
  text-align: center;
  color: #FF8600;
  font-size: 17px;
}


div.rsbBtnDeOlhoComb img{
    width: 10%;
  }
  .deOlhoCombImg1 img{
    width:450px;
    height:300px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .deOlhoCombImg2 img{
    display:block;
    margin-left:auto;
    margin-right:auto;
  }
  .deOlhoCombImg2{
    padding-left: 10px !important;
  }

.deOlhoCombImg2{
  padding-left: 0px;
}
.checkLocPostDesk{
  display: block;
}
.checkLocPostMob{
  display: none;
}
#ideia{
  border: 1px solid rgb(96, 96, 96);
}
.caracSejaUmParca{
  float: right;
  left: 175%;
  position: relative;
}

div.spaceSUP.ideia div.form-group{
  width: 100%;
}

iframe.movieDoc{
  width: 683px;
  height: 384px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  iframe.movieDoc{
    width: 100%;
    height: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  div.spaceSUP div.col-md-3.col-xs-12 div.form-group{
    width: 100%;
  }
  div.spaceSUP div.col-md-4.col-xs-12 div.form-group{
    width: 100%;
  }
  div.spaceSUP div.col-md-12.col-xs-12 div.form-group div.control select#area{
    width: 100% !important;
  }
  div.spaceSUP div.col-md-12.col-xs-12 div.form-group{
    width: 100% !important;
  }
  .caracSejaUmParca {
    float: left;
    left: 0;
    position: relative;
  }
}
div.videoRSB div.content p{
  height: 320px;
}
iframe.moviersb{
  width: 100%;
  height: 320px;
}

/*------SEM PARAR-------*/
body.page-homepage div.SEMPDESK div.main{
  background: url(../images/banner_sem_parar/desktop/planodefundo.png) center 0 no-repeat;
  width: 100%;
  height: 400px;
}
body.page-homepage div.SEMPDESK img#main{
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
}
body.page-homepage div.SEMPDESK img#logo{
  width: 220px;
  height: 220px;
  position: absolute;
  margin-top: 100px;
  margin-left: 50px;
}
body.page-homepage div.SEMPDESK img#quatroxmais{
  width: 180px;
  height: 180px;
  position: absolute;
  margin-top: 50px;
  margin-left: 0px;
}
body.page-homepage div.SEMPDESK img#postopetrobras{
  width: 420px;
  height: 200px;
  position: absolute;
  margin-top: 202px;
  left: -21%;
}
body.page-homepage div.SEMPDESK a img#semmais{
  width: 300px;
  height: 100px;
  position: absolute;
  margin-top: 240px;  
}
body.page-homepage div.SEMPDESK a img#adquira{
  width: 350px;
  height: 100px;
  position: absolute;
  margin-top: 240px;
  left: 45%;
}
body.page-homepage div.SEMPDESK div.f1{
  position: absolute;
  font-family: petrobras_sansitalic;
  color: #FFFFFF;
  font-size: 32px;
  margin-top: 20px;
}
body.page-homepage div.SEMPDESK div.f2{
  position: absolute;
  margin-top: 120px;
  color: #FFFFFF;
  font-size: 24px;
  font-family: petrobras_sansregular;
}
body.page-homepage div.SEMPDESK div.f3{
  position: absolute;
  margin-top: 350px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: petrobras_sansbold;
}
body.page-homepage div.SEMPMOB img#main{
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
}
body.page-homepage div.SEMPMOB img#logo{
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 25%;
  left: 33%;
}
body.page-homepage div.SEMPMOB img#quatroxmais{
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 11%;
  left: 65%;
}
body.page-homepage div.SEMPMOB img#postopetrobras{
  width: 420px;
  height: 150px;
  position: absolute;
  bottom: -0.1%;
  left: -3%;
}
body.page-homepage div.SEMPMOB a img#semmais{
  width: 60% !important;
  height: 100px;
  position: absolute;
  bottom: 7.5%;
  left: 22%;
}
body.page-homepage div.SEMPMOB a img#adquira{
  width: 80% !important;
  height: 100px;
  position: absolute;
  bottom: 5.1%;
  left: 11%;
}
body.page-homepage div.SEMPMOB div.f1{
  position: absolute;
  font-family: petrobras_sansitalic;
  color: #FFFFFF;
  font-size: 1.5em;
  bottom: 21%;
  left: 17%;
}
body.page-homepage div.SEMPMOB div.f2{
  position: absolute;
  bottom: 15%;
  left: 17%;
  color: #FFFFFF;
  font-size: 1.3em;
  font-family: petrobras_sansregular;
}
body.page-homepage div.SEMPMOB div.f3{
  position: absolute;
  bottom: 3.7%;
  left: 3%;
  color: #FFFFFF;
  font-size: 0.9em;
}
body.page-homepage div.SEMPDESK{
  display: block;
}
body.page-homepage div.SEMPMOB{
  display: none;
}
@media screen and (max-width: 767px) {
  body.page-homepage div.SEMPDESK{
    display: none;
  }
  body.page-homepage div.SEMPMOB{
    display: block;
  }
  body.page-homepage div.SEMPMOB img{
    width: 97%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 10px;
  }
}
.BTSPD1{
  background-color: #FFFFFF;
  color: #008C4F;
  position: absolute;
  font-family: petrobras_sansbold;
  text-align: left;
  padding-left: 51px;
  text-transform: uppercase;
  margin: 0px auto;
  height: 61px;
  width: 240px;
  font-size: 19px;
  padding-top: 19px;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 19.4%;
  left: 35.5%;
}
.BTSPD2 {
  background-color: #FFCC32;
  color: #008C4F;
  position: absolute;
  font-family: petrobras_sansbold;
  text-align: left;
  padding-left: 51px;
  text-transform: uppercase;
  margin: 0px auto;
  height: 61px;
  width: 355px;
  font-size: 19px;
  padding-top: 19px;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 19.4%;
  left: 55.5%;
}
.BTSPM1{
  background-color: #FFFFFF;
  color: #008C4F;
  position: absolute;
  font-family: petrobras_sansbold;
  text-align: left;
  padding-left: 51px;
  text-transform: uppercase;
  margin: 0px auto;
  height: 58px;
  width: 208px;
  font-size: 19px;
  padding-top: 19px;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 133%;
  left: 24.5%;
}
.BTSPM2{
  background-color: #FFCC32;
  color: #008C4F;
  position: absolute;
  font-family: petrobras_sansbold;
  text-align: left;
  padding-left: 51px;
  text-transform: uppercase;
  margin: 0px auto;
  height: 61px;
  width: 355px;
  font-size: 19px;
  padding-top: 19px;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 146.5%;
  left: 8%;
}
body.page-homepage div.SEMPDESK a{
  display: initial;
}
body.page-homepage div.SEMPMOB a{
  display: initial;
}
body.page-conhecaoprograma div.SEMPDESK div.main{
  background: url(../images/banner_sem_parar/desktop/planodefundo.png) center 0 no-repeat;
  width: 100%;
  height: 400px;
}

body.page-conhecaoprograma div.SEMPDESK img#main{
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
}
body.page-conhecaoprograma div.SEMPDESK img#logo{
  width: 200px;
  height: 200px;
  position: absolute;
  margin-top: 100px;
  margin-left: 30px;
}
body.page-conhecaoprograma div.SEMPDESK img#quatroxmais{
  width: 180px;
  height: 180px;
  position: absolute;
  margin-top: 50px;
  margin-left: 0px;
}
body.page-conhecaoprograma div.SEMPDESK img#postopetrobras{
  width: 300px;
  height: 100px;
  position: absolute;
  margin-top: 301px;
  left: -8%;
}
body.page-conhecaoprograma div.SEMPDESK a img#semmais{
  width: 300px;
  height: 100px;
  position: absolute;
  margin-top: 250px;  
}
body.page-conhecaoprograma div.SEMPDESK a img#adquira{
  width: 350px;
  height: 100px;
  position: absolute;
  margin-top: 250px;
  left: 45%;
}
body.page-conhecaoprograma div.SEMPDESK div.f1{
  position: absolute;
  font-family: petrobras_sansitalic;
  color: #FFFFFF;
  font-size: 32px;
  margin-top: 20px;
}
body.page-conhecaoprograma div.SEMPDESK div.f2{
  position: absolute;
  margin-top: 160px;
  color: #FFFFFF;
  font-size: 24px;
  font-family: petrobras_sansregular;
}
body.page-conhecaoprograma div.SEMPDESK div.f3{
  position: absolute;
  margin-top: 330px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: petrobras_sansbold;
}
body.page-conhecaoprograma div.SEMPMOB img#main{
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
}
body.page-conhecaoprograma div.SEMPMOB img#logo{
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 37%;
  left: 33%;
}
body.page-conhecaoprograma div.SEMPMOB img#quatroxmais{
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 27%;
  left: 65%;
}
body.page-conhecaoprograma div.SEMPMOB img#postopetrobras{
  width: 420px;
  height: 150px;
  position: absolute;
  bottom: 19.6%;
  left: -3%;
}
body.page-conhecaoprograma div.SEMPMOB a img#semmais{
  width: 60% !important;
  height: 100px;
  position: absolute;
  bottom: 24.5%;
  left: 22%;
}
body.page-conhecaoprograma div.SEMPMOB a img#adquira{
  width: 80% !important;
  height: 100px;
  position: absolute;
  bottom: 22.4%;
  left: 11%;
}
body.page-conhecaoprograma div.SEMPMOB div.f1{
  position: absolute;
  font-family: petrobras_sansitalic;
  color: #FFFFFF;
  font-size: 1.5em;
  bottom: 34%;
  left: 17%;
}
body.page-conhecaoprograma div.SEMPMOB div.f2{
  position: absolute;
  bottom: 30%;
  left: 17%;
  color: #FFFFFF;
  font-size: 1.3em;
  font-family: petrobras_sansregular;
}
body.page-conhecaoprograma div.SEMPMOB div.f3{
  position: absolute;
  bottom: 21.7%;
  left: 3%;
  color: #FFFFFF;
  font-size: 12px;
}
body.page-conhecaoprograma div.SEMPDESK{
  display: block;
}
body.page-conhecaoprograma div.SEMPMOB{
  display: none;
}
@media screen and (max-width: 767px) {
  body.page-conhecaoprograma div.SEMPDESK{
    display: none;
  }
  body.page-conhecaoprograma div.SEMPMOB{
    display: block;
  }
  body.page-conhecaoprograma div.SEMPMOB img{
    width: 97%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 10px;
  }
}
body.page-conhecaoprograma div.SEMPDESK a{
  display: initial;
}
body.page-conhecaoprograma div.SEMPMOB a{
  display: initial;
}
.erroLockStyle{
  font-weight: 600;
  color: #c53131;
}
div.formparceiro div.form-group.has-error{
  margin-bottom: 0px;
}
div#areaValidation div.form-group.has-error div.control select#area{
  background: #f6e0e0;
  border-color: #c53131;
}
div#textoValidation div.form-group.has-error textarea#ideia{
  background: #f6e0e0;
  border-color: #c53131; 
}
.bannerTriplaRow{
  height: 300px;
}
@media screen and (max-width: 767px) {
  .bannerTriplaRow{
    height: 840px;
  }
  body.page-redeSigaBem div.banner__component.banner a{
    width: auto;
    height: auto;
  }
}
@media screen and (max-width: 320px) {
  body.page-conhecaoprograma div.SEMPMOB img#logo {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 37%;
    left: 33%;
  }
}
/*Experiência Premmia*/
.page-experienciapremmia .box-experienciaPremmia img{
  height: 260px;
  float: left;
  width: 100%;
}
.page-experienciapremmia .box-experienciaPremmia {
  float: left;
  width: 31%;
  height: 260px;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px;
  margin: 10px;
  box-shadow: 0px 0px 5px 0px rgba(221,221,221,1);
}
.posts-grid {
      display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.box-experienciaPremmia .banner-detail {
  height: 63px;
  width: 100%;
  text-align: center;
  background: rgba(0,90,148,0.8);
  font-size: 24px;
   display: table;
  /* opacity: 0.8;
  filter: alpha(opacity=80);*/
      position: relative;
    top: -63px;
}

.box-experienciaPremmia .banner-detail p {
      display: table-cell;
    vertical-align: middle;
      color: #FFFFFF;

    /* height: 63px; */
    width: 100%;
}

.box-experienciaPremmia .banner-date {
    max-width: 125px;
    background: rgba(0,90,148,0.8);
        padding: 10px;
    position: absolute;
    top: 10px;
    left: -5px;
        box-shadow: 0px 0px 1px 0px rgba(221,221,221,0.5);

}

.box-experienciaPremmia .banner-date div:first-child {
      font-size: 48px;
    color: #FFFFFF;
    line-height: 42px;
    padding: 0px;
}

.box-experienciaPremmia .banner-date div:last-child {
  font-size: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
      line-height: 20px;
      padding: 0px;
          padding-left: 5px;
}

.descriptionPremmia {
  color: #606060;
  font-size: 17px;
}

.template-pages-layout-experienciaPremmiaPage .loader-carrosel {
  display: none;
}


@media (max-width: 767px) {
    .page-experienciapremmia .box-experienciaPremmia {
      width: 100% !important;
    }
  }

.page-experienciapremmia .rsbSubTitle {
  color: #008C4F;
  font-size: 24px;
  line-height: 31px;
}


.loginBorderInput3 {
    border-radius: 0px !important;
    position: relative !important;
    border: none !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #000000 !important;
    color: #000000 !important;
    background: #fff !important;
    padding: 10px 19px !important;
    font-family: petrobras_sansregular !important;
    font-size: 16px !important;
    width: 100% !important;
 
}
.sharingFacebook1{
  
}
.sharingFacebook2{
  padding-left: 20%;
}
.sharingFacebook3{
  padding-top: 4%;
}
.sharingFacebook4{
  color: #004D94;
  font-family: petrobras_sansbold;
  font-size: 25px;
}
.sharingFacebook5{
  font-family: petrobras_sansregular;
  color: #B4B4B4;
  font-size: 25px;
}
@media (max-width: 767px) {
  .sharingFacebook2{
    padding-left: 0%;
  }
  div.sharingFacebook2 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
  }
  .sharingFacebook4{
    text-align: center;
  }
  .sharingFacebook5{
    text-align: center;
  }
  p.sharingFacebook6 iframe{
    display: block;
    margin-left: auto;
    margin-right: auto;  
  }
  div.frntndFcbk iframe{
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}


.carousel__item .videoWrapper {
  padding-bottom: 355px;
}

.carousel__item .videoWrapper iframe {
  max-height: 448px;
}



/*Localizador de Postos*/


#pac-input {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #DDDDDD;
}
.locPostFPS{
  color: #008C4F;
  font-family: petrobras_sansregular; 
}
.boxFilterLocPost{
  background-color: #FCFCFC;
  padding-top: 1%;
  padding-bottom: 1%;
}

/* The LocPostcontainer */
.LocPostcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    font-weight: 100 !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-family: petrobras_sansregular; 
    color: #606060;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.LocPostcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border: 1px solid #008C4F;
}

/* On mouse-over, add a grey background color */
.LocPostcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.LocPostcontainer input:checked ~ .checkmark {
    background-color: #008C4F;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.LocPostcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.LocPostcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.searchLocPost .fa-search { 
  position: absolute;
  top: 42%;
  z-index: 1;
  left: 68%;
  color: #DDDDDD;
}
div#telaFiltroLocPost1{
  display: none;
  background: #ffffff;
  height: 325px;
  position: absolute;
  top: 100%;
  right: 0%;
  width: 363px;
  padding: 10px;
  z-index: 2;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div#telaFiltroLocPost2{
  display: none;
  background: #ffffff;
  height: 325px;
  position: absolute;
  top: 100%;
  right: 0%;
  width: 363px;
  padding: 10px;
  z-index: 2;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
div#telaFiltroLocPost2{
  display: none;
}
.searchLocPost .fa-filter { 
  position: absolute;
  top: 42%;
  z-index: 1;
  left: 85%;
  color: #DDDDDD;
}

.searchLocPost .fa-dot-circle-o{
  position:   absolute;
  top:        30%;
  z-index:    1;
  left:       90%;
  color:      #DDDDDD; 
}
.imgPostLoc img{
  width: 343px;
  height: 200px;
}
div#mapoup{
  padding-top: 20px;
}
#mapoup div.nomePostoPopUp{
  color:          #008C4F;
  font-size:      16px;
  font-family:    petrobras_sansbold; 
}
#mapoup div#distance{
  color: #777777;
  font-size:      14px;
  font-family:    petrobras_sansbold;  
}
.notaStar img{
  width: 20px;
}
.notaStar img.starG{
  width: 16.1px !important;
  padding-bottom: 1px;
}
#mapoup div.enderecoPostoPopUp{
  font-size:      14px;
  font-family:    petrobras_sansregular;
  color:          #777777;
  margin-bottom: 20px;
}
#mapoup div.cepPostoPopUp{
  font-size:      16px;
  font-family:    petrobras_sansregular;
  color:          #777777;
  padding-bottom: 15px;
  border-bottom:  0.3px solid #95989A
}
div.info.col-md-12 div.locPostPadrao{
  color: #777777;
  font-family:    petrobras_sansregular;
  font-size: 16px;
}
body.page-localizadorPostos span.fa.fa-star.checked {
    color: #1BB76B;
}
body.page-localizadorPostos span.fa.fa-star.meia {
    color: red;
}
div.nota.col-md-4 img {
    vertical-align: -webkit-baseline-middle;
    width:         20px;
}
div.nota.col-md-6 img {
    width: 20px;
}
div.nota.col-md-4 img.starG {
  vertical-align: -webkit-baseline-middle;
  width: 17px !important;
}
div.nota.col-md-6 img.starG {
  width: 17.5px !important;
  padding-top: 1px;
}
.distanceStyle{
  background-color:   #1BB76B;
  font-family:        petrobras_sansbold;
  color:              white;
  width:              80px;
  text-align:         center;
  height:             26px;
  vertical-align:     middle;
  display:            table-cell;
  border-radius:      8px;
}
#mapoup div.servicoPostoPopUp{
  font-size:      16px;
  font-family:    petrobras_sansregular;
  color:          #777777;
  padding-bottom: 10px;
  border-top: 2px dotted #777777;
  padding-top: 10px;
}
div.imgServiceProductLocP{
  padding-bottom: 10px;
}
#mapoup div.produtoPostoPopUp{
  font-size:      16px;
  font-family:    petrobras_sansregular;
  color:          #777777;
  padding-top: 15px;
  border-top: 2px dotted #777777;
}
.imgServiceProductLocP img{
  width: 90px;
  height: 45px;
}
.logoLocPost img{
  //display:block;
  //margin:auto;
}
.logoLocPost{
  margin-bottom: 20px;
}
.nota img{
  float: right;
}
#distance{
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .logoLocPost img{
    width: 75px;
  }
  div.product.col-md-12.col-xs-12.locPostPadrao{
    margin-bottom: 40px;
  }
  div.info.col-md-12 div.description.col-md-8 {
    margin-top: 10px;
  }  
  div.info{
    max-width: 100% !important;
  }
  div.description.col-md-8.col-xs-6 {
    position: relative;
    left: 56px !important;
    bottom: 36px !important;
    color: #777777;
    font-family: petrobras_sansregular;
    font-size: 14px;
  }
  div.directions.col-md-4.col-xs-3 {
    position: relative;
    bottom: 20px;
    left: 27% !important;
    color: #777777;
    font-family: petrobras_sansregular;
    font-size: 14px;
    cursor: pointer;
    width: 55px;
  }
}
.menuLocPost{
 padding: 0px;
}
#lista-posto{
  padding: 0px;
}
body.page-localizadorPostos ul#lstPostos{
  padding-left: 0px;
}
body.page-localizadorPostos div.info{
  padding-left: 0px;
}
body.page-localizadorPostos div.distance{
 padding-left: 0px; 
}
body.page-localizadorPostos div.title{
 padding-left: 0px; 
}
body.page-localizadorPostos div.title{
  color: #008C4F;
  font-size: 14px;
  font-family: petrobras_sansbold;
  margin-top: 7px; 
}
.locPostPadrao{
  margin-top: 17px;
}
.enderecoLocPosttt{
  color: #777777;
  font-family: petrobras_sansregular;
  font-size: 16px;
}

div.description.col-md-8.col-xs-6{
  position: relative;
  left: 45px;
  bottom: 7px;    
  color: #777777;
  font-family: petrobras_sansregular;
  font-size: 14px;
}
div.directions.col-md-4.col-xs-3{
  position: relative;
  bottom: 20px;
  left: 19%;
  color: #777777;
  font-family: petrobras_sansregular;
  font-size: 14px;
  cursor: pointer;
}
div.searchLocPost img.localPostBusca{
  position: absolute;
  top: 39%;
  z-index: 1;
  background: white;
  left: 75%;
  width: 30px;
  height: 20px;
}
div.searchLocPost{
  background-color: #008C4F;
  padding: 25px;
}
div.searchLocPost img.localPostFiltr{
  cursor: pointer;
  position: absolute;
  top: 39%;
  z-index: 1;
  left: 83%;
  background-color: white;
  width: 29px;
}
img.imgBRMSize{
  height: 45px !important;
}
img.rotaClass{
  cursor: pointer;
}
div.LpAtive{
  text-align: center;
  background-color: #FFFFFF;
  height: 45px;
  margin-bottom: 25px;
  line-height: 45px;
  color: #008C4F;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
div.LpInative{
  text-align: center;
  background-color: #DDDDDD;
  height: 45px;
  margin-bottom: 25px;
  line-height: 45px;
  color: #95989A;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
div.boxFilterLDP{
  padding-top: 50px;
  padding-left: 0px;
}
body.page-localizadorPostos button.btn{
  padding: 10px 37px !important;
}
button.btn-default-cancel{
  color: #777777 !important;
  text-align: left;
  background: #DDDDDD;
  border: 1px solid #DDDDDD;
  border-radius: 0px !important;
}
i.fa.fa-check.hidden{
  visibility:unset !important;
}
.nopad {
  padding-left: 10px !important;
  padding-right: 0 !important;
}
/*image gallery*/
.image-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid transparent;
  margin-bottom: 0;
  outline: 0;
  border-color: #B4B4B4;
}
.image-checkbox input[type="checkbox"] {
  display: none;
}
.image-checkbox-checked {
  border-color: #FBB92B !important;
}
.image-checkbox .fa {
  position: absolute;
  color: #4A79A3;
  background-color: #fff;
  padding: 3px;
  top: 0;
  right: 0;
}
.image-checkbox-checked .fa {
  display: block !important;
}
div.searchLocPost input#pac-input{
  padding-left: 5px;
}
.textLP{
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
  font-family: petrobras_sanslight;
  color: #666;
}
div.imgPPPePNP img{
  width: 15% !important;
}
/* LOCALIZADOR DE POSTOS MOBILE */
@media (max-width: 767px) {
  div#telaFiltroLocPost1 {
    width: 100%;
  }
  div#telaFiltroLocPost2 {
    width: 100%;
  }
}
.col-md-4.col-xs-12.frntndFcbk {
    margin-top: 10px;
}
/* LOCALIZADOR DE POSTOS HOMEPAGE V2 */
body.page-homepage div.SEMPDESK2{
  display: block;
}
body.page-homepage div.SEMPMOB2{
  display: none;
}
@media screen and (max-width: 767px) {
  body.page-homepage div.SEMPDESK2{
    display: none;
  }
  body.page-homepage div.SEMPMOB2{
    display: block;
  }
  body.page-homepage div.SEMPMOB2 div.col-md-12 a{
  width: 100% !important;
  display: contents !important;
  }
  body.page-homepage div.SEMPMOB2 div.col-md-12 a img{
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
  }
}
body.page-homepage div.SEMPDESK2 div.col-md-12 a img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
}
body.page-homepage div.SEMPDESK2 div.col-md-12 a{
  width: 100% !important;
  display: contents !important;
}

/* LOCALIZADOR DE POSTOS CONHECA O PROGRAMA V2 */
body.page-conhecaoprograma div.SEMPDESK2{
  display: block;
}
body.page-conhecaoprograma div.SEMPMOB2{
  display: none;
}
@media screen and (max-width: 767px) {
  body.page-conhecaoprograma div.SEMPDESK2{
    display: none;
  }
  body.page-conhecaoprograma div.SEMPMOB2{
    display: block;
  }
  body.page-conhecaoprograma div.SEMPMOB2 div.col-md-12 a{
  width: 100% !important;
  display: contents !important;
  }
  body.page-conhecaoprograma div.SEMPMOB2 div.col-md-12 a img{
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
  }
  .page-homepage #conteudo {
    height: 2285px !important;
  }
}
body.page-conhecaoprograma div.SEMPDESK2 div.col-md-12 a img{
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto
}
body.page-conhecaoprograma div.SEMPDESK2 div.col-md-12 a{
  width: 100% !important;
  display: contents !important;
}
button.CUSTOMCL.ui-corner-all.ui-keyboard-button {
    color: black !important;
}
@media screen and (max-width: 767px) {
  div.promo-mini a img{
    width: 80% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  div.row div.col-md-12.right div.col-md-8.col-xs-12.coringaHelpMob{
    top: 35px;
  }
  .filtro-cadastro-link-selected2 {
    height: 200px !important;
  }
  div.col-md-12.col-xs-12.changePosto{
    margin-top: 40px;
  }
  body.template-pages-promocao-promocaoPage div.banner__component.banner a img{
    width: 100% !important;
  }
  div#promocaoRegulamentoG {
    margin-left: 10%;
    margin-right: 10%;
  }
  div.detalhes{
    margin-top: 60px !important;
    float: left;
  }
  #qrcode {
    width: 175px;
    height: 210px;
    margin-top: 15px;
    margin-left: 15%;
  }
}
.filtro-cadastro-link-selected2 {
    display: block;
    margin: 10px 0;
    padding: 10px 0;
    text-decoration: none;
    position: relative;
    height: 96px;
    background-color: #008C4F !important;
    color: #FFFFFF !important;
}
div.col-md-12.changePosto img{
  width: 45px;
  position: relative;
  top: 50%;
  left: 50%;
}
ul#lstPostosSelect2{  
  color:#FFFFFF !important; 
}
.textDateNewGas{
  font-size: 16px;
}
.banner__component a img{
    width: 100%;
    height: auto;
    max-width: 1088px;
    max-height: 400px;
    margin-bottom: 10px;
}
a.open-modal.rule-link {
    color: #606060;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
}