/********

    CSS RESETss

*********/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: none; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

ul {
  list-style: none; }

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

@font-face {
  font-family: "ElectroluxSans";
  src: url("../fonts/ElectroluxSans-SemiBold.eot");
  src: url("../fonts/ElectroluxSans-SemiBold?#iefix") format("embedded-opentype"), url("../fonts/ElectroluxSans-SemiBold.ttf") format("truetype"), url("../fonts/ElectroluxSans-SemiBold.svg#ElectroluxSans") format("svg"), url("../fonts/ElectroluxSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "ElectroluxSans";
  src: url("../fonts/ElectroluxSans-Bold.eot");
  src: url("../fonts/ElectroluxSans-Bold?#iefix") format("embedded-opentype"), url("../fonts/ElectroluxSans-Bold.ttf") format("truetype"), url("../fonts/ElectroluxSans-Bold.svg#ElectroluxSans") format("svg"), url("../fonts/ElectroluxSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "ElectroluxSans";
  src: url("../fonts/ElectroluxSans-Light.eot");
  src: url("../fonts/ElectroluxSans-Light?#iefix") format("embedded-opentype"), url("../fonts/ElectroluxSans-Light.ttf") format("truetype"), url("../fonts/ElectroluxSans-Light.svg#ElectroluxSans") format("svg"), url("../fonts/ElectroluxSans-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal; }

.img-mobile {
  display: none; }

.img-mobile img {
  width: 100%;
  display: block; }

* {
  font-family: "ElectroluxSans";
  font-weight: 400;
  font-style: normal; }

.clear {
  clear: both; }

.container {
  width: 1200px;
  margin: 0 auto; }

.icone {
  margin-bottom: 15px; }

#banner img {
  display: block; }

@media (max-width: 1200px) {
  .container {
    width: 90%; }
  .img-mobile {
    display: block; } }

.page-compressor .header-simples {
  background: url("../images/bg-header.jpg") top center no-repeat;
  height: 853px; }

.page-compressor .header-simples .logo {
  padding: 35px 0; }

.page-compressor .header-simples__content {
  width: 390px;
  text-align: left;
  margin: 58px 0 245px; }

.page-compressor .header-simples__content .mini {
  font-size: 25px;
  font-weight: 400;
  line-height: 15.2px;
  margin-bottom: 20px; }

.page-compressor .header-simples__content h1 {
  color: #041e50;
  font-size: 52px;
  font-weight: 600;
  line-height: 52px;
  margin-bottom: 30px; }

.page-compressor .header-simples__content h2 {
  color: #ffffff;
  font-size: 31px;
  font-weight: 400;
  line-height: 32px; }

.page-compressor .header-simples .cesto-text p {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 27px;
  text-align: center; }

  .main-slide {
    width: 440px;
    position: relative;
  }

  .main-slide .item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }

  .main-slide .mask {
    opacity: 0;
  }

  .slider-nav {
    margin-bottom: -1px;
  }


  .slider-nav li {
    display: inline-block;
    width: calc(33% - 4px);
    border: #041e50 solid 1px;
    height: 35px;
    vertical-align: bottom;
    transition: all ease .5s;
    cursor: pointer;
  } 

  .slider-nav li:hover,.slider-nav li.active {
    background: #041e50;
  }

  .slider-nav li:hover span,.slider-nav li.active span {
    color: #fff;
  }
  .slider-nav li span {
    transition: all ease .5s;
    color: #041e50;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    display: block;
    text-align: center;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .page-compressor .header-simples .cesto-text p strong {
    font-weight: 600;
  }

.page-compressor #secao2 {
  background: url("../images/bg-secao2.jpg") top center no-repeat;
  height: 907px; 
  box-sizing: border-box;
  padding-bottom: 40px;
}
.page-compressor #secao2 .linha {
  text-align: center;
  overflow: hidden;
  padding-top: 550px;
}

.page-compressor #secao2 .linha .item {
  display: inline-block;
  width: 300px;
  vertical-align: top;
  color: #041e50;
}

.page-compressor #secao2 .linha .item.um {
  width: 322px;
}

.page-compressor #secao2 .linha .item h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.page-compressor #secao2 .linha .item p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.page-compressor #secao2 .linha .item p b {
  font-weight: 600;
}

