/* ---------------------------------------------------------------------- */
/*  Reset & Clearfix (normalize.css v3.0.2)
/* ---------------------------------------------------------------------- */

html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}body {margin: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}audio:not([controls]) {display: none; height: 0;}[hidden], template {display: none;}a {background-color: transparent;}a:active, a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b, strong {font-weight: 700;}dfn {font-style: italic;}h1 {margin: .67em 0; font-size: 2em;}mark {background: #ff0; color: #323137;}small {font-size: 80%;}sub, sup {font-size: 75%; line-height: 0; vertical-align: baseline; position: relative;}sup {top: -.5em;}sub {bottom: -.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 1em 40px;}hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}pre {overflow: auto;}code, kbd, pre, samp {font-family: monospace,monospace; font-size: 1em;}button, input, optgroup, select, textarea {margin: 0; font: inherit; color: inherit;}button {overflow: visible;}button, select {text-transform: none;}button, html input[type=button], input[type=reset], input[type=submit] {cursor: pointer; -webkit-appearance: button;}button[disabled], html input[disabled] {cursor: default;}button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}input {line-height: normal;}input[type=checkbox], input[type=radio] {box-sizing: border-box; padding: 0;}input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;}input[type=search] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver;}legend {padding: 0; border: 0;}textarea {overflow: auto;}optgroup {font-weight: 700;}table {border-spacing: 0; border-collapse: collapse;}td, th {padding: 0;}

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

.clearfix:after {display: table; content: ''; clear: both;}

/* ---------------------------------------------------------------------- */
/*  Basic Elements & Classes
/* ---------------------------------------------------------------------- */

html {height: 100%;}
body {width: 100%; height: 100%; padding: 20px; background: #fff; font: 14px/1.7 'Raleway', sans-serif; font-weight: 300; color: #292828; overflow-x: hidden; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%;}

::-moz-selection {background: rgba(57, 95, 132, 1); color: #fff; text-shadow: none;}
::selection {background: rgba(57, 95, 132, 1); color: #fff; text-shadow: none;}

a {color: #323137; text-decoration: none; transition: all .2s ease-out 0s;}

h1, h1 a {font-size: 80px; font-weight: 300; text-align: left; letter-spacing: 1px;}
h2, h2 a {margin: 0 0 10px 0; font-size: 30px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase;}
h3, h3 a {margin: 0; font-size: 20px; font-weight: 300; line-height: 110%; text-transform: uppercase;}
h4, h4 a {margin: 10px 0; font-size: 16px; font-weight: 300;}

.wrapper {max-width: 1170px; margin: 0 auto;}
.full {width: 100%; padding: 0 70px;}
.wrapper.smaller {max-width: 900px;}

.margin-top {margin-top: 40px;}
.margin-bottom {margin-bottom: 40px;}
.no-margin {margin: 0;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.fit {max-width: 100%;}
.fit > * {max-width: 100%;}

date {display: block;}


.border-top {width: 100%; height: 20px; background: #fff; position: fixed; top: 0; left: 0; z-index: 9999;}
.border-right {width: 20px; height: 100%; background: #fff; position: fixed; top: 0; right: 0; z-index: 999;}
.border-bottom {width: 100%; height: 20px; background: #fff; position: fixed; bottom: 0; left: 0; z-index: 999;}
.border-left {width: 20px; height: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 999;}


#infscr-loading {display: none!important; opacity: 0!important;}
.searchresults {padding: 20px 0px; text-transform: uppercase;}

.cc_cookies_page h2 {margin-top: 40px;}
.cc_cookies_page .cc_open_consent_button {margin: 0px}

/* ---------------------------------------------------------------------- */
/*  Header
/* ---------------------------------------------------------------------- */

header {width: 100%; height: 120px; position: absolute; top: 0; left: 0; z-index: 999;}

header h1 {width: 100%; color: #fff; text-align: center; position: relative; top: 50px;}

.logo {position: absolute; top: 55px; left: 70px;}
.logo img {width: 180px;}
.logo-black {display: none;}

header i {color: #fff;}
header .right {position: absolute; top: 50px; right: 40px;}
header ul.social {margin: 0; padding: 0; float: left;}
header ul.social li {margin-left: 14px; list-style-type: none; float: left;}
header .langs, header .search {margin-left: 16px; padding-left: 16px; border-left: 1px solid #fff; float: left;}

header .search{transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s; width: 34px;}
header .search form {position: absolute; right: 21px; top:-8px; display: none}
header .search input[type='text']{width: 150px;
    text-transform: none;
    font-size: 12px;
    border: 0px none;
    padding: 6px 6px;}
header .search.active{width: 200px; }
header .search.active form{display: block;}
.black-header .search input{border: 1px solid #222!important;}

nav {margin: 0 0 0 50px; position: absolute; top: 85px; right: 29px;}
nav ul {margin: 0; padding: 0; list-style-type: none;}
nav ul li {display: inline-block; padding: 0 10px; font-size: 12px; color: #fff; letter-spacing: 1px; text-transform: uppercase;}
nav ul li a {font-weight: 600; color: #fff;}

.fixed-header .logo {position: fixed;}

.black-header nav ul li a, .black-header header i {color: #323137;}
.black-header .langs, .black-header .search {border-left: 1px solid #323137;}

.black-header .logo {display: none;}
.black-header .logo-black {display: block;}

.black-header header {height: 100px; position: static;}

.langs a {font-size: 11px; text-transform: uppercase; font-weight: bold; margin-right: 5px; color:#fff}
.langs a:last-of-type {margin-right: 0px;}

.black-header .langs a, .magazine .langs a {color: #323137!important;}

/* ---------------------------------------------------------------------- */
/*  Banner
/* ---------------------------------------------------------------------- */

.main-banner {box-sizing: border-box; width: 100%; height: 100vh; padding: 0; position: relative;}
.main-banner .slide {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.over-slide {box-sizing: border-box; display: flex; width: 100%; height: 100%; color: #fff; position: absolute; top: 0; left: 0; justify-content: center; align-items: center;}
.slide-wrapper {box-sizing: border-box; width: 100%; padding-left: 50px; text-align: left;  z-index: 99999}
.over-slide h1 {margin: 30px 0 10px 0; color: #fff; line-height: 110%;}
.over-slide .button {display: inline-block; margin: 0 auto; padding: 2px 0; border-bottom: 1px solid #9b521d; font-size: 11px; font-weight: 600; color: #9b521d; line-height: 100%; text-align: center; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; transition: all .2s ease-out 0s;  -webkit-transition: all .2s ease-out 0s;}

.go-down {width: 40px; height: 40px; font-size: 30px; color: #fff; cursor: pointer; position: absolute; bottom: 60px; left: 60px; z-index: 99999}


/* ---------------------------------------------------------------------- */
/*  Fade In Animation
/* ---------------------------------------------------------------------- */

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@-moz-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}

.fade-in {opacity: 0; -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards;}

.fade-in.one {-webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s;}
.fade-in.two {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s;}
.fade-in.three {-webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s;}


/* ---------------------------------------------------------------------- */
/*  Grid
/* ---------------------------------------------------------------------- */

.container {max-width: 100%; margin: 0 auto; padding: 1.25em; background: #fff;}
.row {margin: 0 0 1.25em;}
.row:last-child {margin-bottom: 0;}
div[class*='col-'] {padding: 0 1em; float: left;}
div[class*='col-'] img {max-width: 100%;}

@media all and (min-width: 37em) {
    .col-2-3 {width: 66.66%;}
    .col-1-2 {width: 50%;}
    .col-1-2:nth-child(2n+1) {clear: left;}
    .col-1-3 {width: 33.33%;}
    .col-1-3:nth-of-type(3n+1) {clear: left;}
    .col-1-4 {width: 25%;}
    .col-1-4:nth-child(4n+1) {clear: left;}
    .col-3-4 {width: 75%;}
    .col-1-5 {width: 20%;}
    .col-1-5:nth-child(5n+1) {clear: left;}
    .col-1-8 {width: 12.5%;}
}

/* ---------------------------------------------------------------------- */
/*  Home
/* ---------------------------------------------------------------------- */

.full.smaller {width: 80%; margin: 0 auto;}
.statement {display: flex; margin: 20px 0; padding-left: 0!important; font-size: 24px; justify-content: center; align-content: center;}
.rightstatement {margin: 20px 0; padding-left: 40px; border-left: 1px solid rgba(0,0,0,.1); font-size: 14px; line-height: 230%}
.rightstatement p, .statement p {margin: 0;}


ul.filters {margin: 0 0 20px 0; padding: 0;}
ul.filters li {display: inline-block; margin: 0 auto; margin-right: 10px; padding: 2px 0; border-bottom: 1px solid #292828; font-size: 11px; font-weight: 400; color: #292828; line-height: 100%; text-align: center; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; transition: all .2s ease-out 0s; -webkit-transition: all .2s ease-out 0s;}

.magazine .item {margin-bottom: 20px; text-align: left;}

.magazine .item img {width: 100%; height: auto;}
.magazine .item .text {box-sizing: border-box; padding: 10px 0 10px 0;}
.magazine .text h5{    font-size: 22px;
    font-weight: 400!important;
    line-height: 140%;}
.magazine .text h5 strong{font-weight: 400!important}

/*.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 3em;
    column-count:4
}

.item {
    display: inline-block;
    background: #fff;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
*/
.item img {width: 100%; height: auto;}


/* ---------------------------------------------------------------------- */
/*  Page Layout
/* ---------------------------------------------------------------------- */

.page-layout {width: 100%; height: 100%;}

.page-left {display: flex; width: calc(50% - 20px); height: calc(100% - 40px); background-repeat: no-repeat; background-position: center; background-size: cover; flex-direction: column; justify-content: center; position: fixed; top: 20px; left: 20px;}
.page-left h1 {margin: 0 0 0 50px; font-weight: 400; color: #FFF; line-height: 90px; position: relative; z-index: 9999;}

.page-left .cycle-slideshow {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.page-left .cycle-slideshow .slide {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}

.page-right {width: 50%; min-height: 100%; background-color: #666; float: right;}
.page-right .page {padding: 170px 100px 80px 80px; font-size: 14px; font-weight: 400; line-height: 24px; color: #FFF;}
.page-right .summary {font-size: 22px; font-weight: 400; line-height: 140%;}
.page-right .text a {color: #FFF; border-bottom: 1px solid #FFF;}

.map {width: 100%; height: 270px; margin: 40px 0px 0px 0px}

ul.contactul{    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    -moz-column-count:3;
    -ms-column-count:3;
    -o-column-count:3;
    columns: 3; 
     -webkit-column-gap:70px;   
    -moz-column-gap:70px;
    -ms-column-gap:70px;
    -o-column-gap:70px;
    column-gap:70px;
    line-height: 110%; margin-top: 40px;}
ul.contactul li{margin-bottom: 15px;;}
ul.contactul li a{color: #fff; opacity: 0.7}

.sub-nav {margin: 10px 0 0 50px; flex-direction: column; clear: both;}
.sub-nav a, .btn_link {margin-right: 4px; padding: 8px 10px; background: #FFF; border-radius: 2px; font-size: 12px; font-weight: 500; text-transform: uppercase;}
.sub-nav a.active, .sub-nav a:hover {background: #999; color: #FFF;}
.btn_link {color: #aaa49a!important; border:0px none!important; display: inline-block; margin: 30px 0px;}
.btn_link:hover{color: #fff!important; background: #868178; }

.showroom-gallery {margin-top: 40px; background: #FFF; border: 4px solid #FFF; overflow: hidden;}
.showroom-gallery .item {display: block; width: 33.3333%; height: calc((50vw - 200px) / 3); margin: 0; background-repeat: no-repeat; background-position: center; background-size: cover; border: 4px solid #FFF; float: left;}

.showroom-gallery .grid-1-3 .item:first-child {width: 100%; height: calc(50vw - 200px);}
.showroom-gallery .grid-2-3 .item:nth-child(-n+2) {width: 50%; height: calc((50vw - 200px) / 2);}

 .btn_link_lojas {margin-right: 0px; padding: 8px 10px; background: rgba(255, 255, 255, 0.75); border-radius: 2px; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #6a6560!important; border-bottom: 0px!important;}

/* ---------------------------------------------------------------------- */
/*  Magazine
/* ---------------------------------------------------------------------- */

.magazine nav ul li a, .magazine header i {color: #323137;}
.magazine .langs, .magazine .search {border-left: 1px solid #323137;}

.magazine .page-left {background-color: #434250;}

.magazine .page-right {background-color: #e7e7e7;}
.magazine .page-right .page {padding: 170px 40px 80px 50px; color: #323137;}
.magazine .page-right .page .main-img {width: 100%;}
.magazine .page-right .page h2 {font-size: 36px; font-weight: 400; letter-spacing: 0; line-height: 40px; text-transform: none;}


.magazine .categories a {margin-right: 10px; border-bottom: 1px solid #323137; font-size: 12px; text-transform: uppercase;}
.magazine .categories a:hover {border-color: transparent;}
.magazine .date {margin-bottom: 10px; color: #7a7a7a;}

.magazine .text a {color: #323137; border-bottom: 1px solid #323137;}
    
.magazine-gallery {background: #FFF; border: 4px solid #FFF; overflow: hidden;}
.magazine-gallery .item {display: block; width: 33.3333%; height: calc((50vw - 110px) / 3); margin: 0; background-repeat: no-repeat; background-position: center; background-size: cover; border: 4px solid #FFF; float: left;}

.magazine-gallery .grid-1-3 .item:first-child {width: 100%; height: calc(50vw - 110px);}
.magazine-gallery .grid-2-3 .item:nth-child(-n+2) {width: 50%; height: calc((50vw - 110px) / 2);}

.related h3{font-weight: bold; margin-top: 40px; margin-bottom: 20px; font-size: 13px;}
.related .col-1-3 {padding: 0px; margin-bottom: 20px; padding-right: 10px;}
.related .col-1-3 h4{padding: 0px; margin: 0px; font-size: 14px; line-height: 130%}
.related a {display: block; transition: all .2s ease-out 0s;}
.related a:hover {opacity: 0.8}

ul.share-buttons{padding: 0px; margin: 0px 0px 40px 0px; list-style-type: none;}
ul.share-buttons li {display: inline-block}
ul.share-buttons i{font-size: 20px; color: #666;  transition: all .2s ease-out 0s;}
ul.share-buttons a:hover i{color: #000}
/* ---------------------------------------------------------------------- */
/*  Press
/* ---------------------------------------------------------------------- */

.press .item {margin-bottom: 30px;}
.press .item .text {margin-top: 10px;}
.press .item h3 {font-size: 15px;}
#pagination {opacity: 0}
/* ---------------------------------------------------------------------- */
/*  Page
/* ---------------------------------------------------------------------- */

.teamphoto {position: relative;}
.teamphoto .bgdiv {width: 90%; height: 278px; position: absolute;}

.teamphoto h3 {margin-top: 10px; line-height: 70%;}
.col-4-5 {box-sizing: border-box; width: 75%; padding-left: 100px!important;}
.col-4-5 h3 {margin-top: 40px;}
.col-4-5 p {margin-top: 20px;}
.col-4-5 ul {padding: 0; list-style-type: none;}


/* ---------------------------------------------------------------------- */
/*  Form
/* ---------------------------------------------------------------------- */

form {margin: 0; padding: 0; text-align: left;}
input, textarea {width: 100%; margin-bottom: 10px; padding: 10px 10px; border: 1px solid #ddd;}
form .row {margin-bottom: 0;}
.row > input {width: 49%;}
.row > input:nth-child(1) {margin-right: 1%;}

form label {display: inline-block;}
form label input {width: 30px; margin: 5px 0 0; float: left;}
form label span {margin-right: 20px; float: left;}

form h3 {margin: 20px 0; clear: both;}

form input[type='text'] {width: 100%; margin: 6px 0; padding: 8px 10px; color: #888; text-transform: uppercase;}
form button {display: block; width: 120px; margin-top: 20px; padding: 8px 0; background: #FFF; border: 0; font-size: 11px; font-weight: 500; color: #888; letter-spacing: 1px; text-transform: uppercase;}

/* ---------------------------------------------------------------------- */
/*  Pagination
/* ---------------------------------------------------------------------- */

ul.pagination {padding: 0; text-align: center; list-style-type: none;}
ul.pagination li {display: inline-block; margin: 0 10px;}
ul.pagination li a {text-decoration: none;}
ul.pagination li.active a {font-weight: 600;}


/* ---------------------------------------------------------------------- */
/*  Footer
/* ---------------------------------------------------------------------- */

footer {display: block; margin: 30px; border-top: 1px solid #e6e6e6; font-size: 12px;}

.fixed-header footer {display: none;}

footer .left {width: 25%; padding-right: 30px; float: left;}
footer .middle {width: 25%; padding-right: 30px; float: left;}
footer .right {width: 300px; float: right;}

footer p:first-child {margin-top: 0;}

footer form input[type='text'] {width: 180px; margin: 0; padding: 8px 0; color: #888; text-align: center; text-transform: uppercase; float: right;}
footer form button {width: 182px; margin-top: 5px; padding: 8px 0; background: #888; border: 0; font-size: 11px; font-weight: 500; color: #fff; letter-spacing: 1px; text-transform: uppercase; float: right;}

footer form h4 {margin: 0; font-size: 12px; text-align: left; letter-spacing: 1px; text-transform: uppercase; float: left;}

footer .newsletter-container {width: 190px; margin-left: 15px; float: left;}


.menubutton {display:none;}

/* ---------------------------------------------------------------------- */
/*  Media Queries
/* ---------------------------------------------------------------------- */

@media only screen and (max-width: 1280px) {
	.page-left h1{font-size: 60px; line-height: 100%}
}

@media only screen and (max-width: 540px) {
	.fixed-header .logo{position: absolute;}
	.menubutton {display:none;}
header .search{display:none;}


	.menubutton{display:inline-block;}
	.menubutton:before {
	  content: "\f0c9";
	  font-family: 'FontAwesome';
	  color: #fff;
	  font-size: 28px;
	  line-height: 100%;
	  position:absolute; top:63px; right:40px; 
	}
	

	.black-header .menubutton:before {color: #222;}
	
	#menu ul {display:none; background:#fff; margin:-10px 20px 0px 20px; height: 100%; padding-top: 100px;}
	#menu ul li {display:block; float:none; text-align:center;  width:80%; margin:0px auto;}
	#menu ul li a {color:#343030!important;}
	#menu {top: 0px; left:0px; margin:0px; width:100%; bottom:auto; position: fixed; width: 100%; z-index: 9999}
	#menu.active{height: 100vh}
	
	.slide-wrapper{padding-left: 20px; z-index: 9998}
	.slide-wrapper h1{font-size: 40px;}
	.over-slide .button {color: #fff; border-bottom: 1px solid #fff;}
	.go-down{left: 20px;}
	.statement{line-height: 130%;}
	.rightstatement{padding: 0px!important; border-left: 0px none}
	footer .full{padding: 0px;}
	footer .left, footer .right, footer .middle{width: 100%;}
	header .right{top:30px;}
	header ul.social li{margin-left: 10px;}
	header .langs, header .search{margin-left: 0px; padding-left: 10px;}
	.logo{left:40px;}
	.full {padding: 0px;}
	
	.page-left{float: none; position: static; width: 100%}
	.page-right{float: none; width: 100%}
	.page-right .page {padding: 20px;}
	.page-left h1{font-size: 40px; margin: 0px 0px 0px 20px; line-height: 100%}
	.sub-nav{margin: 10px 0px 0px 20px;}
	
	.magazine .page-right .page{padding: 20px;}
	.magazine-gallery .item, .showroom-gallery .item {width:200px; height: 200px;}
	.magazine-gallery .grid-1-3 .item:first-child, .showroom-gallery .grid-1-3 .item:first-child{width:200px; height: 200px;}
	.magazine-gallery, .showroom-gallery{margin: 0px auto;width: 200px;}
    
    ul.contactul{ 
    -moz-column-count:1;
    -ms-column-count:1;
    -o-column-count:1;
    columns: 1; }


	.menu_btn, .menu_close_btn {top: 20px; right: 20px;}
    header .full.lines {background: none;}
    header h1 {line-height: 100%;}
    nav ul {flex-direction: column;}
    nav ul li {display: block; padding: 10px;}
    .greybar p {max-width: 90%;}
    div[class*='col-'] {width: 100%; float: none;}
    div.col-1-5 {width: 50%; float: left;}
    div.col-1-5.teamphoto {width: 100%; float: none;}
    .greybar.contacts h2 {text-align: center;}
    form {margin: 0 auto;}
    form input {width: 100%!important;}
    .contacts .col-1-2.left {text-align: center;}}