/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)
    -   vertical-align          - arguments: none
    -   filter                  - // Examples:
                                  // grayscale      ex: filter: grayscale(100%);
                                  // sepia          ex: filter: sepia(100%);
                                  // saturate       ex: filter: saturate(0%);
                                  // hue-rotate     ex: filter: hue-rotate(45deg);
                                  // invert         ex: filter: invert(100%);
                                  // brightness     ex: filter: brightness(15%) ;
                                  // contrast       ex: filter: contrast(200%);
                                  // blur           ex: filter: blur(2px);

------------------------------------------------------------- */
@font-face {
  font-family: 'lamoda';
  src: url("font/lamoda.eot?43371317");
  src: url("font/lamoda.eot?43371317#iefix") format("embedded-opentype"), url("font/lamoda.woff?43371317") format("woff"), url("font/lamoda.ttf?43371317") format("truetype"), url("font/lamoda.svg?43371317#lamoda") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "lamoda";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-campanha:before {
  content: '\e800'; }

.icon-youtube:before {
  content: '\e815'; }

.icon-gplus:before {
  content: '\e816'; }

.icon-instagram:before {
  content: '\e817'; }

.icon-facebook:before {
  content: '\e818'; }

.icon-acoes:before {
  content: '\e819'; }

.icon-trocas:before {
  content: '\e81a'; }

.icon-treinamentos:before {
  content: '\e81b'; }

.icon-titulos:before {
  content: '\e81c'; }

.icon-subsidio:before {
  content: '\e81d'; }

.icon-revista:before {
  content: '\e81e'; }

.icon-redessociais:before {
  content: '\e81f'; }

.icon-plus:before {
  content: '\e820'; }

.icon-pesquisas:before {
  content: '\e821'; }

.icon-perfil:before {
  content: '\e822'; }

.icon-pedidos:before {
  content: '\e823'; }

.icon-materiais:before {
  content: '\e824'; }

.icon-informacoes:before {
  content: '\e825'; }

.icon-folder:before {
  content: '\e826'; }

.icon-download:before {
  content: '\e827'; }

.icon-contato:before {
  content: '\e828'; }

.icon-comprovacoes:before {
  content: '\e829'; }

.icon-ballon:before {
  content: '\e82a'; }

.icon-b2b:before {
  content: '\e82b'; }

.icon-usuario:before {
  content: '\e82c'; }

* {
  font-family: "Arial", sans-serif; }

html {
  height: 100%; }

body {
  background-color: #F3F3F3;
  font-family: "Arial", sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #000000;
  /*height: 100%;*/ }
  body ul {
    list-style: none; }
  body a:hover {
    text-decoration: none; }
  body .situacao {
    font-weight: 400; }
    body .situacao.situacao-0 {
      color: #000000; }
    body .situacao.situacao-1 {
      color: #CC66CC; }
    body .situacao.situacao-2 {
      color: #6B521D; }
    body .situacao.situacao-3 {
      color: #9370D8; }
    body .situacao.situacao-4 {
      color: #FFA500; }
    body .situacao.situacao-5 {
      color: #FFC0CB; }
    body .situacao.situacao-6 {
      color: #CD853F; }
    body .situacao.situacao-7 {
      color: #FFDAB9; }
    body .situacao.situacao-8 {
      color: #33CCFF; }
    body .situacao.situacao-9 {
      color: #98FB98; }
    body .situacao.situacao-10 {
      color: #FF6666; }
    body .situacao.situacao-11 {
      color: #CCCCCC; }
    body .situacao.situacao-12 {
      color: #26A2CC; }
  body .fs15px {
    font-size: 15px !important; }
  body .fs20px {
    font-size: 20px !important; }
  body .fs30px {
    font-size: 30px !important; }
  body .fs40px {
    font-size: 40px !important; }
  body .fw400 {
    font-weight: 400 !important; }
  body .fw600 {
    font-weight: 600 !important; }
  body .fw700 {
    font-weight: 700 !important; }
  body .no-padding {
    padding: 0 !important; }
  body .no-margin {
    margin: 0 !important; }
  body .mb20px {
    margin-bottom: 20px; }
  body .mb45px {
    margin-bottom: 45px; }
  body .mb65px {
    margin-bottom: 65px; }
  body .mt20px {
    margin-top: 20px; }
  body .mt40px {
    margin-top: 40px; }
  body .o-hidden {
    overflow: hidden !important; }
  body .d-block {
    display: block !important; }
  body .d-none {
    display: none !important; }
  body .txt-center {
    text-align: center !important; }
  body .txt-right {
    text-align: right !important; }
  body .txt-left {
    text-align: left !important; }
  body .uppercase {
    text-transform: uppercase !important; }
  body .lowercase {
    text-transform: lowercase !important; }
  body .dourado {
    color: #ff0084 !important; }
  body .border {
    border: 1px solid #ff0084;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  body .content {
    border-radius: 0px;
    border: 1px solid #ff0084;
    background-color: #FFFFFF;
    padding: 30px; }
    body .content h2 {
      margin-bottom: 20px; }
      body .content h2 span {
        color: #FFFFFF;
        border-radius: 0px;
        background-color: #ff0084;
        font-size: 26px;
        text-transform: uppercase;
        padding: 5px 40px;
        letter-spacing: 1px; }
  body .mask-close {
    /*background: red;*/
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 100%; }
  body #close-video {
    display: none;
    background-image: url(../includes/js/swipebox-master/src/img/icons.png);
    background-position: 15px 12px;
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9999999999; }
  body #video-player {
    background: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999; }
  body .body-background {
    padding-top: 20px;
    background: #FFFFFF; }

.img-o-que-e {
  width: 45%;
  margin: 0 2% 4%; }

a.atalho {
  position: relative;
  border: 1px solid #ff0084;
  border-radius: 0px;
  padding: 10px;
  display: table;
  font-size: 18px;
  color: #ff0084;
  height: 90px;
  width: 100%;
  margin-bottom: 20px; }
  a.atalho i {
    position: absolute;
    color: inherit;
    font-size: 40px;
    top: 50%;
    margin-top: -28px; }
  a.atalho span {
    padding-left: 60px;
    vertical-align: middle;
    display: table-cell;
    height: 70px;
    line-height: 100%; }
  a.atalho:hover {
    background: #232323; }

a.link {
  position: relative;
  display: table;
  font-size: 18px;
  color: #000000;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 290px; }
  a.link i {
    position: absolute;
    color: inherit;
    font-size: 40px;
    top: 50%;
    margin-top: -28px; }
  a.link span {
    padding-left: 60px;
    vertical-align: middle;
    display: table-cell;
    line-height: 100%; }
  a.link:hover {
    color: #ff0084; }
    a.link:hover i {
      color: inherit; }

a.button {
  background: #ff0084;
  border-radius: 0px;
  border: none;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 7px 20px;
  font-family: inherit;
  margin: 0 auto;
  clear: both;
  display: block;
  font-size: 16px;
  cursor: pointer;
  text-align: center; }
  a.button:hover {
    color: #000000; }

.sbHolder {
  border: 1px solid #ff0084;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  font-family: "Arial", sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 42px;
  position: relative;
  width: 100%; }
  .sbHolder .sbToggle {
    background: url(../images/sprite.fw.png) no-repeat -200px 0px;
    background-color: #ff0084;
    display: block;
    height: 100%;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px; }
    .sbHolder .sbToggle.sbToggleOpen {
      background: url(../images/sprite.fw.png) no-repeat -242px 0px;
      background-color: #ff0084; }
      .sbHolder .sbToggle.sbToggleOpen:hover {
        background-color: #ff0084; }
  .sbHolder:hover .sbToggle {
    background-color: #ff0084; }
  .sbHolder .sbSelector {
    display: block;
    height: 42px;
    left: 0;
    line-height: 42px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 100%; }
    .sbHolder .sbSelector:link, .sbHolder .sbSelector:visited, .sbHolder .sbSelector:hover {
      font-size: 14px;
      color: #000000;
      outline: none;
      text-decoration: none; }
  .sbHolder .sbOptions {
    background-color: #FFFFFF;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: 10;
    overflow-y: auto;
    font-size: 14px;
    border: 1px solid #ff0084;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
    .sbHolder .sbOptions li {
      padding: 0 7px; }
      .sbHolder .sbOptions li.last a {
        border-bottom: none; }
      .sbHolder .sbOptions li:hover {
        background: #ff0084; }
    .sbHolder .sbOptions a {
      border: none;
      display: block;
      outline: none;
      line-height: 33px; }
      .sbHolder .sbOptions a:link, .sbHolder .sbOptions a:visited {
        color: #ff0084;
        text-decoration: none; }
      .sbHolder .sbOptions a:hover, .sbHolder .sbOptions a:focus, .sbHolder .sbOptions a .sbFocus {
        color: #FFFFFF; }
    .sbHolder .sbOptions .sbDisabled {
      border-bottom: dotted 1px #FFFFFF;
      color: #ccc;
      display: block;
      line-height: 30px; }
    .sbHolder .sbOptions .sbGroup {
      border-bottom: dotted 1px #ccc;
      color: #ccc;
      display: block;
      font-weight: 300;
      line-height: 30px; }
    .sbHolder .sbOptions .sbSub {
      padding-left: 17px; }

body .banner {
  overflow: hidden;
  background-color: #000000;
  position: relative;
  margin-top: 70px;
  /*margin-bottom: 20px;*/ }
  body .banner li:first-child.bx-clone {
    display: none; }
  body .banner .bx-wrapper {
    margin-bottom: 0; }
    body .banner .bx-wrapper .bx-viewport {
      background: #000000;
      left: 0;
      border: none; }
      body .banner .bx-wrapper .bx-viewport .bxslider {
        border-bottom: 1vw solid #000000;
        overflow: hidden; }
    body .banner .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, body .banner .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background: url(../images/sprite.fw.png) no-repeat no-repeat;
      width: 41px;
      height: 41px;
      margin-top: -20px; }
    body .banner .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
      background-position: -350px -50px; }
    body .banner .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background-position: -391px -50px; }
  body .banner .pager {
    position: absolute;
    bottom: 50px;
    width: 980px;
    left: 50%;
    margin-left: -490px; }
    body .banner .pager .bx-pager {
      float: right;
      width: 16px; }
      body .banner .pager .bx-pager .bx-pager-item {
        text-align: center;
        font-size: 0; }
        body .banner .pager .bx-pager .bx-pager-item a {
          background-color: transparent;
          margin: 3px;
          display: inline-block;
          border: 1px solid #ff0084;
          width: 10px;
          height: 10px; }
          body .banner .pager .bx-pager .bx-pager-item a.active {
            background-color: #ff0084;
            border-color: #ff0084; }
  body .banner .barra {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: #ff0084; }
  body .banner .sociais {
    position: absolute;
    bottom: 0px;
    width: 980px;
    left: 50%;
    margin-left: -490px;
    height: 40px; }
    body .banner .sociais a {
      background-color: #ff0084;
      font-size: 16px;
      line-height: 40px;
      display: inline-block;
      float: right;
      color: #000000;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -khtml-transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
      body .banner .sociais a i {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../images/sprite.fw.png) no-repeat;
        vertical-align: middle;
        margin-top: -6px; }
      body .banner .sociais a.facebook {
        padding-right: 12px; }
        body .banner .sociais a.facebook i {
          background-position: -120px -40px; }
      body .banner .sociais a.instagram {
        margin-left: 3px; }
        body .banner .sociais a.instagram i {
          background-position: -160px -40px; }
      body .banner .sociais a:hover {
        color: #ff0084;
        background-color: #000000; }
        body .banner .sociais a:hover.facebook i {
          background-position: -120px -80px; }
        body .banner .sociais a:hover.instagram i {
          background-position: -160px -80px; }
  body .banner .ico-play {
    position: absolute;
    display: none;
    width: 50px;
    height: 51px;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -25px;
    background: url("../images/ico-play.png") 0px 0px no-repeat;
    cursor: pointer; }
    body .banner .ico-play:hover {
      background-position: -50px 0px; }
  body .banner .caption-play {
    position: absolute;
    display: block;
    width: 410px;
    height: 110px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -205px;
    background: url("../images/caption_video.png") center center no-repeat; }
  body .banner .video-campanha {
    opacity: 0.5; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .banner {
    margin-top: 70px; } }

.widget {
  position: relative;
  min-height: 195px;
  border-radius: 0px;
  margin-bottom: 20px; }
  .widget .widget-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: auto 100% !important;
    background-position: center center;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -khtml-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .widget .widget-background .overlay {
      top: 0;
      left: 0;
      position: absolute;
      overflow: hidden;
      z-index: 5;
      width: 100%; }
    .widget .widget-background img {
      z-index: 10;
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: auto; }
      .widget .widget-background img.multiply {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1; }
      .widget .widget-background img.gradiente {
        height: 100%; }
  .widget .widget-title {
    color: #FFFFFF;
    font-size: 18px;
    border: 5px solid #ff0084;
    background: #ff0084;
    padding: 0 15px;
    line-height: 49px;
    z-index: 5;
    position: absolute;
    bottom: -10px;
    width: calc(100% - 20px);
    left: 10px; }
  .widget .widget-body {
    position: absolute;
    bottom: 35px;
    z-index: 2;
    left: 0;
    right: 0;
    padding: 20px;
    color: #000000;
    font-weight: 400;
    font-size: 16px; }
    .widget .widget-body span {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      background: #FFFFFF;
      padding: 3px 5px; }
  .widget:hover .widget-background .multiply {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  .widget:hover .widget-background .multiplyIE {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5; }
  .widget:hover .widget-body span {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  .widget.widget-comprovacoes .widget-background {
    background-image: url("../images/widgets/comprovacoes.jpg?IN17");
    background-size: 100% auto !important; }
  .widget.widget-campanha {
    height: 300px; }
  .widget.widget-treinamentos .capa {
    padding: 0;
    bottom: 0px; }
  .widget.widget-treinamentos .carousel-inner .item .gradiente {
    bottom: 0;
    position: absolute; }
  .widget.widget-treinamentos .carousel-inner .item .overlay {
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 5;
    width: 100%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
    .widget.widget-treinamentos .carousel-inner .item .overlay canvas {
      height: 410px;
      width: 100%; }
  .widget.widget-treinamentos .carousel-inner .item img.img-responsive.multiply {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  .widget.widget-treinamentos .carousel-inner .item img.img-responsive:hover .multiply {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  .widget.widget-treinamentos .carousel-inner .item img.img-responsive:hover .multiplyIE {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity: 0.5;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5; }
  .widget.widget-treinamentos .carousel-inner .item:hover .overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  .widget.widget-treinamentos .carousel-indicators {
    bottom: 43px; }
  .widget.widget-treinamentos .carousel-caption {
    padding-bottom: 56px; }
  .widget.widget-treinamentos .carousel-control span {
    background: none; }
  .widget.widget-my-treinamentos {
    min-height: 410px; }
  .widget.widget-blog {
    min-height: 410px; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  .widget {
    height: 300px; }
    .widget.widget-pesquisas {
      margin-top: 0px; } }

/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
@media (min-width: 992px) {
  .widget .widget-background .overlay.coleccion {
    left: 50%;
    height: 100%;
    transform: translateX(-50%); }
    .widget .widget-background .overlay.coleccion canvas {
      position: absolute;
      height: 100%;
      transform: translateX(-50%);
      left: 50%; }
  .widget .widget-background img {
    z-index: 10;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: auto; }
    .widget .widget-background img.coleccion {
      left: 50%;
      height: 100%;
      width: auto;
      transform: translateX(-50%); }
    .widget .widget-background img.multiply {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
    .widget .widget-background img.gradiente {
      height: 100%; }
  .widget.widget-campanha {
    height: 410px; } }

/* Grandes devices (grandes desktops, 1200px e maiores) */
body.login {
  height: 100%;
  background: url("../images/fundo-login.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed; }
  body.login form {
    width: 650px;
    top: 10%;
    left: 50%;
    margin-left: -325px;
    position: absolute;
    overflow: hidden; }
    body.login form span {
      text-align: center;
      display: block;
      font-weight: 600;
      font-size: 10px;
      margin-top: 5px; }
      body.login form span a {
        color: inherit;
        font-weight: inherit; }
        body.login form span a:hover {
          text-decoration: underline; }
    body.login form .box {
      border: 15px solid #ff0084;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 40px 50px;
      box-sizing: border-box;
      overflow: hidden; }
      body.login form .box span {
        display: block;
        padding-top: 10px;
        color: #666666;
        clear: both; }
      body.login form .box h1 {
        margin: 0 0 20px; }
        body.login form .box h1 img {
          margin: 0 auto;
          display: block; }
      body.login form .box h2 {
        text-align: center;
        color: black;
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 20px;
        width: 100%;
        padding: 20px 0px;
        border-bottom: 2px solid #ff0084; }
      body.login form .box input {
        border: 4px solid black;
        background: white;
        border-radius: 0px;
        color: black;
        text-align: center;
        padding: 15px;
        width: 285px;
        font-family: inherit;
        margin: 0 auto; }
        body.login form .box input:-moz-placeholder {
          color: black;
          font-weight: 600; }
        body.login form .box input:-ms-input-placeholder {
          color: black;
          font-weight: 600; }
        body.login form .box input::-webkit-input-placeholder {
          color: black;
          font-weight: 600; }
      body.login form .box button {
        color: white;
        background: #000000;
        border-radius: 0px; }
        body.login form .box button:hover {
          color: #000000;
          background: #ff0084; }
      body.login form .box p {
        margin: 10px 0 15px;
        text-align: center; }
        body.login form .box p a {
          color: #ff0084;
          text-decoration: none; }
          body.login form .box p a:hover {
            text-decoration: none;
            color: black; }
      body.login form .box .btns-login {
        display: block;
        margin: 0 auto; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body.login form {
    width: 300px;
    left: 50%;
    margin-left: -150px; }
    body.login form .box {
      border: 10px solid #ff0084;
      padding: 10px; }
      body.login form .box h1 {
        margin: 0; }
        body.login form .box h1 img {
          width: 60%; }
      body.login form .box h2 {
        font-size: 14px;
        padding: 15px 0px;
        border-bottom: 2px solid #ff0084; }
      body.login form .box input {
        width: 250px; }
      body.login form .box .assinatura_login {
        width: 50%; }
      body.login form .box .btns-login {
        display: none; }
    body.login form .myft-info {
      display: none !important; } }

body.senha {
  height: 100%;
  background: url("../images/fundo-login.jpg") center center;
  background-size: cover;
  position: relative; }
  body.senha form {
    width: 330px;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -165px;
    position: absolute;
    overflow: hidden; }
    body.senha form span {
      text-align: center;
      display: block;
      font-weight: 600;
      font-size: 10px;
      text-transform: lowercase;
      margin-top: 5px; }
      body.senha form span a {
        color: inherit;
        font-weight: inherit; }
        body.senha form span a:hover {
          text-decoration: underline; }
    body.senha form .box {
      border: 1px solid #c4aa6f;
      background-color: rgba(0, 0, 0, 0.9);
      border-radius: 4px;
      padding: 20px 20px 5px 20px;
      overflow: hidden; }
      body.senha form .box .col-dir {
        width: 300px;
        float: left; }
        body.senha form .box .col-dir h1 {
          margin-bottom: 20px; }
          body.senha form .box .col-dir h1 img {
            width: 80%;
            margin: 0 auto;
            display: block; }
        body.senha form .box .col-dir input {
          border: 1px solid #c4aa6f;
          border-radius: 2px;
          background: black;
          color: white;
          padding: 13px;
          width: 95%;
          font-family: inherit;
          width: 95%;
          margin: 0 auto; }
        body.senha form .box .col-dir p {
          margin-top: 20px;
          color: #c6c6c6;
          text-align: center; }
          body.senha form .box .col-dir p a {
            color: #ff0084;
            text-decoration: none; }
            body.senha form .box .col-dir p a:hover {
              text-decoration: none;
              color: white; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body.login form {
    width: 300px;
    left: 50%;
    margin-left: -150px; }
    body.login form .box .col-dir {
      width: 100%; }
    body.login form .box .col-esq {
      display: none; } }

body .top-bar {
  background: #000000;
  -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
  -khtml-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  height: 70px;
  position: fixed;
  /*top: 17px;*/
  top: 0px;
  width: 100%;
  z-index: 999999; }
  body .top-bar.scroll {
    top: 0px; }
  body .top-bar h1 {
    float: left;
    margin-top: 10px;
    letter-spacing: 3px; }
    body .top-bar h1 img {
      height: 29px; }
    body .top-bar h1.logomy {
      position: absolute;
      left: 50%;
      margin-left: -64px; }
      body .top-bar h1.logomy img {
        height: 33px; }
  body .top-bar .hamburger {
    overflow: hidden;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    float: left;
    width: 76px;
    margin: 0px 25px 0px 0px;
    padding: 16px 17px;
    background: #FFFFFF; }
    body .top-bar .hamburger span {
      color: #ff0084;
      font-weight: bold; }
    body .top-bar .hamburger .icone {
      margin: 0;
      padding: 0;
      position: relative;
      top: 0px;
      left: 7px;
      -moz-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
      -o-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
      -webkit-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
      transition: all 233ms cubic-bezier(0.5, 0, 0, 1); }
      body .top-bar .hamburger .icone li {
        width: 24px;
        height: 4px;
        background: #000000;
        margin: 2px 0 0;
        padding: 0;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
        -o-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
        -webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
        transition: all 333ms cubic-bezier(0.5, 0, 0, 1); }
    body .top-bar .hamburger.checked .icone {
      left: 15px; }
      body .top-bar .hamburger.checked .icone li.first {
        -moz-transform: rotate(-135deg) translateY(-8.5px);
        -ms-transform: rotate(-135deg) translateY(-8.5px);
        -webkit-transform: rotate(-135deg) translateY(-8.5px);
        transform: rotate(-135deg) translateY(-8.5px); }
      body .top-bar .hamburger.checked .icone li.second {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
      body .top-bar .hamburger.checked .icone li.third {
        -moz-transform: rotate(135deg) translateY(8.5px);
        -ms-transform: rotate(135deg) translateY(8.5px);
        -webkit-transform: rotate(135deg) translateY(8.5px);
        transform: rotate(135deg) translateY(8.5px); }
  body .top-bar .ola {
    position: absolute;
    right: 130px;
    top: 25px;
    font-size: 16px; }
    body .top-bar .ola a {
      color: #FFFFFF; }
      body .top-bar .ola a:hover {
        color: #ff0084; }
    body .top-bar .ola ul {
      position: absolute;
      top: 45px;
      height: 0;
      width: 145px;
      padding: 0;
      right: 20px;
      overflow: hidden; }
      body .top-bar .ola ul li {
        -webkit-transition: all 0.3s;
        -khtml-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        position: absolute;
        display: block;
        width: 100%;
        top: -53px; }
        body .top-bar .ola ul li a {
          font-weight: 400;
          color: #8d8d8d;
          padding: 15px 20px;
          background: rgba(255, 255, 255, 0.85);
          display: block; }
          body .top-bar .ola ul li a:hover {
            background: #efefef;
            color: #8d8d8d; }
        body .top-bar .ola ul li:first-child {
          z-index: 99;
          border-bottom: 1px solid #F3F3F3; }
      body .top-bar .ola ul.active {
        height: 104px; }
        body .top-bar .ola ul.active li {
          top: 53px; }
          body .top-bar .ola ul.active li:first-child {
            top: 0; }
  body .top-bar .message {
    position: absolute;
    right: 20px;
    margin-top: 12px; }
    body .top-bar .message > div {
      position: relative; }
      body .top-bar .message > div i {
        color: #FFFFFF;
        font-size: 32px;
        float: right;
        cursor: pointer; }
      body .top-bar .message > div > span {
        position: absolute;
        font-size: 10px;
        background: #ff0084;
        color: #FFFFFF;
        padding: 2px 4px;
        top: 0px;
        right: 0;
        font-weight: 600;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -khtml-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        cursor: pointer; }
      body .top-bar .message > div:hover > i, body .top-bar .message > div.open > i {
        color: #ff0084; }
      body .top-bar .message > div > div {
        border: #F3F3F3 1px solid;
        position: absolute;
        background: rgba(255, 255, 255, 0.85);
        top: 55px;
        width: 300px;
        right: 0;
        padding: 0;
        z-index: 999; }
        body .top-bar .message > div > div span.seta {
          display: none;
          position: absolute;
          top: -9px;
          right: 15px;
          width: 17px;
          height: 9px;
          background: url(../images/sprite.fw.png) no-repeat;
          background-position: 0 -46px; }
        body .top-bar .message > div > div .moreMensagem {
          display: block;
          background: #ff0084;
          text-align: center;
          color: #FFFFFF;
          padding: 3px 0;
          font-size: 11px;
          font-weight: 600; }
          body .top-bar .message > div > div .moreMensagem:hover {
            color: #FFFFFF; }
        body .top-bar .message > div > div > ul {
          padding: 0;
          list-style: none;
          margin: 0;
          max-height: 280px;
          overflow-y: auto; }
          body .top-bar .message > div > div > ul > div > div > li {
            display: flex;
            align-items: center;
            border-bottom: #F3F3F3 1px solid;
            padding: 5px; }
            body .top-bar .message > div > div > ul > div > div > li.check {
              background: #efefef; }
            body .top-bar .message > div > div > ul > div > div > li:hover {
              background: #efefef; }
            body .top-bar .message > div > div > ul > div > div > li i {
              display: inline-block;
              color: #8d8d8d;
              float: left;
              margin-right: 5px; }
            body .top-bar .message > div > div > ul > div > div > li a {
              color: #000000;
              font-size: 11px; }
              body .top-bar .message > div > div > ul > div > div > li a span {
                color: #8d8d8d;
                display: block;
                font-size: 12px; }
          body .top-bar .message > div > div > ul > li {
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ff0084;
            padding: 5px; }
            body .top-bar .message > div > div > ul > li.check {
              background: #333333; }
            body .top-bar .message > div > div > ul > li:hover {
              background: #262626; }
            body .top-bar .message > div > div > ul > li i {
              display: inline-block;
              color: #ff0084;
              float: left;
              margin-right: 5px; }
            body .top-bar .message > div > div > ul > li a {
              color: #ff0084;
              font-size: 11px; }
              body .top-bar .message > div > div > ul > li a span {
                color: #FFFFFF;
                display: block;
                font-size: 10px; }
  body .top-bar .perfil {
    position: absolute;
    right: 67px;
    margin-top: 12px; }
    body .top-bar .perfil a i {
      font-size: 32px;
      color: #FFFFFF; }
    body .top-bar .perfil a span {
      position: absolute;
      font-size: 10px;
      background: #FF1300;
      color: #FFFFFF;
      padding: 4px 5px;
      top: 5px;
      right: 0;
      font-weight: 600;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -khtml-transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
    body .top-bar .perfil a:hover i {
      color: #ff0084; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .top-bar {
    top: 0; }
    body .top-bar .perfil, body .top-bar .message {
      margin-top: 16px; }
      body .top-bar .perfil a i, body .top-bar .perfil div i, body .top-bar .message a i, body .top-bar .message div i {
        font-size: 26px; }
    body .top-bar .perfil {
      right: 47px; }
    body .top-bar .message {
      right: 10px; }
    body .top-bar .ola {
      right: 100px; }
      body .top-bar .ola .btn-dropdown {
        font-size: 14px; } }

/* Pequenos devices (celulares, 568px e menores) */
@media (max-width: 567px) {
  body .top-bar h1 a img {
    height: 20px; }
  body .top-bar .hamburger {
    width: 50px;
    padding-left: 5px; }
  body .top-bar .perfil, body .top-bar .message {
    margin-top: 5px; }
  body .top-bar .ola {
    top: 45px;
    right: 15px; }
    body .top-bar .ola .btn-dropdown {
      font-size: 12px; }
    body .top-bar .ola ul.active {
      top: 25px; }
      body .top-bar .ola ul.active li {
        top: 43px; }
        body .top-bar .ola ul.active li a {
          font-size: 12px; }
        body .top-bar .ola ul.active li:first-child {
          top: 0px; } }

/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .side-menu {
  position: fixed;
  z-index: 999998;
  width: 290px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  border-right: #F3F3F3 1px solid;
  left: -290px;
  /*top: 90px;*/
  top: 70px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }
  body .side-menu.scroll {
    top: 73px; }
  body .side-menu .perfil {
    position: relative;
    overflow: hidden;
    padding-bottom: 27px; }
    body .side-menu .perfil img {
      width: 290px;
      height: 144px; }
    body .side-menu .perfil .barra {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 4px 15px;
      background-color: #ff0084;
      color: #FFFFFF;
      text-transform: uppercase; }
      body .side-menu .perfil .barra a {
        color: inherit;
        float: right; }
        body .side-menu .perfil .barra a:hover {
          color: #000000; }
  body .side-menu ul {
    padding: 0;
    height: calc(100% - 243px);
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 21px; }
    body .side-menu ul li {
      border-bottom: #F3F3F3 1px solid; }
      body .side-menu ul li a {
        font-size: 14px;
        color: #8d8d8d;
        display: block;
        padding: 5px 10px; }
        body .side-menu ul li a i {
          font-size: 20px;
          font-weight: bold;
          vertical-align: sub;
          color: inherit; }
      body .side-menu ul li:hover {
        background-color: #efefef;
        /*a {
						color: $primary;
						i {
							color: $primary;
						}
					}*/ }
      body .side-menu ul li.sociais {
        border: none; }
        body .side-menu ul li.sociais ul {
          display: table;
          padding: 0;
          margin: 0; }
          body .side-menu ul li.sociais ul li {
            display: table-cell; }
            body .side-menu ul li.sociais ul li a {
              height: 100%;
              width: 100%; }
              body .side-menu ul li.sociais ul li a:hover {
                color: white; }
                body .side-menu ul li.sociais ul li a:hover.pinterest {
                  background: #cb2027; }
                body .side-menu ul li.sociais ul li a:hover.instagram {
                  background: #125688; }
                body .side-menu ul li.sociais ul li a:hover.facebook {
                  background: #3b5998; }
                body .side-menu ul li.sociais ul li a:hover.gplus {
                  background: #dd4b39; }
                body .side-menu ul li.sociais ul li a:hover.youtube {
                  background: #bb0000; }
                body .side-menu ul li.sociais ul li a:hover.twitter {
                  background: #00aced; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .side-menu {
    top: 73px; }
    body .side-menu .perfil .barra {
      position: relative; }
    body .side-menu ul {
      height: calc(100% - 102px); } }

body .footer {
  clear: both;
  background-color: #ff0084; }
  body .footer .opinion-content {
    background-color: #000000;
    padding: 30px 0; }
    body .footer .opinion-content .my-opinion {
      background: url("../images/widgets/bg-myopinion.png") left center no-repeat;
      min-height: 215px; }
    body .footer .opinion-content .widget span {
      background: #ff0084;
      color: #FFFFFF; }
  body .footer .container h2 {
    display: inline;
    font-size: 40px;
    font-weight: bold;
    background: #ff0084;
    color: #FFFFFF; }
  body .footer .instagram-footer div {
    padding: 0;
    margin: 0; }
    body .footer .instagram-footer div a {
      display: block;
      width: 100%;
      overflow: hidden; }
      body .footer .instagram-footer div a img {
        width: 100%;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -khtml-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s; }
      body .footer .instagram-footer div a:hover img {
        -webkit-transform: scale(1.25);
        -khtml-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25); }
  body .footer .links-footer {
    background: #FFFFFF;
    padding: 40px 0 0;
    /*background: url("../images/bg-rodape.jpg") center center no-repeat;
          background-size: cover;*/ }
    body .footer .links-footer a {
      font-size: 16px;
      color: #000000;
      background: none;
      font-weight: bold;
      margin-bottom: 0; }
      body .footer .links-footer a.atalho {
        border: 2px solid #ff0084; }
        body .footer .links-footer a.atalho:hover {
          color: #ff0084;
          border-color: #000000; }
    body .footer .links-footer .logoFooter {
      display: block;
      margin: 30px auto 50px; }
    body .footer .links-footer .copyright {
      font-size: 16px;
      text-align: right;
      padding: 0; }
      body .footer .links-footer .copyright p {
        line-height: 145px;
        margin: 0; }
      body .footer .links-footer .copyright .link-neuro {
        font-size: 16px;
        background: none; }
        body .footer .links-footer .copyright .link-neuro:hover {
          color: #ff0084; }
  body .footer .sociaisContent {
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    padding: 10px;
    text-align: center;
    margin: 45px 0; }
  body .footer .q-social {
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle; }
    body .footer .q-social span {
      font-size: 16px; }
    body .footer .q-social .btn-sociais {
      background: none !important;
      border-radius: 0px;
      padding: 0;
      width: 45px; }
      body .footer .q-social .btn-sociais i {
        font-size: 26px; }
      body .footer .q-social .btn-sociais:hover {
        color: #ff0084; }

@media (max-width: 991px) {
  body .footer .links-footer .copyright {
    font-size: 12px;
    text-align: center; }
    body .footer .links-footer .copyright p {
      line-height: 50px; }
    body .footer .links-footer .copyright .link-neuro {
      font-size: 12px; } }

@media (max-width: 480px) {
  body .footer .container h2 {
    font-size: 26px; } }

.lpb2b {
  position: relative;
  border: 1px solid #c5c5c5;
  border-radius: 0px;
  background: #FFFFFF;
  margin-bottom: 20px;
  padding: 4px;
  overflow: hidden; }
  .lpb2b a {
    text-decoration: none; }
    .lpb2b a img {
      width: 100%;
      height: auto; }
    .lpb2b a .nome-produto {
      font-size: 12px;
      text-align: center;
      color: #292929;
      display: table;
      padding: 10px;
      font-family: "Arial", sans-serif;
      text-align: center;
      width: 100%; }
      .lpb2b a .nome-produto small {
        font-size: inherit;
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
        height: 34px; }
    .lpb2b a:hover {
      border-color: #666666; }
    .lpb2b a .preco {
      padding: 10px 0;
      margin: 0 20px;
      font-size: 12px;
      color: #000000;
      text-align: center;
      border-top: 1px solid #000000; }
      .lpb2b a .preco .preco-de {
        display: block;
        text-decoration: line-through; }
      .lpb2b a .preco .preco-por {
        font-family: "Arial", sans-serif;
        display: block;
        font-size: 17px;
        font-weight: 700;
        color: #ff0084; }
        .lpb2b a .preco .preco-por small {
          font-size: 11px; }
      .lpb2b a .preco .incoterm {
        font-size: 12px; }
    .lpb2b a:hover .abre-produto {
      opacity: 1; }
  .lpb2b:hover {
    border: 5px solid #ff0084;
    padding: 0; }
    .lpb2b:hover .ribbon {
      top: 6px;
      left: 6px; }
  .lpb2b .ribbon {
    background: url(../images/ribbons.png) no-repeat;
    color: #FFFFFF;
    font-size: 17px;
    height: 53px;
    left: 10px;
    padding-top: 3px;
    position: absolute;
    top: 10px;
    width: 65px;
    z-index: 20;
    text-align: center; }
    .lpb2b .ribbon span {
      display: block;
      font-size: 12px;
      line-height: 13px; }
    .lpb2b .ribbon.faixa-1 {
      background-position: 0 0; }
    .lpb2b .ribbon.faixa-2 {
      background-position: -95px 0; }
    .lpb2b .ribbon.faixa-3 {
      background-position: -190px 0; }
    .lpb2b .ribbon.faixa-4 {
      background-position: -285px 0; }
    .lpb2b .ribbon.faixa-5 {
      background-position: -380px 0; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  .lpb2b a .nome-produto small {
    height: 51px; } }

/* Pequenos devices (tablets, 768px e maiores) */
@media (min-width: 768px) {
  .lpb2b a .nome-produto small {
    height: 51px; } }

/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .campanha hr {
  border-color: #ff0084;
  margin: 40px 0; }

body .campanha li:first-child.bx-clone {
  display: none; }

body .campanha .bx-wrapper {
  margin: 0; }
  body .campanha .bx-wrapper .bx-viewport {
    left: 0;
    border: none;
    height: auto !important;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
    body .campanha .bx-wrapper .bx-viewport ul li i {
      position: absolute;
      font-size: 30px;
      top: 50%;
      left: 50%;
      margin-left: -21px;
      margin-top: -21px;
      color: #FFFFFF; }
  body .campanha .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, body .campanha .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    background: url(../images/sprite.fw.png) no-repeat no-repeat;
    width: 33px;
    height: 63px;
    margin-top: -30px; }
  body .campanha .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    background-position: -95px 0px; }
  body .campanha .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    background-position: -130px 0px; }

body .campanha .bx-pager {
  float: right;
  width: 100%;
  position: absolute;
  bottom: 10px; }
  body .campanha .bx-pager .bx-pager-item {
    text-align: center;
    font-size: 0; }
    body .campanha .bx-pager .bx-pager-item a {
      background-color: transparent;
      border: 1px solid #FFFFFF;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      margin: 2px;
      display: inline-block;
      width: 10px;
      height: 10px; }
      body .campanha .bx-pager .bx-pager-item a.active, body .campanha .bx-pager .bx-pager-item a:hover {
        background-color: #FFFFFF; }

body .titulo-colecao {
  font-size: 40px;
  color: #ff0084; }

body .titulo-conceito {
  color: #000000; }

body .titulo_tipo {
  padding: 7px 20px;
  text-transform: uppercase;
  background: #000000;
  color: #ff0084;
  margin: 0px 0 25px; }

body .materiais img {
  width: 100%;
  height: auto; }

body .materiais .titulo-material {
  font-weight: 600;
  margin-bottom: 0px; }

body .itens-campanha {
  position: relative; }
  body .itens-campanha a {
    text-decoration: none; }
  body .itens-campanha img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #ff0084; }
  body .itens-campanha p {
    text-align: center; }
  body .itens-campanha i {
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -35px;
    color: #FFFFFF; }

body .pesquisa .titulo-pesquisa {
  font-size: 30px;
  color: #ff0084;
  font-weight: 300; }

body .pesquisa .pergunta {
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #ff0084;
  padding: 20px; }

body .pesquisa .list ul {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
  padding: 0; }
  body .pesquisa .list ul li {
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #ff0084;
    padding: 20px;
    margin-bottom: 20px;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto; }
    body .pesquisa .list ul li label {
      display: block;
      font-weight: 300; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .pesquisa .list ul {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px; } }

/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .troque-pontos .form-troque-pontos .col-md-6.border {
  padding: 20px;
  font-size: 16px;
  line-height: 100%; }

body .troque-pontos .form-troque-pontos .pontos {
  line-height: 81%; }

body .troque-pontos .form-troque-pontos input {
  width: 70%;
  margin: 5px 15% 20px 15%; }

body .comprovacoes .comprovacao-title {
  font-size: 25px;
  color: #ff0084; }

body .comprovacoes .media .media-body {
  padding: 10px;
  vertical-align: middle; }
  body .comprovacoes .media .media-body label {
    margin-bottom: 0; }

body .comprovacoes .media .media-right {
  vertical-align: middle;
  padding-right: 20px; }

body .informacoes .border {
  padding: 20px; }
  body .informacoes .border h4 {
    margin-top: 5px;
    margin-bottom: 5px; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .informacoes .border .btn-pdf {
    margin-bottom: 10px; } }

/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .treinamentos .border {
  padding: 20px; }
  body .treinamentos .border h4 {
    margin-top: 5px;
    margin-bottom: 5px; }
  body .treinamentos .border .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body .treinamentos .border li:first-child.bx-clone {
    display: none; }
  body .treinamentos .border .bx-wrapper {
    margin: 0; }
    body .treinamentos .border .bx-wrapper .bx-viewport {
      left: 0;
      border: none;
      height: auto !important;
      -webkit-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px; }
      body .treinamentos .border .bx-wrapper .bx-viewport ul li i {
        position: absolute;
        font-size: 30px;
        top: 50%;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        color: #FFFFFF; }
    body .treinamentos .border .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, body .treinamentos .border .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background: url(../images/sprite.fw.png) no-repeat no-repeat;
      width: 33px;
      height: 63px;
      margin-top: -30px; }
    body .treinamentos .border .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
      background-position: -95px 0px; }
    body .treinamentos .border .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background-position: -130px 0px; }
  body .treinamentos .border .bx-pager {
    float: right;
    width: 100%;
    position: absolute;
    bottom: 10px; }
    body .treinamentos .border .bx-pager .bx-pager-item {
      text-align: center;
      font-size: 0; }
      body .treinamentos .border .bx-pager .bx-pager-item a {
        background-color: transparent;
        border: 1px solid #FFFFFF;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 2px;
        display: inline-block;
        width: 10px;
        height: 10px; }
        body .treinamentos .border .bx-pager .bx-pager-item a.active, body .treinamentos .border .bx-pager .bx-pager-item a:hover {
          background-color: #FFFFFF; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .treinamentos .border .btn-pdf {
    margin-bottom: 10px; }
  body .treinamentos .border .truncate {
    white-space: normal;
    overflow: visible;
    text-overflow: clip; }
  body .treinamentos .border .bx-wrapper {
    margin-bottom: 20px; } }

/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .acoes-disponiveis .border {
  padding: 20px; }
  body .acoes-disponiveis .border h4 {
    margin-top: 5px;
    margin-bottom: 5px; }
  body .acoes-disponiveis .border .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body .acoes-disponiveis .border li:first-child.bx-clone {
    display: none; }
  body .acoes-disponiveis .border .bx-wrapper {
    margin: 0; }
    body .acoes-disponiveis .border .bx-wrapper .bx-viewport {
      left: 0;
      border: none;
      height: auto !important;
      -webkit-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px; }
      body .acoes-disponiveis .border .bx-wrapper .bx-viewport ul li i {
        position: absolute;
        font-size: 30px;
        top: 50%;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        color: #FFFFFF; }
    body .acoes-disponiveis .border .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, body .acoes-disponiveis .border .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background: url(../images/sprite.fw.png) no-repeat no-repeat;
      width: 33px;
      height: 63px;
      margin-top: -30px; }
    body .acoes-disponiveis .border .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
      background-position: -95px 0px; }
    body .acoes-disponiveis .border .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background-position: -130px 0px; }
  body .acoes-disponiveis .border .bx-pager {
    float: right;
    width: 100%;
    position: absolute;
    bottom: 10px; }
    body .acoes-disponiveis .border .bx-pager .bx-pager-item {
      text-align: center;
      font-size: 0; }
      body .acoes-disponiveis .border .bx-pager .bx-pager-item a {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 2px;
        display: inline-block;
        width: 10px;
        height: 10px;
        box-shadow: 0 0 10px #99004f; }
        body .acoes-disponiveis .border .bx-pager .bx-pager-item a.active, body .acoes-disponiveis .border .bx-pager .bx-pager-item a:hover {
          background-color: #ff0084; }
  body .acoes-disponiveis .border .well-evento {
    background-color: #ff0084;
    background-image: none;
    border: none; }
    body .acoes-disponiveis .border .well-evento h4, body .acoes-disponiveis .border .well-evento p {
      color: #FFFFFF; }
    body .acoes-disponiveis .border .well-evento h4 {
      font-weight: 600; }
    body .acoes-disponiveis .border .well-evento .btn-default {
      color: #FFFFFF;
      background: #99004f;
      text-shadow: none;
      border-right: none;
      padding: 7px 12px; }
      body .acoes-disponiveis .border .well-evento .btn-default:hover {
        background: #FFFFFF;
        color: #ff0084; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .acoes-disponiveis .border .btn-pdf {
    margin-bottom: 10px; }
  body .acoes-disponiveis .border .truncate {
    white-space: normal;
    overflow: visible;
    text-overflow: clip; }
  body .acoes-disponiveis .border .bx-wrapper {
    margin-bottom: 20px; }
  body .acoes-disponiveis .border .well-evento input {
    margin-bottom: 10px; } }

/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .notificacoes .border {
  padding: 5px; }
  body .notificacoes .border.check {
    background: #EDE5D2; }
  body .notificacoes .border a i {
    float: left;
    font-size: 45px; }
  body .notificacoes .border a span {
    display: block;
    width: 100%; }
  body .notificacoes .border a h4 {
    margin-top: 13px;
    margin-bottom: 0px; }
    body .notificacoes .border a h4 small {
      font-size: 14px;
      color: #ff0084; }
  body .notificacoes .border a .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body .notificacoes .border a:hover h4 small {
    color: #a48643; }
  body .notificacoes .border li:first-child.bx-clone {
    display: none; }
  body .notificacoes .border .bx-wrapper {
    margin: 0; }
    body .notificacoes .border .bx-wrapper .bx-viewport {
      left: 0;
      border: none;
      height: auto !important;
      -webkit-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px; }
      body .notificacoes .border .bx-wrapper .bx-viewport ul li i {
        position: absolute;
        font-size: 30px;
        top: 50%;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        color: #FFFFFF; }
    body .notificacoes .border .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, body .notificacoes .border .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background: url(../images/sprite.fw.png) no-repeat no-repeat;
      width: 33px;
      height: 63px;
      margin-top: -30px; }
    body .notificacoes .border .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
      background-position: -95px 0px; }
    body .notificacoes .border .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
      background-position: -130px 0px; }
  body .notificacoes .border .bx-pager {
    float: right;
    width: 100%;
    position: absolute;
    bottom: 10px; }
    body .notificacoes .border .bx-pager .bx-pager-item {
      text-align: center;
      font-size: 0; }
      body .notificacoes .border .bx-pager .bx-pager-item a {
        background-color: transparent;
        border: 1px solid #FFFFFF;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin: 2px;
        display: inline-block;
        width: 10px;
        height: 10px; }
        body .notificacoes .border .bx-pager .bx-pager-item a.active, body .notificacoes .border .bx-pager .bx-pager-item a:hover {
          background-color: #FFFFFF; }
  body .notificacoes .border .well-evento {
    background-color: #ff0084;
    background-image: none;
    border: none; }
    body .notificacoes .border .well-evento h4, body .notificacoes .border .well-evento p {
      color: #FFFFFF; }
    body .notificacoes .border .well-evento h4 {
      font-weight: 600; }
    body .notificacoes .border .well-evento .btn-default {
      color: #FFFFFF;
      background: #99004f;
      text-shadow: none;
      border-right: none;
      padding: 7px 12px; }
      body .notificacoes .border .well-evento .btn-default:hover {
        background: #FFFFFF;
        color: #ff0084; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  body .notificacoes .border .btn-pdf {
    margin-bottom: 10px; }
  body .notificacoes .border .truncate {
    white-space: normal;
    overflow: visible;
    text-overflow: clip; }
  body .notificacoes .border .bx-wrapper {
    margin-bottom: 20px; }
  body .notificacoes .border .well-evento input {
    margin-bottom: 10px; } }

/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .meu-perfil .btn-save-email {
  padding: 8px 12px 7px 12px; }

body .meu-perfil .btn-save-imagem {
  padding: 8px 12px 7px 12px; }

body .meu-perfil .btn-save-senha {
  padding: 7px 12px; }

body .meu-perfil .media img.media-object {
  width: 100px;
  height: auto; }

body .meu-perfil .media .media-body {
  padding-top: 10px; }

body .meu-perfil label {
  color: #ff0084;
  font-weight: 300; }

/* Large desktop */
/* Portrait tablet to landscape and desktop */
/* Landscape phone to portrait tablet */
/* Landscape phones and down */
/* Landscape phones and down */
@media (max-width: 480px) {
  a.link {
    font-size: 14px;
    line-height: 55px;
    width: 228px; }
    a.link i {
      font-size: 25px; }
    a.link span {
      padding-left: 45px; } }

body .redes-sociais-page .well-cards .well {
  background: #FFFFFF;
  border: 1px solid #ff0084;
  box-shadow: none; }
  body .redes-sociais-page .well-cards .well img {
    margin-bottom: 10px; }

/* Pequenos devices (celulares, 768px e menores) */
/* Pequenos devices (tablets, 768px e maiores) */
/* Medios devices (desktops, 992px e maiores) */
/* Grandes devices (grandes desktops, 1200px e maiores) */
body .meus-pedidos .imagem {
  width: 110px;
  padding: 10px; }
  body .meus-pedidos .imagem .box {
    border: 1px solid #d6d6d6;
    width: 100px;
    padding: 5px; }
    body .meus-pedidos .imagem .box img {
      width: 100%; }

body .meus-pedidos .itens-pedidos > tbody > tr > td {
  vertical-align: middle; }

body .meus-pedidos .itens-pedidos tbody .cor {
  max-width: 100px;
  /*height: 25px;*/
  border: 1px solid #d6d6d6;
  display: block;
  margin: 0 auto;
  padding: 5px; }

body .meus-pedidos .itens-pedidos .nome-cor {
  background: #ff0084;
  color: #FFFFFF; }

body .print-pedido .border-right-none {
  border-right: none !important; }

body .print-pedido .border-left-none {
  border-left: none !important; }

body .print-pedido .text-align-right {
  text-align: right !important; }

body .print-pedido .content {
  margin: 0 auto;
  border: none;
  width: 990px;
  padding: 0; }
  body .print-pedido .content h2 {
    margin-top: 0;
    background: #000;
    text-align: center; }
    body .print-pedido .content h2 img {
      margin: 20px;
      height: 50px;
      display: inline; }
      body .print-pedido .content h2 img.print {
        display: none; }
  body .print-pedido .content p {
    padding: 30px;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; }
    body .print-pedido .content p small {
      display: block;
      font-size: 10px;
      color: #666; }
  body .print-pedido .content table {
    width: 100%;
    border: 1px solid #d6d6d6;
    border-collapse: collapse;
    margin-bottom: 20px; }
    body .print-pedido .content table thead td {
      text-align: center; }
    body .print-pedido .content table td {
      border: 1px solid #d6d6d6;
      font-size: 12px;
      font-weight: 400;
      font-family: 'Open Sans', sans-serif;
      padding: 10px;
      color: #909090;
      vertical-align: middle; }
      body .print-pedido .content table td.bg-seta {
        background: url("../images/bg-seta-carrinho.png") center left no-repeat; }
    body .print-pedido .content table tfoot .subtotal {
      background-color: #3c3c3c; }
    body .print-pedido .content table tfoot .frete {
      background-color: #525252; }
    body .print-pedido .content table tfoot .total {
      background-color: #2b2b2b; }
    body .print-pedido .content table tfoot td {
      color: #fff;
      font-weight: 400; }

@media print {
  .print-pedido .content h2 img {
    display: none !important; }
    .print-pedido .content h2 img.print {
      display: inline !important; } }

div.classificao_page .essentialContent,
div.classificao_page .customContent,
div.classificao_page .exclusiveContent {
  display: block; }
  div.classificao_page .essentialContent h4,
  div.classificao_page .customContent h4,
  div.classificao_page .exclusiveContent h4 {
    color: #ff0084;
    font-weight: bold; }
  div.classificao_page .essentialContent .contentLabels,
  div.classificao_page .customContent .contentLabels,
  div.classificao_page .exclusiveContent .contentLabels {
    padding: 5px;
    font-size: 16px; }
    div.classificao_page .essentialContent .contentLabels span.glyphicon-ok:before,
    div.classificao_page .customContent .contentLabels span.glyphicon-ok:before,
    div.classificao_page .exclusiveContent .contentLabels span.glyphicon-ok:before {
      color: #ff0084; }
    div.classificao_page .essentialContent .contentLabels span.glyphicon,
    div.classificao_page .customContent .contentLabels span.glyphicon,
    div.classificao_page .exclusiveContent .contentLabels span.glyphicon {
      margin-right: 5px; }
    div.classificao_page .essentialContent .contentLabels span#valCustom, div.classificao_page .essentialContent .contentLabels span#valExclusive,
    div.classificao_page .customContent .contentLabels span#valCustom,
    div.classificao_page .customContent .contentLabels span#valExclusive,
    div.classificao_page .exclusiveContent .contentLabels span#valCustom,
    div.classificao_page .exclusiveContent .contentLabels span#valExclusive {
      font-weight: bold; }

div.classificao_page .customContent,
div.classificao_page .essentialContent {
  margin-top: 20px;
  margin-bottom: 0px; }

div.classificao_page .exclusiveContent {
  margin-top: 20px; }

/* Pequenos devices (celulares, 768px e menores) */
@media (max-width: 767px) {
  .panel > .panel-heading > .panel-title {
    font-size: 20px;
    padding: 3px 10px;
    letter-spacing: normal; } }
