/* Webfonts 
 @import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
/* == Lato Regular == */
@font-face{
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lato-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lato-regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/lato-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lato-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* == Lato 700 == */
@font-face{
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/lato-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lato-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lato-700.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/lato-700.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lato-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* == Roboto 600 == */
@font-face{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-500.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/roboto-500.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-500.svg#roboto') format('svg'); /* Legacy iOS */
}
/* ================== */
/* == reset styles == */
/* ================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* =================== */
/* == normalize.css == */
/* =================== */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button, input, optgroup, select, textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button, input {
  overflow: visible;
}
button, select { 
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit; 
  display: table; 
  max-width: 100%; 
  padding: 0; 
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; 
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; 
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit;
}
/* ============= */
/* == general == */
/* ============= */
body{
  font-family: 'Lato', sans-serif;
  font-size: 100%;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
section{
  padding-top: 50px;
}
@media (min-width: 768px){
  section{
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1024px){
  section{
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
article{
  font-size: 1rem;
  color: #888888;
}
h1, h2, h3, h4{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-bottom: 1rem;
}
h1{
  font-size: 2em;
}
h2{
  font-size: 1.75em;
  color: #4F4F4F;
}
h2 span{
  font-size: 1.75rem;
  font-weight: 700;
  color: #007850;
}
h3{
  font-size: 1.5em;
}
h4{
  font-size: 1.25em;
}
p{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
.text-align-center{
  text-align: center;
}
a{
  cursor: pointer;
}
.btn{
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 8px 16px;
}
.btn-outline{
  color: #F7A410;
  background-color: transparent;
  background-image: none;
  border-color: #F7A410;
}
.btn-outline:hover{
  color: #FFFFFF;
  background-color: #F7A410;
  border-color: #F7A410;
}
/* align-center */
.btn-center{
  max-width: 255px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* button with image */
.btn svg{
  vertical-align: middle;
  fill: #F7A410;
  margin-right: 1em;
}
.btn-outline:hover svg{
  fill: #FFFFFF;
}
.box-shadow{
  box-shadow: 0 .25em .75em rgba(0,0,0, .1);
}
/* =============== */
/* == container == */
/* =============== */
.container{
  max-width: 70em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.container:nth-of-type(2){
  margin-top: 50px;
}
@media (min-width: 1160px){
  .container{
    padding-left: 0;
    padding-right: 0;
  }
}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* container flex (paginas produtos) */
.container-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .container-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
/* ============ */
/* == header == */
/* ============ */
/* navigation-bar */
header{
  height: 65px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
  box-shadow: inset 0 -1px 0 #EEEEEE;
  z-index: 99;
}
@media (min-width: 960px){
  header{
    height: 80px;
  }
}
header.scrolled{
  background-color: rgba(255, 255, 255, .95);
  transition: background-color 100ms ease-out 0s;
}
header nav{
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 960px){
  header nav{
    height: 80px;
  }
}
/* logo */
header nav .logo-brand img{
  height: 45px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 960px){
  header nav .logo-brand img{
    height: 60px;
  }
}
/* mobile-icon */
header nav .mobile-icon{
  width: 40px;
  height: 30px;
  position: relative;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  margin-left: auto;
}
@media (min-width: 960px){
  header nav .mobile-icon{
    display: none;
  }
}
header nav .mobile-icon span{
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  display: block;
  opacity: 1;
  background: #F7A410;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
header nav .mobile-icon span:nth-child(1){
  top: 0;
}
header nav .mobile-icon span:nth-child(2){
  top: 13px;
}
header nav .mobile-icon span:nth-child(3){
  top: 26px;
}
header nav .mobile-icon.open span:nth-child(1){
  top: 13px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
header nav .mobile-icon.open span:nth-child(2){
  left: -50%;
  opacity: 0;
}
header nav .mobile-icon.open span:nth-child(3){
  top: 13px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* menu */
header nav ul{
  display: none;
}
@media (min-width: 960px){
  header nav ul{
    display: block;
  }
}
header nav ul.menu-items.show{
  width: 100%;
  position: absolute;
  top: 65px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #0F4F2C;
  z-index: 100;
}
header nav ul.menu-items.show li{
  text-align: center;
}
header nav ul li a{
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 0.875em;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 4em;
  list-style-type: none;
  color: #FFFFFF;
}
@media (min-width: 960px){
  header nav .menu-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  header nav ul li{
    text-align: left;
    margin: 0;
    padding-left: 30px;
  }
  header nav ul li:nth-of-type(1){
    padding-left: 0;
  }
  header nav ul li a{
    font-size: 0.75em;
    color: #888888;
    cursor: pointer;
  }
  header nav ul li a:hover{
    color: #F7A410; 
  }
}
/* =================== */
/* == Hero Homepage == */
/* =================== */
.hero{
  width: 100%;
  height: 25em;
  position: relative;
  background-position: center right;
  background-repeat: repeat;
  background-size: cover;
  z-index: 98;
  margin-top: 65px;
  padding: 0;
}
@media (min-width: 600px){
  .hero{
    height: 32.5em;
    background-position: center center;
    margin-top: 80px;
  }
}
.hero .hero-content{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hero .hero-content h1{
  font-family: 'Lato', sans-serif;
  font-size: 2em;
  font-weight: 700;
  color: #F7A410;
  line-height: 1.25;
}
.hero .hero-content h4{
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  font-weight: 400;
  color: #4F4F4F;
}
@media (min-width: 960px){
  .hero .hero-content h1{
    max-width: 37.5em;
    font-size: 2.5em;
  }
  .hero .hero-content h4{
    font-size: 1.125em;
    padding-bottom: 10px;
  }
}
.hero .wave{
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../images/wave.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 99;
}
@media (min-width: 600px){
  .hero .wave{
    height: 100px;
    background-position: center center;
  }
}
.hero .wave .castrol{
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 600px){
  .hero .wave .castrol{
    height: 100px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.hero .wave .castrol span{
  font-family: 'Lato', sans-serif;
  font-size: 0.75em;
  color: #4F4F4F;
  margin-right: 20px;
}
@media (min-width: 960px){
  .hero .wave .castrol span{
    font-size: 0.875em;
  }
}
/* ================ */
/* == Hero Pages == */
/* ================ */
.hero-pages{
  padding: 0;
}
@media (min-width: 768px){
  .hero-pages{
    height: 28em;
  } 
}
/* ==================== */
/* == Intro Homepage == */
/* ==================== */
.intro .intro-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px){
  .intro .intro-content{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.intro .intro-content .intro-image img{
  width: 100%;
  height: auto;
}
.intro .intro-content .intro-text{
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #4F4F4F;
}
.intro .intro-content .intro-text p:nth-of-type(2){
  font-size: 1.25em;
  color: #F7A410;
  padding-bottom: 20px;
}
@media (min-width: 768px){
  .intro .intro-content .intro-text{
    padding-left: 50px;
  }
  .intro .intro-content .intro-text p:nth-of-type(2){
    font-size: 1.5em;
  }
  .intro .intro-content .intro-image img{
    width: 32em;
  }
}
/* ======================= */
/* == Slider Highlights == */
/* ======================= */
.featured .owl-carousel .owl-nav{
  display: none;
}
@media (min-width: 768px){
  .featured .owl-carousel .owl-nav{
    position: absolute;
    bottom: 74px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .featured .owl-carousel .owl-nav .owl-prev,
  .featured .owl-carousel .owl-nav .owl-next{
    width: 21px;
    height: 40px;
    display: inline-block;
  }
  .featured .owl-carousel .owl-nav .owl-prev{
    background: url(../images/arrow-prev.svg);
    margin-right: 161px;
  }
  .featured .owl-carousel .owl-nav .owl-next{
    background: url(../images/arrow-next.svg);
    margin-left: 161px;
  }
  .featured .owl-carousel .owl-nav span{
    display: none;
  }
}
/* dots */
.featured .owl-carousel .owl-dots{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.featured .owl-carousel .owl-dots .owl-dot{
  width: 16px;
  height: 16px;
  outline: none;
  background-color: transparent;
  border: 2px solid #AAAAAA;
  border-radius: 50%;
  margin: 0 5px;
  transform: scale(.8);
}
.featured .owl-carousel .owl-dots .owl-dot.active{
  border-color: #F7A410;
  transform: scale(1);
}
@media (min-width: 768px){
  .featured .owl-carousel .owl-dots{
    display: none;
  }
}
/* caption */
.featured .owl-carousel .owl-item div{
  position: relative;
}
.featured .owl-carousel .owl-caption{
  opacity: 0;
  font-family: 'Lato', sans-serif;
  text-align: center;
  padding-top: 20px;
}
.featured .owl-carousel .owl-caption h3{
  font-size: 1em;
  font-weight: 700;
  color: #4F4F4F;
}
@media (min-width: 600px){
  .featured .owl-carousel .owl-caption h3{
    font-size: 1.375em;
  }
}
.featured .owl-carousel .owl-caption p{
  display: none;
}
@media (min-width: 600px){
  .featured .owl-carousel .owl-caption p{
    display: block;
    font-size: 1em;
    font-weight: 400;
    color: #888888;
    margin-top: 1em;
  }
}
.featured .owl-carousel .owl-caption a{
  margin-top: 1.5em;
}
/* slider effect small/bigger */
.featured .owl-carousel .owl-item{
  max-height: 510px;
}
.featured .owl-carousel .cloned img{
  max-height: 360px;
}
.featured .owl-carousel .owl-item.active{
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.featured .owl-carousel .owl-item.active img{
  max-height: 360px;
  opacity: .65;
  margin: 0 auto;
}
.featured .owl-carousel .owl-item.active.center{
  transition: .5s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.featured .owl-carousel .owl-item.active.center img{
  opacity: 1;
}
/* caption show/hide */
.featured .owl-carousel .owl-item.active.center .owl-caption{
  opacity: 1;
  transition: .5s ease;
}
/* ===================== */
/* == Sobre Nós index == */
/* ===================== */
.about{
  padding-top: 50px;
  padding-bottom: 50px;
}
.about img{
  width: 100%;
  height: auto;
}
.about article h2{
  color: #F7A410;
}
/* ================ */
/* == News index == */
/* ================ */
.news{
  background-color: #F0F0F0;
}
/* =========== */
/* == cards == */
/* =========== */
.cards{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.card{
  width: 100%;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
}
@media (min-width: 400px){
  .card{
    width: 48%;
  }
}
@media (min-width: 1020px){
  .cards{
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .card{
    width: 24%;
  }
}
.card .inner{
  height: 160px;
  position: relative;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.card .inner img{
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.card .card_body{
  padding: 1.25em;
}
.card .card_body h4{
  color: #4F4F4F;
}
.card .card_body p{
  height: 130px;
  font-size: 1em;
  text-align: left;
  color: #888888;
  padding-bottom: .5em;
}
.card .card_body a.btn{
  margin-top: 20px;
}
/* =================== */
/* == Content pages == */
/* =================== */
.content .body{
  max-width: 47.5em;
  margin-left: auto;
  margin-right: auto;
}
.content .body p{
  font-size: 1rem;
  color: #888888;
  padding-bottom: 1em;
}
@media (min-width: 768px){
  .content .body p{
    font-size: 1.125rem;
  }
}
.content .align-center{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.content .text h3{
  color: #F7A410;
  margin-top: 50px;
}
.content .text h3:first-child{
  margin-top: 0;
}
.content .text p{
  font-size: 1rem;
  color: #888888;
}
.content .text-image{
  margin-left: 50px;
  margin-right: 50px;
}
.content .text-image img{
  max-width: 460px;
}
/* ============= */
/* Main Products */
/* ============= */
.main {
  margin-top: 65px;
}
.main .sidebar{
  min-width: 240px;
}
.main .sidebar h3{
  font-weight: 700;
  color: #F7A410;
}
.main .sidebar ul li{
  position: relative;
  border-bottom: 1px solid #E0E0E0;
}
.main .sidebar ul li:last-child{
  border-bottom: 0;
}
.main .sidebar ul li a{
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  text-decoration: none;
  outline: 0;
  color: #888888;
  padding: 18px 0;
}
.main .sidebar ul li a:after{
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  right: 1em;
  border: solid #4F4F4F;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform 0.3s ease;
  margin-top: 4px;
}
.main .sidebar ul li a.active:after{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main .sidebar ul ul li{
  background-color: #F7A410;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 0;
}
.main .sidebar ul ul{
  display: none;
}
.main .sidebar ul ul li a{
  max-width: 220px;
  font-size: 0.875em;
  color: #FFFFFF;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
.main .sidebar ul ul li a:before{
  display: none;
}
.main .sidebar ul ul li a:after{
  display: none;
}
/* main cards */
main{
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  main {
    width: calc(100% - 240px);
    margin-top: 0;
  }
}
main .main-cards{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  main .main-cards {
    margin-left: 40px;
  }
}
main .main-cards .lubrificante{
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 40px;
  margin-bottom: 60px;
}
main .main-cards .lubrificante .thumb{
  max-width: 240px;
  -webkit-transition: opacity .25s ease;
  -o-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
main .main-cards .lubrificante .thumb:hover{
  opacity: .75;
}
main .main-cards .lubrificante a.title{
  font-size: 1.15em;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  color: #888888;
  padding-top: 1em;
}
main .main-cards .lubrificante a.title:hover{
  color: #F7A410;
}
/* breadcrumbs */
main .breadcrumbs {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  main .breadcrumbs {
    margin-left: 100px;
  }
}
main .breadcrumbs a{
  font-family: 'Roboto', sans-serif;
  font-size: .75em;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 24px;
  color: #AAAAAA;
}
main .breadcrumbs a:hover{
  color: #F7A410;
}
main .breadcrumbs a:first-child:after{
  content: '/';
  color: #AAAAAA;
  margin: 0 .75em;
}
main .breadcrumbs a:last-child{
  color: #F7A410;
}
/* products */
main #product{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  main #product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 100px;
  }
}
main #product img{
  width: 80%;
  max-height: 400px;
}
@media screen and (min-width: 768px) {
  main #product img {
    width: auto;
  }
}
main #product .product-info{
  width: 100%;
}
@media screen and (min-width: 768px) {
  main #product .product-info {
    max-width: 460px;
    margin-left: 50px;
  }
}
main #product .product-info h2{
  line-height: 1.3;
  color: #007850;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  main #product .product-info h2 {
    margin-top: 0;
  }
}
main #product .body p{
  font-size: 1rem;
  padding-bottom: 20px;
}
main #product .body ul {
  padding-bottom: 20px;
}
main #product .body ul li {
  line-height: 1.25;
  list-style: disc;
  margin-left: .75rem;
  padding: .5rem 0;
}
/* ============ */
/* == footer == */
/* ============ */
footer{
  background-color: #F0F0F0;
  padding-top: 30px;
  padding-bottom: 20px;
}
footer .flex{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 600px){
  footer .flex{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 960px){
  footer .flex{
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
/* morada & contactos */
footer .adress{
  width: 100%;
}
@media (min-width: 600px){
  footer .adress{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (min-width: 960px){
  footer .adress{
    width: 35%;
  }
}
footer .adress p{
  font-size: 0.875em;
  color: #AAAAAA;
  padding-bottom: 1em;
}
footer .adress p a{
  text-decoration: none;
  color: #F7A410;
}
/* menu footer */
footer .menu-bottom{
  width: 100%;
}
@media (min-width: 600px){
  footer .menu-bottom{
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
@media (min-width: 960px){
  footer .menu-bottom{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
footer .menu-bottom ul{
  display: none;
}
@media (min-width: 960px){
  footer .menu-bottom ul{
    display: block;
  }
  footer .menu-bottom ul li{
    text-align: center;
    padding: .25em 0;
  }
  footer .menu-bottom ul li a{
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    color: #4F4F4F;
  }
  footer .menu-bottom ul li a:hover{
    color: #F7A410;
  }
}
footer .menu-bottom .social{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (min-width: 960px){
  footer .menu-bottom .social{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
  }
}
footer .menu-bottom .social a{
  padding: 0 .5em;
}
/* copyright & logo */
footer .copyright{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 30px;
}
@media (min-width: 600px){
  footer .copyright{
    width: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 0;
  }
}
@media (min-width: 768px){
  footer .copyright{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 960px){
  footer .copyright{
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
footer .copyright img{
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
@media (min-width: 960px){
  footer .copyright img{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}
footer .copyright p{
  white-space: nowrap;
  font-size: 0.875em;
  color: #AAAAAA;
  margin-top: 10px;
}