@charset "UTF-8";
/*------------------------------------*\ LIGHT DESIGN + EXPORLUX
\*------------------------------------*/
/** CONTENTS  SETTINGS Global...............Variáveis de cores.
  TOOLS Fonts............Font-face. Mixins...............Mixins e Breakpoints. Grid...............Sistema de gris Semantic.GS.
  GENERIC Normalize.css........Normalize Reset. Box-sizing...........`box-sizing` padrão.
  BASE Base.................Estilos padrão (HTML element).
  OBJECTS Wrappers.............Wrappers e Rows.
  COMPONENTS Box............Box de texto pág. empresa. Buttons................Botões. Footer................Rodapé. Header............Top bar styles. Hero...........Hero styles. Logos.............Logos das marcas e prêmios. Magnific..............Estilos do plugin magnific-popup. Menu.................Nav-bar styles. Modal login...........Janela modal do login. Mosaico.............Grid responsivo full width - featured (home), projetos, showrooms, representantes. Parallax...............Efeito parallax na Home. Search Bar..............Filtros de busca da Home. Slick.........Estilos do plugin slick.js Carousel. Text.............Estilos dos textos. Title..................Estilos dos títulos. Widgets..................Twitter e Pinterest (home). */
/** #SETTINGS */
/*---------------------------------------------------------------------------*/
/* Colors */
/*---------------------------------------------------------------------------*/
/** #TOOLS */
body { width: 100%; *zoom: 1; }
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }

/*  Background-size
========================================================================== */
/*  Box shadow
========================================================================== */
/*  Opacity
========================================================================== */
/*  Clearfix
========================================================================== */
/*  Absolute center
========================================================================== */
/*  Border radius
========================================================================== */
/*  Box-sizing
========================================================================== */
/*  Font-face
========================================================================== */
/*  Transition
========================================================================== */
/*  Animation
========================================================================== */
/*  Keyframes ========================================================================== */
/*  Columns
========================================================================== */
/*  Transform
========================================================================== */
/*  Default ========================================================================== */
/*  Translate ========================================================================== */
/*  Skew ========================================================================== */
/*  Scale ========================================================================== */
/*  Rotate ========================================================================== */
/*  Transform origin ========================================================================== */
/*  Gradients
========================================================================== */
/*  Vertical gradient ========================================================================== */
/*  Horizontal Gradient ========================================================================== */
/*  My Mixins ========================================================================== */
/*  Breakpoints ========================================================================== */
/*---------------------------------------------------------------------------*/
/* Font Face - Font Awesome */
/*---------------------------------------------------------------------------*/
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

/** #GENERIC */
/*---------------------------------------------------------------------------*/
/* Box Model */
/*---------------------------------------------------------------------------*/
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/* normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/** #BASE */
body { font-size: 100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; overflow-x: hidden; }

a { text-decoration: none; }

ul { margin: 0; padding: 0; list-style: none; }

/** #OBJECTS */
/*---------------------------------------------------------------------------*/
/* Wrappers */
/*---------------------------------------------------------------------------*/
.row { width: 100%; display: inline-block; padding: 30px 0; }

.row-page { padding: 30px 0; }
@media (min-width: 768px) { .row-page { padding: 60px 0; } }
@media (min-width: 1200px) { .row-page { padding: 140px 0 115px 0; } }

.wrapper { width: 100%; max-width: 1160px; margin: 0 auto; position: relative; padding: 0 10px; }

@media (min-width: 768px) { .wrapper-page { padding: 0 20px; } }
@media (min-width: 992px) { .wrapper-page { padding: 0 60px; } }

@media (min-width: 1200px) { .wrapper-single { padding: 0 120px; } }

.clearfix { clear: both; }

@media (min-width: 768px) { .wrapper-search { padding: 0 20px; } }
@media (min-width: 992px) { .wrapper-search { padding: 0 60px; } }
@media (min-width: 1200px) { .wrapper-search { padding: 0 80px; } }

.empresa { padding: 0 20px; }
@media (min-width: 768px) { .empresa { padding: 0 40px; } }
@media (min-width: 992px) { .empresa { padding: 0 120px 0 90px; } }