.page-compressor #secao3 {
  background: url("../images/bg-secao3.jpg") top center no-repeat;
  height: 684px; 
  box-sizing: border-box;
  padding: 70px 0;

}

.page-compressor #secao3 .info {
  float: right;
}


.page-compressor #secao3 .slide {
  margin-top: -75px;
  margin-bottom: 80px;
}

.page-compressor #secao3 .info .slide h3 {
  color: #041e50;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  }


.page-compressor #secao3 .info {
  color: #fff;
  max-width: 440px;
  margin: 0px 50px 0 80px; }

.page-compressor #secao3 .info h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 20px; }

.page-compressor #secao3 .info p {
  font-size: 23px;
  line-height: 26px;
  font-weight: 400; }

  .page-compressor #secao3 .info p b {
    font-weight: 600;
  }


  .page-compressor #secao3  .text {
    padding: 0 0 0 60px;
 }
  


 #espaco {
   background: url("../images/bg-secao4.jpg") top center repeat-y;
   height:40px ;
 }
.page-compressor #secao4 {
  background: url("../images/bg-secao4.jpg") top center repeat-y;
  padding: 30px 0;
}


.page-compressor #secao4 .info {
  max-width: 315px;
  float: right;
  color: #fff;
  margin: 80px 50px; }

  .page-compressor #secao4  .conteudo {
    padding: 0 50px 0 90px;
  }

  .page-compressor #secao4  table {
    width: 100%;
    text-align: center;
  }

  .page-compressor #secao4  table th {
    border: solid 2px #dfe7ea;
    background: #041e50;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 5px;
  }
  
  .page-compressor #secao4  table td {
    border: solid 2px #dfe7ea;
    background: #7a899c;
    color: #fff;
    vertical-align: middle;
    font-size: 20px;
    padding: 10px 5px;
  }

  .mega-selo {
    width: 610px;
    margin: 40px auto 0;
    overflow: hidden;
  }

  .mega-selo .selo {
    width: 180px;
    float: left;
  }

  .mega-selo .text p{
    color: #041e50;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 40px;
    text-transform: uppercase;
  }

.page-compressor #secao6 {
  background: #041e50;
  overflow: hidden;
  padding-bottom: 100px;
 }

.page-compressor #secao6 .imgs {
  overflow: hidden;
  position: relative;
  left: 2px; }

.page-compressor #secao6 .imgs img {
  width: calc(100% / 3);
  float: left;
  display: block;
  margin: 0; }



@media (max-width: 1200px) {
  .mob-logo {
    background: #041e50;
  }
  br {
    display: none;
  }
  .page-compressor .header-simples {
    background: #7b8a9c;
    height: auto;
    padding-bottom: 50px; }
  .page-compressor .header-simples br {
    display: none; }
  .page-compressor .header-simples__content {
    width: 100%;
    margin-bottom: 60px; }

  .page-compressor .header-simples .logo {
    text-align: center; }
  .page-compressor .header-simples .img-mobile {
    display: block; }

    .page-compressor .header-simples .cesto-text {
      font-size: 28px;
      text-align: left;
      background: #041e50;
      padding: 40px;
    }

    .page-compressor #secao2 .linha {
      padding:  0;
      margin-top: -50px;
    }

    .page-compressor #secao2 .linha .item{
      margin-bottom: 50px;
    }

    .page-compressor #secao2 br {
      display: none;
    }

    .page-compressor .header-simples__content h1, .page-compressor .header-simples__content h2 {
      text-align: center;
    }
  .page-compressor #secao2 {
    background: #dfe7ea;
    padding-bottom: 60px;
    height: auto;
    overflow: hidden; }
  .page-compressor #secao2 .info {
    max-width: 100%;
    text-align: center;
    padding: 20px 0; }
  .page-compressor #secao3 {
    background: #dfe7ea;
    height: auto;
    overflow: hidden;
    padding: 0px; 
  }

  .page-compressor #secao3 .slide {
    margin-top: 50px;
    max-width: 440px;
    margin: 50px auto 0;
  }
  .page-compressor #secao3 .info {
    max-width: 100%;
    margin: 30px 0 0 0; }
    .page-compressor #secao3 .info .text {
      padding: 50px;
      text-align: center;
      background: #041e50;
      margin-top: 40px;
    }

    .page-compressor #secao4 .conteudo {
      padding: 0;
    }

    .page-compressor #secao3 .info .icone-text {
      margin: 40px 0 0 0;
      text-align: center;
      background: #dfe7ea;
      padding-top: 50px;
    }
  .page-compressor #secao4 {
    background: #dfe7ea;
    height: auto;
    overflow: hidden;
    padding-bottom: 80px; }
  .page-compressor #secao4 .info {
    margin: 0;
    max-width: 100%;
    background-color: #041e50; }
  .page-compressor #secao4 .info .text {
    padding: 50px; }

  .page-compressor #secao6 {
    padding: 0;
    height: auto;
    background: #fff; }

    .page-compressor #secao6 .container {
      width: 100%;
    }

  
  }


  @media (max-width: 992px) {
    .man-table {
      width: 100%;
      overflow-x: auto;
    }

    .man-table::-webkit-scrollbar {
      height: 10px;
    }
    
    /* Track */
    .man-table::-webkit-scrollbar-track {
      background: #f1f1f1;
    }
    
    /* Handle */
    .man-table::-webkit-scrollbar-thumb {
      background: #041e50;
    }
    
    /* Handle on hover */
    .man-table::-webkit-scrollbar-thumb:hover {
      background: #ccc;
    }
  }