/** #COMPONENTS */
/*---------------------------------------------------------------------------*/
/* Maginific Popup  */
/*---------------------------------------------------------------------------*/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.9; filter: alpha(opacity=90); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close , .mfp-ajax-holder .mfp-close{ cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #cccccc; }

.mfp-preloader a:hover { color: white; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close , .mfp-ajax-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }

.mfp-arrow { position: absolute; opacity: 1; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { font-family: 'FontAwesome'; color: #fff; font-size: 32px; content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { margin-left: 31px; content: "\f104"; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { margin-left: 39px; content: "\f105"; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }

.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; font-size: 12px; }

.mfp-image-holder .mfp-content , .mfp-ajax-holder .mfp-content{ max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder , .mfp-img-mobile .mfp-ajax-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

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

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -35px; padding: 0; border: none; outline: none; }

.slick-prev:before, .slick-next:before { font-family: 'FontAwesome'; font-size: 32px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 10px;width:30px;height:70px; }
[dir="rtl"] .slick-prev { left: auto; right: 10px; }
.slick-prev:before { display: inline-block; content: "\f104"; font-size: 40px; }
[dir="rtl"] .slick-prev:before { content: "\f104"; }

.slick-next { right: 10px;width:30px;height:70px; }
[dir="rtl"] .slick-next { left: 10px; right: auto; }
.slick-next:before { content: "\f105"; font-size: 40px; }
[dir="rtl"] .slick-next:before { content: "\f105"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 3px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: #00b299; padding: 3px; cursor: pointer; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\f111"; width: 20px; height: 20px; border-radius: 10px; font-family: 'FontAwesome'; font-size: 14px; line-height: 20px; text-align: center; color: #c0c0c0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: #4a4a4a; }

.slick-slider { margin-bottom: 0; }

.slick-slide img { max-width: 100%; height: auto; }

/*---------------------------------------------------------------------------*/
/* Titles */
/*---------------------------------------------------------------------------*/
.title-section { font-size: 28px; text-align: center; font-weight: 400; }

.social-title { text-transform: uppercase; font-size: 18px; margin-bottom: 20px; margin-top: 0; font-weight: 300; }
@media (min-width: 992px) { .social-title { text-align: left; } }

.title-page { font-size: 16px; margin-top: 0; margin-bottom: 30px; text-align: right; }
@media (min-width: 768px) { .title-page { margin-bottom: 50px; } }

.title-box { background: #4a4a4a; width: 100%; display: inline-block; padding: 10px 20px; color: #fff; font-weight: 300; margin: 0 0 30px 0; font-size: 15px; text-transform: uppercase; text-align: center; }

.title-lista-produtos { text-align: left; margin: 60px 0; }
@media (min-width: 768px) { .title-lista-produtos { margin-bottom: 0; } }

.hgroup { padding-right: 30px; }

.tit-filtros { text-transform: uppercase; font-size: 15px; }

.title-filtro-item { text-transform: uppercase; font-size: 13px; margin: 0 0 5px 0; }

.title-produto-single { font-size: 22px; text-transform: uppercase; margin-top: 20px; margin-bottom: 0; font-weight: normal; }

.title-galeria-projetos-rel { font-size: 15px; font-weight: normal; margin-bottom: 5px; margin-top: 0; }

/*---------------------------------------------------------------------------*/
/* Text */
/*---------------------------------------------------------------------------*/
.body-text { font-size: 14px; line-height: 22px; margin-top: 0; }
@media (min-width: 992px) { .body-text { font-size: 15px; line-height: 26px; } }

/*---------------------------------------------------------------------------*/
/* Button */
/*---------------------------------------------------------------------------*/
.btn { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; padding: 8px 15px; text-decoration: none; border: none; text-transform: uppercase; cursor: pointer; }

.btn-primary { background: transparent; border: 1px solid #fff; color: #fff; font-weight: 400; margin-top: 15px; font-size: 13px; padding: 5px 10px; }

.btn-login { color: #fff; font-size: 12px; padding: 6px 12px; }

.btn-login.light { background: #00b299; }
.btn-login.light:hover { background: #cb0044; }

.btn-login.dark { background: #00b299; }
.btn-login.dark:hover { background: #cb0044; }
@media (min-width: 1200px) { .btn-login.dark { background: #cb0044; border: 1px solid transparent; }
  .btn-login.dark:hover { background: transparent; color: #fff; border: 1px solid #fff; } }

.btn-left { float: left; }
@media (min-width: 768px) { .btn-left { float: left; } }

.btn-right { float: right; }
@media (min-width: 768px) { .btn-right { float: right; } }

.btn-navigation { display: inline-block; font-weight: 400; color: black; border: 1px solid black; padding: 5px; width: 100%; max-width: 150px; margin-bottom: 15px; font-size: 12px; }
.btn-navigation:hover { background: #00b299; color: #fff; border: 1px solid transparent; }
@media (min-width: 768px) { .btn-navigation { max-width: 150px; } }

/*---------------------------------------------------------------------------*/
/* Featured */
/*---------------------------------------------------------------------------*/
.featured { padding: 0; border-top: 10px solid #fff; }

/*---------------------------------------------------------------------------*/
/* Full Grid Images */
/*---------------------------------------------------------------------------*/
.full-grid-list { margin: 0; padding: 0; width: 100%; list-style: none; }

.full-grid-item { width: 100%; margin-top: -5px; }
@media (min-width: 768px) { .full-grid-item { width: 25%; float: left; } }

.full-grid-item-project { padding: 2px; }
@media (min-width: 768px) { .full-grid-item-project { width: 50%; } }
@media (min-width: 1200px) { .full-grid-item-project { width: 25%; } }

.full-grid-item-loja { padding: 2px; }
@media (min-width: 768px) { .full-grid-item-loja { width: 50%; } }
@media (min-width: 1200px) { .full-grid-item-loja { width: 25%; padding: 2px; } }

.thumb { position: relative; }

.thumb-img { width: 100%; line-height: 0; }

.caption { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: absolute; display: inline-block; width: 100%; bottom: 4px; left: 0; right: 0; text-align: center; color: #fff; text-transform: uppercase; padding: 10px 0; z-index: 15; overflow: hidden; }

.caption-title { margin: 0; font-weight: 300; font-size: 14px; }

.caption-title-ver-produto { font-weight: 400; font-size: 16px; }

.caption-project { background: rgba(82, 35, 152, 0.7); }

.caption-product { background: rgba(0, 178, 153, 0.7); }

.caption-showroom { background: rgba(0, 0, 0, 0.6); }

.caption-full { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; position: absolute; display: inline-block; width: 100%; top: 0; bottom: 4px; left: 0; right: 0; background: rgba(82, 35, 152, 0.7); text-align: center; color: #fff; text-transform: uppercase; padding: 10px 0; z-index: 15; }

.caption-ver-produto { background: rgba(0, 0, 0, 0.7); color: #fff; top: 0; left: 0; right: 0; bottom: 4px; width: 100%; }

.caption-ver-produto-single { background: rgba(0, 0, 0, 0.7); color: #fff; top: 2px; left: 2px; right: 2px; bottom: 6px; width: 98%; }

.caption-table { display: table; width: 100%; height: 100%; }

.caption-content { display: table-cell; vertical-align: middle; }

.thumb-link { display: block; color: #fff; }

.caption-full-title { font-size: 16px; }

.overlay { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; width: 100%; position: absolute; top: 0; left: 0; bottom: 4px; right: 0; background: rgba(0, 0, 0, 0.2); color: #fff; text-align: center; z-index: 10; }

.view-more { display: table; width: 100%; height: 100%; }

.more { display: table-cell; vertical-align: middle; }

.icon-more { display: inline-block; font-size: 52px; line-height: 18px; padding: 18px; display: inline-block; border: 4px solid #fff; font-weight: 400; }

@media screen and (min-width: 992px) { .thumb-link:hover .overlay { opacity: 1; }
  .thumb-link:hover .caption-home, .thumb-link:hover .caption-showroom { height: 0; padding: 0; }
  .full-grid-item:hover .caption-full { opacity: 1; }
  .item-produto:hover .caption-full { opacity: 1; }
  .item-product-list:hover .caption-full { opacity: 1; } }
/*---------------------------------------------------------------------------*/
/* Header / Nav Bar */
/*---------------------------------------------------------------------------*/
.header { width: 100%; display: inline-block; }

.top-bar { width: 100%; padding: 0 0 0 0; position: relative; z-index: 400; }
@media (min-width: 1200px) { .top-bar { height: 75px; padding: 0; position: fixed; top: 0; left: 0; right: 0; } }

.top-bar.light { background: #fff; }

.top-bar.dark { background: #00b299; }

.brand { padding: 10px 0 10px 10px; }
@media (min-width: 1200px) { .brand { display: inline-block; float: left; padding: 16px 0 15px 30px; } }

@media screen and (min-width: 1440px) { .brand { padding-left: 60px; } }
.logo { display: block; text-indent: -9999px; width: 240px; height: 22px; margin: 10px 0; }
.logo a { display: block; }
@media (min-width: 1200px) { .logo { width: 280px; height: 26px; } }

.logo.light { background: url(../../assets/img/logo1.svg) no-repeat; background-size: contain; }

.logo.dark { background: url(../../assets/img/logo2.svg) no-repeat; background-size: contain; }

.main-nav { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; max-height: 0; background: #fff; text-transform: uppercase; font-weight: 600; text-align: center; overflow: hidden; }
@media (min-width: 1200px) { .main-nav { float: right; margin: 12px 30px 0 0; overflow: visible; } }

.content-bar { background: #00b299; }
@media (min-width: 1200px) { .content-bar { position: relative; } }

.content-bar.light { background: #fff; }

.content-bar.dark { background: #00b299; }

.main-nav.open { max-height: 600px; }

/*---------------------------------------------------------------------------*/
/* Login efetuado com sucesso
/*---------------------------------------------------------------------------*/
.msg-sucesso { width: 100%; padding: 15px; background: #4a4a4a; margin-top: 50px; text-align: center; line-height: 18px; }

.alert { color: #fff; font-size: 15px; }

/*---------------------------------------------------------------------------*/
/* Menu */
/*---------------------------------------------------------------------------*/
@media (min-width: 1200px) { .menu { float: left; margin-top: 15px; } }

.menu-item { font-size: 15px; text-align: left; }
@media (min-width: 1200px) { .menu-item { font-size: 14px; font-weight: 400; float: left; margin-right: 40px; } }

.menu-link { text-decoration: none; padding: 8px 20px; display: block; border-bottom: 1px solid #f2f2f2; }
@media (min-width: 1200px) { .menu-link { padding: 0; display: inline-block; padding-bottom: 2px; border-bottom: 3px solid transparent; position: relative; } }

.menu-link.light { color: #000; }
.menu-link.light:hover { background: #00b299; color: #fff; }
@media (min-width: 1200px) { .menu-link.light:hover { background: transparent; color: #000; } }

.menu-link.dark { color: #000; }
.menu-link.dark:hover { background: #00b299; color: #fff; }
@media (min-width: 1200px) { .menu-link.dark { color: #fff; }
  .menu-link.dark:hover { background: transparent; color: #fff; } }

.menu-contato { cursor: default; }

.menu-contato.light { background: #f2f2f2; }
.menu-contato.light:hover { background: #f2f2f2; color: black; }

.menu-contato.dark { background: #f2f2f2; }
.menu-contato.dark:hover { background: #f2f2f2; color: black; }

.login { width: 100%; clear: both; float: none; padding-bottom: 30px; }
@media (min-width: 1200px) { .login { width: auto; float: right; display: inline-block; clear: none; padding-bottom: 0; margin-top: 11px; } }

.menu-anchor { position: absolute; right: 10px; top: 15px; cursor: pointer; }
@media (min-width: 1200px) { .menu-anchor { display: none!important; } }

.menu-anchor.light { color: #00b299; }

.menu-anchor.dark { color: #fff; }

.menu-language { display: inline-block; }
@media (min-width: 1200px) { .menu-language { float: left; border-left: 1px solid black; padding-left: 40px; padding-top: 0; padding-bottom: 0; margin-right: 30px; margin-top: 16px; line-height: 1; } }

.menu-language-item { float: left; }
@media (min-width: 1200px) { .menu-language-item { margin-right: 10px; font-size: 14px; } }

.menu-language-link { padding: 20px 15px; border-bottom: 1px solid transparent; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }
@media (min-width: 1200px) { .menu-language-link { padding: 0; } }

.menu-language-link.light { color: #bfbfbf; }
.menu-language-link.light:hover { color: #00b299; border-bottom: 1px solid transparent; background: transparent; }

.menu-language-link.dark { color: #bfbfbf; }
.menu-language-link.dark:hover { color: #00b299; border-bottom: 1px solid transparent; background: transparent; }
@media (min-width: 1200px) { .menu-language-link.dark { color: #fff; }
  .menu-language-link.dark:hover { color: black; border: none; background: transparent; } }

.menu-language-link.active { color: #00b299; }

.menu-language-link.dark.active { color: black; }

@media (min-width: 1200px) { .sub-menu { display: none!important; position: absolute; display: inline-block; background: #fff; left: 367px; top: 21px; padding-top: 8px; } }

.sub-menu-link.light { background: #fff; }
.sub-menu-link.light:hover { background: #00b299; color: #fff; }

@media screen and (min-width: 1200px) { .menu-contato.light { background: transparent; }
  .menu-contato.light:hover { background: transparent; color: black; border: none; }
  .menu-contato.dark { background: transparent; }
  .menu-contato.dark:hover { background: transparent; color: #fff; border: none; }
  .menu-item-contato:hover > .sub-menu { display: block!important; }
  .sub-menu-item { font-size: 14px; }
  .sub-menu-link { padding: 3px 15px; min-width: 150px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
  .sub-menu-link.light { background: transparent; }
  .sub-menu-link.light:hover { background: transparent; color: #00b299; }
  .sub-menu-link.dark { color: #fff; background: #00b299; }
  .sub-menu-link.dark:hover { background: transparent; color: black; }
  .sub-menu.light { background: #fff; }
  .sub-menu.dark { background: #00b299; }
  .sub-menu-item:last-child .sub-menu-link { padding-bottom: 10px; }
  .menu-link-main::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #00b299; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }
  .menu-link-main.light::after { background: #00b299; }
  .menu-link-main.dark::after { background: black; }
  .menu-link-main:hover::after, .menu-link-mainfocus::after { height: 1px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
  .menu-link-main.active::after, .menu-link-mainfocus::after { height: 1px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } }
/*---------------------------------------------------------------------------*/
/* Hero */
/*---------------------------------------------------------------------------*/
.hero { padding: 0 0 0 0; position: relative; text-align: center; line-height: 0; margin-top: -4px; }
@media (min-width: 992px) { .hero { padding: 0; max-height: 100%; height: 100%; display: block; } }

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

.scroll-arrow { display: none!important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; bottom: 70px; left: 50%; margin-left: -20px; color: rgba(255, 255, 255, 0.9); text-decoration: none; cursor: pointer; }
.scroll-arrow:hover { bottom: 65px; }
@media (min-width: 1200px) { .scroll-arrow { display: inline-block!important; } }

video { width: 100%; height: auto; margin-top: 0; }

body { width: 100%; *zoom: 1; }
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }

/*---------------------------------------------------------------------------*/
/* Search Bar */
/*---------------------------------------------------------------------------*/
.search-bar { background: #00b299; text-align: center; padding: 20px; margin-top: -4px; position: relative; z-index: 300; }

.select-field { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; margin-bottom: 10px; height: 35px; overflow: hidden; background: #fff; border: none; position: relative; }
@media (min-width: 768px) { .select-field { display: inline; float: left; width: 22.91667%; margin: 0 1.04167%; margin-top: 5px; } }

.select-field select { background: transparent; width: 100%; height: 35px; text-align: left; padding: 5px 10px; line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: radio-container; text-indent: 1px; text-overflow: ""; color: #565a5c; font-size: 14px; overflow: hidden; }

.select-field:before { content: "\f107"; font-family: FontAwesome; position: absolute; right: 8px; top: 9px; color: #565a5c; pointer-events: none; }

.button-area { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; }
@media (min-width: 768px) { .button-area { display: inline; float: left; width: 22.91667%; margin: 0 1.04167%; text-align: left; } }

.btn-submit { background: #522398; color: #fff; font-size: 12.5px; padding: 9px 20px; border: 1px solid transparent; }
.btn-submit:hover { background: transparent; color: #fff; border: 1px solid #fff; }
@media (min-width: 768px) { .btn-submit { margin-top: 5px; } }

.btn-submit-buscar { background: #cb0044; }

/*---------------------------------------------------------------------------*/
/* Parallax */
/*---------------------------------------------------------------------------*/
.parallax { height: 249px; width: 100%; background-position: top center; background-image: url("../../assets/img/foto-mascara-mobile.jpg"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@media screen and (min-width: 420px) { .parallax { height: 475px; background-position: top center; background-image: url("../../assets/img/foto-mascara-medium.jpg"); } }
@media screen and (min-width: 800px) { .parallax { height: 500px; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url("../../assets/img/foto-mascara.jpg"); } }
/*---------------------------------------------------------------------------*/
/* Login Modal Form */
/*---------------------------------------------------------------------------*/
.popup { position: relative; width: auto; margin: 0 auto; }

.open-popup-link { outline: none; }

.login-popup { padding: 40px 30px; max-width: 410px; background: #00b299; color: #fff; }
.recuperar-senha { color:#000 !important; }
.recuperar-senha .text{
  text-align: center;
}

.contact-popup { padding: 40px 30px; max-width: 580px; background: #00b299; }

.modal-form { margin-top: 30px; }

.login-logo { margin: 0 auto 40px auto; }

/*---------------------------------------------------------------------------*/
/* Footer */
/*---------------------------------------------------------------------------*/
.footer { margin-top: -4px; text-align: center; position: relative; background: #4a4a4a; padding: 30px 0; }

.location { padding: 0; color: #fff; }

.cities { padding: 0 20px; }
@media (min-width: 768px) { .cities { padding: 0 120px; } }
@media (min-width: 992px) { .cities { padding: 0 280px; } }
@media (min-width: 1200px) { .cities { padding: 0 360px; } }

.list-city { text-transform: uppercase; font-size: 13px; line-height: 22px; }

.footer-end { background: #4a4a4a; padding: 20px 0; position: relative; }

.redes { display: inline-block; margin: 20px 0 0 0; padding: 0; list-style: none; }

.redes-item { float: left; margin-right: 8px; font-size: 2em; }
.redes-item:last-child { margin-right: 0; }

.redes-link { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #85858a; text-decoration: none; }
.redes-link:hover { color: #fff; }

.copyright { color: #85858a; font-size: 14px; margin: 2px 0 5px 0; display: inline-block; width: 100%; }

.back-top { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; position: absolute; left: 0; bottom: 0; background: black; color: #fff; padding: 7px 12px; cursor: pointer; font-size: 9px; }
.back-top:hover { background: #fff; color: #000; }
.back-top:hover span { color: #000; }

.dev { display: block; text-indent: -9999px; width: 22px; height: 22px; background: url(../../assets/img/logo-renato.svg) no-repeat; background-size: contain; position: absolute; right: 12px; bottom: 12px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.dev:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/*---------------------------------------------------------------------------*/
/* Logos Representantes */
/*---------------------------------------------------------------------------*/
.represent { text-align: center; padding: 40px 0; background: url(../../assets/img/pattern.png) repeat; margin-top: -4px; }
@media (min-width: 768px) { .represent { padding-top: 60px; } }
@media (min-width: 992px) { .represent { padding-top: 60px 0; } }

.logos-represent { margin: -35px 0 0 0; padding: 0; list-style: none; display: inline-block; text-align: center; }
@media (min-width: 992px) { .logos-represent { margin-top: -10px; } }

.item-logos-represent { display: block; text-indent: -9999px; margin: 0 auto; background: url(../../assets/img/logos-representantes-medium.png) no-repeat; }
@media (min-width: 768px) { .item-logos-represent { margin-right: 30px; float: left; }
  .item-logos-represent:last-child { margin-right: 0; } }
@media (min-width: 992px) { .item-logos-represent { background: url(../../assets/img/logos-representantes-menor.png) no-repeat; } }

.fontana { width: 157px; height: 101px; background-position: 0 0; }
@media (min-width: 992px) { .fontana { width: 175px; height: 114px; } }

.foscarini { width: 120px; height: 101px; background-position: -184px 0; margin-top: -30px; }
@media (min-width: 768px) { .foscarini { margin-top: 0; } }
@media (min-width: 992px) { .foscarini { margin-top: 0; width: 135px; height: 114px; background-position: -205px 0; } }

.diesel { width: 80px; height: 101px; background-position: -340px 0; }
@media (min-width: 992px) { .diesel { width: 95px; height: 114px; background-position: -371px 0; } }

.lutron { width: 170px; height: 24px; background: url(../../assets/img/logo-lutron-mobile.png) no-repeat; margin-top: 40px; }

.flos { width: 82px; height: 101px; background-position: -432px 0; }
@media (min-width: 992px) { .flos { width: 82px; height: 114px; background-position: -744px 0; } }

.marset { width: 123px; height: 101px; background-position: -526px 0; }
@media (min-width: 992px) { .marset { width: 124px; height: 114px; background-position: 815px 0; } }

/*---------------------------------------------------------------------------*/
/* Logos Prêmios */
/*---------------------------------------------------------------------------*/
.logos-premios { clear: both; text-align: center; width: 100%; display: inline-block; padding: 0; margin-top: 40px; }
@media (min-width: 768px) { .logos-premios { padding: 0 80px; } }

.logos-premios-img { text-align: center; width: 100%; height: auto; max-width: 976px; }

/*---------------------------------------------------------------------------*/
/* Social Widgets */
/*---------------------------------------------------------------------------*/
.social { padding: 60px 0; background: url(../../assets/img/pattern.png) repeat; }

@media screen and (min-width: 1440px) { .social { padding: 90px 0; } }
.twt { display: none!important; display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; margin-bottom: 30px; }
@media (min-width: 768px) { .twt { display: block!important; } }
@media (min-width: 992px) { .twt { display: inline; float: left; width: 47.91667%; margin: 0 1.04167%; padding-right: 30px; } }

#twitter-widget-0 { width: 100% !important; overflow: hidden; }

.highlight { color: #00b299; }

.pin { display: none!important; display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; }
@media (min-width: 768px) { .pin { display: block!important; display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; } }
@media (min-width: 992px) { .pin { display: inline; float: left; width: 47.91667%; margin: 0 1.04167%; padding-right: 30px; } }

.pin > span { width: 100%; overflow: hidden; }

.pin > span > span { width: auto !important; overflow: hidden; }

/*---------------------------------------------------------------------------*/
/* Boxes */
/*---------------------------------------------------------------------------*/
.box { width: 100%; background: url(../../assets/img/pattern.png) repeat; padding: 0 0 20px 0; margin: 0 0 30px 0; }
@media (min-width: 768px) { .box { display: inline; float: left; width: 47.91667%; margin: 0 1.04167%; padding: 0 0 20px 0; min-height: 380px; margin-bottom: 22px; } }
@media (min-width: 992px) { .box { min-height: 260px; } }

.box-content { padding: 0 30px; }

.box-text { margin-top: 0; line-height: 22px; font-size: 15px; font-weight: 300; }

/*---------------------------------------------------------------------------*/
/* Forms */
/*---------------------------------------------------------------------------*/
.input { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; margin-bottom: 15px; font-size: 14px; height: 35px; border: none; padding-left: 10px; color: #565a5c; }

.input-login { width: 100%; margin-left: 0; margin-right: 0; }

.btn-submit-login { width: 100%; padding: 9px 20px; background: #cb0044; }
.btn-submit-login:hover { background: transparent; border: 1px solid #fff; }

.btn-submit-login-cadastro { background: #522398; }
.btn-submit-login-cadastro:hover { background: transparent; border: 1px solid #fff; }

.forgot-link { color: #fff; font-size: 14px; display: block; text-decoration: underline; font-weight: 300; }
.forgot-link:hover { text-decoration: underline; }

.mensagem { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; border: none; padding: 10px; color: #565a5c; margin-bottom: 10px; font-size: 14px; resize: none; }

.newsletter { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; }

.newsletter-checkbox { margin-right: 5px; }

.submit-area { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; padding-top: 10px; clear: both; }

.select-form { margin-bottom: 15px; }
@media (min-width: 768px) { .select-form { display: inline; float: left; width: 47.91667%; margin: 0 1.04167%; } }

@media (min-width: 768px) { .form-input { display: inline; float: left; width: 47.91667%; margin: 0 1.04167%; margin-bottom: 15px; } }

@media (min-width: 768px) { .select-form { margin-bottom: 15px; } }

@media (min-width: 768px) { .full-input, .subject { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; margin-bottom: 15px; } }

.resposta { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; display: inline-block; float: none; }

.resposta .text { margin-bottom: 0; }

.sucesso { display: inline-block; border: 1px solid black; color: black; font-size: 14px; padding: 5px; width: 100%; text-align: center; margin-top: 10px; }
.error { display: inline-block; border: 1px solid red; color: red; font-size: 14px; padding: 5px; width: 100%; text-align: center; margin-top: 10px; }

/*---------------------------------------------------------------------------*/
/* Filtros de Busca - Pág. Produtos */
/*---------------------------------------------------------------------------*/
*::-webkit-input-placeholder { color: #565a5c; }

*:-moz-placeholder { /* FF 4-18 */ color: #565a5c; }

*::-moz-placeholder { /* FF 19+ */ color: #565a5c; }

*:-ms-input-placeholder { /* IE 10+ */ color: #565a5c; }

/*---------------------------------------------------------------------------*/
/* Tela cadastro */
/*---------------------------------------------------------------------------*/
.wrapper-page-login { max-width: 500px; padding-bottom: 100px; }
@media (min-width: 992px) { .wrapper-page-login { padding-top: 40px; padding-bottom: 140px; } }
@media (min-width: 1200px) { .wrapper-page-login { padding-bottom: 160px; } }

.menu-login { margin-top: 20px; }

.menu-login-item { font-size: 15px; margin-bottom: 5px; }

.menu-login-link { color: black; }
.menu-login-link:hover { text-decoration: underline; }

.input-login-form { background: #f2f2f2; max-width: 400px; margin: 0 0 15px 0; }

.btn-submit-cadastro:hover { background: #00b299; }

/*---------------------------------------------------------------------------*/
/* Produtos Page */
/*---------------------------------------------------------------------------*/
.filtro-produtos { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0 20px; max-height: 90px; }
@media (min-width: 992px) { .filtro-produtos { display: inline; float: left; width: 22.91667%; margin: 0 1.04167%; margin-top: 5px; float: left; } }
@media (min-width: 1200px) { .filtro-produtos { display: inline; float: left; width: 14.58333%; margin: 0 1.04167%; padding: 0 5px; min-height: 600px; } }

.filtro-produtos.open { max-height: 900px; }

.filter-anchor-header { color: #fff; width: 100%; background: #00b299; display: block; padding-top: 6px; padding-left: 10px; margin-top: 5px; height: 35px; cursor: pointer; line-height: 14px; }

.filter-anchor { display: inline-block; line-height: 0; position: relative; font-size: 14px; width: 100%; }

@media screen and (min-width: 992px) { .filter-anchor-header { display: none; } }
.filter-anchor:after { font-family: FontAwesome; content: '\f107'; padding-left: 5px; top: 0px; right: 10px; position: absolute; font-size: 2em!important; }

.filtro-produtos.open .filter-anchor:after { content: '\f106'; }

.search-products { padding-bottom: 40px; position: relative; }

.filter-input { background: #f2f2f2; margin-left: 0; width: 100%; height: 35px; }

.menu-filtros { padding: 0 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; display: none; }
@media (min-width: 992px) { .menu-filtros { display: block; } }

.menu-filtros.visible { display: block; }

.filtro-item { border-top: 1px solid black; padding: 7px 0; }

.filtro-link { display: block; width: 100%; color: black; font-size: 13px; position: relative; }
.filtro-link:hover { color: #00b299; }

.filtro-link.selected { color: #00b299; }

.filtro-link.selected:after { position: absolute; content: 'x'; right: 0; top: 0; font-size: 15px; }

.btn-search-product { background: transparent; border: none; position: absolute; right: 5px; top: 6px; }

.btn-search-product:before { font-family: 'FontAwesome'; font-size: 1em; content: "\f002"; color: black; }

.btn-limpar { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; max-width: 200px; text-align: center; margin: 20px 0; display: none; }
@media (min-width: 992px) { .btn-limpar { display: inline-block; } }

.btn-limpar.visible { display: inline-block; }

.produtos-geral { width: 100%; padding: 10px 20px 20px 20px; background: #fff; }
@media (min-width: 992px) { .produtos-geral { display: inline; float: left; width: 72.91667%; margin: 0 1.04167%; padding: 0; } }
@media (min-width: 1200px) { .produtos-geral { display: inline; float: left; width: 81.25%; margin: 0 1.04167%; padding: 0; } }

.item-product-list { width: 50%; float: left; padding: 2px; margin: 0 0 -5px 0; position: relative; background: #fff; }

.lista-produtos { width: 100%; margin: 20px 0 10px 0; display: inline-block; }

.title-lista-produtos { margin: 60px 0 0 0; }

.item-produto { display: inline; float: left; width: 31.25%; margin: 0 1.04167%; margin-bottom: 5px; position: relative; }
@media (min-width: 768px) { .item-produto { display: inline; float: left; width: 22.91667%; margin: 0 1.04167%; margin-bottom: 8px; margin-left: 0; } }
@media (min-width: 992px) { .item-produto { display: inline; float: left; width: 14.58333%; margin: 0 1.04167%; margin-bottom: 10px; margin-left: 0; } }

.thumb-product { width: 100%; height: auto; }

.redes-share { margin-top: 10px; }

.fa.redes-link-share { color: #4a4a4a; font-size: 0.8em!important; }
.fa.redes-link-share:hover { color: black; }

.navigation { margin-top: 30px; list-style: none; text-align: center; }

@media screen and (min-width: 420px) { .item-product-list { width: 33.33%; } }
@media screen and (min-width: 800px) { .item-product-list { width: 16.66%; } }
@media screen and (min-width: 1200px) { .item-product-list { width: 12.4%; } }
.thumb-produto { width: 100%; height: auto; }

/*---------------------------------------------------------------------------*/
/* Single Produto */
/*---------------------------------------------------------------------------*/
.single-produto { background: #fff; }
@media (min-width: 992px) { .single-produto { padding-left: 80px; } }

.infos-produto { background: #fff; }
@media (min-width: 992px) { .infos-produto { width: 40%; float: left; max-width: 600px; } }

.material { font-size: 14px; margin-top: 0; margin-bottom: 0; font-weight: normal; }

.obs { margin-top: 5px; font-size: 13px; font-style: italic; }

.descricao { margin-bottom: 20px; }
@media (min-width: 992px) { .descricao { padding-right: 20px; } }
@media (min-width: 1200px) { .descricao { padding-right: 60px; } }

.item-produto-single { display: inline; float: left; width: 22.91667%; margin: 0 1.04167%; margin-bottom: 5px; position: relative; }
@media (min-width: 768px) { .item-produto-single { display: inline; float: left; width: 14.58333%; margin: 0 1.04167%; margin-bottom: 8px; margin-left: 0; } }
@media (min-width: 992px) { .item-produto-single { display: inline; float: left; width: 14.58333%; margin: 0 1.04167%; margin-bottom: 10px; margin-left: 0; } }

@media (min-width: 992px) { .galeria-projetos-rel { width: 50%; float: left; padding-left: 30px; } }

.redes-single { margin-top: 0!important; }

.btn-download-pdf { margin-top: 10px; text-align: center; max-width: 115px; }

/*---------------------------------------------------------------------------*/
/* Accordion */
/*---------------------------------------------------------------------------*/
.especificacoes { width: 100%; clear: both; max-width: 1000px; }
@media (min-width: 992px) { .especificacoes { padding-left: 80px; padding-right: 40px; } }

.accordion { margin-top: 0; }

.header-accordion { display: block; width: 100%; border-bottom: 1px solid black; cursor: pointer; outline: none; }
.header-accordion:hover { color: #00b299; }

.tit-table { margin: 5px 0; font-weight: normal; font-size: 14px; }

.accordion-table { background: #f2f2f2; border-bottom: 1px solid black; }

.aviso-login { font-size: 13px; display: inline-block; margin-top: 20px; }

/*---------------------------------------------------------------------------*/
/* Table */
/*---------------------------------------------------------------------------*/
.table { width: 100%; border-collapse: collapse; font-size: 12px; }
@media (min-width: 992px) { .table { font-size: 13px; } }

tr { padding: 4px; }

.table-title { background: #4a4a4a; color: #fff; }

th { text-align: left; padding: 4px 4px; }

td { padding: 4px 4px; }

tbody { overflow-x: auto; }

.link-table { color: black; text-decoration: underline; }
.link-table:hover{color:#00b299;}

.table-acessorios {  }

@media screen and (max-width: 600px) { .table { overflow: auto; } }
/*---------------------------------------------------------------------------*/
/* Automation */
/*---------------------------------------------------------------------------*/
.automation { position: relative; }

.about-automation { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; padding: 30px 20px; }
@media (min-width: 768px) { .about-automation { padding: 30px; } }

.automation-img { width: 100%; background: black; }

@media screen and (min-width: 1200px) { .about-automation { width: 50%; float: right; padding: 50px 40px 0 40px; }
  .automation-img { width: 50%; float: left; } }
@media screen and (min-width: 1440px) { .about-automation { padding: 60px 50px 0 60px; } }
@media screen and (min-width: 1600px) { .about-automation { padding: 60px 200px 0 60px; } }
@media screen and (min-width: 1800px) { .about-automation { padding: 80px 200px 0 60px; } }
/*---------------------------------------------------------------------------*/
/* Page Empresa */
/*---------------------------------------------------------------------------*/
.text-grid { display: inline; float: left; width: 97.91667%; margin: 0 1.04167%; margin-bottom: 30px; }

.topics { clear: both; }

@media screen and (min-width: 992px) { .about { padding: 60px 0; } }
/*---------------------------------------------------------------------------*/
/* Single Projeto */
/*---------------------------------------------------------------------------*/
.project-infos { width: 100%; padding-top: 40px; }

.link-curriculo { text-align: center; }

.btn-curriculo { color: black; border: 1px solid #000; margin: 40px 0; }
.btn-curriculo:hover { background: #00b299; color: #fff; border: 1px solid #00b299; }

/*---------------------------------------------------------------------------*/
/* Showrooms */
/*---------------------------------------------------------------------------*/
.location-name { font-weight: 600;margin-bottom: 15px; }

.list { font-size: 15px; line-height: 22px; }

.list-infos { padding: 20px 30px 40px 30px; }

.mail, .map, .website { margin-right: 10px; font-size: 1em; }

.mail:before { font-family: 'FontAwesome'; content: '\f0e0'; padding-right: 5px; font-size: 0.7em; }

.map:before { font-family: 'FontAwesome'; content: '\f041'; padding-right: 3px; font-size: 0.8em; }

.website:before { font-family: 'FontAwesome'; content: '\f015'; padding-right: 3px; font-size: 0.8em; }

.link-mail, .link-map, .link-website { color: black; }
.link-mail:hover, .link-map:hover, .link-website:hover { color: #00b299; }

.nome-loja { font-style: italic; }

.tit-marcas { margin-top: 15px; font-size: 14px; }

.marcas-representadas { font-style: italic; margin-bottom: 10px; font-size: 13px; }

/*---------------------------------------------------------------------------*/
/* Modal Infos Loja */
/*---------------------------------------------------------------------------*/
.loja-popup { padding: 0; max-width: 520px; background: #fff; color: black; }

@media(max-width: 767px){
	.hidden-xs{
		display:none !important;
	}
}
.cores_sheet{
    padding:25px;
    background-color: #fff;
}
.desenhoClass .mfp-img{
    padding:25px;
    background-color: #fff;
}
.desenhoClass .mfp-close{
    top:-45px;
}
.desenhoClass figure{
    width: 480px;
height: 300px;
background-color: #fff;
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.has-error input{
    border: 2px solid #f00;
}
.has-error .help-block{
    color:#f00;
}
.archivo-file{
    font-weight: normal;
    font-size: 14px;
    color:black;
}
.archivo-file:hover{
    color:#00b299;
    
}
.user-active{
    font-size: 12px;
    color:white;
    margin-right: 5px;
}
.black{
    color:#000;
}
.accordion-table img{
    float:left;
}
.header-accordion .extra{
    display: block;
    height: 100px;
    margin-bottom: 10px;
} 
.accordion-table .redes-link{

    font-size: 1.5em !important;
    margin:5px;
}
.pdf-link{
    display: inline;
}
.extra{
    clear:both;
}