@media (max-width: 670px) {

  .page-compressor #secao2 .linha .item {
    width: 100%!important;
  }
  .mega-selo {
    width: 100%;
  }
  .mega-selo .selo {
    width: 100%;
    text-align: center;
    float: inherit;
  }

  .mega-selo .text p {
    text-align: center;
  }
  .page-compressor #secao3 .slide, .main-slide {
    max-width: 100%;
    width: 100%;
  }

  .main-slide img {
    width: 100%;
  }


  .page-compressor .header-simples {
    padding-bottom: 70px; }
  .page-compressor .header-simples__content h1 {
    font-size: 34px;
    line-height: 40px; }
  .page-compressor .header-simples__content h2 {
    font-size: 24px; }
  .page-compressor .header-simples .cesto-text {
    font-size: 18px;
    line-height: 22px; }
  .page-compressor #secao2 {
    /* background: #7c8b9d; */
    height: auto;
    padding-bottom: 0;
    overflow: hidden; }
    #espaco {
      display: none;
    }
  .page-compressor #secao2 .info {
    max-width: 100%;
    text-align: center;
    padding: 40px 0;
    margin: 0;
    font-size: 18px;
    line-height: 22px; }
  .page-compressor #secao3 .top h2,
  .page-compressor #secao4 .top h2 {
    font-size: 26px;
    line-height: 30px; }
  .page-compressor #secao3 .info .text,
  .page-compressor #secao4 .info .text {
    padding: 40px 20px; }
  .page-compressor #secao3 .info h3,
  .page-compressor #secao3 .info h2,
  .page-compressor #secao4 .info h3,
  .page-compressor #secao4 .info h2 {
    font-size: 30px;
    line-height: 34px; }
  .page-compressor #secao3 .info p,
  .page-compressor #secao4 .info p {
    font-size: 20px;
    line-height: 24px; }

  .page-compressor #secao6 .trio h2 {
    font-size: 30px;
    line-height: 34px; }
  .page-compressor #secao6 .imgs img {
    width: 100%; }
  .page-compressor #secao6 .section-grey .text h2 {
    font-size: 30px;
    margin-bottom: 20px; }
  .page-compressor #secao6 .section-grey .text p {
    font-size: 18px;
    line-height: 22px; }
  }

  @media (max-width: 500px) {

    .page-compressor .header-simples .cesto-text {
      padding: 20px;
    }
    .page-compressor .header-simples .cesto-text p {
      font-size: 18px;
      line-height: 22px;
    }
    .slider-nav li {
      width: calc(100% - 2px);
      margin-bottom: 2px;
    }
    .page-compressor #secao3 {
      padding-bottom: 30px;
    }
    .page-compressor #secao3 .info .icone-text .item {
      margin: 0 auto 40px!important;
      display: block;
      width: 100%;
      max-width: 290px;
    }
  }

  .page-compressor .texto-selo{
    text-align: center;
    color: #041e50;
    font-size: 14.2pt;
    margin-top: 14px;
  }