@charset "UTF-8";
/*!
Theme Name: Granitrans
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: granitrans
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Granitrans is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* line 57, sass/_style-wp.scss */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/* line 69, sass/_style-wp.scss */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 78, sass/_style-wp.scss */
h1 {
  font-size: 2em;
  /* margin: 0.67em 0; */
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 92, sass/_style-wp.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 103, sass/_style-wp.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
/* line 115, sass/_style-wp.scss */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 124, sass/_style-wp.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 134, sass/_style-wp.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 144, sass/_style-wp.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
/* line 155, sass/_style-wp.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 164, sass/_style-wp.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 172, sass/_style-wp.scss */
sub {
  bottom: -0.25em;
}

/* line 176, sass/_style-wp.scss */
sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
/* line 187, sass/_style-wp.scss */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 199, sass/_style-wp.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 215, sass/_style-wp.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 225, sass/_style-wp.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 234, sass/_style-wp.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 245, sass/_style-wp.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 257, sass/_style-wp.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
/* line 268, sass/_style-wp.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
/* line 279, sass/_style-wp.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 292, sass/_style-wp.scss */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
/* line 300, sass/_style-wp.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
/* line 309, sass/_style-wp.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 319, sass/_style-wp.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 329, sass/_style-wp.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/* line 338, sass/_style-wp.scss */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 347, sass/_style-wp.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
/* line 359, sass/_style-wp.scss */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 367, sass/_style-wp.scss */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
/* line 378, sass/_style-wp.scss */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
/* line 386, sass/_style-wp.scss */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* line 393, sass/_style-wp.scss */
body,
button,
input,
select,
optgroup,
textarea {
  color: #888888;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 406, sass/_style-wp.scss */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

/* line 410, sass/_style-wp.scss */
p {
  margin-bottom: 1.5em;
}

/* line 414, sass/_style-wp.scss */
dfn, cite, em, i {
  font-style: italic;
}

/* line 418, sass/_style-wp.scss */
blockquote {
  margin: 0 1.5em;
}

/* line 422, sass/_style-wp.scss */
address {
  margin: 0 0 1.5em;
}

/* line 426, sass/_style-wp.scss */
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

/* line 438, sass/_style-wp.scss */
code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 444, sass/_style-wp.scss */
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

/* line 449, sass/_style-wp.scss */
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

/* line 454, sass/_style-wp.scss */
big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* line 461, sass/_style-wp.scss */
html {
  box-sizing: border-box;
}

/* line 465, sass/_style-wp.scss */
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

/* line 472, sass/_style-wp.scss */
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

/* line 477, sass/_style-wp.scss */
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* line 484, sass/_style-wp.scss */
ul, ol {
  margin: 0 0 1.5em 3em;
}

/* line 488, sass/_style-wp.scss */
ul {
  list-style: disc;
}

/* line 492, sass/_style-wp.scss */
ol {
  list-style: decimal;
}

/* line 496, sass/_style-wp.scss */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/* line 502, sass/_style-wp.scss */
dt {
  font-weight: bold;
}

/* line 506, sass/_style-wp.scss */
dd {
  margin: 0 1.5em 1.5em;
}

/* line 510, sass/_style-wp.scss */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

/* line 517, sass/_style-wp.scss */
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

/* line 522, sass/_style-wp.scss */
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* line 530, sass/_style-wp.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

/* line 545, sass/_style-wp.scss */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

/* line 552, sass/_style-wp.scss */
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

/* line 562, sass/_style-wp.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

/* line 584, sass/_style-wp.scss */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

/* line 603, sass/_style-wp.scss */
select {
  border: 1px solid #ccc;
}

/* line 607, sass/_style-wp.scss */
textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/* line 617, sass/_style-wp.scss */
a {
  color: #ffffff;
  text-decoration: none;
}

/* line 622, sass/_style-wp.scss */
a:visited {
  color: #ffffff;
}

/* line 626, sass/_style-wp.scss */
a:hover, a:focus, a:active {
  color: #ffffff;
}

/* line 630, sass/_style-wp.scss */
a:focus {
  outline: 0;
}

/* line 634, sass/_style-wp.scss */
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* line 641, sass/_style-wp.scss */
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

/* line 648, sass/_style-wp.scss */
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* line 655, sass/_style-wp.scss */
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

/* line 664, sass/_style-wp.scss */
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

/* line 669, sass/_style-wp.scss */
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

/* line 674, sass/_style-wp.scss */
.main-navigation ul ul a {
  width: 200px;
}

/* line 678, sass/_style-wp.scss */
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

/* line 683, sass/_style-wp.scss */
.main-navigation li {
  float: left;
  position: relative;
}

/* line 688, sass/_style-wp.scss */
.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
/* line 694, sass/_style-wp.scss */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  /* line 700, sass/_style-wp.scss */
  .menu-toggle {
    display: none;
  }

  /* line 703, sass/_style-wp.scss */
  .main-navigation ul {
    display: block;
  }
}
/* line 708, sass/_style-wp.scss */
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

/* line 715, sass/_style-wp.scss */
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

/* line 722, sass/_style-wp.scss */
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
/* line 734, sass/_style-wp.scss */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

/* line 747, sass/_style-wp.scss */
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
/* line 770, sass/_style-wp.scss */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/* line 777, sass/_style-wp.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

/* line 783, sass/_style-wp.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

/* line 789, sass/_style-wp.scss */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/* line 799, sass/_style-wp.scss */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

/* line 816, sass/_style-wp.scss */
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* line 828, sass/_style-wp.scss */
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

/* line 833, sass/_style-wp.scss */
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* line 843, sass/_style-wp.scss */
.sticky {
  display: block;
}

/* line 848, sass/_style-wp.scss */
.updated:not(.published) {
  display: none;
}

/*PEDRO .page-content,
.entry-content,
.entry-summary {
  padding: 1.5em 0 0;

}*/
/* line 859, sass/_style-wp.scss */
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/* line 867, sass/_style-wp.scss */
.comment-content a {
  word-wrap: break-word;
}

/* line 871, sass/_style-wp.scss */
.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* line 879, sass/_style-wp.scss */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
/* line 886, sass/_style-wp.scss */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* line 893, sass/_style-wp.scss */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
/* line 903, sass/_style-wp.scss */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
/* line 910, sass/_style-wp.scss */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
/* line 917, sass/_style-wp.scss */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

/* line 922, sass/_style-wp.scss */
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 928, sass/_style-wp.scss */
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* line 932, sass/_style-wp.scss */
.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
/* line 939, sass/_style-wp.scss */
.gallery {
  margin-bottom: 1.5em;
}

/* line 943, sass/_style-wp.scss */
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

/* line 950, sass/_style-wp.scss */
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

/* line 954, sass/_style-wp.scss */
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

/* line 958, sass/_style-wp.scss */
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

/* line 962, sass/_style-wp.scss */
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

/* line 966, sass/_style-wp.scss */
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

/* line 970, sass/_style-wp.scss */
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

/* line 974, sass/_style-wp.scss */
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

/* line 978, sass/_style-wp.scss */
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

/* line 982, sass/_style-wp.scss */
.gallery-caption {
  display: block;
}

/* line 986, sass/_style-wp.scss */
article.background {
  background-image: url(/wp-content/themes/granitrans/images/G1336.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 -260px;
}
@media (max-width: 992px) {
  /* line 986, sass/_style-wp.scss */
  article.background {
    background-position: center top;
  }
}

/* line 999, sass/_style-wp.scss */
.visible-xs {
  display: none;
}
@media screen and (max-width: 992px) {
  /* line 999, sass/_style-wp.scss */
  .visible-xs {
    display: block;
  }
}

/* line 1008, sass/_style-wp.scss */
.hidden-xs {
  display: block;
}
@media screen and (max-width: 992px) {
  /* line 1008, sass/_style-wp.scss */
  .hidden-xs {
    display: none;
  }
}

/* line 1017, sass/_style-wp.scss */
.altura-about {
  height: 100vh;
}

/* line 1023, sass/_style-wp.scss */
.linha-sobre {
  max-width: 140px;
}

/*pedroj*/
/* line 1028, sass/_style-wp.scss */
.texto-baixo-icones p {
  font-size: 14px;
  font-family: "Helvetica Neue";
}
@media screen and (max-width: 992px) {
  /* line 1028, sass/_style-wp.scss */
  .texto-baixo-icones p {
    font-size: 3.889vw;
  }
}

/* line 1038, sass/_style-wp.scss */
.texto-baixo-icones strong {
  font-size: 18px;
  color: #4a4a4a;
}
@media (max-width: 992px) {
  /* line 1038, sass/_style-wp.scss */
  .texto-baixo-icones strong {
    font-size: 6vw;
  }
}

/* line 1048, sass/_style-wp.scss */
.about-margin-4columns {
  padding-top: 60px;
}
@media screen and (max-width: 992px) {
  /* line 1048, sass/_style-wp.scss */
  .about-margin-4columns {
    padding-top: 0;
  }
}

/* line 1057, sass/_style-wp.scss */
.zig-zag-separator-up h1 {
  font-size: 24px;
  color: #4a4a4a;
}
@media screen and (max-width: 992px) {
  /* line 1057, sass/_style-wp.scss */
  .zig-zag-separator-up h1 {
    font-size: 6.11vw;
  }
}

/* line 1069, sass/_style-wp.scss */
.text-16px {
  font-size: 16px;
  color: #707070;
}

/* line 1074, sass/_style-wp.scss */
.text-16px strong {
  color: #888888;
}

/* line 1078, sass/_style-wp.scss */
.cls-1 {
  stroke: none !important;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url("fonts/helveticaneue.ttf"), url("fonts/helveticaneue.ttf");
}
@font-face {
  font-family: 'HelveticaNeueLT-Cond';
  src: url("fonts/helvetica-neue-lt-com-57-condensed.ttf"), url("fonts/helvetica-neue-lt-com-57-condensed.ttf");
}
@font-face {
  font-family: 'Poppins-Thin';
  src: url("fonts/poppins-thin-webfont.woff2") format("woff2"), url("fonts/poppins-thin-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url("fonts/helveticaneue-webfont.woff2") format("woff2"), url("fonts/helveticaneue-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Hv';
  src: url("fonts/helveticaneuehv-webfont.woff2") format("woff2"), url("fonts/helveticaneuehv-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-It';
  src: url("fonts/helveticaneueit-webfont.woff2") format("woff2"), url("fonts/helveticaneueit-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Bd';
  src: url("fonts/helveticaneuebd-webfont.woff2") format("woff2"), url("fonts/helveticaneuebd-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url("fonts/helvetica_neu_bold-webfont.woff2") format("woff2"), url("fonts/helvetica_neu_bold-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-BlackCond';
  src: url("fonts/helveticaneue_blackcond-webfont.woff2") format("woff2"), url("fonts/helveticaneue_blackcond-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Medium';
  src: url("fonts/helveticaneue_medium-webfont.woff2") format("woff2"), url("fonts/helveticaneue_medium-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Med';
  src: url("fonts/helveticaneuemed-webfont.woff2") format("woff2"), url("fonts/helveticaneuemed-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Lt';
  src: url("fonts/helveticaneuelt-webfont.woff2") format("woff2"), url("fonts/helveticaneuelt-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url("fonts/helveticaneue_light-webfont.woff2") format("woff2"), url("fonts/helveticaneue_light-webfont.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeue-Thin';
  src: url("fonts/HelveticaNeue-Thin.otf"), url("fonts/HelveticaNeue-Thin.otf");
}
@font-face {
  font-family: 'HelveticaNeueLT-BoldCond';
  src: url("fonts/HelveticaNeue-BoldCond.otf"), url("fonts/HelveticaNeue-BoldCond.otf");
}
/*
Granitrans icomoon
*/
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?7o8zje");
  src: url("fonts/icomoon.eot?7o8zje#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?7o8zje") format("truetype"), url("fonts/icomoon.woff?7o8zje") format("woff"), url("fonts/icomoon.svg?7o8zje#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'icomoon2';
  src: url("fonts/icomoon-2/icomoon.eot?bbvcty");
  src: url("fonts/icomoon-2/icomoon.eot?bbvcty#iefix") format("embedded-opentype"), url("fonts/icomoon-2/icomoon.ttf?bbvcty") format("truetype"), url("fonts/icomoon-2/icomoon.woff?bbvcty") format("woff"), url("fonts/icomoon-2/icomoon.svg?bbvcty#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'icomoon3';
  src: url("fonts/icomoon-3/icomoon.eot?bbvcty");
  src: url("fonts/icomoon-3/icomoon.eot?bbvcty#iefix") format("embedded-opentype"), url("fonts/icomoon-3/icomoon.ttf?bbvcty") format("truetype"), url("fonts/icomoon-3/icomoon.woff?bbvcty") format("woff"), url("fonts/icomoon-3/icomoon.svg?bbvcty#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* line 131, sass/_fonts.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 146, sass/_fonts.scss */
.icon-globo-3:before {
  content: "\e900";
}

/* line 149, sass/_fonts.scss */
.icon-chevron_down:before {
  content: "\e901";
  color: #fff;
}

/* line 153, sass/_fonts.scss */
.icon-mobile_cross:before {
  content: "\e913";
}

/* line 156, sass/_fonts.scss */
.icon-hamburger:before {
  content: "\e914";
}

/* line 159, sass/_fonts.scss */
.icon-whatsapp:before {
  content: "\e915";
}

/* line 162, sass/_fonts.scss */
.icon-Lang_EN:before {
  content: "\e916";
}

/* line 165, sass/_fonts.scss */
.icon-facebook:before {
  content: "\e917";
}

/* line 168, sass/_fonts.scss */
.icon-Lang_PT:before {
  content: "\e918";
}

/* line 171, sass/_fonts.scss */
.icon-Lang_FR:before {
  content: "\e919";
}

/* line 174, sass/_fonts.scss */
.icon-pinterest:before {
  content: "\e91a";
}

/* line 177, sass/_fonts.scss */
.icon-zoomin:before {
  content: "\e902";
}

/* line 180, sass/_fonts.scss */
.icon-seeless:before {
  content: "\e903";
}

/* line 183, sass/_fonts.scss */
.icon-seemore:before {
  content: "\e904";
}

/* line 186, sass/_fonts.scss */
.icon-search:before {
  content: "\e905";
}

/* line 189, sass/_fonts.scss */
.icon-plus:before {
  content: "\e906";
}

/* line 192, sass/_fonts.scss */
.icon-seeall-over:before {
  content: "\e907";
}

/* line 195, sass/_fonts.scss */
.icon-seeall:before {
  content: "\e908";
}

/* line 198, sass/_fonts.scss */
.icon-idioma:before {
  content: "\e909";
}

/* line 201, sass/_fonts.scss */
.icon-partilhar-inline-icon:before {
  content: "\e90a";
}

/* line 204, sass/_fonts.scss */
.icon-seemore-over:before {
  content: "\e90b";
}

/* line 207, sass/_fonts.scss */
.icon-seeless-over:before {
  content: "\e90c";
}

/* line 210, sass/_fonts.scss */
.icon-share:before {
  content: "\e90d";
}

/* line 213, sass/_fonts.scss */
.icon-ficha-tecnica:before {
  content: "\e90e";
}

/* line 216, sass/_fonts.scss */
.icon-aplicacoes-casa-banho:before {
  content: "\e90f";
}

/* line 219, sass/_fonts.scss */
.icon-aplicacoes-interior:before {
  content: "\e910";
}

/* line 222, sass/_fonts.scss */
.icon-aplicacoes-exterior:before {
  content: "\e911";
}

/* line 225, sass/_fonts.scss */
.icon-aplicacoes-mobiliario:before {
  content: "\e912";
}

/* line 228, sass/_fonts.scss */
.icon-aplicacoes-fachadas:before {
  content: "\e91b";
}

/* line 231, sass/_fonts.scss */
.icon-aplicacoes-cozinha:before {
  content: "\e91c";
}

/* line 235, sass/_fonts.scss */
.icon-Lang_ES:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}

/* line 251, sass/_fonts.scss */
.icon-instagram, .icon-linkedin {
  font-family: 'icomoon3' !important;
}

/* line 256, sass/_fonts.scss */
.icon-instagram:before {
  content: "\e901";
}

/* line 261, sass/_fonts.scss */
.icon-linkedin:before {
  content: "\e902";
}

/* line 54, sass/_mixins.scss */
.container-body-granitrans {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
}

/* line 1, sass/_main.scss */
.col2 {
  width: calc((2 * 100%) / 12) !important;
}

/* line 5, sass/_main.scss */
.col3 {
  width: calc((3 * 100%)/12) !important;
}

/* line 9, sass/_main.scss */
.col4 {
  width: calc((4 * 100%)/12) !important;
}

/* line 13, sass/_main.scss */
.col6 {
  width: 50% !important;
}

/* line 17, sass/_main.scss */
.col8 {
  width: calc((8 * 100%)/12) !important;
}

/* line 21, sass/_main.scss */
.col10 {
  width: calc((10 * 100%)/12) !important;
}

/* line 25, sass/_main.scss */
.col12 {
  width: 100% !important;
}

/* line 29, sass/_main.scss */
.col2,
.col3,
.col4,
.col6,
.col10,
.col12 {
  float: left;
  padding: 0 15px;
  position: relative;
}

/* line 41, sass/_main.scss */
a:hover {
  cursor: pointer;
}

/* line 46, sass/_main.scss */
ul {
  margin: 0;
  padding: 0;
}
/* line 50, sass/_main.scss */
ul li {
  list-style: none;
}

/* line 55, sass/_main.scss */
.main {
  width: 100%;
  height: 300px;
}

/* line 60, sass/_main.scss */
.small-text {
  font-size: 14px;
}
@media (max-width: 992px) {
  /* line 60, sass/_main.scss */
  .small-text {
    font-size: 3.889vw;
  }
}

/* line 68, sass/_main.scss */
.content-area .small-text h3 {
  font-size: 24px;
  margin-top: 33px;
}
@media (max-width: 992px) {
  /* line 68, sass/_main.scss */
  .content-area .small-text h3 {
    font-size: 6.111vw;
  }
}

@media (max-width: 992px) {
  /* line 84, sass/_main.scss */
  #content.site-content {
    overflow: hidden;
  }
}
/* line 89, sass/_main.scss */
.d-block {
  display: block;
}

@media (max-width: 992px) {
  /* line 94, sass/_main.scss */
  .d-block-xs {
    display: block;
  }
}
/* line 99, sass/_main.scss */
.homepage-column-background {
  background-image: url(/wp-content/themes/granitrans/images/samples/mobile/background-isos.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% -70%;
}

/* line 106, sass/_main.scss */
.texto-70 {
  color: #707070;
}

/* line 110, sass/_main.scss */
.negrito-4a strong {
  color: #4a4a4a;
}

/* line 114, sass/_main.scss */
.neue-bold {
  font-family: HelveticaNeue-Bold;
}

/* line 118, sass/_main.scss */
.about-margin-4columns {
  max-width: 806px;
}

/* line 122, sass/_main.scss */
.img-experience {
  max-width: 1920px;
  margin: 0 auto;
  display: block;
  	/*@include non-smartphone
    {
      margin-bottom: 82px!important;
    }*/
}

/*APLICAÇÃO ESPECIFICA*/
/* line 134, sass/_main.scss */
.wpb_single_image.wpb_content_element.vc_align_center.pedras {
  margin-bottom: 10px;
}

/* line 138, sass/_main.scss */
.vc-zigzag-inner {
  background: 0 round url("data:image/svg+xml;utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2018%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolygon%20id%3D%22Combined-Shape%22%20fill%3D%22%23ebebeb%22%20points%3D%228.98762301%200%200%209.12771969%200%2012.519983%209%203.40479869%2018%2012.519983%2018%209.12771969%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") !important;
}

/* line 142, sass/_main.scss */
.content-area .vc_row.container .vc_column_container.text-left > .vc_column-inner {
  text-align: left;
}

/* line 146, sass/_main.scss */
.content-area .vc_row.container .vc_column_container.text-right > .vc_column-inner {
  text-align: right;
}

@media (max-width: 992px) {
  /* line 152, sass/_main.scss */
  .footer-logo {
    width: 50vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  /* line 160, sass/_main.scss */
  .content-area .small-text h3 {
    font-size: 5.5vw;
    line-height: 5.5vw;
  }

  /* line 165, sass/_main.scss */
  .small-text {
    font-size: 3.4vw;
  }
}
/* line 171, sass/_main.scss */
body {
  position: relative;
}
/* line 174, sass/_main.scss */
body.lockScroll {
  height: 100vh;
  overflow-y: hidden;
}

@media (max-width: 992px) {
  /* line 180, sass/_main.scss */
/*   .site {
    overflow-x: hidden;
  } */
}

/* ideavity */
/* line 1, sass/site/_menu.scss */
#menu {
  top: 0;
  position: fixed;
  color: #ffffff;
  background-color: rgba(85, 85, 85, 0.9);
  /*PEDRO height: 70px;*/
  height: 60px;
  width: 100%;
  display: block;
  font-family: 'HelveticaNeue-Bold';
  font-size: 12px;
  letter-spacing: 0.24px;
  z-index: 2;
  transition: color .7s, left .7s, height .7s, max-height .7s, background-color .7s, width .7s;
}
/* line 17, sass/site/_menu.scss */
#menu .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 60px;
  display: none;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 992px) {
  /* line 17, sass/site/_menu.scss */
  #menu .overlay {
    top: 0;
    z-index: -1;
  }
}
/* line 32, sass/site/_menu.scss */
#menu #menu .menu-popup li {
  pointer-events: none;
}
/* line 36, sass/site/_menu.scss */
#menu .container {
  height: 100%;
}
/* line 40, sass/site/_menu.scss */
#menu .container .row {
  height: 100%;
}
@media (max-width: 992px) {
  /* line 40, sass/site/_menu.scss */
  #menu .container .row {
    height: initial;
  }
}
/* line 47, sass/site/_menu.scss */
#menu .container .row .full-height {
  height: 100%;
}
/* line 50, sass/site/_menu.scss */
#menu .container .row .full-height a {
  display: inline-block;
  padding: 19px 5px;
}
@media (max-width: 992px) {
  /* line 50, sass/site/_menu.scss */
  #menu .container .row .full-height a {
    padding: 21px 5px 0;
  }
}
/* line 59, sass/site/_menu.scss */
#menu .container .row .full-height a.active {
  border-bottom: 3px solid #bebebe;
}
/* line 66, sass/site/_menu.scss */
#menu .container .row .full-height a.link.active {
  border-bottom: none;
}
/* line 72, sass/site/_menu.scss */
#menu .container .row .full-height ul.fh {
  height: 100%;
}
/* line 75, sass/site/_menu.scss */
#menu .container .row .full-height ul.fh li {
  height: 100%;
}
@media (max-width: 992px) {
  /* line 75, sass/site/_menu.scss */
  #menu .container .row .full-height ul.fh li {
    margin-top: 25px;
  }
}
/* line 82, sass/site/_menu.scss */
#menu .container .row .full-height ul.fh li a {
  pointer-events: none;
}
/* line 85, sass/site/_menu.scss */
#menu .container .row .full-height ul.fh li a span {
  color: #bebebe;
}
/* line 90, sass/site/_menu.scss */
#menu .container .row .full-height ul.fh li a.active span {
  color: #858585;
}
/* line 102, sass/site/_menu.scss */
#menu .drop-down-menu-container {
  display: inline-block;
  position: relative;
}
/* line 106, sass/site/_menu.scss */
#menu .drop-down-menu-container .drop-down-menu {
  position: absolute;
  background: white;
  right: -8px;
  top: 60px;
  width: 144%;
  height: 0;
  overflow: hidden;
}
/* line 115, sass/site/_menu.scss */
#menu .drop-down-menu-container .drop-down-menu.active {
  height: auto;
}
/* line 119, sass/site/_menu.scss */
#menu .drop-down-menu-container .drop-down-menu li {
  display: block;
  width: 100%;
  text-align: center;
}
/* line 124, sass/site/_menu.scss */
#menu .drop-down-menu-container .drop-down-menu li a {
  padding: 20px 10px;
  display: block;
  color: #bebebe;
  pointer-events: initial !important;
}
/* line 130, sass/site/_menu.scss */
#menu .drop-down-menu-container .drop-down-menu li a img {
  width: 25px;
  max-width: initial !important;
  opacity: 0.7;
}
/* line 136, sass/site/_menu.scss */
#menu .drop-down-menu-container .drop-down-menu li a:hover {
  color: #858585;
}
/* line 139, sass/site/_menu.scss */
#menu .drop-down-menu-container .drop-down-menu li a:hover img {
  opacity: 1;
}
/* line 149, sass/site/_menu.scss */
#menu .black {
  display: none;
}
/* line 153, sass/site/_menu.scss */
#menu .white {
  display: inline-block;
}
/* line 158, sass/site/_menu.scss */
#menu a {
  color: white;
  text-decoration: none;
}
/* line 164, sass/site/_menu.scss */
#menu ul li {
  display: inline-block;
  width: 20%;
  text-align: right;
  cursor: pointer;
}
/* line 170, sass/site/_menu.scss */
#menu ul li span {
  font-size: 8px;
  padding-left: 5px;
}
/* line 174, sass/site/_menu.scss */
#menu ul li span.icon {
  margin: 0 5px;
  color: white;
  opacity: 1;
  font-size: 15px;
}
/* line 184, sass/site/_menu.scss */
#menu .menu-popup {
  position: absolute;
  left: 0;
  top: 60px;
  background: white;
  width: 100%;
  max-height: 0;
  transition: color 1s, left 1s, height 1s, max-height 1s;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
@media (max-width: 992px) {
  /* line 184, sass/site/_menu.scss */
  #menu .menu-popup {
    width: 100%;
    height: calc(100vh - 60px);
    position: absolute;
    left: -100%;
    /*PEDRO top: 70px;*/
    top: 60px;
    max-height: initial;
    overflow: auto;
    box-shadow: none;
  }
}
/* line 209, sass/site/_menu.scss */
#menu .menu-popup form {
  text-align: center;
  position: relative;
}
/* line 213, sass/site/_menu.scss */
#menu .menu-popup form label {
  position: absolute;
  left: 0px;
  top: 65px;
  font-size: 20px;
}
/* line 220, sass/site/_menu.scss */
#menu .menu-popup form .search-submit {
  font-size: 12px;
  line-height: 19px;
  font-family: HelveticaNeueLT-BoldCond;
  cursor: pointer;
  margin-top: 30px;
  color: #858585;
}
/* line 229, sass/site/_menu.scss */
#menu .menu-popup form .search-submit .icon {
  margin-left: 10px;
  transition: all 0.2s;
  opacity: 0.8;
}
/* line 236, sass/site/_menu.scss */
#menu .menu-popup form .search-submit:hover .icon {
  font-size: 90%;
  opacity: 1;
}
@media (max-width: 992px) {
  /* line 245, sass/site/_menu.scss */
  #menu .menu-popup form .search-submit {
    margin-top: 0;
  }
}
/* line 251, sass/site/_menu.scss */
#menu .menu-popup #mobile-list {
  padding-left: 10%;
  padding-right: 10%;
  display: block;
  position: absolute;
  left: -255%;
  transition: left 1s;
}
/* line 260, sass/site/_menu.scss */
#menu .menu-popup #mobile-list.set {
  left: 0;
}
/* line 264, sass/site/_menu.scss */
#menu .menu-popup #mobile-list ul {
  margin-top: 68px;
}
/* line 267, sass/site/_menu.scss */
#menu .menu-popup #mobile-list ul li {
  float: left;
  width: 100%;
  text-align: left;
  font-family: 'HelveticaNeue-Bold';
  font-size: 18px;
  box-sizing: border-box;
  border-bottom: 1px solid #f3f3f3;
}
@media (max-width: 992px) {
  /* line 267, sass/site/_menu.scss */
  #menu .menu-popup #mobile-list ul li {
    font-size: 5vw;
  }
  /* line 281, sass/site/_menu.scss */
  #menu .menu-popup #mobile-list ul li:nth-child(4), #menu .menu-popup #mobile-list ul li:nth-child(5), #menu .menu-popup #mobile-list ul li:nth-child(6) {
    border-bottom: none;
  }
}
/* line 288, sass/site/_menu.scss */
#menu .menu-popup #mobile-list ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 12px 0;
}
/* line 296, sass/site/_menu.scss */
#menu .menu-popup #mobile-list ul li a img {
  float: right;
  position: relative;
  top: 5px;
  right: 5px;
}
/* line 304, sass/site/_menu.scss */
#menu .menu-popup #mobile-list ul li.separator {
  padding: 40px 0;
}
/* line 311, sass/site/_menu.scss */
#menu .menu-popup .menu {
  position: relative;
  height: 0;
  overflow: hidden;
  background: white;
}
@media (max-width: 992px) {
  /* line 311, sass/site/_menu.scss */
  #menu .menu-popup .menu {
    padding: 0 10%;
  }
}
/* line 322, sass/site/_menu.scss */
#menu .menu-popup .menu .mobile-list-item {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
  left: -100%;
  opacity: 0;
  transition: left 1s, opacity 1s;
}
/* line 335, sass/site/_menu.scss */
#menu .menu-popup .menu .mobile-list-item a {
  float: left;
}
/* line 338, sass/site/_menu.scss */
#menu .menu-popup .menu .mobile-list-item a img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* line 348, sass/site/_menu.scss */
#menu .menu-popup .menu .mobile-list-item span {
  color: #bebebe;
  font-family: 'HelveticaNeue-Bold';
  font-size: 18px;
}
@media (max-width: 992px) {
  /* line 358, sass/site/_menu.scss */
  #menu .menu-popup .menu.language li, #menu .menu-popup .menu.share li {
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: 8vw;
    margin-bottom: 5px;
  }
  /* line 365, sass/site/_menu.scss */
  #menu .menu-popup .menu.language li img, #menu .menu-popup .menu.share li img {
    float: right;
    width: 7vw;
  }
}
@media (max-width: 992px) {
  /* line 377, sass/site/_menu.scss */
  #menu .menu-popup .menu.language .menu-item img {
    opacity: 0.5;
  }
}
/* line 384, sass/site/_menu.scss */
#menu .menu-popup .menu .menu-item {
  position: relative;
  width: 100%;
  margin: 20px 0;
  font-size: 16px;
  color: #4a4a4a;
  min-height: 50px;
}
@media (max-width: 992px) {
  /* line 384, sass/site/_menu.scss */
  #menu .menu-popup .menu .menu-item {
    margin: 5px 0;
    font-size: 4.444vw;
  }
}
/* line 399, sass/site/_menu.scss */
#menu .menu-popup .menu .menu-item tr td:first-child {
  width: 110px;
}
@media (max-width: 992px) {
  /* line 399, sass/site/_menu.scss */
  #menu .menu-popup .menu .menu-item tr td:first-child {
    width: auto;
  }
}
/* line 407, sass/site/_menu.scss */
#menu .menu-popup .menu .menu-item tr td:last-child {
  text-align: left;
}
@media (max-width: 992px) {
  /* line 407, sass/site/_menu.scss */
  #menu .menu-popup .menu .menu-item tr td:last-child {
    text-align: right;
  }
}
/* line 415, sass/site/_menu.scss */
#menu .menu-popup .menu .menu-item tr td svg {
  width: auto;
  height: auto;
  max-height: 40px;
  max-width: 40px;
  margin-left: 5px;
  width: 7vw;
}
/* line 424, sass/site/_menu.scss */
#menu .menu-popup .menu .menu-item span {
  line-height: 50px;
}
/* line 429, sass/site/_menu.scss */
#menu .menu-popup .menu .menu-link {
  display: block;
  position: relative;
  margin: 30px 0;
  color: #858585;
}
@media (max-width: 992px) {
  /* line 429, sass/site/_menu.scss */
  #menu .menu-popup .menu .menu-link {
    position: fixed;
    bottom: 0;
    width: calc(100% - 90px);
    padding: 25px 0;
    margin: 0 10%;
    border-top: 1px solid #bebebe;
  }
  /* line 445, sass/site/_menu.scss */
  #menu .menu-popup .menu .menu-link span {
    float: right;
  }
}
/* line 451, sass/site/_menu.scss */
#menu .menu-popup .menu .menu-item,
#menu .menu-popup .menu .menu-link {
  opacity: 0;
  left: -100%;
  transition: opacity 1s, left 1s;
}
/* line 464, sass/site/_menu.scss */
#menu .mobile-icon {
  float: right;
  width: 100%;
}
/* line 468, sass/site/_menu.scss */
#menu .mobile-icon .hamburguer {
  display: block;
}
/* line 472, sass/site/_menu.scss */
#menu .mobile-icon .close-mobile {
  display: none;
}

/* line 481, sass/site/_menu.scss */
.search input,
.search button {
  width: 100%;
  margin: 10px 0;
  border: none;
  outline: none;
  background: transparent;
  text-align: left;
  font-size: 20px;
  padding: 10px;
  padding-left: 0;
}
/* line 495, sass/site/_menu.scss */
.search .search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 501, sass/site/_menu.scss */
.search input {
  margin-top: 50px;
  border-bottom: 1px solid #f3f3f3;
  padding-left: 30px;
  border-radius: 0;
}
@media (max-width: 992px) {
  /* line 509, sass/site/_menu.scss */
  .search .content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 55%;
    width: 90%;
  }
}

@media (max-width: 992px) {
  /* line 524, sass/site/_menu.scss */
  body.opened {
    position: fixed;
  }
}
/* line 531, sass/site/_menu.scss */
body.opened #menu {
  background: white;
  color: #333;
}
/* line 534, sass/site/_menu.scss */
body.opened #menu .arrow-down-icon:before {
  border-bottom: 2px solid #bebebe;
  border-right: 2px solid #bebebe;
}
@media (max-width: 992px) {
  /* line 540, sass/site/_menu.scss */
  body.opened #menu .container {
    background: white;
  }
}
/* line 549, sass/site/_menu.scss */
body.opened #menu .overlay {
  display: block;
}
/* line 553, sass/site/_menu.scss */
body.opened #menu .icon {
  color: #333;
}
@media (max-width: 992px) {
  /* line 553, sass/site/_menu.scss */
  body.opened #menu .icon {
    color: #b9b9b9;
  }
}
@media (max-width: 992px) {
  /* line 531, sass/site/_menu.scss */
  body.opened #menu {
    width: calc(100% - 40px);
  }
}
/* line 565, sass/site/_menu.scss */
body.opened #menu .black {
  display: inline-block;
}
/* line 569, sass/site/_menu.scss */
body.opened #menu .white {
  display: none;
}
/* line 573, sass/site/_menu.scss */
body.opened #menu a {
  color: #333;
}
/* line 580, sass/site/_menu.scss */
body.opened #menu .mobile-icon .hamburguer {
  display: none;
}
/* line 584, sass/site/_menu.scss */
body.opened #menu .mobile-icon .close-mobile {
  display: block;
}
/* line 589, sass/site/_menu.scss */
body.opened #menu .menu {
  transition: height 1s;
}
@media (min-width: 993px) {
  /* line 589, sass/site/_menu.scss */
  body.opened #menu .menu {
    position: absolute;
    z-index: 0;
    height: 300px;
  }
}
/* line 600, sass/site/_menu.scss */
body.opened #menu .menu-popup {
  max-height: 200vh;
}
/* line 603, sass/site/_menu.scss */
body.opened #menu .menu-popup.share {
  display: none;
}
@media (max-width: 992px) {
  /* line 603, sass/site/_menu.scss */
  body.opened #menu .menu-popup.share {
    display: block;
  }
}
/* line 613, sass/site/_menu.scss */
body.opened #menu .menu-popup.language {
  display: none;
}
@media (max-width: 992px) {
  /* line 613, sass/site/_menu.scss */
  body.opened #menu .menu-popup.language {
    display: block;
  }
}
/* line 621, sass/site/_menu.scss */
body.opened #menu .menu-popup .menu.active {
  height: 300px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 992px) {
  /* line 621, sass/site/_menu.scss */
  body.opened #menu .menu-popup .menu.active {
    height: 76vh;
  }
}
/* line 635, sass/site/_menu.scss */
body.opened #menu .menu-popup .menu.active .menu-item,
body.opened #menu .menu-popup .menu.active .menu-link,
body.opened #menu .menu-popup .menu.active .mobile-list-item,
body.opened #menu .menu-popup .menu.active .granitrans-btn {
  opacity: 1;
  left: 0;
}
/* line 644, sass/site/_menu.scss */
body.opened #menu .menu-popup .menu.inactive {
  height: 0;
}
/* line 647, sass/site/_menu.scss */
body.opened #menu .menu-popup .menu.inactive .menu-item,
body.opened #menu .menu-popup .menu.inactive .menu-link,
body.opened #menu .menu-popup .menu.inactive .mobile-list-item,
body.opened #menu .menu-popup .menu.inactive .granitrans-btn {
  opacity: 0;
  left: -200%;
}
@media (max-width: 992px) {
  /* line 600, sass/site/_menu.scss */
  body.opened #menu .menu-popup {
    left: 0;
    padding-bottom: 80px;
    box-sizing: border-box;
  }
  /* line 662, sass/site/_menu.scss */
  body.opened #menu .menu-popup .menu-item {
    min-height: initial;
  }
  /* line 667, sass/site/_menu.scss */
  body.opened #menu .menu-popup .menu.active .menu-link {
    background: white;
    padding: 25px;
    margin: 0;
    left: 25px;
  }
}
/* line 681, sass/site/_menu.scss */
body.closing #menu {
  /* background: $black70a; */
  color: #ffffff;
}
/* line 685, sass/site/_menu.scss */
body.closing #menu .black {
  display: none;
}
/* line 689, sass/site/_menu.scss */
body.closing #menu .white {
  display: inline-block;
}
/* line 693, sass/site/_menu.scss */
body.closing #menu a {
  color: #333;
}
/* line 698, sass/site/_menu.scss */
body.closing #menu .menu-popup .menu.active {
  height: initial;
  overflow: initial;
}
/* line 702, sass/site/_menu.scss */
body.closing #menu .menu-popup .menu.active .menu-item,
body.closing #menu .menu-popup .menu.active .menu-link {
  opacity: 0;
  left: 100%;
}

/*----------------------------------------------------------------------------*/
/* line 717, sass/site/_menu.scss */
#granitrans-menu {
  top: 0;
  position: fixed;
  color: #ffffff;
  background-color: rgba(85, 85, 85, 0.9);
  height: 60px;
  width: 100%;
  display: block;
  font-family: 'HelveticaNeue-Bold';
  font-size: 12px;
  letter-spacing: 0.24px;
  z-index: 2;
  transition: background-color 1s;
  z-index: 3;
}
/* line 732, sass/site/_menu.scss */
#granitrans-menu a {
  text-decoration: none;
}
/* line 736, sass/site/_menu.scss */
#granitrans-menu .cls-1 {
  fill: white;
  transition: fill 1s;
}
/* line 741, sass/site/_menu.scss */
#granitrans-menu .full-height {
  height: 100%;
}
/* line 744, sass/site/_menu.scss */
#granitrans-menu .full-height a {
  display: inline-block;
  padding: 19px 5px;
}
@media (max-width: 992px) {
  /* line 744, sass/site/_menu.scss */
  #granitrans-menu .full-height a {
    padding: 21px 5px 0;
  }
}
@media (min-width: 993px) {
  /* line 753, sass/site/_menu.scss */
  #granitrans-menu .full-height a.selected {
    border-bottom: 3px solid #bebebe;
  }
}
/* line 761, sass/site/_menu.scss */
#granitrans-menu .full-height a.link.active {
  border-bottom: none;
}
/* line 769, sass/site/_menu.scss */
#granitrans-menu ul li {
  display: inline-block;
  width: 20%;
  text-align: right;
  cursor: pointer;
  position: relative;
}
/* line 778, sass/site/_menu.scss */
#granitrans-menu ul.fh {
  height: 100%;
}
/* line 781, sass/site/_menu.scss */
#granitrans-menu ul.fh li {
  height: calc(100% - 2px);
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
@media (max-width: 992px) {
  /* line 781, sass/site/_menu.scss */
  #granitrans-menu ul.fh li {
    margin-top: 25px;
  }
}
/* line 797, sass/site/_menu.scss */
#granitrans-menu ul.fh li a.active span {
  color: #858585;
}
/* line 806, sass/site/_menu.scss */
#granitrans-menu .black {
  display: none;
}
/* line 810, sass/site/_menu.scss */
#granitrans-menu .white {
  display: inline-block;
}
/* line 815, sass/site/_menu.scss */
#granitrans-menu.opened .cls-1 {
  fill: #4a4a4a;
}
@media (min-width: 993px) {
  /* line 824, sass/site/_menu.scss */
  #granitrans-menu.opened a.selected:not(.active) {
    border-bottom: none;
  }
}
@media (max-width: 992px) {
  /* line 835, sass/site/_menu.scss */
  #granitrans-menu.opened .option-screen .option-tab.active {
    padding: 0 15px;
  }
  /* line 839, sass/site/_menu.scss */
  #granitrans-menu.opened .black {
    display: inline-block;
  }
  /* line 843, sass/site/_menu.scss */
  #granitrans-menu.opened .white {
    display: none;
  }
}
/* line 850, sass/site/_menu.scss */
#granitrans-menu .arrow-down-icon {
  position: relative;
  margin-left: 5px;
}
/* line 854, sass/site/_menu.scss */
#granitrans-menu .arrow-down-icon:before {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
  display: block;
  height: 8px;
  pointer-events: none;
  position: absolute;
  right: -10px;
  top: 15%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  transition: all 1s;
}
/* line 876, sass/site/_menu.scss */
#granitrans-menu:hover .arrow-down-icon {
  color: #bebebe;
}
/* line 880, sass/site/_menu.scss */
#granitrans-menu .menu-item {
  position: relative;
  width: 100%;
  margin: 20px 0;
  font-size: 16px;
  color: #4a4a4a;
  min-height: 50px;
}
@media (max-width: 992px) {
  /* line 880, sass/site/_menu.scss */
  #granitrans-menu .menu-item {
    margin: 5px 0;
    font-size: 4.444vw;
    min-height: 5vh;
  }
  /* line 895, sass/site/_menu.scss */
  #granitrans-menu .menu-item svg {
    max-width: 20vw;
  }
}
/* line 900, sass/site/_menu.scss */
#granitrans-menu .menu-item tr td:first-child {
  width: 110px;
}
@media (max-width: 992px) {
  /* line 900, sass/site/_menu.scss */
  #granitrans-menu .menu-item tr td:first-child {
    width: auto;
  }
}
/* line 908, sass/site/_menu.scss */
#granitrans-menu .menu-item tr td:last-child {
  text-align: left;
}
@media (max-width: 992px) {
  /* line 908, sass/site/_menu.scss */
  #granitrans-menu .menu-item tr td:last-child {
    text-align: right;
  }
}
/* line 916, sass/site/_menu.scss */
#granitrans-menu .menu-item tr td svg {
  width: auto;
  height: auto;
  max-height: 40px;
  max-width: 40px;
  margin-left: 5px;
  height: 9vw;
}
/* line 925, sass/site/_menu.scss */
#granitrans-menu .menu-item span {
  line-height: 50px;
}
/* line 929, sass/site/_menu.scss */
#granitrans-menu .menu-item.granitrans-btn {
  font-size: 12px;
}
/* line 935, sass/site/_menu.scss */
#granitrans-menu form {
  text-align: center;
  position: relative;
}
/* line 939, sass/site/_menu.scss */
#granitrans-menu form label {
  position: absolute;
  left: 0px;
  top: 65px;
  font-size: 20px;
}
/* line 946, sass/site/_menu.scss */
#granitrans-menu form .search-submit {
  font-size: 12px;
  line-height: 19px;
  font-family: HelveticaNeueLT-BoldCond;
  cursor: pointer;
  margin-top: 30px;
  color: #858585;
}
/* line 955, sass/site/_menu.scss */
#granitrans-menu form .search-submit .icon {
  margin-left: 10px;
  transition: all 0.2s;
  opacity: 0.8;
}
/* line 962, sass/site/_menu.scss */
#granitrans-menu form .search-submit:hover .icon {
  font-size: 90%;
  opacity: 1;
}
@media (max-width: 992px) {
  /* line 971, sass/site/_menu.scss */
  #granitrans-menu form .search-submit {
    margin-top: 0;
    font-size: 3.75vw;
  }
}
/* line 979, sass/site/_menu.scss */
#granitrans-menu .mobile-icon img {
  padding: 20px 0 15px;
}
/* line 983, sass/site/_menu.scss */
#granitrans-menu .mobile-icon .close-mobile {
  display: none;
}
/* line 987, sass/site/_menu.scss */
#granitrans-menu .mobile-icon .hamburguer {
  display: block;
}
/* line 993, sass/site/_menu.scss */
#granitrans-menu .multi .icon {
  font-size: 18px;
}
@media (max-width: 992px) {
  /* line 992, sass/site/_menu.scss */
  #granitrans-menu .multi {
    margin-top: 60px !important;
  }
}

/* line 1006, sass/site/_menu.scss */
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  transition: opacity .25s;
  pointer-events: none;
  z-index: 2;
}
.rendered {
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 992px) {
  /* line 1006, sass/site/_menu.scss */
  .menu-overlay {
    display: none;
    opacity: 1;
  }
}

/* line 1024, sass/site/_menu.scss */
#granitrans-menu .page a:hover {
  border-bottom: 3px solid #bebebe;
}

@media (min-width: 993px) {
  /* line 1029, sass/site/_menu.scss */
  #granitrans-menu.opened {
    background-color: white;
    color: #333;
  }
  /* line 1033, sass/site/_menu.scss */
  #granitrans-menu.opened a {
    color: #333;
  }
  /* line 1038, sass/site/_menu.scss */
  #granitrans-menu.opened .page.underline > a {
    border-bottom: 3px solid #bebebe;
  }
  /* line 1044, sass/site/_menu.scss */
  #granitrans-menu.opened .multi .underline {
    position: relative;
  }
  /* line 1047, sass/site/_menu.scss */
  #granitrans-menu.opened .multi .underline:after {
    content: '';
    position: absolute;
    display: block;
    top: 56px;
    left: 2px;
    width: 24px;
    height: 3px;
    background: #bebebe;
  }
  /* line 1060, sass/site/_menu.scss */
  #granitrans-menu.opened .multi a.underline[data-target="search"]:after {
    top: 60px;
    left: 10px;
  }
  /* line 1068, sass/site/_menu.scss */
  #granitrans-menu.opened .icon {
    opacity: 1;
    color: #bebebe;
  }
  /* line 1073, sass/site/_menu.scss */
  #granitrans-menu.opened .arrow-down-icon:before {
    border-bottom: 2px solid #bebebe;
    border-right: 2px solid #bebebe;
  }
}
@media (max-width: 992px) {
  /* line 1084, sass/site/_menu.scss */
  #granitrans-menu.opened {
    background-color: white;
    color: #333;
  }
  /* line 1088, sass/site/_menu.scss */
  #granitrans-menu.opened a {
    color: #333;
  }
  /* line 1092, sass/site/_menu.scss */
  #granitrans-menu.opened .icon {
    opacity: 1;
    color: #bebebe;
  }
  /* line 1097, sass/site/_menu.scss */
  #granitrans-menu.opened .arrow-down-icon:before {
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
  }
}
/* line 1106, sass/site/_menu.scss */
.menu-overlay.visible {
  opacity: 1;
  pointer-events: initial;
}

/* line 1111, sass/site/_menu.scss */
#granitrans-menu .option-screen.active {
  transition: height .7s, background-color 1s;
  background-color: white;
  height: 2000px;
  box-shadow: 0px 0px 2px #bebebe;
}

/* line 1120, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab .menu-item {
  margin-left: -80px;
  opacity: 0;
}
@media (min-width: 993px) {
  /* line 1124, sass/site/_menu.scss */
  #granitrans-menu .option-screen .option-tab .menu-item svg {
    width: 60px;
    display: block;
    float: left;
  }
}
@media (min-width: 993px) {
  /* line 1138, sass/site/_menu.scss */
  #granitrans-menu .option-screen .option-tab .products .menu-item a {
    font-size: 18px;
  }
  /* line 1142, sass/site/_menu.scss */
  #granitrans-menu .option-screen .option-tab .products .menu-item svg {
    width: auto;
    height: 18px;
  }
}

/* line 1151, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active,
#granitrans-menu .dropdown.opened {
  left: 0;
  opacity: 1;
}
/* line 1156, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .menu-item,
#granitrans-menu .dropdown.opened .menu-item {
  animation: item-slide-in .7s;
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
}
/* line 1165, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .col-xs-12:nth-child(2) .menu-item,
#granitrans-menu .dropdown.opened .col-xs-12:nth-child(2) .menu-item {
  animation-delay: .05s;
}
/* line 1171, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .col-xs-12:nth-child(3) .menu-item,
#granitrans-menu .dropdown.opened .col-xs-12:nth-child(3) .menu-item {
  animation-delay: .1s;
}
/* line 1177, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .col-xs-12:nth-child(4) .menu-item,
#granitrans-menu .dropdown.opened .col-xs-12:nth-child(4) .menu-item {
  animation-delay: .15s;
}
/* line 1183, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .col-xs-12:nth-child(5) .menu-item,
#granitrans-menu .dropdown.opened .col-xs-12:nth-child(5) .menu-item {
  animation-delay: .2s;
}
/* line 1189, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .col-xs-12:nth-child(6) .menu-item,
#granitrans-menu .dropdown.opened .col-xs-12:nth-child(6) .menu-item {
  animation-delay: .25s;
}
/* line 1195, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .col-xs-12:nth-child(7) .menu-item,
#granitrans-menu .dropdown.opened .col-xs-12:nth-child(7) .menu-item {
  animation-delay: .3s;
}
/* line 1201, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active .col-xs-12:nth-child(8) .menu-item,
#granitrans-menu .dropdown.opened .col-xs-12:nth-child(8) .menu-item {
  animation-delay: .35s;
}

/* line 1208, sass/site/_menu.scss */
#granitrans-menu .option-tab[data-target="products"] .row:first-child .granitrans-btn:before {
  display: none;
}

/* line 1214, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .menu-item,
#granitrans-menu .dropdown.opened.closing .menu-item {
  animation: item-slide-out .7s;
}
/* line 1220, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .col-xs-12:nth-child(2) .menu-item,
#granitrans-menu .dropdown.opened.closing .col-xs-12:nth-child(2) .menu-item {
  animation-delay: 0s;
}
/* line 1226, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .col-xs-12:nth-child(3) .menu-item,
#granitrans-menu .dropdown.opened.closing .col-xs-12:nth-child(3) .menu-item {
  animation-delay: 0s;
}
/* line 1232, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .col-xs-12:nth-child(4) .menu-item,
#granitrans-menu .dropdown.opened.closing .col-xs-12:nth-child(4) .menu-item {
  animation-delay: 0s;
}
/* line 1238, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .col-xs-12:nth-child(5) .menu-item,
#granitrans-menu .dropdown.opened.closing .col-xs-12:nth-child(5) .menu-item {
  animation-delay: 0s;
}
/* line 1244, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .col-xs-12:nth-child(6) .menu-item,
#granitrans-menu .dropdown.opened.closing .col-xs-12:nth-child(6) .menu-item {
  animation-delay: 0s;
}
/* line 1250, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .col-xs-12:nth-child(7) .menu-item,
#granitrans-menu .dropdown.opened.closing .col-xs-12:nth-child(7) .menu-item {
  animation-delay: 0s;
}
/* line 1256, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab.active.closing .col-xs-12:nth-child(8) .menu-item,
#granitrans-menu .dropdown.opened.closing .col-xs-12:nth-child(8) .menu-item {
  animation-delay: 0s;
}

/* line 1264, sass/site/_menu.scss */
#granitrans-menu .options {
  width: 100%;
  height: 60px;
}
@media (max-width: 992px) {
  /* line 1264, sass/site/_menu.scss */
  #granitrans-menu .options {
    background: white;
  }
}

/* line 1273, sass/site/_menu.scss */
#granitrans-menu .option-screen {
  background-color: rgba(85, 85, 85, 0.9);
  transition: height 0.7s, background-color 1s;
  height: 0;
  max-height: 300px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
}

/* line 1285, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100%;
  width: 100%;
  opacity: 0;
}
/* line 1293, sass/site/_menu.scss */
#granitrans-menu .option-screen .option-tab .col-sm-12 {
  max-height: 80px;
}
@media (max-width: 992px) {
  /* line 1285, sass/site/_menu.scss */
  #granitrans-menu .option-screen .option-tab {
    transform: none;
    top: 0;
  }
}

/* line 1304, sass/site/_menu.scss */
#granitrans-menu .dropdown {
  height: 0;
  overflow: hidden;
  position: absolute;
  background: white;
  max-height: 300px;
  bottom: 0;
  transform: translate(44%, 100%);
  width: 160%;
}
/* line 1314, sass/site/_menu.scss */
#granitrans-menu .dropdown .menu-item {
  margin: 0;
  width: 100%;
  text-align: center;
}
/* line 1319, sass/site/_menu.scss */
#granitrans-menu .dropdown .menu-item a {
  width: 100%;
  padding: 10px 5px;
}
/* line 1324, sass/site/_menu.scss */
#granitrans-menu .dropdown .menu-item img {
  width: 50%;
}

@keyframes item-slide-in {
  from {
    margin-left: -40px;
    opacity: 0;
  }
  to {
    margin-left: 0px;
    opacity: 1;
  }
}
@keyframes item-slide-out {
  from {
    margin-left: 0px;
    opacity: 1;
  }
  to {
    margin-left: 20px;
    opacity: 0;
  }
}
/* line 1354, sass/site/_menu.scss */
#granitrans-menu .dropdown ul {
  padding: 0;
}

/* line 1358, sass/site/_menu.scss */
#granitrans-menu .dropdown.opened {
  /*height: 2000px;*/
  height: auto;
  z-index: 90;
  left: -100%;
}

/* line 1366, sass/site/_menu.scss */
#granitrans-menu .third {
  width: 25%;
  text-align: center;
}
/* line 1371, sass/site/_menu.scss */
#granitrans-menu .third .dropdown-options a .icon {
  font-size: 31px;
}
/* line 1375, sass/site/_menu.scss */
#granitrans-menu .third .dropdown-options a.current .icon {
  color: #858585;
}
/* line 1381, sass/site/_menu.scss */
#granitrans-menu .third:hover a .icon {
  color: #858585;
}
@media (max-width: 992px) {
  /* line 1381, sass/site/_menu.scss */
  #granitrans-menu .third:hover a .icon {
    color: #bebebe !important;
  }
}
/* line 1391, sass/site/_menu.scss */
#granitrans-menu .third:hover .dropdown-options a .icon {
  color: #bebebe;
}
/* line 1395, sass/site/_menu.scss */
#granitrans-menu .third:hover .dropdown-options a:hover .icon {
  color: #858585;
}
/* line 1399, sass/site/_menu.scss */
#granitrans-menu .third:hover .dropdown-options a.current .icon {
  color: #858585 !important;
}

/* line 1407, sass/site/_menu.scss */
#granitrans-menu .dropdown-option {
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 992px) {
  /* line 1414, sass/site/_menu.scss */
  #granitrans-menu .option-screen .option-tab {
    z-index: 1;
  }

  /* line 1418, sass/site/_menu.scss */
  #granitrans-menu .container .link {
    padding-left: 0;
  }

  /* line 1422, sass/site/_menu.scss */
  #granitrans-menu .granitrans-btn {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  /* line 1425, sass/site/_menu.scss */
  #granitrans-menu .granitrans-btn img {
    float: right;
  }

  /* line 1431, sass/site/_menu.scss */
  #granitrans-menu .option-screen {
    position: relative;
  }

  /* line 1435, sass/site/_menu.scss */
  #granitrans-menu .arrow-down-icon {
    display: none;
  }

  /* line 1439, sass/site/_menu.scss */
  #granitrans-menu .dropdown .menu-item img {
    max-width: 10%;
    float: right;
  }

  /* line 1444, sass/site/_menu.scss */
  #granitrans-menu .dropdown.opened {
    margin: 15px;
  }

  /* line 1448, sass/site/_menu.scss */
  #granitrans-menu .menu-back-button {
    text-align: center;
    padding: 20px 0;
    display: block;
    line-height: 25px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
    font-family: HelveticaNeue-Bold;
    font-size: 18px;
    color: #bebebe !important;
  }
  /* line 1459, sass/site/_menu.scss */
  #granitrans-menu .menu-back-button img {
    transform: scale(-1);
    float: left;
  }

  /* line 1465, sass/site/_menu.scss */
  #granitrans-menu .full-height a.active,
  #granitrans-menu .page a:hover {
    border-bottom: none;
  }

  /* line 1470, sass/site/_menu.scss */
  #granitrans-menu .page a {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 5px 0;
  }
  /* line 1475, sass/site/_menu.scss */
  #granitrans-menu .page a img {
    float: right;
    transform: translateX(50%);
  }

  /* line 1487, sass/site/_menu.scss */
  #granitrans-menu.opened .mobile-icon .close-mobile {
    display: block;
  }
  /* line 1491, sass/site/_menu.scss */
  #granitrans-menu.opened .mobile-icon .hamburguer {
    display: none;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  /* line 1485, sass/site/_menu.scss */
  #granitrans-menu.opened {
    height: 100vh;
    overflow: hidden;
  }
  /* line 1500, sass/site/_menu.scss */
  #granitrans-menu.opened .full-height {
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  /* line 1506, sass/site/_menu.scss */
  #granitrans-menu .options ul li {
    height: auto;
    text-align: left;
  }

  /* line 1511, sass/site/_menu.scss */
  #granitrans-menu .options {
    margin-left: -100%;
    transition: margin-left .5s;
  }

  /* line 1516, sass/site/_menu.scss */
  #granitrans-menu {
    transition: width .5s;
  }

  /* line 1520, sass/site/_menu.scss */
  #granitrans-menu.opened {
    width: calc(100% - 30px);
  }

  /* line 1524, sass/site/_menu.scss */
  #granitrans-menu.opened .options {
    margin-left: 0;
  }

  /* line 1528, sass/site/_menu.scss */
  #granitrans-menu .options ul {
    padding: 0;
    height: calc(100vh - 60px);
    margin: -5px -15px 0 -15px;
    padding: 0 30px 0 30px;
    background: white;
    color: #333;
  }

  /* line 1537, sass/site/_menu.scss */
  #granitrans-menu .options ul li {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  /* line 1542, sass/site/_menu.scss */
  #granitrans-menu .options ul li a {
    padding-left: 0;
  }
  /* line 1546, sass/site/_menu.scss */
  #granitrans-menu .options ul li:first-child {
    padding-top: 10px;
    border-top: 1px solid #f3f3f3;
    margin-top: 0;
  }
  /* line 1553, sass/site/_menu.scss */
  #granitrans-menu .options ul li:first-child, #granitrans-menu .options ul li:nth-child(2) {
    border-bottom: 1px solid #f3f3f3;
  }

  /* line 1559, sass/site/_menu.scss */
  #granitrans-menu .dropdown {
    position: fixed;
    top: 60px;
    left: -100%;
    height: calc(100vh - 60px) !important;
    max-height: initial;
    bottom: initial;
    width: calc(100% - 60px);
    color: #333;
    transform: initial;
  }

  /* line 1571, sass/site/_menu.scss */
  #granitrans-menu .dropdown.opened {
    left: 0;
  }

  /* line 1575, sass/site/_menu.scss */
  #granitrans-menu .option-screen {
    height: calc(100vh - 60px);
    max-height: initial;
    background: transparent;
    width: 0;
  }
  /* line 1582, sass/site/_menu.scss */
  #granitrans-menu .option-screen.active {
    width: 100%;
  }

  /* line 1587, sass/site/_menu.scss */
  #granitrans-menu .option-screen .option-tab {
    position: fixed;
    width: 90%;
    top: 60px;
    height: calc(100vh - 60px);
    background: white;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) and (min-width: 600px) {
  /* line 1587, sass/site/_menu.scss */
  #granitrans-menu .option-screen .option-tab {
    width: 95%;
  }
}

@media screen and (max-width: 992px) {
  /* line 1602, sass/site/_menu.scss */
  #granitrans-menu .multi {
    margin-top: 80px;
  }
  /* line 1606, sass/site/_menu.scss */
  #granitrans-menu .multi .third {
    display: block;
    width: 100%;
    text-align: left;
    width: 100%;
    margin-top: 20px;
    overflow: auto;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  /* line 1606, sass/site/_menu.scss */
  #granitrans-menu .multi .third {
    float: left;
  }
}
@media screen and (max-width: 992px) {
  /* line 1618, sass/site/_menu.scss */
  #granitrans-menu .multi .third span:first-child {
    font-family: 'HelveticaNeue-Bold';
    font-size: 15px;
    color: #333;
  }
  /* line 1624, sass/site/_menu.scss */
  #granitrans-menu .multi .third a {
    padding: 0;
    width: 100%;
  }
  /* line 1631, sass/site/_menu.scss */
  #granitrans-menu .multi span {
    display: inline-block;
    float: left;
  }
  /* line 1636, sass/site/_menu.scss */
  #granitrans-menu .multi .icon {
    float: right;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  /* line 1636, sass/site/_menu.scss */
  #granitrans-menu .multi .icon {
    padding-top: 2px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 992px) {
  /* line 1646, sass/site/_menu.scss */
  .option-screen {
    pointer-events: none;
  }

  /* line 1650, sass/site/_menu.scss */
  #granitrans-menu.opened .option-screen {
    pointer-events: initial !important;
  }

  /* line 1654, sass/site/_menu.scss */
  #granitrans-menu li.multi {
    margin-top: 60px;
  }

  /* line 1658, sass/site/_menu.scss */
  #granitrans-menu .dropdown-options .menu-item,
  #granitrans-menu .dropdown .menu-back-button {
    border-bottom: none !important;
  }

  /* line 1663, sass/site/_menu.scss */
  #granitrans-menu .dropdown .menu-back-button span {
    width: 90%;
  }

  /* line 1668, sass/site/_menu.scss */
  #granitrans-menu .options ul li.multi {
    position: absolute;
    bottom: 8vh;
    width: calc(100vw - 90px);
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) and (min-height: 625px) {
  /* line 1668, sass/site/_menu.scss */
  #granitrans-menu .options ul li.multi {
    bottom: 20vh;
  }
}

@media screen and (max-width: 992px) {
  /* line 1680, sass/site/_menu.scss */
  #granitrans-menu ul .page a {
    margin-bottom: 2vh !important;
    padding: 10px 5px 0;
  }
}
@media (max-width: 992px) {
  /* line 1691, sass/site/_menu.scss */
  #granitrans-menu ul .page a {
    margin-bottom: 30px;
    padding: 10px 5px 0;
  }
  /* line 1697, sass/site/_menu.scss */
  #granitrans-menu.opened:after {
    content: '';
    position: absolute;
    top: 55px;
    left: 10%;
    width: 80%;
    height: 1px;
    background: #f3f3f3;
  }
  /* line 1708, sass/site/_menu.scss */
  #granitrans-menu .options ul.list-unstyled {
    margin-top: 40px;
  }
  /* line 1711, sass/site/_menu.scss */
  #granitrans-menu .options ul.list-unstyled li:first-child {
    border-top: 1px solid transparent;
  }
  /* line 1716, sass/site/_menu.scss */
  #granitrans-menu .dropdown-option .dropdown.opened {
    padding: 0 15px;
  }
  /* line 1720, sass/site/_menu.scss */
  #granitrans-menu li.page a {
    line-height: 25px;
    font-family: 'HelveticaNeue-Medium';
    font-size: 4vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #4a4a4a;
  }
  /* line 1732, sass/site/_menu.scss */
  #granitrans-menu .mobile-list-item {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
  }
  /* line 1737, sass/site/_menu.scss */
  #granitrans-menu .menu-back-button {
    margin-bottom: 0px;
    border-bottom: 0px solid transparent;
  }
  /* line 1742, sass/site/_menu.scss */
  #granitrans-menu .multi > span.third {
    margin-bottom: 6px;
  }
  /* line 1746, sass/site/_menu.scss */
  #granitrans-menu .multi .third span:first-child {
    font-family: 'HelveticaNeue-Medium';
    font-size: 4vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #4a4a4a;
  }
  /* line 1756, sass/site/_menu.scss */
  #granitrans-menu .stick-bottom {
    width: calc(100% - 60px);
    position: fixed;
    bottom: 0;
  }
}
@media (min-width: 993px) {
  /* line 1767, sass/site/_menu.scss */
  #granitrans-menu li.page a {
    text-transform: uppercase;
  }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
  /* line 1775, sass/site/_menu.scss */
  #granitrans-menu .menu-item {
    font-size: 3.33vw;
  }
}
/* line 1, sass/site/_content.scss */
img {
  /* -webkit-animation-name: show;
  -webkit-animation-duration: 2s;
  animation-name: show;
  animation-duration: 2s; */
}

@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 29, sass/site/_content.scss */
h1 {
  font-size: 32px;
  line-height: 34px;
  text-align: center;
  font-family: "HelveticaNeue-Bold";
}
/* line 35, sass/site/_content.scss */
h1.section-title {
  font-family: "HelveticaNeue-Bold";
  color: #333;
  margin: 80px;
}

/* line 43, sass/site/_content.scss */
.content-area {
  min-height: 100vh;
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: repeat-y;
  background-image: url("/wp-content/themes/granitrans/images/bg_1920.png");
  font-family: "HelveticaNeue-Light";
  font-size: 18px;
}
@media (max-width: 992px) {
  /* line 43, sass/site/_content.scss */
  .content-area {
    font-size: 4.444vw;
    margin-bottom: 0px;
  }
}
/* line 61, sass/site/_content.scss */
.content-area .quatro-icones h3 {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: initial;
}
/* line 68, sass/site/_content.scss */
.content-area h1.entry-title {
  font-size: 32px;
  line-height: 34px;
  text-align: center;
  font-family: "HelveticaNeue-Bold";
}
@media (max-width: 992px) {
  /* line 68, sass/site/_content.scss */
  .content-area h1.entry-title {
    font-size: 7vw;
  }
}
/* line 78, sass/site/_content.scss */
.content-area h1.entry-title.section-title {
  font-family: "HelveticaNeue-Bold";
  color: #333;
  margin: 80px;
}
/* line 86, sass/site/_content.scss */
.content-area h2 {
  font-family: "HelveticaNeue-Medium";
  font-size: 28px;
  text-align: center;
  line-height: 21px;
  color: #4a4a4a;
}
@media (max-width: 992px) {
  /* line 86, sass/site/_content.scss */
  .content-area h2 {
    font-size: 6.11vw;
  }
}
/* line 98, sass/site/_content.scss */
.content-area h3 {
  font-family: "HelveticaNeue-Bold";
  font-size: 18px;
  text-align: center;
  line-height: 38px;
  letter-spacing: 0.36px;
  color: #4a4a4a;
  margin-top: 70px;
}
@media (max-width: 992px) {
  /* line 98, sass/site/_content.scss */
  .content-area h3 {
    font-size: 5vw;
  }
}
/* line 112, sass/site/_content.scss */
.content-area .texto2colunas p {
  font-size: 14px;
  font-family: "Helvetica Neue";
}
/* line 117, sass/site/_content.scss */
.content-area .texto2colunas strong {
  font-size: 18px;
  color: #4a4a4a;
}
/* line 122, sass/site/_content.scss */
.content-area .caracteristicas .wpb_single_image.vc_align_center {
  margin-bottom: 19.5px;
}
/* line 126, sass/site/_content.scss */
.content-area .caracteristicas .caption {
  font-size: 14px;
  font-family: "Helvetica Neue";
  line-height: 1.14;
  font-weight: bold;
}
/* line 134, sass/site/_content.scss */
.content-area header.page-header {
  border: none;
  text-align: center;
}
/* line 141, sass/site/_content.scss */
.content-area .vc_row {
  margin: 0 auto;
}
/* line 144, sass/site/_content.scss */
.content-area .vc_row .vc_column_container > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}
/* line 150, sass/site/_content.scss */
.content-area .vc_row.container .vc_column_container > .vc_column-inner {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media (max-width: 992px) {
  /* line 160, sass/site/_content.scss */
  .content-area .search-results header {
    margin-bottom: 6vw;
    overflow-wrap: break-word;
  }
}

/* line 168, sass/site/_content.scss */
.homepage-gallery-title h3 {
  margin-top: 66px;
  color: #bebebe;
  font-size: 18px;
}
@media (max-width: 992px) {
  /* line 168, sass/site/_content.scss */
  .homepage-gallery-title h3 {
    font-size: 5.556vw;
  }
}

/* line 178, sass/site/_content.scss */
.text-14 {
  font-size: 14px;
}
@media (max-width: 992px) {
  /* line 178, sass/site/_content.scss */
  .text-14 {
    font-size: 3.9vw;
  }
}

/* line 186, sass/site/_content.scss */
.text-16 {
  font-size: 16px;
}
@media (max-width: 992px) {
  /* line 186, sass/site/_content.scss */
  .text-16 {
    font-size: 4.4vw;
  }
}

/* line 194, sass/site/_content.scss */
.text-18 {
  font-size: 18px;
}
/* line 197, sass/site/_content.scss */
.text-18 h2 {
  font-size: 18px;
}
@media (max-width: 992px) {
  /* line 194, sass/site/_content.scss */
  .text-18 {
    font-size: 5vw;
  }
  /* line 204, sass/site/_content.scss */
  .text-18 h2 {
    font-size: 5vw;
  }
}

/* line 210, sass/site/_content.scss */
.text-24 {
  font-size: 24px;
}
@media (max-width: 992px) {
  /* line 210, sass/site/_content.scss */
  .text-24 {
    font-size: 6.67vw;
  }
}

/* line 218, sass/site/_content.scss */
.background-triangle {
  padding-top: 146px;
  background-position: center 0;
  background-repeat: no-repeat;
  background-image: url(images/background.png);
}
@media (max-width: 992px) {
  /* line 218, sass/site/_content.scss */
  .background-triangle {
    background-image: url(images/background-2.png);
    padding-top: 35px;
  }
}

/* line 231, sass/site/_content.scss */
.coluna-esq {
  padding-left: 100px !important;
}
@media (max-width: 992px) {
  /* line 231, sass/site/_content.scss */
  .coluna-esq {
    padding-left: 0 !important;
  }
}
@media (max-width: 992px) {
  /* line 238, sass/site/_content.scss */
  .coluna-esq .see-more {
    border-bottom: 2px solid #e2e2e2;
    display: block;
    max-width: 30vw !important;
    padding-bottom: 40px;
    margin: 40px auto !important;
  }
}

/* line 249, sass/site/_content.scss */
.coluna-dir {
  padding-right: 100px !important;
}
@media (max-width: 992px) {
  /* line 249, sass/site/_content.scss */
  .coluna-dir {
    padding-right: 0 !important;
  }
}
@media (max-width: 992px) {
  /* line 256, sass/site/_content.scss */
  .coluna-dir .see-more {
    border-bottom: 2px solid #e2e2e2;
    display: block;
    max-width: 30vw !important;
    padding-bottom: 40px;
    margin: 40px auto !important;
  }
  /* line 264, sass/site/_content.scss */
  .coluna-dir .see-more:last-child {
    border-bottom: none;
  }
}

/* line 272, sass/site/_content.scss */
.pedras-experiencia p {
  font-size: 16px;
  color: #888888;
}
@media (max-width: 992px) {
  /* line 272, sass/site/_content.scss */
  .pedras-experiencia p {
    font-size: 3.889vw;
  }
}
/* line 280, sass/site/_content.scss */
.pedras-experiencia p strong {
  color: #707070;
  font-family: "HelveticaNeue-Medium";
}
@media (max-width: 992px) {
  /* line 289, sass/site/_content.scss */
  .pedras-experiencia p:first-child strong:first-child {
    font-family: HelveticaNeue-Bold;
    font-size: 6.667vw;
  }
}
/* line 300, sass/site/_content.scss */
.pedras-experiencia p:first-child em {
  font-size: 16px;
  color: #707070;
}
@media (max-width: 992px) {
  /* line 300, sass/site/_content.scss */
  .pedras-experiencia p:first-child em {
    font-size: 4.44vw;
  }
}
/* line 311, sass/site/_content.scss */
.pedras-experiencia .see-more {
  text-align: center;
  margin: 20px 0;
}
@media (max-width: 992px) {
  /* line 311, sass/site/_content.scss */
  .pedras-experiencia .see-more {
    margin: 50px 0 60px;
  }
}
/* line 320, sass/site/_content.scss */
.pedras-experiencia .see-more a {
  font-size: 12px;
}

/* line 327, sass/site/_content.scss */
.a-granitrans-ver .wpb_text_column p:last-child {
  text-align: left;
}
@media (min-width: 993px) {
  /* line 332, sass/site/_content.scss */
  .a-granitrans-ver .granitrans-btn {
    display: block;
    margin: 0;
  }
}

/* line 339, sass/site/_content.scss */
.texto-certificacoes strong {
  font-family: "Helvetica Neue";
  color: #707070;
}

/* line 344, sass/site/_content.scss */
.strong-70 strong {
  color: #707070;
}

/* line 348, sass/site/_content.scss */
.strong-88 strong {
  color: #888888;
}

/* line 352, sass/site/_content.scss */
.vc_parallax-content-moving {
  position: relative;
}
/* line 355, sass/site/_content.scss */
.vc_parallax-content-moving:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: 1;
  background: white;
  background: -moz-linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 40%);
  background: -webkit-linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 40%);
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

/* line 374, sass/site/_content.scss */
.titulo-thin h3 {
  font-family: 'HelveticaNeue-Thin';
  font-size: 28px;
}
@media (max-width: 992px) {
  /* line 374, sass/site/_content.scss */
  .titulo-thin h3 {
    font-size: 6.667vw;
    margin-top: 0px;
  }
}
/* line 384, sass/site/_content.scss */
.titulo-thin p {
  font-size: 14px;
  text-align: left;
}
@media (max-width: 992px) {
  /* line 384, sass/site/_content.scss */
  .titulo-thin p {
    font-size: 3.88vw;
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
/* line 396, sass/site/_content.scss */
.titulo-thin .see-more a {
  font-size: 12px !important;
}
/* line 404, sass/site/_content.scss */
.titulo-thin:nth-child(even) .see-more {
  margin-left: 15px;
}
/* line 410, sass/site/_content.scss */
.titulo-thin:nth-child(odd) .see-more {
  padding-right: 15px;
}
@media (max-width: 992px) {
  /* line 410, sass/site/_content.scss */
  .titulo-thin:nth-child(odd) .see-more {
    padding-right: 0;
  }
}

@media (max-width: 992px) {
  /* line 423, sass/site/_content.scss */
  .right .titulo-thin h3 {
    margin-top: 53px;
  }
}

/* line 433, sass/site/_content.scss */
.projetos-fonte {
  font-size: 16px;
  color: #777;
  line-height: 1.7;
}
@media (max-width: 992px) {
  /* line 433, sass/site/_content.scss */
  .projetos-fonte {
    font-size: 3.75vw;
  }
}
/* line 442, sass/site/_content.scss */
.projetos-fonte strong {
  font-size: 20px;
  font-family: "HelveticaNeue-Bold";
}
@media (max-width: 992px) {
  /* line 442, sass/site/_content.scss */
  .projetos-fonte strong {
    font-size: 4.25vw;
    line-height: 1.13;
  }
}

/* line 457, sass/site/_content.scss */
.titulo-sobre {
  margin-top: 20px;
  margin-bottom: 20px !important;
}

@media (max-width: 992px) {
  /* line 463, sass/site/_content.scss */
  .texto-baixo-icones {
    background-size: 100%;
  }
}
/* line 468, sass/site/_content.scss */
.margin-to-bread {
  margin-top: 50px;
}
@media (max-width: 992px) {
  /* line 468, sass/site/_content.scss */
  .margin-to-bread {
    margin-top: 18px;
  }
}

/* line 476, sass/site/_content.scss */
.margin-to-menu {
  margin-top: 60px;
}
@media (max-width: 992px) {
  /* line 476, sass/site/_content.scss */
  .margin-to-menu {
    margin-top: 56px;
  }
}

/* line 485, sass/site/_content.scss */
.type-page .wpb_content_element {
  margin-bottom: 0;
}

/* line 490, sass/site/_content.scss */
.strong-4a-bold strong {
  color: #4a4a4a;
  font-family: HelveticaNeue-Bold;
  font-size: 18px;
}
@media (max-width: 992px) {
  /* line 490, sass/site/_content.scss */
  .strong-4a-bold strong {
    font-size: 5vw;
  }
}

@media (max-width: 992px) {
  /* line 500, sass/site/_content.scss */
  .img-experience {
    overflow: hidden;
  }
  /* line 504, sass/site/_content.scss */
  .img-experience img {
    max-width: 170% !important;
    width: 170%;
    margin-left: -35%;
  }
}

@media (max-width: 992px) {
  /* line 513, sass/site/_content.scss */
  .contatos-70 {
    color: #707070;
  }
}

@media (max-width: 992px) {
  /* line 519, sass/site/_content.scss */
  .localizacao-16 {
    font-size: 5vw;
  }
}

/* line 525, sass/site/_content.scss */
.background-top,
.background-bottom {
  position: relative;
  display: block;
  min-height: 317px;
  max-width: 1920px;
}
@media (max-width: 992px) {
  /* line 525, sass/site/_content.scss */
  .background-top,
  .background-bottom {
    min-height: 0;
  }
}
/* line 537, sass/site/_content.scss */
.background-top:before, .background-top:after,
.background-bottom:before,
.background-bottom:after {
  display: block !important;
  width: 20.75vw;
  height: 20.75vw;
  position: absolute;
  background-size: cover;
  max-width: 400px;
  max-height: 400px;
}

/* line 552, sass/site/_content.scss */
.background-top:before {
  bottom: 0;
  left: 0;
  background-image: url(images/background-top-left.png);
}
/* line 558, sass/site/_content.scss */
.background-top:after {
  bottom: 0;
  right: 0;
  background-image: url(images/background-top-right.png);
}

/* line 567, sass/site/_content.scss */
.background-bottom:before {
  top: 0;
  left: 0;
  background-image: url(images/background-bottom-left.png);
}
/* line 573, sass/site/_content.scss */
.background-bottom:after {
  top: 0;
  right: 0;
  background-image: url(images/background-bottom-right.png);
}

/* line 580, sass/site/_content.scss */
.experience-special-padding {
  padding: 45px 0;
}

/* line 584, sass/site/_content.scss */
.parallax .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 589, sass/site/_content.scss */
.granitrans-btn a.details-text {
  font-family: 'HelveticaNeueLT-Cond';
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.3;
  letter-spacing: 0.24px;
  text-align: center;
  color: #858585;
}

/* line 601, sass/site/_content.scss */
.transparent {
  opacity: .5;
}

/* line 606, sass/site/_content.scss */
.a-granitrans-ver .granitrans-btn a, .granitrans-btn img {
  pointer-events: visible;
}

/* line 610, sass/site/_content.scss */
article.background {
  background-image: url(/wp-content/themes/granitrans/images/G1336.png);
  background-repeat: no-repeat;
  background-size: 1920px;
  background-position: center -300px;
}

@media (max-width: 992px) {
  /* line 618, sass/site/_content.scss */
  article.background {
    background-position: center -40px;
    background-size: 100vw;
  }
}
/* line 624, sass/site/_content.scss */
.size-restraint {
  max-width: 1920px;
  margin: 0 auto;
  display: block;
}

/* line 631, sass/site/_content.scss */
.granitrans-image-hover .wpb_single_image:nth-child(2) {
  display: none;
}

/* line 635, sass/site/_content.scss */
.granitrans-image-hover:hover .wpb_single_image:first-child {
  display: none;
}

/* line 640, sass/site/_content.scss */
.granitrans-image-hover:hover .wpb_single_image:last-child {
  display: block;
}

/* line 1, sass/site/_footer.scss */
footer.site-footer {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#454545+0,555555+100 */
  background: #454545;
  /* Old browsers */
  background: -moz-linear-gradient(top, #454545 0%, #555555 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #454545 0%, #555555 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #454545 0%, #555555 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#555555',GradientType=0 );
  /* IE6-9 */
  padding: 20px 0;
  width: 100%;
}
@media (max-width: 992px) {
  /* line 1, sass/site/_footer.scss */
  footer.site-footer {
    padding: 20px 15px;
  }
}
@media (max-width: 992px) {
  /* line 22, sass/site/_footer.scss */
  footer.site-footer .widgetizedArea.open {
    padding-bottom: 17vw;
  }
}
@media (max-width: 992px) {
  /* line 31, sass/site/_footer.scss */
  footer.site-footer .mobile-text-right {
    text-align: right;
  }
}
/* line 39, sass/site/_footer.scss */
footer.site-footer .area-tecnica {
  margin: 35px 0;
}
@media (max-width: 992px) {
  /* line 39, sass/site/_footer.scss */
  footer.site-footer .area-tecnica {
    margin: 9.72vw 0 0;
  }
}
/* line 50, sass/site/_footer.scss */
footer.site-footer .custom-html-widget p {
  font-family: 'HelveticaNeue-Medium';
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #ddd;
  font-weight: bold;
}
/* line 59, sass/site/_footer.scss */
footer.site-footer .copy {
  color: #c3c3c3;
  font-family: 'HelveticaNeue-Bold';
}
/* line 65, sass/site/_footer.scss */
footer.site-footer * {
  color: #ffffff;
  text-decoration: none;
}
/* line 70, sass/site/_footer.scss */
footer.site-footer h3 {
  font-family: 'HelveticaNeue-Medium';
  font-size: 18px;
  letter-spacing: 1px;
}
@media (max-width: 992px) {
  /* line 70, sass/site/_footer.scss */
  footer.site-footer h3 {
    font-size: 5vw;
    margin: 12px 0;
  }
}
/* line 82, sass/site/_footer.scss */
footer.site-footer a {
  display: block;
  font-family: 'HelveticaNeue-Medium';
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #ddd;
  font-weight: bold;
}
@media (max-width: 992px) {
  /* line 82, sass/site/_footer.scss */
  footer.site-footer a {
    font-size: 3.50vw;
    line-height: 4.72vw;
  }
}
/* line 97, sass/site/_footer.scss */
footer.site-footer .listfooter {
  margin: 35px 0 0;
  overflow: auto;
}
/* line 101, sass/site/_footer.scss */
footer.site-footer .listfooter a {
  padding-bottom: 5px;
  height: 20px;
  margin-bottom: 10px;
}
/* line 106, sass/site/_footer.scss */
footer.site-footer .listfooter a span {
  font-size: 8px;
  vertical-align: super;
}
/* line 112, sass/site/_footer.scss */
footer.site-footer .listfooter p {
  font-size: 12px;
  letter-spacing: 0.24px;
  margin: 0;
  color: #c6c6c6;
  font-weight: normal;
}
@media (max-width: 992px) {
  /* line 112, sass/site/_footer.scss */
  footer.site-footer .listfooter p {
    font-size: 3.33vw;
  }
}
/* line 126, sass/site/_footer.scss */
footer.site-footer .lt {
  margin-top: 75px;
}
@media (max-width: 992px) {
  /* line 126, sass/site/_footer.scss */
  footer.site-footer .lt {
    margin-top: 25px;
  }
  /* line 134, sass/site/_footer.scss */
  footer.site-footer .lt .copy {
    font-size: 4.5vw;
  }
}
/* line 139, sass/site/_footer.scss */
footer.site-footer .bordertop {
  border-top: 1px solid #707070;
  padding: 0;
  padding-top: 10px;
}
/* line 145, sass/site/_footer.scss */
footer.site-footer .bordertop * {
  display: inline-block;
  margin: 10px 0;
}
/* line 151, sass/site/_footer.scss */
footer.site-footer .social-icons {
  float: right;
}
/* line 154, sass/site/_footer.scss */
footer.site-footer .social-icons a {
  margin: 0 10px;
}
/* line 157, sass/site/_footer.scss */
footer.site-footer .social-icons a:last-child {
  margin-right: 0;
}
/* line 162, sass/site/_footer.scss */
footer.site-footer .social-icons a img {
  width: 20px;
  height: 20px;
  margin: 0;
}
@media (max-width: 992px) {
  /* line 1, sass/site/_footer.scss */
  footer.site-footer {
    position: relative;
    bottom: initial;
    left: initial;
  }
  /* line 176, sass/site/_footer.scss */
  footer.site-footer .widgetizedArea {
    position: relative;
    border-bottom: 1px solid #707070;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 7px;
  }
  /* line 183, sass/site/_footer.scss */
  footer.site-footer .widgetizedArea h3:after {
    content: "\e901";
    font-family: icomoon;
    float: right;
    font-size: 3vw;
    transition: transform .5s;
  }
  /* line 191, sass/site/_footer.scss */
  footer.site-footer .widgetizedArea > div {
    position: relative;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: max-height 0.1s, opacity 0.1s;
    -moz-transition: max-height 0.1s, opacity 0.1s;
    -ms-transition: max-height 0.1s, opacity 0.1s;
    -o-transition: max-height 0.1s, opacity 0.1s;
    transition: max-height 0.1s, opacity 0.1s;
  }
  /* line 201, sass/site/_footer.scss */
  footer.site-footer .widgetizedArea.open h3:after {
    transform: rotate(-180deg);
  }
  /* line 205, sass/site/_footer.scss */
  footer.site-footer .widgetizedArea.open > div {
    max-height: 100vh;
    opacity: 1;
  }
  /* line 213, sass/site/_footer.scss */
  footer.site-footer .row > div:nth-child(3) .widgetizedArea {
    border-bottom: 0;
  }
  /* line 217, sass/site/_footer.scss */
  footer.site-footer .row > div:last-child .widgetizedArea {
    margin-top: 50px;
    border-bottom: 0;
  }
  /* line 221, sass/site/_footer.scss */
  footer.site-footer .row > div:last-child .widgetizedArea h3:after {
    content: '';
  }
  /* line 225, sass/site/_footer.scss */
  footer.site-footer .row > div:last-child .widgetizedArea > div {
    position: relative;
    width: 100%;
    max-height: 100vh;
    overflow: auto;
    opacity: 1;
  }
  /* line 232, sass/site/_footer.scss */
  footer.site-footer .row > div:last-child .widgetizedArea > div .listfooter {
    margin: 35px 0 0;
  }
}

/* line 241, sass/site/_footer.scss */
footer .col-12:last-child .widgetizedArea h3:after {
  display: none;
}

@media (max-width: 767px) {
  /* line 4, sass/site/_products.scss */
  .products-page .caption p {
    font-size: 3vw;
    margin-top: -4vw;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  /* line 4, sass/site/_products.scss */
  .products-page .caption p {
    font-size: 2vw;
	margin-top: -4vw;
  }
}



/* line 12, sass/site/_products.scss */
.products-page .products {
  max-width: 1920px;
  max-height: 1080px;
  margin: 0 auto;
  background: #f7f7f7;
  width: 100%;
  height: 50vw;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  /* line 12, sass/site/_products.scss */
  .products-page .products {
    min-height: 150vw;
  }
}
/* line 31, sass/site/_products.scss */
.products-page .products .pallete-button {
  position: absolute;
  display: inline-block;
  text-align: center;
  left: 50%;
  margin-left: -5vw;
  width: 10vw;
  height: 10vw;
  max-width: 190px;
  max-height: 190px;
  top: -5.5vw;
  cursor: pointer;
  transition: top .75s;
}
@media (min-width: 993px) {
  /* line 31, sass/site/_products.scss */
  .products-page .products .pallete-button {
    margin-left: 0;
    top: 0;
    transform: translate(-50%, -50%);
  }
}
/* line 52, sass/site/_products.scss */
.products-page .products .pallete-button:hover, .products-page .products .pallete-button.active {
  top: -4.95vw;
}
@media (min-width: 993px) {
  /* line 52, sass/site/_products.scss */
  .products-page .products .pallete-button:hover, .products-page .products .pallete-button.active {
    top: -65px;
  }
}
@media (max-width: 992px) {
  /* line 52, sass/site/_products.scss */
  .products-page .products .pallete-button:hover, .products-page .products .pallete-button.active {
    top: -16vw;
  }
}
@media (max-width: 992px) {
  /* line 66, sass/site/_products.scss */
  .products-page .products .pallete-button:hover {
    top: -10vw;
  }
}
@media (max-width: 992px) {
  /* line 73, sass/site/_products.scss */
  .products-page .products .pallete-button.active {
    top: -16vw;
  }
}
@media (max-width: 992px) {
  /* line 31, sass/site/_products.scss */
  .products-page .products .pallete-button {
    margin-left: -10vw;
    width: 20vw;
    height: 20vw;
    top: -10.95vw;
  }
}
/* line 88, sass/site/_products.scss */
.products-page .products .pallete-button:before {
  content: " ";
  width: 100%;
  height: 100%;
  background: white;
  transform: rotate(45deg);
  position: relative;
  z-index: 1;
  display: block;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.05);
}
/* line 100, sass/site/_products.scss */
.products-page .products .pallete-button:after {
  border-bottom: 2px solid #bebebe;
  border-right: 2px solid #bebebe;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 49%;
  top: 90%;
  bottom: 0;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  transition: all 1s;
  z-index: 1;
}
@media (max-width: 992px) {
  /* line 100, sass/site/_products.scss */
  .products-page .products .pallete-button:after {
    right: 46%;
    top: 99%;
  }
}
/* line 128, sass/site/_products.scss */
.products-page .products .pallete-button img {
  display: inline-block;
  z-index: 2;
  position: absolute;
  width: 3vw;
  top: 60%;
  left: 50%;
  margin-left: -1.5vw;
}
@media (min-width: 993px) {
  /* line 128, sass/site/_products.scss */
  .products-page .products .pallete-button img {
    width: 75px;
    margin-left: -38px;
  }
}
@media (max-width: 992px) {
  /* line 128, sass/site/_products.scss */
  .products-page .products .pallete-button img {
    width: 6vw;
    margin-left: -3vw;
  }
}
/* line 155, sass/site/_products.scss */
.products-page .products .colors {
  position: absolute;
  top: -3vw;
  width: 50%;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
/* line 162, sass/site/_products.scss */
.products-page .products .colors ul {
  width: 100%;
  position: absolute;
  bottom: 0;
}
/* line 167, sass/site/_products.scss */
.products-page .products .colors ul li {
  display: inline-block;
  width: 5.5vw;
  text-align: center;
  font-family: HelveticaNeueLT-Cond;
}
@media (max-width: 992px) {
  /* line 167, sass/site/_products.scss */
  .products-page .products .colors ul li {
    margin-bottom: -11px;
  }
}
@media (max-width: 992px) {
  /* line 167, sass/site/_products.scss */
  .products-page .products .colors ul li {
    font-size: 2.5vw;
    width: 10vw;
  }
}
/* line 187, sass/site/_products.scss */
.products-page .products .colors.active {
  top: 0;
  opacity: 1;
}
/* line 192, sass/site/_products.scss */
.products-page .products .colors .color {
  width: 1.5vw;
  height: 1.5vw;
  margin: 2vw;
  border: 0.2vw solid white;
  transform: rotate(45deg);
  cursor: pointer;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
  /* line 192, sass/site/_products.scss */
  .products-page .products .colors .color {
    width: 5.5vw;
    height: 5.5vw;
    margin: 2vw;
  }
}
/* line 211, sass/site/_products.scss */
.products-page .products .colors .color img {
  transform: rotate(-45deg);
  position: absolute;
  /*top: -20%;
  left: -20%;*/
  top: -28%;
  left: -28%;
  width: 150%;
  max-width: initial;
}
/* line 223, sass/site/_products.scss */
.products-page .products .colors.center {
  display: none;
}
/* line 227, sass/site/_products.scss */
.products-page .products .colors.left {
  right: 50%;
  margin-right: 8vw;
}
/* line 231, sass/site/_products.scss */
.products-page .products .colors.left .color {
  float: right;
}
/* line 237, sass/site/_products.scss */
.products-page .products .colors.left ul li {
  position: relative;
  /*top: 1vw;*/
  top: 0.5vw;
  float: right;
}
/* line 246, sass/site/_products.scss */
.products-page .products .colors.right {
  left: 50%;
  margin-left: 8vw;
}
/* line 250, sass/site/_products.scss */
.products-page .products .colors.right .color {
  float: left;
}
/* line 255, sass/site/_products.scss */
.products-page .products .colors.right ul li {
  position: relative;
  /*top: 1vw;*/
  top: 0.5vw;
  float: left;
}
@media (min-width: 993px) {
  /* line 255, sass/site/_products.scss */
  .products-page .products .colors.right ul li {
    top: 0;
  }
}
@media (max-width: 992px) {
  /* line 271, sass/site/_products.scss */
  .products-page .products .colors {
    position: absolute;
    top: -3vw;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    text-align: center;
    width: 100%;
  }
  /* line 281, sass/site/_products.scss */
  .products-page .products .colors.left, .products-page .products .colors.right {
    display: none;
  }
  /* line 286, sass/site/_products.scss */
  .products-page .products .colors.center {
    display: block;
  }
  /* line 290, sass/site/_products.scss */
  .products-page .products .colors.active {
    top: 8vw;
    opacity: 1;
  }
  /* line 295, sass/site/_products.scss */
  .products-page .products .colors .color-item {
    display: inline-block;
    cursor: pointer;
    text-align: center;
  }
  /* line 300, sass/site/_products.scss */
  .products-page .products .colors .color-item .le-diamond {
    position: relative;
    transform: rotate(45deg);
    overflow: hidden;
    width: 3vw;
    height: 3vw;
    margin: 2vw;
    border: 0.4vw solid white;
    width: 8vw;
    height: 8vw;
    margin: 3vw;
    border: 1vw solid white;
    /*
    						-webkit-box-shadow: 2px 2px 10px 0px rgba(158, 156, 158, 1);
    						-moz-box-shadow: 2px 2px 10px 0px rgba(158, 156, 158, 1);
    						box-shadow: 2px 2px 10px 0px rgba(158, 156, 158, 1);
    */
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
  }
  /* line 324, sass/site/_products.scss */
  .products-page .products .colors .color-item img {
    transform: rotate(-45deg);
    position: absolute;
    top: -20%;
    left: -20%;
    width: 150%;
    max-width: initial;
  }
  /* line 334, sass/site/_products.scss */
  .products-page .products .colors span {
    position: relative;
    top: -20px;
    display: inline-block;
    width: 5.5vw;
    text-align: center;
    font-family: HelveticaNeueLT-Cond;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  /* line 334, sass/site/_products.scss */
  .products-page .products .colors span {
    top: -10px;
    margin-bottom: -11px;
    font-size: 3vw;
    width: 10vw;
  }
}

/* line 353, sass/site/_products.scss */
.products-page .products h2.color-name {
  margin-top: 9vw;
  transition: opacity .7s;
}
@media (min-width: 993px) {
  /* line 353, sass/site/_products.scss */
  .products-page .products h2.color-name {
    margin-top: 223px;
  }
}
@media (max-width: 992px) {
  /* line 353, sass/site/_products.scss */
  .products-page .products h2.color-name {
    margin-top: 20vw;
  }
  /* line 366, sass/site/_products.scss */
  .products-page .products h2.color-name.active {
    opacity: 0;
  }
}
/* line 373, sass/site/_products.scss */
.products-page .products .samples {
  width: 100%;
  margin-top: 4%;
  overflow: hidden;
  padding: 9% 5%;
  text-align: center;
}
/* line 380, sass/site/_products.scss */
.products-page .products .samples div,
.products-page .products .samples span,
.products-page .products .samples img {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all             */
  -ms-user-select: none;
  /* IE 10+                  */
  user-select: none;
  /* Likely future           */
}
@media (max-width: 992px) {
  /* line 373, sass/site/_products.scss */
  .products-page .products .samples {
    padding: 14% 35vw;
    margin-top: 55px;
  }
}
/* line 398, sass/site/_products.scss */
.products-page .products .samples .scrollable {
  display: inline-block;
}
@media (min-width: 993px) {
  /* line 398, sass/site/_products.scss */
  .products-page .products .samples .scrollable {
    min-width: 1450px;
  }
}
/* line 412, sass/site/_products.scss */
.products-page .products .samples .sample {
  float: left;
  width: 10vw;
  max-width: 270px;
  height: 10vw;
  max-height: 270px;
  border: 1vw solid white;
  margin: -1vw;
  transform: rotate(45deg) scale(1);
  transition: all .6s ease-in-out;
}
@media (min-width: 993px) {
  /* line 412, sass/site/_products.scss */
  .products-page .products .samples .sample {
    margin: -10px;
  }
}
@media (min-width: 993px) {
  /* line 430, sass/site/_products.scss */
  .products-page .products .samples .sample:first-child {
    margin-left: 40vw;
  }
}
@media (min-width: 1921px) {
  /* line 438, sass/site/_products.scss */
  .products-page .products .samples .sample:first-child {
    margin-left: 750px;
  }
}
@media (max-width: 992px) {
  /* line 412, sass/site/_products.scss */
  .products-page .products .samples .sample {
    width: 40vw;
    height: 40vw;
    border: 3vw solid white;
    margin: -4vw;
  }
}
/* line 451, sass/site/_products.scss */
.products-page .products .samples .sample .image {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
/* line 456, sass/site/_products.scss */
.products-page .products .samples .sample .image img {
  transform: rotate(-45deg);
  max-width: initial;
  /*width: 140%;
  margin-left: -20%;
  margin-top: -20%;*/
  width: 145%;
  margin-left: -22%;
  margin-top: -22%;
}
/* line 468, sass/site/_products.scss */
.products-page .products .samples .sample .image .active_shadow {
  z-index: -1;
}
/* line 474, sass/site/_products.scss */
.products-page .products .samples .sample span.name {
  display: inline-block;
  transform: rotate(-45deg);
  width: 8vw;
  text-align: right;
  transform-origin: top left;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px solid #c7c7c7;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71;
  color: #707070;
  text-transform: uppercase;
  /*font-family: 'HelveticaNeueLT-Cond';*/
  font-family: "HelveticaNeue-Medium";
}
@media (max-width: 992px) {
  /* line 474, sass/site/_products.scss */
  .products-page .products .samples .sample span.name {
    width: 30vw;
    font-size: 3.88vw;
  }
}
/* line 500, sass/site/_products.scss */
.products-page .products .samples .sample:nth-child(even) {
  margin-top: 6.5vw;
}
@media (min-width: 993px) {
  /* line 500, sass/site/_products.scss */
  .products-page .products .samples .sample:nth-child(even) {
    margin-top: 125px;
  }
}
@media (max-width: 992px) {
  /* line 500, sass/site/_products.scss */
  .products-page .products .samples .sample:nth-child(even) {
    margin-top: 27vw;
  }
}
/* line 513, sass/site/_products.scss */
.products-page .products .samples .sample:nth-child(even) span.name {
  border-top: 1px solid #c7c7c7;
  border-bottom: none;
  transform-origin: bottom left;
  top: 6.5vw;
  left: 8vw;
  text-transform: uppercase;
  /*font-family: 'HelveticaNeueLT-Cond';*/
  font-family: "HelveticaNeue-Medium";
}
@media (max-width: 992px) {
  /* line 513, sass/site/_products.scss */
  .products-page .products .samples .sample:nth-child(even) span.name {
    top: 29.5vw;
    left: 34vw;
  }
}
/* line 530, sass/site/_products.scss */
.products-page .products .samples .sample:nth-child(even).active span.name {
  /*top: 15vw;
  left: 5.5vw;*/
  top: 15.5vw;
  left: 6vw;
}
@media (max-width: 992px) {
  /* line 530, sass/site/_products.scss */
  .products-page .products .samples .sample:nth-child(even).active span.name {
    top: 14vw;
    left: -21.5vw;
  }
}
/* line 546, sass/site/_products.scss */
.products-page .products .samples .sample.active {
  margin: -1vw 3vw;
  border: 0 solid white;
  cursor: pointer;
  transform: rotate(45deg) scale(1.3);
}
@media (min-width: 993px) {
  /* line 553, sass/site/_products.scss */
  .products-page .products .samples .sample.active:first-child {
    margin-left: 40vw;
  }
}
@media (min-width: 1921px) {
  /* line 560, sass/site/_products.scss */
  .products-page .products .samples .sample.active:first-child {
    margin-left: 735px;
  }
}
/* line 565, sass/site/_products.scss */
.products-page .products .samples .sample.active .active_shadow {
  display: block;
  z-index: 2;
  box-shadow: inset 0px 0px 30px -10px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 575, sass/site/_products.scss */
.products-page .products .samples .sample.active .active_shadow .more-button {
  background: white;
  display: inline-block;
  padding: 10%;
  margin-top: 50%;
  transform: translateY(-50%);
  /*box-shadow: 0px 0px 10px #444;*/
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
/* line 587, sass/site/_products.scss */
.products-page .products .samples .sample.active .active_shadow .more-button .icon {
  display: block;
  transform: rotate(45deg);
}
@media (max-width: 992px) {
  /* line 546, sass/site/_products.scss */
  .products-page .products .samples .sample.active {
    width: 60vw;
    height: 60vw;
    margin: -1vw 12vw 5vw;
    border: 0 solid white;
    transform: rotate(45deg) scale(1);
  }
}
/* line 602, sass/site/_products.scss */
.products-page .products .samples .sample.active span.name {
  top: 4vw;
  left: -5.5vw;
  border: none;
  font-weight: bold;
  text-align: center;
  width: 15vw;
  transform-origin: bottom left;
}
@media (max-width: 992px) {
  /* line 602, sass/site/_products.scss */
  .products-page .products .samples .sample.active span.name {
    top: 82vw;
    left: 44vw;
    width: 60vw;
  }
}
/* line 621, sass/site/_products.scss */
.products-page .products .samples .sample.active:nth-child(even) {
  margin: 7vw 1vw;
}
@media (min-width: 993px) {
  /* line 621, sass/site/_products.scss */
  .products-page .products .samples .sample.active:nth-child(even) {
    margin: 114px 58px;
  }
}
@media (max-width: 992px) {
  /* line 621, sass/site/_products.scss */
  .products-page .products .samples .sample.active:nth-child(even) {
    margin: 12vw 3vw;
  }
}
/* line 648, sass/site/_products.scss */
.products-page .product-details {
  overflow: hidden;
  /* PEDRO padding-bottom: 90px;*/
}
/* line 654, sass/site/_products.scss */
.products-page .product-details .info-desktop .info {
  margin-bottom: 30px;
}
/* line 660, sass/site/_products.scss */
.products-page .product-details .head {
  background-image: url(images/products/product_detail.png);
  min-height: 800px;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -620px;
}
@media (max-width: 992px) {
  /* line 660, sass/site/_products.scss */
  .products-page .product-details .head {
    min-height: 160vw;
    margin-top: -100vw;
    background-size: 150vw;
  }
}
/* line 673, sass/site/_products.scss */
.products-page .product-details .head .product-name-container,
.products-page .product-details .head .head-image-container {
  display: none;
}
/* line 679, sass/site/_products.scss */
.products-page .product-details .content {
  display: none;
}
@media (max-width: 992px) {
  /* line 683, sass/site/_products.scss */
  .products-page .product-details .placeholder {
    max-width: 75vw;
    display: inline-block;
    margin-top: 5vw;
    font-size: 5vw;
  }
}
/* line 694, sass/site/_products.scss */
.products-page .product-details.active .placeholder {
  display: none;
}
/* line 698, sass/site/_products.scss */
.products-page .product-details.active .head {
  margin-top: -357px;
}
@media (max-width: 992px) {
  /* line 698, sass/site/_products.scss */
  .products-page .product-details.active .head {
    margin-top: -50vw;
  }
}
/* line 705, sass/site/_products.scss */
.products-page .product-details.active .head .head-image-container {
  display: block;
  transform: rotate(45deg);
  overflow: hidden;
  width: 610px;
  height: 610px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 992px) {
  /* line 705, sass/site/_products.scss */
  .products-page .product-details.active .head .head-image-container {
    width: 124vw;
    height: 124vw;
    margin: initial;
    margin-left: -12vw;
  }
}
/* line 721, sass/site/_products.scss */
.products-page .product-details.active .head .head-image-container img {
  transform: rotate(-45deg);
  min-width: 141%;
  max-width: initial;
}
@media (min-width: 993px) {
  /* line 721, sass/site/_products.scss */
  .products-page .product-details.active .head .head-image-container img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
/* line 734, sass/site/_products.scss */
.products-page .product-details.active .head .product-name-container {
  display: block;
  width: 360px;
  height: 180px;
  border-left: 180px solid transparent;
  border-right: 180px solid transparent;
  border-top: 180px solid #fff9;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
/* line 746, sass/site/_products.scss */
.products-page .product-details.active .head .product-name-container .product-name {
  display: block;
  margin-top: -180px;
  transform: translateX(-50%);
  float: left;
  width: 360px;
}
/* line 753, sass/site/_products.scss */
.products-page .product-details.active .head .product-name-container .product-name h3 {
  font-family: HelveticaNeue-Bold;
  font-size: 24px;
  color: #4a4a4a;
  margin-top: 20px;
}
@media (max-width: 992px) {
  /* line 753, sass/site/_products.scss */
  .products-page .product-details.active .head .product-name-container .product-name h3 {
    font-size: 6.11vw;
  }
}
/* line 764, sass/site/_products.scss */
.products-page .product-details.active .head .product-name-container .product-name i {
  color: #707070;
}
/* line 772, sass/site/_products.scss */
.products-page .product-details.active .content {
  display: block;
  margin-top: -260px;
}
@media (max-width: 992px) {
  /* line 772, sass/site/_products.scss */
  .products-page .product-details.active .content {
    margin-top: -60px;
  }
}
/* line 780, sass/site/_products.scss */
.products-page .product-details.active .content .info-desktop {
  min-height: 250px;
}
@media screen and (max-width: 767px) {
  /* line 780, sass/site/_products.scss */
  .products-page .product-details.active .content .info-desktop {
    display: none;
  }
}
/* line 789, sass/site/_products.scss */
.products-page .product-details.active .content .info h5 {
  color: #b6b6b6;
  font-family: "Helvetica Neue";
  font-weight: bold;
  font-size: 13px;
}
@media (max-width: 992px) {
  /* line 789, sass/site/_products.scss */
  .products-page .product-details.active .content .info h5 {
    font-size: 3.611vw;
  }
}
/* line 801, sass/site/_products.scss */
.products-page .product-details.active .content .info p {
  font-size: 12px;
  color: #888888;
  font-weight: bold;
  font-family: "Helvetica Neue";
}
@media (max-width: 992px) {
  /* line 801, sass/site/_products.scss */
  .products-page .product-details.active .content .info p {
    font-size: 3.333vw;
  }
}
/* line 813, sass/site/_products.scss */
.products-page .product-details.active .content .action {
  margin: 25px 0;
}
@media (max-width: 992px) {
  /* line 813, sass/site/_products.scss */
  .products-page .product-details.active .content .action {
    font-size: 3.33vw;
  }
}
/* line 821, sass/site/_products.scss */
.products-page .product-details.active .content .action .icon {
  color: #bebebe;
  margin: 0 5px;
}
/* line 826, sass/site/_products.scss */
.products-page .product-details.active .content .action:hover {
  text-decoration: none;
}
/* line 831, sass/site/_products.scss */
.products-page .product-details.active .content .action.all:hover .icon-seeall:before {
  content: "\e905";
}
/* line 837, sass/site/_products.scss */
.products-page .product-details.active .content .row.links {
  margin-top: 40px;
}
@media (max-width: 992px) {
  /* line 841, sass/site/_products.scss */
  .products-page .product-details.active .content .row.links .action {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.24px;
    font-family: 'HelveticaNeueLT-BoldCond';
  }
  /* line 850, sass/site/_products.scss */
  .products-page .product-details.active .content .row.links .granitrans-btn a,
  .products-page .product-details.active .content .row.links .granitrans-btn img {
    pointer-events: initial;
  }
}
@media (max-width: 992px) {
  /* line 860, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications {
    margin: 15px;
  }
  /* line 864, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications #specification-header {
    position: relative;
  }
  /* line 867, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications #specification-header img {
    position: absolute;
    top: 25px;
    right: 20px;
    transform: rotate(90deg);
    transition: all 500ms;
  }
  /* line 878, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications .info:last-child hr {
    background-color: #f3f3f3;
    height: 1px;
    margin: 0;
  }
  /* line 885, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications .row.info {
    overflow: hidden;
    height: 0;
    transition: height 500ms;
  }
  /* line 893, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications.opened .row.info {
    height: 64px;
  }
  /* line 897, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications.opened .info:last-child {
    height: 32px;
  }
  /* line 903, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications.opened #specification-header img {
    transform: rotate(-90deg);
  }
  /* line 909, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications h4 {
    font-weight: bold;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #707070;
    font-size: 3.889vw;
    font-family: 'HelveticaNeueLT-BoldCond';
  }
  /* line 920, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications p {
    margin-top: 10px;
  }
  /* line 926, sass/site/_products.scss */
  .products-page .product-details.active .content .specifications h5,
  .products-page .product-details.active .content .specifications p {
    padding-bottom: 30px;
  }
}
/* line 934, sass/site/_products.scss */
.products-page .product-details.active .content .applications {
  margin-top: 60px;
  text-align: center;
}
/* line 938, sass/site/_products.scss */
.products-page .product-details.active .content .applications .application {
  min-height: 180px;
  display: inline-block;
  float: none;
  vertical-align: top;
}
/* line 944, sass/site/_products.scss */
.products-page .product-details.active .content .applications .application .icon {
  font-size: 60px;
  color: #bebebe;
}
@media (max-width: 992px) {
  /* line 944, sass/site/_products.scss */
  .products-page .product-details.active .content .applications .application .icon {
    font-size: 10vw;
  }
}
/* line 953, sass/site/_products.scss */
.products-page .product-details.active .content .applications .application p {
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
}
/* line 959, sass/site/_products.scss */
.products-page .product-details.active .content .applications .application p {
  font-family: "Helvetica Neue";
  font-weight: bold;
  font-size: 14px;
  color: #707070;
}
@media (max-width: 992px) {
  /* line 938, sass/site/_products.scss */
  .products-page .product-details.active .content .applications .application {
    min-height: 30vw;
  }
  /* line 969, sass/site/_products.scss */
  .products-page .product-details.active .content .applications .application p {
    font-size: 3vw;
  }
}
/* line 980, sass/site/_products.scss */
.products-page .gallery-container {
  display: none;
  max-width: 1920px;
  margin-left: 50%;
  transform: translateX(-50%);
}
/* line 986, sass/site/_products.scss */
.products-page .gallery-container h3 {
  font-family: "HelveticaNeue-Bold";
  font-size: 24px;
  color: #4a4a4a;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  /* line 997, sass/site/_products.scss */
  .produtos-app-mobile img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
}

/* line 1009, sass/site/_products.scss */
.products-page .vc_row-fluid:last-child .granitrans-btn {
  margin: -80px auto 100px;
}

/* line 1016, sass/site/_products.scss */
.scroll-left,
.scroll-right {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  /* line 1016, sass/site/_products.scss */
  .scroll-left,
  .scroll-right {
    display: none;
    width: 20vw;
  }
}

/* line 1030, sass/site/_products.scss */
.scroll-left {
  left: 0;
  background: -moz-linear-gradient(left, #e2e2e2 0%, rgba(229, 229, 229, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e2e2e2 0%, rgba(229, 229, 229, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e2e2e2 0%, rgba(229, 229, 229, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}
/* line 1041, sass/site/_products.scss */
.scroll-left img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  left: 0;
}

/* line 1050, sass/site/_products.scss */
.scroll-right {
  right: 0;
  background: -moz-linear-gradient(left, rgba(229, 229, 229, 0) 0%, #e2e2e2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(229, 229, 229, 0) 0%, #e2e2e2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(229, 229, 229, 0) 0%, #e2e2e2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ececec', GradientType=1);
  /* IE6-9 */
}
/* line 1061, sass/site/_products.scss */
.scroll-right img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  right: 0;
}

/* line 1071, sass/site/_products.scss */
.modal-close {
  position: fixed;
  z-index: 90;
  right: 32px;
  top: 15px;
  padding: 15px;
  cursor: pointer;
}
/* line 1080, sass/site/_products.scss */
.modal-close img {
  pointer-events: none;
}

/* line 1083, sass/site/_products.scss */
.gallery-image-caption {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-family: HelveticaNeueLT-BoldCond;
  margin-top: 15px;
}

/* line 1093, sass/site/_products.scss */
#post-20 .slideshow {
  display: none;
}

/* line 2, sass/site/_projects.scss */
.project-application .icon {
  font-size: 74px;
  color: #bebebe;
}
@media (max-width: 992px) {
  /* line 1, sass/site/_projects.scss */
  .project-application {
    text-align: center;
  }
  /* line 10, sass/site/_projects.scss */
  .project-application .icon {
    opacity: 1;
  }
}

/* line 17, sass/site/_projects.scss */
.project-showcase {
  width: 100%;
  min-height: 518px;
  margin-top: -1.5em;
  position: relative;
  width: 100%;
  height: calc(100vh - 65px);
  overflow: hidden;
  margin-top: -32px;
  max-width: 1920px !important;
  max-height: 1080px !important;
  margin: 0 auto;
}
@media (max-width: 992px) {
  /* line 17, sass/site/_projects.scss */
  .project-showcase {
    min-height: calc(100vh - 65px);
    overflow: initial;
  }
}
/* line 38, sass/site/_projects.scss */
.project-showcase .project {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
/* line 46, sass/site/_projects.scss */
.project-showcase .project .shadow {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #0004;
}
/* line 54, sass/site/_projects.scss */
.project-showcase .project .application {
  position: absolute;
  bottom: 100px;
  width: 100%;
  z-index: 3;
  color: white;
}
/* line 61, sass/site/_projects.scss */
.project-showcase .project .application .icon {
  font-size: 70px;
}
/* line 65, sass/site/_projects.scss */
.project-showcase .project .application .name {
  font-size: 34px;
  margin-left: 20px;
}
/* line 72, sass/site/_projects.scss */
.project-showcase .project .products {
  float: right;
  width: 100px;
  background: #ffffff99;
  background-image: url(images/projects/products_bottom_bg.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  position: relative;
  z-index: 3;
  height: 0;
  transition: height 300ms ease;
  transition: width 0.5s;
}
@media (min-width: 993px) {
  /* line 72, sass/site/_projects.scss */
  .project-showcase .project .products {
    padding-top: 80px;
    height: 100%;
  }
}
@media (max-width: 992px) {
  /* line 72, sass/site/_projects.scss */
  .project-showcase .project .products {
    width: 100vw;
    background: #fffc;
    /* PEDRO -height: 70px;*/
    height: 60px;
  }
}
/* line 100, sass/site/_projects.scss */
.project-showcase .project .products span {
  font-family: HelveticaNeue-Bold;
  font-size: 13px;
  text-align: center;
  margin: 20px 0;
  color: #707070;
}
/* line 107, sass/site/_projects.scss */
.project-showcase .project .products span.full {
  display: none;
}
/* line 111, sass/site/_projects.scss */
.project-showcase .project .products span.short {
  display: block;
}
@media (max-width: 992px) {
  /* line 100, sass/site/_projects.scss */
  .project-showcase .project .products span {
    font-size: 3.333vw;
    margin: 12px 0;
  }
  /* line 120, sass/site/_projects.scss */
  .project-showcase .project .products span.full {
    display: block;
    float: left;
    margin-left: 4vw;
    width: 25vw;
    text-align: left;
  }
}
@media screen and (max-width: 992px) and (min-width: 400px) {
  /* line 120, sass/site/_projects.scss */
  .project-showcase .project .products span.full {
    width: auto;
  }
}
@media (max-width: 992px) {
  /* line 132, sass/site/_projects.scss */
  .project-showcase .project .products span.short {
    display: none;
  }
}
/* line 138, sass/site/_projects.scss */
.project-showcase .project .products .thumbs {
  text-align: center;
}
@media (max-width: 992px) {
  /* line 138, sass/site/_projects.scss */
  .project-showcase .project .products .thumbs {
    text-align: right;
    margin-right: 15px;
  }
}
/* line 148, sass/site/_projects.scss */
.project-showcase .project .products .thumbs .thumb {
  width: 43px;
  height: 43px;
  border: 5px solid #5aa1e300;
  transform: rotate(45deg);
  overflow: hidden;
  display: inline-block;
  margin: 20px 20px;
  cursor: pointer;
  box-shadow: 0 0 0 1px #bebebe;
  -webkit-box-shadow: 0 0 0 1px #bebebe;
  -moz-box-shadow: 0 0 0 1px #bebebe;
}
@media (max-width: 992px) {
  /* line 148, sass/site/_projects.scss */
  .project-showcase .project .products .thumbs .thumb {
    width: 6vw;
    height: 6vw;
    margin: 5vw 3vw;
    border: 1vw solid #5aa1e300;
    box-shadow: 0 0 0 0.5vw #bebebe;
    -webkit-box-shadow: 0 0 0 0.5vw #bebebe;
    -moz-box-shadow: 0 0 0 0.5vw #bebebe;
  }
}
@media screen and (max-width: 992px) and (min-width: 400px) {
  /* line 148, sass/site/_projects.scss */
  .project-showcase .project .products .thumbs .thumb {
    border: 0.75vw solid #5aa1e300;
    width: 3.75vw;
    height: 3.75vw;
    margin: 2vw 3vw;
    ox-shadow: 0 0 0 0.25vw #bebebe;
    -webkit-box-shadow: 0 0 0 0.25vw #bebebe;
    -moz-box-shadow: 0 0 0 0.25vw #bebebe;
  }
}

/* line 182, sass/site/_projects.scss */
.project-showcase .project .products .thumbs .thumb img {
  max-width: initial;
  width: 140%;
  margin-top: -20%;
  margin-left: -20%;
  /* transform: rotate(-45deg); */
  display: inline-block;
  transform-origin: center;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 197, sass/site/_projects.scss */
.project-showcase .project .products .detail {
  display: none;
}
/* line 202, sass/site/_projects.scss */
.project-showcase .project .products.active {
  width: 25%;
  background-color: #fff;
}
@media (max-width: 992px) {
  /* line 202, sass/site/_projects.scss */
  .project-showcase .project .products.active {
    height: initial;
    min-height: calc(100vh - 60px);
  }
}
@media (max-width: 992px) {
  /* line 202, sass/site/_projects.scss */
  .project-showcase .project .products.active {
    width: 100vw;
    height: 100%;
  }
}
/* line 218, sass/site/_projects.scss */
.project-showcase .project .products.active span.short {
  display: none;
}
/* line 222, sass/site/_projects.scss */
.project-showcase .project .products.active span.full {
  display: block;
}
/* line 226, sass/site/_projects.scss */
.project-showcase .project .products.active .detail {
  display: block;
  text-align: center;
}
/* line 232, sass/site/_projects.scss */
.project-showcase .project .products.active .detail h4 {
  font-family: HelveticaNeue-Bold;
  font-size: 24px;
  color: #b6b6b6;
}
/* line 238, sass/site/_projects.scss */
.project-showcase .project .products.active .detail .sample {
  display: inline-block;
  width: 70%;
  background-image: url(images/projects/product_detail_bg.png);
  background-size: cover;
  position: relative;
  padding: 10.5%;
}
/* line 249, sass/site/_projects.scss */
.project-showcase .project .products.active .detail .sample .img-container {
  transform: rotate(45deg);
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
/* line 256, sass/site/_projects.scss */
.project-showcase .project .products.active .detail .sample .img-container img {
  transform: rotate(-45deg);
  max-width: initial;
  width: 140%;
  margin-top: -120%;
  margin-left: -20%;
}
/* line 267, sass/site/_projects.scss */
.project-showcase .project .products.active .detail h5 {
  font-family: HelveticaNeue-Bold;
  font-size: 20px;
  color: #4a4a4a;
}
@media (max-width: 992px) {
  /* line 226, sass/site/_projects.scss */
  .project-showcase .project .products.active .detail {
    margin-top: 20px;
  }
  /* line 276, sass/site/_projects.scss */
  .project-showcase .project .products.active .detail .sample {
    margin-bottom: 25px;
    margin-top: 25px;
  }
  /* line 281, sass/site/_projects.scss */
  .project-showcase .project .products.active .detail h4 {
    font-family: HelveticaNeue-Bold;
    font-size: 6.667vw;
  }
  /* line 286, sass/site/_projects.scss */
  .project-showcase .project .products.active .detail h5 {
    font-size: 5.556vw;
  }
}
/* line 292, sass/site/_projects.scss */
.project-showcase .project .products.active .mobile-close {
  display: none;
  position: relative;
  margin: 42px auto 0 auto;
  width: 14px;
}
@media (max-width: 992px) {
  /* line 292, sass/site/_projects.scss */
  .project-showcase .project .products.active .mobile-close {
    display: block;
  }
}
/* line 305, sass/site/_projects.scss */
.project-showcase .project .products.active .vc-zigzag-inner {
  display: none;
  margin-top: 32px;
  height: 14px;
}
@media (max-width: 992px) {
  /* line 305, sass/site/_projects.scss */
  .project-showcase .project .products.active .vc-zigzag-inner {
    display: block;
  }
}
/* line 319, sass/site/_projects.scss */
.project-showcase .mobile-close,
.project-showcase .vc-zigzag-inner {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  /* line 328, sass/site/_projects.scss */
  .content-area .small-text h3 {
    font-size: 5.5vw;
    line-height: 5.5vw;
  }

  /* line 333, sass/site/_projects.scss */
  .small-text {
    font-size: 3.4vw;
  }
}
/* line 1, sass/site/_search.scss */
.site-main.search-results {
  line-height: 20px;
  font-family: 'HelveticaNeue-LT';
  color: #888888;
  padding-bottom: 200px;
  padding-top: 60px;
}
@media (max-width: 992px) {
  /* line 1, sass/site/_search.scss */
  .site-main.search-results {
    text-align: center;
    line-height: 1.43;
  }
}
/* line 16, sass/site/_search.scss */
.site-main.search-results a {
  text-decoration: none !important;
  color: #888888;
}
/* line 21, sass/site/_search.scss */
.site-main.search-results .title {
  text-align: left;
}
@media (max-width: 992px) {
  /* line 21, sass/site/_search.scss */
  .site-main.search-results .title {
    text-align: center;
  }
}
/* line 28, sass/site/_search.scss */
.site-main.search-results .title a {
  color: #4a4a4a !important;
  font-family: 'HelveticaNeue-Bold';
}
/* line 35, sass/site/_search.scss */
.site-main.search-results .link {
  color: #8d8d8d;
  font-family: 'HelveticaNeue-Light';
  font-style: italic;
}
/* line 43, sass/site/_search.scss */
.site-main.search-results .search-submit {
  font-size: 12px;
  line-height: 19px;
  font-family: HelveticaNeueLT-BoldCond;
  cursor: pointer;
  margin-top: 30px;
}
/* line 50, sass/site/_search.scss */
.site-main.search-results .search-submit .icon {
  margin-left: 10px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.8;
}
/* line 57, sass/site/_search.scss */
.site-main.search-results .search-submit:hover .icon {
  font-size: 90%;
  opacity: 1;
}
/* line 64, sass/site/_search.scss */
.site-main.search-results article {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 40px;
  margin-bottom: 60px;
}
/* line 71, sass/site/_search.scss */
.site-main.search-results article:last-child {
  border: none;
}
/* line 76, sass/site/_search.scss */
.site-main.search-results input#search {
  text-align: center;
  margin: 30px 0;
  font-family: "HelveticaNeue-Bold";
  color: #bebebe;
}
/* line 83, sass/site/_search.scss */
.site-main.search-results input#search::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bebebe;
}
/* line 87, sass/site/_search.scss */
.site-main.search-results input#search:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bebebe;
}
/* line 91, sass/site/_search.scss */
.site-main.search-results input#search::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bebebe;
}
/* line 97, sass/site/_search.scss */
.site-main.search-results form {
  text-align: center;
  margin-bottom: 100px;
  position: relative;
}
/* line 101, sass/site/_search.scss */
.site-main.search-results form label {
  position: absolute;
  left: 0px;
  top: 45px;
}
/* line 108, sass/site/_search.scss */
.site-main.search-results h3 {
  margin-bottom: 40px;
  font-size: 30px;
  font-family: "HelveticaNeue-Light";
}
@media (max-width: 992px) {
  /* line 108, sass/site/_search.scss */
  .site-main.search-results h3 {
    line-height: 1.25;
  }
}
/* line 118, sass/site/_search.scss */
.site-main.search-results .results-stats {
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  /* line 1, sass/site/_search.scss */
  .site-main.search-results {
    text-align: center;
  }
}

@media (max-width: 992px) {
  /* line 135, sass/site/_search.scss */
  .without_padding_mobile .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* line 1, sass/site/_image_sliders.scss */
.image-container {
  width: 100%;
  padding-top: 45%;
  display: block;
  position: relative;
  background: #333;
  overflow: hidden;
}

/* line 10, sass/site/_image_sliders.scss */
.image-container .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: auto 75%;
  transition: clip-path .5s, background-size .5s;
  cursor: pointer;
}

/* line 27, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image a .icon h3 {
  margin-top: 0;
}
/* line 32, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(1) {
  background-position: top left;
}
/* line 36, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(2) {
  background-position: top center;
}
/* line 40, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(3) {
  background-position: top right;
}
/* line 44, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(4) {
  background-position: bottom left;
}
/* line 48, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(5) {
  background-position: bottom center;
}
/* line 52, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(6) {
  background-position: bottom right;
}
/* line 56, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(1) .icon {
  top: 25%;
  left: 15%;
}
/* line 61, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(2) .icon {
  top: 25%;
  left: 50%;
}
/* line 66, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(3) .icon {
  top: 25%;
  left: 85%;
}
/* line 71, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(4) .icon {
  top: 75%;
  left: 15%;
}
/* line 76, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(5) .icon {
  top: 75%;
  left: 50%;
}
/* line 81, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image:nth-child(6) .icon {
  top: 75%;
  left: 85%;
}
/* line 86, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image h3 {
  max-width: 100px;
}
/* line 89, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color .5s;
  position: relative;
}
/* line 98, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image a .icon {
  display: table;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: top .5s, left .5s;
  pointer-events: none;
  min-width: 180px;
  text-align: center;
}
/* line 108, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image a .icon img {
  display: inline-block;
  width: 40px;
  margin: 0 20px 0 0;
  float: left;
}
/* line 115, sass/site/_image_sliders.scss */
.gallery-spaces.image-container.with8 .image a .icon h3 {
  display: table-cell;
  text-align: left;
  color: white;
  font-size: 16px;
}
@media screen and (max-width: 769px) {
  /* line 124, sass/site/_image_sliders.scss */
  .gallery-spaces.image-container.with8 .image-container {
    padding-top: 0;
  }
  /* line 129, sass/site/_image_sliders.scss */
  .gallery-spaces.image-container.with8 .image {
    background-position: center !important;
    background-size: cover !important;
    display: block;
    position: relative;
    padding-top: 56.25%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }
  /* line 139, sass/site/_image_sliders.scss */
  .gallery-spaces.image-container.with8 .image a {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 146, sass/site/_image_sliders.scss */
  .gallery-spaces.image-container.with8 .image a .icon {
    top: 50% !important;
    left: 50% !important;
  }
  /* line 152, sass/site/_image_sliders.scss */
  .gallery-spaces.image-container.with8 .image a .icon img {
    display: block;
    margin: 0 auto;
  }
}

/* line 160, sass/site/_image_sliders.scss */
.image-container.with4 {
  width: 100%;
  padding-top: 45%;
  display: block;
  position: relative;
  background: #333;
}

/* line 168, sass/site/_image_sliders.scss */
.image-container.with4 .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: cover;
  transition: clip-path .5s, background-size .5s;
  cursor: pointer;
}

/* line 183, sass/site/_image_sliders.scss */
.image-container.with4 .cross {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: white;
  transition: all .5s;
  transition-delay: .5s;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* line 197, sass/site/_image_sliders.scss */
.image-container.with4 .image a .icon h3 {
  margin-top: 0;
}

/* line 202, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(1) {
  background-position: top left;
}

/* line 206, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(2) {
  background-position: top center;
}

/* line 210, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(3) {
  background-position: top right;
}

/* line 214, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(4) {
  background-position: bottom left;
}

/* line 218, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(5) {
  background-position: bottom center;
}

/* line 222, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(6) {
  background-position: bottom right;
}

/* line 226, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(1) .icon {
  top: 25%;
  left: 15%;
}

/* line 231, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(2) .icon {
  top: 25%;
  left: 50%;
}

/* line 236, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(3) .icon {
  top: 25%;
  left: 85%;
}

/* line 241, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(4) .icon {
  top: 75%;
  left: 15%;
}

/* line 246, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(5) .icon {
  top: 75%;
  left: 50%;
}

/* line 251, sass/site/_image_sliders.scss */
.image-container.with4 .image:nth-child(6) .icon {
  top: 75%;
  left: 85%;
}

/* line 256, sass/site/_image_sliders.scss */
.image-container.with4 .image a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color .5s;
  position: relative;
}

/* line 265, sass/site/_image_sliders.scss */
.image-container.with4 .image a .icon {
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: top .5s, left .5s;
  pointer-events: none;
  min-width: 33%;
  text-align: center;
}

/* line 275, sass/site/_image_sliders.scss */
.image-container.with4 .image a .icon img {
  display: inline-block;
  width: 40px;
  margin: 0 20px 0 0;
}

/* line 281, sass/site/_image_sliders.scss */
.image-container.with4 .image a .icon h3 {
  display: inline-block;
  text-align: left;
  color: white;
  font-size: 16px;
}

@media screen and (max-width: 769px) {
  /* line 290, sass/site/_image_sliders.scss */
  .image-container.with4 {
    padding-top: 0;
  }

  /* line 295, sass/site/_image_sliders.scss */
  .image-container.with4 .image {
    background-position: center !important;
    background-size: cover !important;
    display: block;
    padding-top: calc(100vw - 30px);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }

  /* line 304, sass/site/_image_sliders.scss */
  .image-container.with4 .cross {
    display: none;
  }

  /* line 309, sass/site/_image_sliders.scss */
  .image-container.with4 .image a {
    position: absolute;
    top: 0;
    left: 0;
    background-color: initial;
  }

  /* line 317, sass/site/_image_sliders.scss */
  .image-container.with4 .image a .icon {
    top: 50% !important;
    left: 50% !important;
  }

  /* line 323, sass/site/_image_sliders.scss */
  .image-container.with4 .image a .icon img {
    display: block;
    margin: 0 auto;
  }

  /* line 329, sass/site/_image_sliders.scss */
  .image-container.with4 .image:nth-child(1) {
    clip-path: polygon(0 0, 50% 50%, 0 100%) !important;
  }

  /* line 333, sass/site/_image_sliders.scss */
  .image-container.with4 .image:nth-child(2) {
    clip-path: polygon(0 0, 50% 50%, 100% 0) !important;
  }

  /* line 337, sass/site/_image_sliders.scss */
  .image-container.with4 .image:nth-child(3) {
    clip-path: polygon(0 100%, 50% 50%, 100% 100%) !important;
  }

  /* line 341, sass/site/_image_sliders.scss */
  .image-container.with4 .image:nth-child(4) {
    clip-path: polygon(100% 0, 50% 50%, 100% 100%) !important;
  }
}
/* line 1, sass/site/_slideshow.scss */
#slideshow {
  display: block;
  position: relative;
  width: 100%;
  background: black;
  max-width: 1920px !important;
  margin: 0 auto;
}
@media (max-width: 992px) {
  /* line 1, sass/site/_slideshow.scss */
  #slideshow {
    margin-bottom: 60px;
  }
}
/* line 16, sass/site/_slideshow.scss */
#slideshow > img {
  visibility: hidden;
}
@media (max-width: 992px) {
  /* line 20, sass/site/_slideshow.scss */
  #slideshow .granitrans-btn {
    margin: -21px auto;
  }
}
/* line 26, sass/site/_slideshow.scss */
#slideshow #slideshow-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 34, sass/site/_slideshow.scss */
#slideshow #slideshow-content:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  background-color: white;
  z-index: 2;
}
@media (max-width: 992px) {
  /* line 34, sass/site/_slideshow.scss */
  #slideshow #slideshow-content:after {
    display: none;
  }
}
/* line 48, sass/site/_slideshow.scss */
#slideshow #slideshow-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: .4;
  z-index: 2;
}
/* line 60, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#lower {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 66, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#lower li {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 71, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#lower li img {
  position: absolute;
  top: -100%;
  left: 0;
  -webkit-transition: top 1s;
  -moz-transition: top 1s;
  -ms-transition: top 1s;
  -o-transition: top 1s;
  transition: top 1s;
}
/* line 79, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#lower li.active {
  z-index: 2;
}
/* line 82, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#lower li.active img {
  top: 0;
}
/* line 87, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#lower li.deactivate {
  z-index: 1;
}
/* line 90, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#lower li.deactivate img {
  top: 25%;
}
/* line 97, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#higher {
  display: block;
  position: absolute;
  top: -95%;
  left: 30%;
  width: 100%;
  height: 150%;
  overflow: hidden;
  z-index: 3;
  transform: rotate(-45deg);
}
@media screen and (max-width: 769px) {
  /* line 97, sass/site/_slideshow.scss */
  #slideshow #slideshow-content ul#higher {
    height: 210%;
  }
}
/* line 114, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#higher li {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg) translate(-30%, 63.4%);
  z-index: 3;
}
@media screen and (max-width: 769px) {
  /* line 114, sass/site/_slideshow.scss */
  #slideshow #slideshow-content ul#higher li {
    transform: rotate(45deg) translate(-30%, 45.2%);
  }
}
/* line 126, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#higher li img {
  position: absolute;
  top: -100%;
  left: 0;
  min-width: initial;
  max-width: initial;
  min-height: initial;
  max-height: initial;
  width: 100%;
}
@media screen and (max-width: 769px) {
  /* line 126, sass/site/_slideshow.scss */
  #slideshow #slideshow-content ul#higher li img {
    width: initial;
  }
}
/* line 143, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#higher li.active {
  opacity: 1;
  z-index: 4;
}
/* line 147, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#higher li.active img {
  top: 0;
  -webkit-transition: top 1s;
  -moz-transition: top 1s;
  -ms-transition: top 1s;
  -o-transition: top 1s;
  transition: top 1s;
}
/* line 153, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#higher li.deactivate {
  opacity: 1;
  z-index: 3;
}
/* line 157, sass/site/_slideshow.scss */
#slideshow #slideshow-content ul#higher li.deactivate img {
  top: 25%;
  -webkit-transition: top 1s 300ms;
  -moz-transition: top 1s 300ms;
  -ms-transition: top 1s 300ms;
  -o-transition: top 1s 300ms;
  transition: top 1s 300ms;
}
/* line 165, sass/site/_slideshow.scss */
#slideshow #slideshow-content #display-face {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 3;
}
/* line 173, sass/site/_slideshow.scss */
#slideshow #slideshow-content #display-face li {
  position: absolute;
  z-index: 2;
  top: 60%;
  left: -20px;
  opacity: 0;
  transform: translateY(-50%);
  -webkit-transition: left 1s, opacity 1s;
  -moz-transition: left 1s, opacity 1s;
  -ms-transition: left 1s, opacity 1s;
  -o-transition: left 1s, opacity 1s;
  transition: left 1s, opacity 1s;
  z-index: 1;
}
@media (max-width: 992px) {
  /* line 173, sass/site/_slideshow.scss */
  #slideshow #slideshow-content #display-face li {
    top: 60%;
    transform: initial;
  }
}
/* line 188, sass/site/_slideshow.scss */
#slideshow #slideshow-content #display-face li h1 {
  color: white;
  font-family: 'HelveticaNeue-Bold';
  font-size: 72px;
  line-height: 70px;
  text-align: left;
}
@media (max-width: 992px) {
  /* line 188, sass/site/_slideshow.scss */
  #slideshow #slideshow-content #display-face li h1 {
    font-size: 11.11vw;
    line-height: 8vw;
  }
}
/* line 201, sass/site/_slideshow.scss */
#slideshow #slideshow-content #display-face li a {
  font-size: 14px;
  letter-spacing: 0.28px;
  display: inline-block;
  text-decoration: none;
  font-family: 'HelveticaNeueLT-Cond';
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 40px;
  padding-right: 28px;
  margin-right: -33px;
}
@media (max-width: 992px) {
  /* line 201, sass/site/_slideshow.scss */
  #slideshow #slideshow-content #display-face li a {
    margin-top: 18px;
  }
}
/* line 217, sass/site/_slideshow.scss */
#slideshow #slideshow-content #display-face li a span {
  font-size: 14px;
}
/* line 222, sass/site/_slideshow.scss */
#slideshow #slideshow-content #display-face li.active {
  left: 20px;
  opacity: 1;
  transition-delay: 1s;
  z-index: 2;
}
/* line 229, sass/site/_slideshow.scss */
#slideshow #slideshow-content #display-face li.deactivate {
  left: 60px;
  opacity: 0;
}
@media (max-width: 992px) {
  /* line 229, sass/site/_slideshow.scss */
  #slideshow #slideshow-content #display-face li.deactivate {
    left: 150%;
  }
}
@media (max-width: 992px) {
  /* line 1, sass/site/_slideshow.scss */
  #slideshow {
    max-width: 100%;
    height: calc(100vh - 60px);
  }
  /* line 246, sass/site/_slideshow.scss */
  #slideshow img {
    height: 100vh;
    max-width: initial;
  }
  /* line 251, sass/site/_slideshow.scss */
  #slideshow > img {
    width: 100%;
  }
}

/* line 258, sass/site/_slideshow.scss */
#slideshow-footer {
  position: absolute;
  bottom: 106px;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 5;
}
@media (max-width: 992px) {
  /* line 258, sass/site/_slideshow.scss */
  #slideshow-footer {
    bottom: 20px;
  }
}
/* line 270, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator {
  width: 100%;
}
/* line 273, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator ul {
  text-align: center;
  margin: 10px;
  position: relative;
}
/* line 278, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator ul:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
  display: block;
  height: 9px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  left: calc(50% - 3px);
  top: 43px;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg), translate(-50%, 20px);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 9px;
}
/* line 300, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator ul li {
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 1px solid white;
  transform: rotate(-45deg);
  margin: 10px 15px;
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 5px;
}
/* line 315, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator ul li.active {
  background: white;
}
/* line 319, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator ul li:after {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
}
/* line 326, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator ul li.next:after {
  right: -25%;
  top: 33%;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
/* line 333, sass/site/_slideshow.scss */
#slideshow-footer .slideshow-indicator ul li.prev:after {
  left: -25%;
  top: -33%;
  border-left: 1px solid white;
  border-top: 1px solid white;
}

/* line 346, sass/site/_slideshow.scss */
.project-showcase #slideshow-footer {
  bottom: 30px;
}

/* line 350, sass/site/_slideshow.scss */
.slideshow {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin-top: -32px;
  max-width: 1920px !important;
  max-height: 1080px !important;
  margin: 0 auto;
}
@media (max-width: 992px) {
  /* line 350, sass/site/_slideshow.scss */
  .slideshow {
    height: 100vh;
  }
}
@media (max-width: 992px) {
  /* line 364, sass/site/_slideshow.scss */
  .slideshow.video {
    height: 290px !important;
  }
}
/* line 371, sass/site/_slideshow.scss */
.slideshow.video iframe {
  pointer-events: none;
  margin-top: -80px;
  min-width: 100%;
}
@media (max-width: 992px) {
  /* line 371, sass/site/_slideshow.scss */
  .slideshow.video iframe {
    height: 415px;
    margin-top: -62px;
  }
}
/* line 385, sass/site/_slideshow.scss */
.slideshow content {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 82px;
  transform: translateY(-50%);
}
/* line 393, sass/site/_slideshow.scss */
.slideshow content .text-2 {
  line-height: 0.97;
}
/* line 398, sass/site/_slideshow.scss */
.slideshow .slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  transition: opacity 0.5s linear;
  opacity: 0;
  z-index: 2;
}
/* line 410, sass/site/_slideshow.scss */
.slideshow .slide.active {
  opacity: 1;
  z-index: 3;
}
/* line 416, sass/site/_slideshow.scss */
.slideshow .slide:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
/* line 429, sass/site/_slideshow.scss */
.slideshow .slide .text-1 {
  font-family: HelveticaNeue-Bold;
  font-size: 20px;
  color: white;
  display: inline-block;
  position: relative;
}
/* line 436, sass/site/_slideshow.scss */
.slideshow .slide .text-1 .icon {
  font-size: 60px;
}
@media (max-width: 992px) {
  /* line 429, sass/site/_slideshow.scss */
  .slideshow .slide .text-1 {
    font-size: 4.44vw;
  }
}
/* line 445, sass/site/_slideshow.scss */
.slideshow .slide .text-2 {
  font-family: HelveticaNeue-Bold;
  font-size: 72px;
  color: white;
  display: block;
  clear: both;
  position: relative;
}
@media (max-width: 992px) {
  /* line 445, sass/site/_slideshow.scss */
  .slideshow .slide .text-2 {
    font-size: 11.11vw;
  }
  /* line 456, sass/site/_slideshow.scss */
  .slideshow .slide .text-2 br {
    display: none;
  }
}
/* line 464, sass/site/_slideshow.scss */
.slideshow .slideshow-footer {
  position: absolute;
  bottom: 51px;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 5;
}
/* line 472, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator {
  width: 100%;
}
/* line 475, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator ul {
  text-align: center;
  margin: 10px;
}
/* line 480, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator ul:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
  display: block;
  height: 9px;
  margin-top: 14px;
  pointer-events: none;
  position: absolute;
  left: calc(50% - 3px);
  top: 43px;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg), translate(-50%, 20px);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 9px;
}
/* line 503, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator ul li {
  display: inline-block;
  cursor: pointer;
  width: 19px;
  height: 19px;
  border: 1px solid white;
  transform: rotate(-45deg);
  margin: 10px 15px;
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 8px;
}
/* line 519, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator ul li.active {
  background: white;
}
/* line 523, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator ul li:after {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
}
/* line 530, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator ul li.next:after {
  right: -25%;
  top: 33%;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
/* line 537, sass/site/_slideshow.scss */
.slideshow .slideshow-footer .slideshow-indicator ul li.prev:after {
  left: -25%;
  top: -33%;
  border-left: 1px solid white;
  border-top: 1px solid white;
}

/* line 553, sass/site/_slideshow.scss */
#slideshow .slideshow {
  height: calc(100vh - 65px);
}

/* line 558, sass/site/_slideshow.scss */
.parallax {
  max-width: 1920px;
  width: 100%;
  padding: 0;
}
/* line 563, sass/site/_slideshow.scss */
.parallax figure:before {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
}
@media (max-width: 992px) {
  /* line 563, sass/site/_slideshow.scss */
  .parallax figure:before {
    height: 45vw;
  }
}

@media (max-width: 992px) {
  /* line 586, sass/site/_slideshow.scss */
  .slideshow content {
    bottom: 40px;
    padding: 0 30px;
  }

  /* line 591, sass/site/_slideshow.scss */
  .slideshow .slideshow-footer {
    bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  /* line 598, sass/site/_slideshow.scss */
  .margin-2col {
    margin-top: 60px;
  }
}
/* line 1, sass/site/_shortcodes.scss */
.zig-zag-separator {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (max-width: 992px) {
  /* line 1, sass/site/_shortcodes.scss */
  .zig-zag-separator {
    margin-bottom: 7.5vw;
    margin-top: 0;
  }
}
/* line 12, sass/site/_shortcodes.scss */
.zig-zag-separator h1,
.zig-zag-separator h2 {
  font-size: 32px;
  line-height: 34px;
  text-align: center;
  font-family: "HelveticaNeue-Bold";
  color: #4a4a4a;
}
@media (max-width: 992px) {
  /* line 12, sass/site/_shortcodes.scss */
  .zig-zag-separator h1,
  .zig-zag-separator h2 {
    font-size: 7vw;
    letter-spacing: -0.5px;
    line-height: 7.2vw;
    margin-top: 0;
  }
}
/* line 31, sass/site/_shortcodes.scss */
.zig-zag-separator h2 {
  margin-top: 100px;
}
/* line 35, sass/site/_shortcodes.scss */
.zig-zag-separator .zig-zag {
  display: inline-block;
  height: 16px;
  background: top center url(images/zig-zag-deco-lightgray.svg) no-repeat;
  width: 120px;
  margin-top: 10px;
}

@keyframes hover {
  0% {
    bottom: 8px;
  }
  25% {
    bottom: 10px;
  }
  50% {
    bottom: 8px;
  }
  75% {
    bottom: 6px;
  }
  100% {
    bottom: 8px;
  }
}
/* line 67, sass/site/_shortcodes.scss */
.see-more,
.granitrans-btn a {
  font-size: 14px;
  line-height: 19px;
  font-family: HelveticaNeueLT-BoldCond;
  font-weight: bold;
  cursor: pointer;
  margin-top: 30px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  color: #858585;
}
@media (max-width: 992px) {
  /* line 67, sass/site/_shortcodes.scss */
  .see-more,
  .granitrans-btn a {
    font-size: 3.33vw;
  }
}
/* line 85, sass/site/_shortcodes.scss */
.see-more.map-icon .icon,
.granitrans-btn a.map-icon .icon {
  background-image: url(images/location.png);
  background-position: center;
  background-size: cover;
  width: 13px;
  height: 18px;
  display: inline-block;
  margin-bottom: -6px;
  position: absolute;
  bottom: 8px;
}
/* line 96, sass/site/_shortcodes.scss */
.see-more.map-icon .icon:before,
.granitrans-btn a.map-icon .icon:before {
  display: none;
}
/* line 103, sass/site/_shortcodes.scss */
.see-more:hover a,
.granitrans-btn a:hover a {
  color: #aaa;
}
/* line 108, sass/site/_shortcodes.scss */
.see-more:hover.map-icon .icon,
.granitrans-btn a:hover.map-icon .icon {
  -webkit-animation-name: hover;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  animation-name: hover;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
/* line 120, sass/site/_shortcodes.scss */
.see-more.separator2,
.granitrans-btn a.separator2 {
  padding-top: 0 !important;
  border-top: none !important;
}
/* line 125, sass/site/_shortcodes.scss */
.see-more.separator,
.granitrans-btn a.separator {
  border-top: 1px solid #f3f3f3;
  padding-top: 40px;
  max-width: 300px;
  margin: 20px auto 100px;
}
/* line 132, sass/site/_shortcodes.scss */
.see-more.align-bottom,
.granitrans-btn a.align-bottom {
  position: absolute;
  bottom: 0;
}
/* line 137, sass/site/_shortcodes.scss */
.see-more a,
.granitrans-btn a a {
  text-decoration: none !important;
  font-size: 14px;
  letter-spacing: 0.28px;
  color: #858585;
}
@media (max-width: 992px) {
  /* line 137, sass/site/_shortcodes.scss */
  .see-more a,
  .granitrans-btn a a {
    font-size: 3.9vw;
  }
}
/* line 149, sass/site/_shortcodes.scss */
.see-more .icon,
.granitrans-btn a .icon {
  margin-left: 10px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.8;
}
/* line 157, sass/site/_shortcodes.scss */
.see-more:hover .icon,
.granitrans-btn a:hover .icon {
  font-size: 85%;
  opacity: 1;
}

/* line 165, sass/site/_shortcodes.scss */
.granitrans-btn {
  display: inline-block;
  margin: 20px auto;
  cursor: pointer;
}
/* line 170, sass/site/_shortcodes.scss */
.granitrans-btn.ghost {
  opacity: .5;
}

/* line 176, sass/site/_shortcodes.scss */
.granitrans-btn:hover a {
  color: #aaa !important;
  transition: 1s color;
}

/* line 181, sass/site/_shortcodes.scss */
.granitrans-btn.center {
  margin: 20px auto;
}
@media (max-width: 992px) {
  /* line 181, sass/site/_shortcodes.scss */
  .granitrans-btn.center {
    margin: 2vw auto;
  }
}

/* line 190, sass/site/_shortcodes.scss */
.granitrans-btn a,
.granitrans-btn img {
  display: inline-block;
  pointer-events: none;
}

/* line 196, sass/site/_shortcodes.scss */
.granitrans-btn a {
  float: left;
  line-height: 52px;
  color: #858585 !important;
}

/* line 202, sass/site/_shortcodes.scss */
.granitrans-btn img {
  width: 50px;
  height: 50px;
  float: left;
  margin-left: -6px;
}
@media (max-width: 992px) {
  /* line 202, sass/site/_shortcodes.scss */
  .granitrans-btn img {
    margin-right: -20px;
  }
}

/* line 213, sass/site/_shortcodes.scss */
.granitrans-btn.backward img {
  margin-left: 0;
  margin-right: -11px;
}

/* line 218, sass/site/_shortcodes.scss */
.granitrans-btn a {
  margin-top: 0;
  letter-spacing: .5px;
}

/* line 223, sass/site/_shortcodes.scss */
.a-granitrans-size {
  font-size: 14px;
}

/* line 228, sass/site/_shortcodes.scss */
.a-granitrans-size h3 {
  font-size: 24px;
  margin-top: 0;
}

/* line 237, sass/site/_shortcodes.scss */
.granitrans-btn.white-forward:hover a {
  color: white !important;
}
/* line 241, sass/site/_shortcodes.scss */
.granitrans-btn.white-forward a {
  color: white !important;
}
/* line 244, sass/site/_shortcodes.scss */
.granitrans-btn.white-forward img {
  width: 17px;
  height: 14px;
  transform: translate(93%, 402%);
}

@media screen and (max-width: 992px) {
  /* line 253, sass/site/_shortcodes.scss */
  .a-granitrans-size h3 {
    font-size: 6.111vw;
  }

  /* line 257, sass/site/_shortcodes.scss */
  .a-granitrans-size {
    font-size: 3.889vw;
  }

  /* line 261, sass/site/_shortcodes.scss */
  .a-granitrans-ver .granitrans-btn a {
    font-size: 3.333vw;
  }
}
/* line 267, sass/site/_shortcodes.scss */
.texto-24 {
  font-size: 24px;
}

/* line 272, sass/site/_shortcodes.scss */
.contact-center {
  margin-left: 76% !important;
  transform: translateX(-50%);
}
@media (max-width: 992px) {
  /* line 272, sass/site/_shortcodes.scss */
  .contact-center {
    margin-left: 32% !important;
  }
  /* line 279, sass/site/_shortcodes.scss */
  .contact-center a {
    font-size: 2.5vw;
  }
  /* line 283, sass/site/_shortcodes.scss */
  .contact-center img {
    position: absolute;
  }
}

@media (max-width: 992px) {
  /* line 292, sass/site/_shortcodes.scss */
  .product-page .links .granitrans-btn {
    margin-top: 50px;
    display: block;
  }
  /* line 297, sass/site/_shortcodes.scss */
  .product-page .links .granitrans-btn img {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
  }
  /* line 306, sass/site/_shortcodes.scss */
  .product-page .links .granitrans-btn a {
    text-align: center;
    display: block;
    width: 100%;
    line-height: 1;
  }
}

/* line 319, sass/site/_shortcodes.scss */
.granitrans-btn.forward {
  margin-right: -16px;
}

/* line 1, sass/site/_losangos.scss */
.losango .vc_column-inner:before {
  content: " ";
  border: 1px solid red;
  width: 80%;
  padding-top: 80%;
  position: absolute;
  right: -10%;
  top: -45%;
  transform: rotate(45deg);
  background: white;
  z-index: 1;
}

/* line 14, sass/site/_losangos.scss */
.losango .vc_column-inner .wpb_wrapper {
  z-index: 2;
}

/* line 18, sass/site/_losangos.scss */
.wpb_column.vc_column_container.vc_col-sm-5.vc_hidden-sm.vc_hidden-xs.losango {
  z-index: 2;
}

/* line 23, sass/site/_losangos.scss */
.wpb_column.vc_column_container.losango {
  z-index: 2;
}

/* line 28, sass/site/_losangos.scss */
.wpb_column.vc_column_container.losango + .wpb_column.vc_column_container {
  z-index: 1;
}

@media (max-width: 992px) {
  /* line 33, sass/site/_losangos.scss */
  .content-area .vc_column_container.mobile-no-padding > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 992px) {
  /* line 41, sass/site/_losangos.scss */
  .losangos .wpb_wrapper h3 {
    margin-top: 4vw;
  }

  /* line 48, sass/site/_losangos.scss */
  .losangos.last .vc_column_container:last-child .wpb_wrapper {
    background: white;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 33%, white 50%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 33%, white 50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 33%, white 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
  }
  /* line 56, sass/site/_losangos.scss */
  .losangos.last .vc_column_container:last-child .wpb_wrapper:after {
    display: none !important;
  }

  /* line 64, sass/site/_losangos.scss */
  .losangos.container {
    z-index: 10;
    position: relative;
  }
}
/* line 71, sass/site/_losangos.scss */
.losangos {
  padding-bottom: 100px;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, #f5f5f5 50%, #ffffff 90%);
  background: -webkit-linear-gradient(left, #ffffff 10%, #f5f5f5 50%, #ffffff 90%);
  background: linear-gradient(to right, #ffffff 10%, #f5f5f5 50%, #ffffff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
@media (max-width: 992px) {
  /* line 73, sass/site/_losangos.scss */
  .losangos.special-margin {
    margin-top: 50px;
  }
}
@media (max-width: 992px) {
  /* line 80, sass/site/_losangos.scss */
  .losangos.container {
    padding: 0 !important;
  }
}
/* line 92, sass/site/_losangos.scss */
.losangos.first {
  background: -moz-radial-gradient(circle at 50% 80%, #f5f5f5 0%, #ffffff 60%);
  background: -webkit-radial-gradient(circle at 50% 80%, #f5f5f5 0%, #ffffff 60%);
  background: radial-gradient(circle at 50% 80%, #f5f5f5 0%, #ffffff 60%);
}
/* line 97, sass/site/_losangos.scss */
.losangos.last {
  background: -moz-radial-gradient(circle at 50% 20%, #f5f5f5 0%, #ffffff 60%);
  background: -webkit-radial-gradient(circle at 50% 20%, #f5f5f5 0%, #ffffff 60%);
  background: radial-gradient(circle at 50% 20%, #f5f5f5 0%, #ffffff 60%);
}
/* line 102, sass/site/_losangos.scss */
.losangos.last.mobile {
  display: none;
}
@media (max-width: 992px) {
  /* line 102, sass/site/_losangos.scss */
  .losangos.last.mobile {
    display: block;
  }
}
@media (max-width: 992px) {
  /* line 112, sass/site/_losangos.scss */
  .losangos.destaques .vc_column_container {
    min-height: 64vw !important;
  }
}
/* line 121, sass/site/_losangos.scss */
.losangos.left .vc_column_container:first-child {
  z-index: 2;
  font-size: 70%;
}
/* line 125, sass/site/_losangos.scss */
.losangos.left .vc_column_container:first-child:before {
  content: " ";
  width: 90%;
  padding-top: 90%;
  position: absolute;
  right: 0;
  top: -2%;
  transform: rotate(45deg);
  background: white;
  z-index: 1;
}
/* line 137, sass/site/_losangos.scss */
.losangos.left .vc_column_container:first-child .vc_column-inner {
  position: absolute;
  top: 36%;
  transform: translateY(-50%);
}
/* line 146, sass/site/_losangos.scss */
.losangos.left .vc_column_container:last-child {
  z-index: 1;
}
@media (max-width: 992px) {
  /* line 151, sass/site/_losangos.scss */
  .losangos.left .vc_column_container:last-child .vc_column-inner > .wpb_wrapper:after {
    top: initial;
    bottom: -55vw;
    border-bottom-color: transparent;
    border-top-color: white;
  }
}
/* line 165, sass/site/_losangos.scss */
.losangos.right h3 {
  text-align: left;
}
/* line 170, sass/site/_losangos.scss */
.losangos.right .vc_column_container:first-child {
  z-index: 1;
}
/* line 174, sass/site/_losangos.scss */
.losangos.right .titulo-thin {
  z-index: 2;
  font-size: 70%;
}
/* line 178, sass/site/_losangos.scss */
.losangos.right .titulo-thin:before {
  content: " ";
  width: 90%;
  padding-top: 90%;
  position: absolute;
  left: 0;
  top: -2%;
  transform: rotate(-45deg);
  background: white;
  z-index: 1;
}
@media (max-width: 992px) {
  /* line 178, sass/site/_losangos.scss */
  .losangos.right .titulo-thin:before {
    display: none;
  }
}
@media (min-width: 993px) {
  /* line 195, sass/site/_losangos.scss */
  .losangos.right .titulo-thin .vc_column-inner {
    position: absolute;
    top: 36%;
    transform: translateY(-50%);
  }
}
@media (min-width: 993px) {
  /* line 206, sass/site/_losangos.scss */
  .losangos.right .granitrans-btn {
    padding-left: 15px;
  }
}
@media (max-width: 992px) {
  /* line 213, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner > .wpb_wrapper:after {
    top: initial;
    bottom: -55vw;
    border-bottom-color: transparent;
    border-top-color: white;
  }
}
@media (max-width: 992px) {
  /* line 71, sass/site/_losangos.scss */
  .losangos {
    padding-bottom: 0;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 5%, #f5f5f5 50%, #ffffff 95%);
    background: -webkit-linear-gradient(left, #ffffff 5%, #f5f5f5 50%, #ffffff 95%);
    background: linear-gradient(to right, #ffffff 5%, #f5f5f5 50%, #ffffff 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    margin-bottom: 80px;
  }
  /* line 239, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child, .losangos.left .vc_column_container:last-child {
    z-index: 2;
    font-size: 80%;
    /* min-height: 100vw; */
  }
  /* line 244, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner, .losangos.left .vc_column_container:last-child .vc_column-inner {
    position: relative;
    display: block;
    width: 100vw;
    padding: 0;
  }
  /* line 252, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner > .wpb_wrapper, .losangos.left .vc_column_container:last-child .vc_column-inner > .wpb_wrapper {
    position: relative;
    						/*&:after {
    							top: initial;
    							bottom: -55vw;
    							border-bottom-color: transparent;
    							border-top-color: white;
    						}
    
    						&:last-child
    						{
    							&:after {
    								top: initial;
    							    bottom: -55vw;
    							    border-bottom-color: transparent;
    							    border-top-color: white;
    							}
    						}*/
  }
  /* line 256, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner > .wpb_wrapper > div, .losangos.left .vc_column_container:last-child .vc_column-inner > .wpb_wrapper > div {
    position: relative;
    z-index: 2;
    background: #fbfbfb;
    background: -moz-linear-gradient(0deg, rgba(251, 251, 251, 0) 10%, white 35%, white 65%, rgba(251, 251, 251, 0) 90%);
    background: -webkit-linear-gradient(0deg, rgba(251, 251, 251, 0) 10%, white 35%, white 65%, rgba(251, 251, 251, 0) 90%);
    background: linear-gradient(0deg, rgba(251, 251, 251, 0) 10%, white 35%, white 65%, rgba(251, 251, 251, 0) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfbfb", endColorstr="#fbfbfb", GradientType=1);
  }
  /* line 268, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner > .wpb_wrapper .wpb_content_element, .losangos.left .vc_column_container:last-child .vc_column-inner > .wpb_wrapper .wpb_content_element {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  /* line 273, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner > .wpb_wrapper:before, .losangos.right .vc_column_container:last-child .vc_column-inner > .wpb_wrapper:after, .losangos.left .vc_column_container:last-child .vc_column-inner > .wpb_wrapper:before, .losangos.left .vc_column_container:last-child .vc_column-inner > .wpb_wrapper:after {
    content: '';
    width: 0;
    height: 0;
    border: 50vw solid transparent;
    border-bottom-color: white;
    position: absolute;
    top: -60vw;
    display: block;
    z-index: 1;
  }
  /* line 305, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner, .losangos.left .vc_column_container:last-child .vc_column-inner {
    position: relative;
  }
  /* line 308, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner .wpb_text_column h3,
  .losangos.right .vc_column_container:last-child .vc_column-inner .wpb_text_column p, .losangos.left .vc_column_container:last-child .vc_column-inner .wpb_text_column h3,
  .losangos.left .vc_column_container:last-child .vc_column-inner .wpb_text_column p {
    text-align: center !important;
  }
  /* line 313, sass/site/_losangos.scss */
  .losangos.right .vc_column_container:last-child .vc_column-inner .vc_empty_space, .losangos.left .vc_column_container:last-child .vc_column-inner .vc_empty_space {
    display: none;
  }
  /* line 325, sass/site/_losangos.scss */
  .losangos .w-corners.left figure::before {
    width: 50vw;
    padding-top: 50vw;
    content: "";
    position: absolute;
    transform: rotate(45deg);
    top: -25vw;
    left: -25vw;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+5,ffffff+38,000000+100&0.59+40,0.48+100 */
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.59) 5%, rgba(255, 255, 255, 0.59) 38%, rgba(247, 247, 247, 0.59) 40%, rgba(0, 0, 0, 0.48) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.59) 5%, rgba(255, 255, 255, 0.59) 38%, rgba(247, 247, 247, 0.59) 40%, rgba(0, 0, 0, 0.48) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.59) 5%, rgba(255, 255, 255, 0.59) 38%, rgba(247, 247, 247, 0.59) 40%, rgba(0, 0, 0, 0.48) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96ffffff', endColorstr='#7a000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
  }
  /* line 346, sass/site/_losangos.scss */
  .losangos .w-corners.right figure::before {
    width: 50vw;
    padding-top: 50vw;
    content: "";
    position: absolute;
    transform: rotate(45deg);
    top: -25vw;
    right: -25vw;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+5,ffffff+38,000000+100&0.59+40,0.48+100 */
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.59) 5%, rgba(255, 255, 255, 0.59) 38%, rgba(247, 247, 247, 0.59) 40%, rgba(0, 0, 0, 0.48) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.59) 5%, rgba(255, 255, 255, 0.59) 38%, rgba(247, 247, 247, 0.59) 40%, rgba(0, 0, 0, 0.48) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.59) 5%, rgba(255, 255, 255, 0.59) 38%, rgba(247, 247, 247, 0.59) 40%, rgba(0, 0, 0, 0.48) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96ffffff', endColorstr='#7a000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
  }
}

@media screen and (min-width: 1920px) {
  /* line 1, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery {
    width: 100% !important;
    margin: 0 auto;
    height: 634px !important;
    max-width: 1920px;
  }
}
@media (min-width: 993px) {
  /* line 1, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery {
    height: 32vw;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  /* line 15, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box {
    float: left;
    height: 50%;
    width: 50%;
    position: absolute;
    overflow: hidden;
    z-index: 1;
  }
  /* line 23, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .img {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  /* line 28, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .img img.bg {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    max-width: initial;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
  }
  /* line 41, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container {
    opacity: 100;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-right: 20%;
    color: white;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
  }
  /* line 54, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container .caption {
    position: absolute;
    top: 45%;
    left: 10%;
  }
  /* line 59, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container .caption span {
    margin-left: 31px;
    display: inline-block;
    font-family: "HelveticaNeue-Bold";
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.17;
  }
  /* line 70, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(1) {
    top: 0;
    left: 0;
  }
  /* line 74, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(2) {
    transform: skewX(45deg) translateX(65%);
    z-index: 2;
    width: 60%;
    position: absolute;
    right: 50%;
    top: 0;
  }
  /* line 83, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(2) .img {
    transform: skewX(-63.5deg);
    transform-origin: 0% 0%;
    overflow: hidden;
  }
  /* line 89, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(2) .img img.bg {
    transform: skewX(45deg) translate(-50%, -50%);
    left: 100%;
  }
  /* line 94, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(2) .img .caption-container {
    transform: skewX(45deg);
  }
  /* line 97, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(2) .img .caption-container .caption {
    left: 50%;
  }
  /* line 102, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(2) .img .caption-container .caption img {
    vertical-align: bottom;
  }
  /* line 111, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(3) {
    top: 0;
    right: 1.3vw;
    transform: skewX(-45deg) translateX(54%);
    z-index: 3;
    width: 60%;
    position: absolute;
  }
}
@media screen and (min-width: 993px) and (min-width: 1920px) {
  /* line 111, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(3) {
    right: 30px;
  }
}
@media (min-width: 993px) {
  /* line 125, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(3) .img {
    transform: skewX(63.5deg);
    transform-origin: 100% 100%;
    overflow: hidden;
  }
  /* line 131, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(3) .img img.bg {
    transform: skewX(-45deg) translate(-50%, -50%);
    left: 0;
  }
  /* line 135, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(3) .img .caption-container {
    transform: skewX(-45deg);
  }
  /* line 137, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(3) .img .caption-container .caption {
    left: 40%;
  }
  /* line 145, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(4) {
    bottom: 0;
    left: 0;
  }
  /* line 150, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(5) {
    transform: skewX(-45deg) translateX(65%);
    z-index: 2;
    width: 60%;
    position: absolute;
    right: 50%;
    bottom: 0;
  }
  /* line 159, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(5) .img {
    transform: skewX(63.5deg);
    transform-origin: 100% 100%;
    overflow: hidden;
  }
  /* line 165, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(5) .img img.bg {
    transform: skewX(-45deg) translate(-50%, -50%);
    left: 30%;
  }
  /* line 169, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(5) .img .caption-container {
    transform: skewX(-45deg);
  }
  /* line 171, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(5) .img .caption-container .caption {
    left: 50%;
  }
  /* line 175, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(5) .img .caption-container .caption img {
    vertical-align: bottom;
  }
  /* line 187, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(6) {
    bottom: 0;
    right: 1.3vw;
    transform: skewX(45deg) translateX(54%);
    z-index: 3;
    width: 60%;
    position: absolute;
  }
}
@media screen and (min-width: 993px) and (min-width: 1920px) {
  /* line 187, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(6) {
    right: 30px;
  }
}
@media (min-width: 993px) {
  /* line 201, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(6) .img {
    transform: skewX(-63.5deg);
    transform-origin: 0 0;
    overflow: hidden;
  }
  /* line 207, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(6) .img img.bg {
    transform: skewX(45deg) translate(-50%, -50%);
  }
  /* line 210, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(6) .img .caption-container {
    transform: skewX(45deg);
  }
  /* line 212, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(6) .img .caption-container .caption {
    left: 40%;
  }
  /* line 216, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:nth-child(6) .img .caption-container .caption img {
    vertical-align: bottom;
  }
  /* line 226, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:hover img.bg {
    width: 130%;
  }
  /* line 229, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box:hover .caption-container {
    opacity: 0;
  }
}
@media (max-width: 992px) {
  /* line 1, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery {
    position: relative;
  }
  /* line 241, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery:before {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: -100px;
    content: "";
    background-image: url(images/triangles-down.png);
    background-position: center;
    background-size: cover;
  }
  /* line 254, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery:after {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: -100px;
    content: "";
    background-image: url(images/triangles-up.png);
    background-position: center;
    background-size: cover;
  }
  /* line 267, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box {
    width: 100%;
    position: relative;
    height: 293px;
    overflow: hidden;
    position: relative;
  }
  /* line 274, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box img.bg {
    max-width: initial;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 284, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container {
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
  }
  /* line 296, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container .caption {
    display: inline-block;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
  }
  /* line 303, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container .caption img {
    display: inline-block;
    padding-bottom: 4vw;
  }
  /* line 307, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container .caption span {
    display: block;
    font-family: "HelveticaNeue-Bd";
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  /* line 307, sass/site/_trapezoid_gallery.scss */
  .trapezoid-gallery .box .caption-container .caption span {
    font-size: 5vw;
  }
}

@media (min-width: 993px) {
  /* line 5, sass/site/_angled_gallery.scss */
  .angled-gallery {
    width: 100%;
    padding-top: 40%;
    overflow: hidden;
    position: relative;
    background: #333;
  }
  /* line 12, sass/site/_angled_gallery.scss */
  .angled-gallery .photo {
    position: absolute;
    transform: rotate(-45deg);
    overflow: hidden;
    width: 60%;
    padding-top: 60%;
    left: 300%;
    top: -300%;
    cursor: pointer;
    transition: all 1s;
  }
  /* line 24, sass/site/_angled_gallery.scss */
  .angled-gallery .photo img {
    transform: rotate(45deg) translate(-50%, -50%);
    max-width: initial;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: top left;
    height: 70%;
  }
  /* line 38, sass/site/_angled_gallery.scss */
  .angled-gallery .photo:nth-child(2) img, .angled-gallery .photo:nth-child(4) img {
    height: 70%;
  }
  /* line 45, sass/site/_angled_gallery.scss */
  .angled-gallery .photo:nth-child(2) img {
    top: 80%;
    left: 25%;
  }
  /* line 53, sass/site/_angled_gallery.scss */
  .angled-gallery .photo:nth-child(4) img {
    top: 19%;
    left: 77%;
  }
  /* line 62, sass/site/_angled_gallery.scss */
  .angled-gallery .photo:nth-child(1) img, .angled-gallery .photo:nth-child(3) img {
    height: 80%;
  }
  /* line 69, sass/site/_angled_gallery.scss */
  .angled-gallery .photo:nth-child(1) img {
    top: 36%;
    left: 63%;
  }
  /* line 76, sass/site/_angled_gallery.scss */
  .angled-gallery .photo:nth-child(3) img {
    top: 49%;
    left: 27%;
  }
  /* line 82, sass/site/_angled_gallery.scss */
  .angled-gallery .photo .more {
    background: white;
    display: inline-block;
    padding: 3%;
    margin-top: 50%;
    transform: translateY(-50%);
    /*box-shadow: 0px 0px 10px #444;*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s linear;
    z-index: -1;
  }
  /* line 100, sass/site/_angled_gallery.scss */
  .angled-gallery .photo .more .icon {
    display: block;
    transform: rotate(45deg);
  }
  /* line 108, sass/site/_angled_gallery.scss */
  .angled-gallery .photo1 {
    left: -24.7%;
    top: 0%;
  }
  /* line 113, sass/site/_angled_gallery.scss */
  .angled-gallery .photo1 .more {
    left: 60%;
    top: 0%;
  }
  /* line 119, sass/site/_angled_gallery.scss */
  .angled-gallery .photo2 {
    right: 22.5%;
    bottom: 55.4%;
    left: initial;
    top: initial;
  }
  /* line 125, sass/site/_angled_gallery.scss */
  .angled-gallery .photo2 .more {
    left: 20%;
    top: 25%;
  }
  /* line 131, sass/site/_angled_gallery.scss */
  .angled-gallery .photo3 {
    top: initial;
    left: initial;
    left: 79%;
    top: -47.2%;
  }
  /* line 137, sass/site/_angled_gallery.scss */
  .angled-gallery .photo3 .more {
    left: 27%;
    top: -10%;
  }
  /* line 143, sass/site/_angled_gallery.scss */
  .angled-gallery .photo4 {
    top: initial;
    left: initial;
    top: 58.8%;
    left: 36.6%;
  }
  /* line 149, sass/site/_angled_gallery.scss */
  .angled-gallery .photo4 .more {
    left: 67%;
    top: -24%;
  }
  /* line 157, sass/site/_angled_gallery.scss */
  .angled-gallery.p1active .photo1 {
    left: -17.7%;
  }
  /* line 160, sass/site/_angled_gallery.scss */
  .angled-gallery.p1active .photo1 .more {
    opacity: 1;
    z-index: 2;
  }
  /* line 166, sass/site/_angled_gallery.scss */
  .angled-gallery.p1active .photo2 {
    right: 15.5%;
  }
  /* line 170, sass/site/_angled_gallery.scss */
  .angled-gallery.p1active .photo3 {
    left: 86%;
  }
  /* line 174, sass/site/_angled_gallery.scss */
  .angled-gallery.p1active .photo4 {
    left: 43.6%;
  }
  /* line 182, sass/site/_angled_gallery.scss */
  .angled-gallery.p2active .photo1 {
    left: -24.7%;
    top: 10%;
  }
  /* line 187, sass/site/_angled_gallery.scss */
  .angled-gallery.p2active .photo2 {
    right: 22.5%;
    bottom: 46.4%;
  }
  /* line 191, sass/site/_angled_gallery.scss */
  .angled-gallery.p2active .photo2 .more {
    opacity: 1;
    z-index: 2;
  }
  /* line 197, sass/site/_angled_gallery.scss */
  .angled-gallery.p2active .photo3 {
    left: 78.95%;
    top: -38.2%;
  }
  /* line 202, sass/site/_angled_gallery.scss */
  .angled-gallery.p2active .photo4 {
    top: 67.8%;
    left: 36.6%;
  }
  /* line 211, sass/site/_angled_gallery.scss */
  .angled-gallery.p3active .photo1 {
    left: -34.7%;
  }
  /* line 215, sass/site/_angled_gallery.scss */
  .angled-gallery.p3active .photo2 {
    right: 32.5%;
  }
  /* line 219, sass/site/_angled_gallery.scss */
  .angled-gallery.p3active .photo3 {
    left: 69%;
  }
  /* line 222, sass/site/_angled_gallery.scss */
  .angled-gallery.p3active .photo3 .more {
    opacity: 1;
    z-index: 2;
  }
  /* line 228, sass/site/_angled_gallery.scss */
  .angled-gallery.p3active .photo4 {
    left: 26.6%;
  }
  /* line 236, sass/site/_angled_gallery.scss */
  .angled-gallery.p4active .photo1 {
    left: -27.7%;
    top: -7.4%;
  }
  /* line 241, sass/site/_angled_gallery.scss */
  .angled-gallery.p4active .photo2 {
    right: 25.5%;
  }
  /* line 245, sass/site/_angled_gallery.scss */
  .angled-gallery.p4active .photo3 {
    left: 79%;
    top: -63.2%;
  }
  /* line 250, sass/site/_angled_gallery.scss */
  .angled-gallery.p4active .photo4 {
    top: 42.8%;
  }
  /* line 253, sass/site/_angled_gallery.scss */
  .angled-gallery.p4active .photo4 .more {
    opacity: 1;
    z-index: 2;
  }
}
/* line 266, sass/site/_angled_gallery.scss */
.gallery-full-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: none;
  z-index: 20;
}
/* line 276, sass/site/_angled_gallery.scss */
.gallery-full-image .big-photo {
  top: 50%;
  left: 50%;
  z-index: 10;
  position: fixed;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 1s;
  max-height: 80%;
  width: auto;
}
/* line 288, sass/site/_angled_gallery.scss */
.gallery-full-image .big-photo img {
  width: 100%;
}
/* line 292, sass/site/_angled_gallery.scss */
.gallery-full-image .big-photo.visible {
  opacity: 1;
}
@media (max-width: 992px) {
  /* line 276, sass/site/_angled_gallery.scss */
  .gallery-full-image .big-photo {
    height: auto;
    width: 80%;
  }
}

@media (max-width: 992px) {
  /* line 308, sass/site/_angled_gallery.scss */
  .angled-gallery {
    position: relative;
    width: 100vw;
    height: 100vw;
    padding-top: 0;
    overflow: hidden;
  }
  /* line 315, sass/site/_angled_gallery.scss */
  .angled-gallery .photo {
    position: absolute;
    height: calc(100% / 1.414);
    width: calc(100% / 1.414);
    top: 50%;
    left: 50%;
    transform-origin: 0% 0%;
    overflow: hidden;
  }
  /* line 324, sass/site/_angled_gallery.scss */
  .angled-gallery .photo img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    max-width: initial;
    width: auto;
    height: 150%;
    display: block;
    transform-origin: top left;
  }
  /* line 337, sass/site/_angled_gallery.scss */
  .angled-gallery .photo .more {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  /* line 341, sass/site/_angled_gallery.scss */
  .angled-gallery .photo .more span {
    display: none;
  }
  /* line 347, sass/site/_angled_gallery.scss */
  .angled-gallery .photo3 {
    transform: rotate(-45deg);
  }
  /* line 350, sass/site/_angled_gallery.scss */
  .angled-gallery .photo3 img {
    transform: rotate(45deg) translate(-50%, -50%);
  }
  /* line 355, sass/site/_angled_gallery.scss */
  .angled-gallery .photo4 {
    transform: rotate(45deg);
  }
  /* line 358, sass/site/_angled_gallery.scss */
  .angled-gallery .photo4 img {
    transform: rotate(-45deg) translate(-50%, -50%);
  }
  /* line 363, sass/site/_angled_gallery.scss */
  .angled-gallery .photo2 {
    transform: rotate(-135deg);
  }
  /* line 366, sass/site/_angled_gallery.scss */
  .angled-gallery .photo2 img {
    transform: rotate(135deg) translate(-50%, -50%);
  }
  /* line 371, sass/site/_angled_gallery.scss */
  .angled-gallery .photo1 {
    transform: rotate(135deg);
  }
  /* line 374, sass/site/_angled_gallery.scss */
  .angled-gallery .photo1 img {
    transform: rotate(-135deg) translate(-50%, -50%);
  }
}
/* line 384, sass/site/_angled_gallery.scss */
.photo img {
  transition: height 1s;
}

@media (min-width: 993px) {
  /* line 392, sass/site/_angled_gallery.scss */
  .p1active .photo1 img {
    height: 85% !important;
  }
}

@media (min-width: 993px) {
  /* line 406, sass/site/_angled_gallery.scss */
  .p2active .photo2 img {
    height: 85% !important;
  }
}

@media (min-width: 993px) {
  /* line 419, sass/site/_angled_gallery.scss */
  .p3active .photo3 img {
    height: 85% !important;
  }
}

@media (min-width: 993px) {
  /* line 432, sass/site/_angled_gallery.scss */
  .p4active .photo4 img {
    height: 85% !important;
  }
}

@media (max-width: 992px) {
  /* line 3, sass/site/_four_stones.scss */
  body.vilarim #granitrans-menu {
    display: none;
  }
}

/* line 51, sass/site/_four_stones.scss */
.four-stones {
  width: 100%;
  position: relative;
  padding-top: 55%;
  font-size: 80%;
}
@media (max-width: 992px) {
  /* line 51, sass/site/_four_stones.scss */
  .four-stones {
    width: calc(100% + 60px);
    margin-left: -30px;
    padding-top: initial;
  }
  /* line 64, sass/site/_four_stones.scss */
  .four-stones .stone-1:after,
  .four-stones .stone-3:after {
    background: #545454;
    background: -moz-linear-gradient(90deg, rgba(84, 84, 84, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(90deg, rgba(84, 84, 84, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(90deg, rgba(84, 84, 84, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#545454", endColorstr="#000000", GradientType=1);
  }
  /* line 75, sass/site/_four_stones.scss */
  .four-stones .stone-2,
  .four-stones .stone-4 {
    background: black;
    background: -moz-linear-gradient(90deg, black 0%, rgba(132, 132, 132, 0) 50%);
    background: -webkit-linear-gradient(90deg, black 0%, rgba(132, 132, 132, 0) 50%);
    background: linear-gradient(90deg, black 0%, rgba(132, 132, 132, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#848484", GradientType=1);
  }
}
/* line 85, sass/site/_four_stones.scss */
.four-stones .stone {
  width: 50%;
  position: absolute;
  overflow: hidden;
}
/* line 90, sass/site/_four_stones.scss */
.four-stones .stone p {
  transform: translateX(-110%);
  transition: transform 1s;
  transition-delay: 0.25s;
}
@media (max-width: 992px) {
  /* line 90, sass/site/_four_stones.scss */
  .four-stones .stone p {
    margin-bottom: 0;
  }
}
/* line 101, sass/site/_four_stones.scss */
.four-stones .stone:hover p {
  transform: translateX(0);
}
/* line 106, sass/site/_four_stones.scss */
.four-stones .stone:hover .sample-img img {
  transform: scale(1) !important;
}
/* line 114, sass/site/_four_stones.scss */
.four-stones .stone.stone-1 .opaque-overlay {
  width: 800px;
  background: #fff;
  height: 800px;
  position: absolute;
  transform: rotate(45deg);
  left: -622px;
  top: -545px;
  max-width: 197.5%;
  transition: all 2s;
}
@media (max-width: 992px) {
  /* line 114, sass/site/_four_stones.scss */
  .four-stones .stone.stone-1 .opaque-overlay {
    display: none;
  }
}
/* line 131, sass/site/_four_stones.scss */
.four-stones .stone.stone-1:hover .opaque-overlay {
  width: 1500px;
}
/* line 135, sass/site/_four_stones.scss */
.four-stones .stone.stone-1:hover .sample-img {
  width: 1000px;
}
/* line 143, sass/site/_four_stones.scss */
.four-stones .stone.stone-2 .opaque-overlay {
  width: 800px;
  background: #fff;
  height: 800px;
  position: absolute;
  transform: rotate(45deg);
  right: -622px;
  top: -545px;
  max-width: 273%;
  transition: all 1.5s;
}
@media (max-width: 992px) {
  /* line 143, sass/site/_four_stones.scss */
  .four-stones .stone.stone-2 .opaque-overlay {
    display: none;
  }
}
/* line 160, sass/site/_four_stones.scss */
.four-stones .stone.stone-2:hover .opaque-overlay {
  width: 2000px;
}
/* line 164, sass/site/_four_stones.scss */
.four-stones .stone.stone-2:hover .sample-img {
  width: 1000px;
}
/* line 172, sass/site/_four_stones.scss */
.four-stones .stone.stone-3 .opaque-overlay {
  width: 800px;
  background: #fff;
  height: 800px;
  position: absolute;
  transform: rotate(45deg);
  left: -622px;
  bottom: -545px;
  max-width: 271.5%;
  transition: all 2s;
}
@media (max-width: 992px) {
  /* line 172, sass/site/_four_stones.scss */
  .four-stones .stone.stone-3 .opaque-overlay {
    display: none;
  }
}
/* line 189, sass/site/_four_stones.scss */
.four-stones .stone.stone-3:hover .opaque-overlay {
  width: 2000px;
}
/* line 193, sass/site/_four_stones.scss */
.four-stones .stone.stone-3:hover .sample-img {
  width: 1000px;
}
/* line 201, sass/site/_four_stones.scss */
.four-stones .stone.stone-4 .opaque-overlay {
  width: 800px;
  background: #fff;
  height: 800px;
  position: absolute;
  transform: rotate(45deg);
  right: -622px;
  bottom: -545px;
  max-width: 197.5%;
  transition: all 2s;
}
@media (max-width: 992px) {
  /* line 201, sass/site/_four_stones.scss */
  .four-stones .stone.stone-4 .opaque-overlay {
    display: none;
  }
}
/* line 218, sass/site/_four_stones.scss */
.four-stones .stone.stone-4:hover .opaque-overlay {
  width: 2000px;
}
/* line 222, sass/site/_four_stones.scss */
.four-stones .stone.stone-4:hover .sample-img {
  width: 1000px;
}
/* line 228, sass/site/_four_stones.scss */
.four-stones .stone .text {
  font-size: 16px;
  color: #888;
  margin-top: 20px;
}
@media (max-width: 992px) {
  /* line 228, sass/site/_four_stones.scss */
  .four-stones .stone .text {
    font-size: 3.9vw;
  }
}
@media (max-width: 992px) {
  /* line 85, sass/site/_four_stones.scss */
  .four-stones .stone {
    width: 100%;
    position: relative;
    top: initial !important;
    right: initial !important;
    bottom: initial !important;
    left: initial !important;
    max-height: 40vw;
  }
  /* line 248, sass/site/_four_stones.scss */
  .four-stones .stone.active {
    position: fixed;
    top: 0 !important;
    width: 100%;
    height: 100vh;
    background: white;
    max-height: initial;
    z-index: 10;
  }
  /* line 258, sass/site/_four_stones.scss */
  .four-stones .stone.active .bg {
    margin-top: 15vw;
  }
  /* line 261, sass/site/_four_stones.scss */
  .four-stones .stone.active .bg img {
    margin-top: initial;
    width: auto;
    max-width: initial;
    min-height: 50vh;
  }
  /* line 268, sass/site/_four_stones.scss */
  .four-stones .stone.active .bg:after {
    content: "";
    position: absolute;
    width: 165vw;
    height: 60vw;
    background-color: white;
    top: 40vh;
    left: 0;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  /* line 281, sass/site/_four_stones.scss */
  .four-stones .stone.active .bg:before {
    content: "";
    position: absolute;
    width: 165vw;
    height: 60vw;
    background-color: white;
    top: 40vh;
    right: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  /* line 295, sass/site/_four_stones.scss */
  .four-stones .stone.active .full-bg {
    background: none;
  }
  /* line 298, sass/site/_four_stones.scss */
  .four-stones .stone.active .full-bg .text {
    left: 50%;
    top: 63vh;
    transform: translateX(-50%);
    right: initial;
    text-align: center;
    width: 80%;
  }
  /* line 307, sass/site/_four_stones.scss */
  .four-stones .stone.active .full-bg .sample-img {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50vw;
    text-align: center;
    max-width: initial;
  }
  /* line 316, sass/site/_four_stones.scss */
  .four-stones .stone.active .logo {
    top: 0;
    text-align: center;
    height: 15vw;
    background: white;
    width: 100%;
    left: 0;
    overflow: hidden;
    transition: top 1s;
  }
  /* line 326, sass/site/_four_stones.scss */
  .four-stones .stone.active .logo img {
    height: 5vw;
    max-width: initial;
    width: auto;
    margin-top: 2.5vw;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  /* line 333, sass/site/_four_stones.scss */
  .four-stones .stone.active .logo img.hidden-xs {
    display: block !important;
    margin: 5vw auto;
  }
  /* line 338, sass/site/_four_stones.scss */
  .four-stones .stone.active .logo img.visible-xs {
    display: none !important;
  }
  /* line 342, sass/site/_four_stones.scss */
  .four-stones .stone.active .logo img.close {
    opacity: 1;
  }
}
@media (max-width: 992px) {
  /* line 348, sass/site/_four_stones.scss */
  .four-stones .stone.active .logo .close {
    display: block;
    position: absolute;
    right: 4.5vw;
    top: 0;
    height: 5vw;
    margin-top: 5vw;
  }
}
/* line 364, sass/site/_four_stones.scss */
.four-stones .stone .bg img {
  display: block;
}
@media (max-width: 992px) {
  /* line 364, sass/site/_four_stones.scss */
  .four-stones .stone .bg img {
    margin-top: -5vw;
    width: 100%;
  }
}
/* line 374, sass/site/_four_stones.scss */
.four-stones .stone .logo {
  z-index: 3;
  position: absolute;
  font-weight: bold;
  transition: top 1s;
  -webkit-animation: four_stones_logo_anim_reverse 1s;
  -moz-animation: four_stones_logo_anim_reverse 1s;
  -o-animation: four_stones_logo_anim_reverse 1s;
  animation: four_stones_logo_anim_reverse 1s;
}
/* line 384, sass/site/_four_stones.scss */
.four-stones .stone .logo .close {
  display: none;
}
/* line 390, sass/site/_four_stones.scss */
.four-stones .stone .small-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
/* line 400, sass/site/_four_stones.scss */
.four-stones .stone .full-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-left: 20px;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
/* line 410, sass/site/_four_stones.scss */
.four-stones .stone .full-bg .sample-img {
  position: absolute;
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
  text-align: right;
  max-width: 33%;
  width: 0;
  transition: width 2s;
}
/* line 420, sass/site/_four_stones.scss */
.four-stones .stone .full-bg .sample-img img {
  max-width: 100%;
  height: auto;
  transform: scale(0);
  transition: transform 1s;
}
/* line 428, sass/site/_four_stones.scss */
.four-stones .stone .full-bg .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
}
@media (max-width: 992px) {
  /* line 441, sass/site/_four_stones.scss */
  .four-stones .stone.active .small-bg {
    opacity: 0;
  }
  /* line 445, sass/site/_four_stones.scss */
  .four-stones .stone.active .full-bg {
    opacity: 1;
  }
}
@media (min-width: 993px) {
  /* line 454, sass/site/_four_stones.scss */
  .four-stones .stone:hover .small-bg {
    opacity: 0;
  }
  /* line 458, sass/site/_four_stones.scss */
  .four-stones .stone:hover .full-bg {
    opacity: 1;
  }
  /* line 464, sass/site/_four_stones.scss */
  .four-stones .stone:hover:nth-child(3) .logo, .four-stones .stone:hover:nth-child(4) .logo {
    top: 20px;
    -webkit-animation: four_stones_logo_anim 1s;
    -moz-animation: four_stones_logo_anim 1s;
    -o-animation: four_stones_logo_anim 1s;
    animation: four_stones_logo_anim 1s;
  }
}
/* line 479, sass/site/_four_stones.scss */
.four-stones .stone-1 {
  right: 50%;
  bottom: 50%;
}
/* line 483, sass/site/_four_stones.scss */
.four-stones .stone-1 .logo {
  top: 20px;
  left: 0px;
  width: 20%;
}
@media (max-width: 992px) {
  /* line 483, sass/site/_four_stones.scss */
  .four-stones .stone-1 .logo {
    top: initial;
    left: initial;
    bottom: 5vw;
    right: 5vw;
  }
}
/* line 496, sass/site/_four_stones.scss */
.four-stones .stone-1 .small-bg {
  background: -moz-linear-gradient(-45deg, white 0%, white 20%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(-45deg, white 0%, white 20%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(135deg, white 0%, white 23%, rgba(255, 255, 255, 0.5) 23%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
@media (max-width: 992px) {
  /* line 496, sass/site/_four_stones.scss */
  .four-stones .stone-1 .small-bg {
    background: -moz-linear-gradient(-45deg, white 0%, white 13%, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 28.5%, rgba(255, 255, 255, 0) 28.5%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-45deg, white 0%, white 13%, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 28.5%, rgba(255, 255, 255, 0) 28.5%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, white 0%, white 13%, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 28.5%, rgba(255, 255, 255, 0) 28.5%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  }
}
/* line 512, sass/site/_four_stones.scss */
.four-stones .stone-1 .full-bg {
  padding-left: 0;
  padding-right: 20px;
  background: rgba(255, 255, 255, 0.5);
}
/* line 517, sass/site/_four_stones.scss */
.four-stones .stone-1 .full-bg .sample-img {
  right: 10%;
}
/* line 521, sass/site/_four_stones.scss */
.four-stones .stone-1 .full-bg .text {
  left: 0px;
  text-align: left;
}
@media (max-width: 992px) {
  /* line 512, sass/site/_four_stones.scss */
  .four-stones .stone-1 .full-bg {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  /* line 32, sass/site/_four_stones.scss */
  .four-stones .stone-1:not(.active):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    background: -moz-linear-gradient(260deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: -webkit-linear-gradient(260deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(260deg, black 0%, rgba(255, 255, 255, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
    pointer-events: none;
  }
}
/* line 535, sass/site/_four_stones.scss */
.four-stones .stone-2 {
  left: 50%;
  bottom: 50%;
}
/* line 539, sass/site/_four_stones.scss */
.four-stones .stone-2 .logo {
  top: 20px;
  right: 0px;
  width: 20%;
}
@media (max-width: 992px) {
  /* line 539, sass/site/_four_stones.scss */
  .four-stones .stone-2 .logo {
    top: initial;
    left: initial;
    bottom: 5vw;
    left: 5vw;
  }
}
/* line 552, sass/site/_four_stones.scss */
.four-stones .stone-2 .small-bg {
  background: -moz-linear-gradient(45deg, white 0%, white 65%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0.5) 77%, rgba(255, 255, 255, 0) 77%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(45deg, white 0%, white 65%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0.5) 77%, rgba(255, 255, 255, 0) 77%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0.5) 77%, white 77%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
@media (max-width: 992px) {
  /* line 552, sass/site/_four_stones.scss */
  .four-stones .stone-2 .small-bg {
    background: -moz-linear-gradient(45deg, white 0%, white 71.5%, rgba(255, 255, 255, 0.5) 71.5%, rgba(255, 255, 255, 0.5) 87%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(45deg, white 0%, white 71.5%, rgba(255, 255, 255, 0.5) 71.5%, rgba(255, 255, 255, 0.5) 87%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 71.5%, rgba(255, 255, 255, 0.5) 71.5%, rgba(255, 255, 255, 0.5) 87%, white 87%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  }
}
/* line 567, sass/site/_four_stones.scss */
.four-stones .stone-2 .full-bg {
  padding-left: 0;
  padding-right: 20px;
  background: rgba(255, 255, 255, 0.5);
}
/* line 572, sass/site/_four_stones.scss */
.four-stones .stone-2 .full-bg .sample-img {
  left: 10%;
}
/* line 576, sass/site/_four_stones.scss */
.four-stones .stone-2 .full-bg .text {
  right: 0px;
  text-align: right;
}
/* line 581, sass/site/_four_stones.scss */
.four-stones .stone-2 .full-bg .see-more {
  bottom: 20%;
  right: 0px;
}
@media (max-width: 992px) {
  /* line 567, sass/site/_four_stones.scss */
  .four-stones .stone-2 .full-bg {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  /* line 11, sass/site/_four_stones.scss */
  .four-stones .stone-2:not(.active):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    background: -moz-linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: -webkit-linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
    pointer-events: none;
  }
}
/* line 597, sass/site/_four_stones.scss */
.four-stones .stone-3 {
  right: 50%;
  top: 50%;
}
/* line 601, sass/site/_four_stones.scss */
.four-stones .stone-3 .logo {
  top: calc(100% - 20px);
  left: 0px;
  margin-top: -7px;
  width: 20%;
}
@media (max-width: 992px) {
  /* line 601, sass/site/_four_stones.scss */
  .four-stones .stone-3 .logo {
    top: initial;
    left: initial;
    bottom: 5vw;
    right: 5vw;
  }
}
/* line 615, sass/site/_four_stones.scss */
.four-stones .stone-3 .small-bg {
  background: -moz-linear-gradient(45deg, white 0%, white 20%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(45deg, white 0%, white 20%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(45deg, white 0%, white 23%, rgba(255, 255, 255, 0.5) 23%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
@media (max-width: 992px) {
  /* line 615, sass/site/_four_stones.scss */
  .four-stones .stone-3 .small-bg {
    background: -moz-linear-gradient(-45deg, white 0%, white 13%, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 28.5%, rgba(255, 255, 255, 0) 28.5%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-45deg, white 0%, white 13%, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 28.5%, rgba(255, 255, 255, 0) 28.5%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, white 0%, white 13%, rgba(255, 255, 255, 0.5) 13%, rgba(255, 255, 255, 0.5) 28.5%, rgba(255, 255, 255, 0) 28.5%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  }
}
/* line 633, sass/site/_four_stones.scss */
.four-stones .stone-3 .full-bg {
  padding-left: 0;
  padding-right: 20px;
  background: rgba(255, 255, 255, 0.5);
}
/* line 638, sass/site/_four_stones.scss */
.four-stones .stone-3 .full-bg .sample-img {
  right: 15%;
}
/* line 643, sass/site/_four_stones.scss */
.four-stones .stone-3 .full-bg .text {
  left: 0px;
  text-align: left;
}
@media (max-width: 992px) {
  /* line 633, sass/site/_four_stones.scss */
  .four-stones .stone-3 .full-bg {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  /* line 32, sass/site/_four_stones.scss */
  .four-stones .stone-3:not(.active):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    background: -moz-linear-gradient(260deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: -webkit-linear-gradient(260deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(260deg, black 0%, rgba(255, 255, 255, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
    pointer-events: none;
  }
}
/* line 659, sass/site/_four_stones.scss */
.four-stones .stone-4 {
  left: 50%;
  top: 50%;
}
/* line 663, sass/site/_four_stones.scss */
.four-stones .stone-4 .logo {
  top: calc(100% - 20px);
  right: 0px;
  width: 20%;
  margin-top: -7px;
}
@media (max-width: 992px) {
  /* line 663, sass/site/_four_stones.scss */
  .four-stones .stone-4 .logo {
    top: initial;
    left: initial;
    bottom: 5vw;
    left: 5vw;
  }
}
/* line 677, sass/site/_four_stones.scss */
.four-stones .stone-4 .small-bg {
  background: -moz-linear-gradient(-45deg, white 0%, white 65%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0.5) 77%, rgba(255, 255, 255, 0) 77%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(-45deg, white 0%, white 65%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0.5) 77%, rgba(255, 255, 255, 0) 77%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0.5) 65%, rgba(255, 255, 255, 0.5) 77%, white 77%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
@media (max-width: 992px) {
  /* line 677, sass/site/_four_stones.scss */
  .four-stones .stone-4 .small-bg {
    background: -moz-linear-gradient(45deg, white 0%, white 71.5%, rgba(255, 255, 255, 0.5) 71.5%, rgba(255, 255, 255, 0.5) 87%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(45deg, white 0%, white 71.5%, rgba(255, 255, 255, 0.5) 71.5%, rgba(255, 255, 255, 0.5) 87%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 71.5%, rgba(255, 255, 255, 0.5) 71.5%, rgba(255, 255, 255, 0.5) 87%, white 87%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  }
}
/* line 692, sass/site/_four_stones.scss */
.four-stones .stone-4 .full-bg {
  padding-left: 0;
  padding-right: 20px;
  background: rgba(255, 255, 255, 0.5);
}
/* line 697, sass/site/_four_stones.scss */
.four-stones .stone-4 .full-bg .sample-img {
  left: 15%;
}
/* line 702, sass/site/_four_stones.scss */
.four-stones .stone-4 .full-bg .text {
  right: 0px;
  text-align: right;
}
/* line 707, sass/site/_four_stones.scss */
.four-stones .stone-4 .full-bg .see-more {
  bottom: 20%;
  right: 0px;
}
@media (max-width: 992px) {
  /* line 692, sass/site/_four_stones.scss */
  .four-stones .stone-4 .full-bg {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  /* line 11, sass/site/_four_stones.scss */
  .four-stones .stone-4:not(.active):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    background: -moz-linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: -webkit-linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(90deg, black 0%, rgba(255, 255, 255, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
    pointer-events: none;
  }
}

@keyframes four_stones_logo_anim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes four_stones_logo_anim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes four_stones_logo_anim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes four_stones_logo_anim {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes four_stones_logo_anim_reverse {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes four_stones_logo_anim_reverse {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes four_stones_logo_anim_reverse {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes four_stones_logo_anim_reverse {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 867, sass/site/_four_stones.scss */
.granitrans-btn.center.left-adjust {
  margin-right: -15px;
}

/* line 1, sass/site/_about_page.scss */
.maxwidth50 {
  max-width: 50%;
}
@media screen and (min-width: 1900px) {
  /* line 1, sass/site/_about_page.scss */
  .maxwidth50 {
    max-width: 980px;
  }
}

/* line 10, sass/site/_about_page.scss */
.about .year {
  font-size: 83px;
  line-height: 1;
  margin: 0;
  font-family: Poppins-Thin;
}
/* line 18, sass/site/_about_page.scss */
.about .wpb_row .vc_col-sm-6 {
  height: 252px;
}
/* line 23, sass/site/_about_page.scss */
.about .wpb_row .vc_col-sm-6:last-child {
  padding-left: 20px;
  border-left: 2px solid #ececec;
}
/* line 28, sass/site/_about_page.scss */
.about .wpb_row .vc_col-sm-6:first-child {
  border-right: 2px solid #ececec;
  padding-right: 40px;
  margin-right: -2px;
}
/* line 33, sass/site/_about_page.scss */
.about .wpb_row .vc_col-sm-6:first-child:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: -4px;
  transform: rotate(45deg) translateY(-50%);
  background: white;
  z-index: 1;
  border: 2px solid #ececec;
}

/* line 49, sass/site/_about_page.scss */
.background-about {
  background-repeat: no-repeat;
  background-position: center 90px;
}
@media (max-width: 992px) {
  /* line 49, sass/site/_about_page.scss */
  .background-about {
    background-position: center;
  }
}

/* line 2, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs {
  margin: 25px 0;
}
/* line 7, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs a {
  color: #707070;
  font-family: "HelveticaNeueLT-Cond";
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  /* line 7, sass/site/_breadcrumbs.scss */
  .granitrans-breadcrumbs a {
    font-size: 2.5vw;
  }
}
/* line 26, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li {
  margin: 0 10px;
  font-family: "HelveticaNeue-Medium" !important;
}
/* line 33, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li:last-child {
  font-weight: bold;
}
/* line 38, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li:last-child a {
  cursor: default;
  font-family: "HelveticaNeueLT-BoldCond";
  font-weight: bold;
  color: #4e4e4e;
}
/* line 46, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li a {
  position: relative;
  padding-left: 13px;
  font-family: "HelveticaNeueLT-Cond";
}
/* line 52, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li a::before {
  position: absolute;
  top: 35%;
  content: "";
  width: 6px;
  height: 6px;
  background: white;
  border: 1px solid #c7c7c7;
  display: block;
}
/* line 64, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li a::before {
  left: -1px;
  transform: rotate(-45deg) translate(-100%, -150%);
}
/* line 73, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li:nth-child(1) {
  margin: 0 10px 0 0;
}
/* line 78, sass/site/_breadcrumbs.scss */
.granitrans-breadcrumbs li:nth-child(1) a::before {
  display: none;
}

/* line 1, sass/site/_contacts.scss */
.wpcf7-response-output {
  border: none !important;
  text-align: center;
  padding: 20px 0 !important;
}

/* line 7, sass/site/_contacts.scss */
.wpcf7-validation-errors {
  background: #e0e0e0;
}

/* line 11, sass/site/_contacts.scss */
.wpcf7-mail-sent-ok {
  background: #62a962;
  color: white;
}

/* line 16, sass/site/_contacts.scss */
.map-container {
  height: 0;
}
/* line 19, sass/site/_contacts.scss */
.map-container img {
  display: none;
}
/* line 22, sass/site/_contacts.scss */
.map-container img.active {
  display: block;
}
@media screen and (max-width: 769px) {
  /* line 16, sass/site/_contacts.scss */
  .map-container {
    height: initial;
  }
}

/* line 32, sass/site/_contacts.scss */
.map-glyph-container {
  position: absolute;
}
@media screen and (max-width: 769px) {
  /* line 32, sass/site/_contacts.scss */
  .map-glyph-container {
    position: relative;
  }
}
@media (min-width: 993px) {
  /* line 32, sass/site/_contacts.scss */
  .map-glyph-container {
    margin-left: -120px !important;
    z-index: -2;
  }
}

/* line 45, sass/site/_contacts.scss */
.map-link {
  width: 100%;
  height: 40px;
  background: orange;
  position: absolute;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  left: -37px;
}


@media (max-width: 767px) {
  /* line 45, sass/site/_contacts.scss */
  .map-link {
    height: 7vw;
  }
}

@media (min-width: 768px) and (max-width: 1343px) {
  .map-link {
	height: 2vw;
  }
}

/* line 59, sass/site/_contacts.scss */
.map-link.espanha {
  top: 50px;
}
@media (max-width: 767px) {
  /* line 59, sass/site/_contacts.scss */
  .map-link.espanha {
    top: 6vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.espanha {
	top: 4vw;
  }
}

/* line 66, sass/site/_contacts.scss */
.map-link.penafiel {
  top: 186px;
}
@media (max-width: 767px) {
  /* line 66, sass/site/_contacts.scss */
  .map-link.penafiel {
    top: 27vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.penafiel {
	top: 14vw;
  }
}
/* line 74, sass/site/_contacts.scss */
.map-link.batalha {
  top: 322px;
}
@media (max-width: 767px) {
  /* line 74, sass/site/_contacts.scss */
  .map-link.batalha {
    top: 45vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.batalha {
	top: 24vw;
  }
}
/* line 82, sass/site/_contacts.scss */
.map-link.braga {
  top: 143px;
}
@media (max-width: 767px) {
  /* line 82, sass/site/_contacts.scss */
  .map-link.braga {
    top: 20vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.braga {
	top: 11vw;
  }
}
/* line 90, sass/site/_contacts.scss */
.map-link.coimbra {
  top: 248px;
}
@media (max-width: 767px) {
  /* line 90, sass/site/_contacts.scss */
  .map-link.coimbra {
    top: 36vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.coimbra {
	top: 18vw;
  }
}
/* line 98, sass/site/_contacts.scss */
.map-link.negrais {
  top: 375px;
}
@media (max-width: 767px) {
  /* line 98, sass/site/_contacts.scss */
  .map-link.negrais {
    top: 53vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.negrais {
	top: 28vw;
  }
}
/* line 106, sass/site/_contacts.scss */
.map-link.loule {
  top: 522px;
}
@media (max-width: 767px) {
  /* line 106, sass/site/_contacts.scss */
  .map-link.loule {
    top: 76vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.loule {
	top: 39vw;
  }
}
/* line 114, sass/site/_contacts.scss */
.map-link.franca {
  top: 108px;
}
@media (max-width: 767px) {
  /* line 114, sass/site/_contacts.scss */
  .map-link.franca {
    top: 18vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.franca {
	top: 9vw;
  }
}
/* line 123, sass/site/_contacts.scss */
.map-link.franca2 {
  top: 150px;
}
@media (max-width: 767px) {
  /* line 123, sass/site/_contacts.scss */
  .map-link.franca2 {
    top: 26vw;
  }
}
@media (min-width: 768px) and (max-width: 1343px) {
  .map-link.franca2 {
	top: 11vw;
  }
}
/* line 135, sass/site/_contacts.scss */
.contacts-form {
  position: relative;
  z-index: 1;
}

@media (max-width: 992px) {
  /* line 142, sass/site/_contacts.scss */
  .contacts .granitrans-btn a {
    font-size: 3.5vw;
    letter-spacing: .24px;
  }

  /* line 149, sass/site/_contacts.scss */
  .franca-open .wpb_single_image .vc_figure {
    max-width: 100vw;
    width: 65vw;
    margin-left: -15vw;
  }
  /* line 154, sass/site/_contacts.scss */
  .franca-open .wpb_single_image .vc_figure img[data-target="franca"] {
    margin: 0;
    width: 100%;
  }

  /* line 162, sass/site/_contacts.scss */
  .contacts-form .container {
    margin: 0 10px;
  }

  /* line 168, sass/site/_contacts.scss */
  .contacts-map .nice-select.open ul.list {
    padding: 0;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
  }
}
/* line 176, sass/site/_contacts.scss */
.contacts-map {
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 992px) {
  /* line 180, sass/site/_contacts.scss */
  .contacts-map img[data-target] {
    width: auto;
  }
}
/* line 188, sass/site/_contacts.scss */
.contacts-map ul {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1070px;
}
@media (max-width: 992px) {
  /* line 198, sass/site/_contacts.scss */
  .contacts-map .nice-select.wide {
    margin-bottom: 30px;
  }
  /* line 202, sass/site/_contacts.scss */
  .contacts-map:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background: rgba(204, 204, 204, 0.5);
    box-sizing: border-box;
  }
}
/* line 216, sass/site/_contacts.scss */
.contacts-map a {
  color: #aaa;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 10px;
}
@media (max-width: 992px) {
  /* line 216, sass/site/_contacts.scss */
  .contacts-map a {
    font-size: 2.7vw;
    padding-bottom: 0;
  }
}
/* line 229, sass/site/_contacts.scss */
.contacts-map a.active {
  border-bottom: 3px solid #ddd;
  color: #707070;
}
@media (max-width: 992px) {
  /* line 229, sass/site/_contacts.scss */
  .contacts-map a.active {
    border-bottom: 1px solid gray;
  }
}

/* line 241, sass/site/_contacts.scss */
.contact-map {
  display: none;
}
@media (min-width: 993px) {
  /* line 241, sass/site/_contacts.scss */
  .contact-map {
    padding-top: 65px;
  }
}
/* line 248, sass/site/_contacts.scss */
.contact-map.visible {
  display: block;
}
@media (min-width: 993px) {
  /* line 248, sass/site/_contacts.scss */
  .contact-map.visible {
    min-height: 550px;
  }
}
@media (max-width: 992px) {
  /* line 248, sass/site/_contacts.scss */
  .contact-map.visible {
    min-height: 420px;
  }
}
/* line 259, sass/site/_contacts.scss */
.contact-map .wpb_text_column {
  margin-left: 50%;
}
@media (max-width: 992px) {
  /* line 241, sass/site/_contacts.scss */
  .contact-map {
    width: 50%;
    float: left;
  }
  /* line 267, sass/site/_contacts.scss */
  .contact-map .wpb_text_column {
    margin-left: 0;
  }
}
/* line 272, sass/site/_contacts.scss */
.contact-map strong {
  display: block;
  margin-top: 33px;
  color: #b6b6b6;
  font-family: "HelveticaNeue-Bold";
}
/* line 280, sass/site/_contacts.scss */
.contact-map em {
  margin-top: 15px;
  display: block;
}
@media (max-width: 992px) {
  /* line 280, sass/site/_contacts.scss */
  .contact-map em {
    color: #707070;
    font-size: 4.444vw;
  }
}
/* line 291, sass/site/_contacts.scss */
.contact-map h2 {
  margin-bottom: 5px;
}
/* line 292, sass/site/_contacts.scss */
.contact-map h2 strong {
  margin-top: -30px;
  color: #4a4a4a;
  font-family: "HelveticaNeue-Medium";
}
@media (max-width: 992px) {
  /* line 291, sass/site/_contacts.scss */
  .contact-map h2 {
    font-size: 6.667vw;
  }
}
/* line 305, sass/site/_contacts.scss */
.contact-map .see-more {
  margin-top: -30px;
}
/* line 309, sass/site/_contacts.scss */
.contact-map p {
  font-family: "HelveticaNeue-lt";
  color: #777;
}
@media (max-width: 992px) {
  /* line 316, sass/site/_contacts.scss */
  .contact-map p,
  .contact-map h2,
  .contact-map .see-more {
    text-align: left !important;
    padding-left: 15px !important;
  }
}

@media (max-width: 992px) {
  /* line 326, sass/site/_contacts.scss */
  .content-area .vc_row .vc_column_container.localizacao-16 > .vc_column-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* line 334, sass/site/_contacts.scss */
.contacts form label {
  display: block;
  color: #b6b6b6;
  font-size: 13px;
  font-family: 'HelveticaNeue-Medium';
}
@media (max-width: 992px) {
  /* line 334, sass/site/_contacts.scss */
  .contacts form label {
    font-size: 3.33vw;
  }
}
/* line 348, sass/site/_contacts.scss */
.contacts textarea {
  height: 34px;
  overflow: hidden;
}
/* line 353, sass/site/_contacts.scss */
.contacts textarea,
.contacts input {
  border: none;
  outline: 0;
  border-bottom: 1px solid #cccccc;
  resize: none;
  border-radius: 0 !important;
  box-shadown: none !important;
  -webkit-box-shadow: none !important;
  color: #858585;
  text-align: center;
  font-size: 18px;
  font-style: italic;
}
/* line 369, sass/site/_contacts.scss */
.contacts textarea:focus,
.contacts input:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #4a4a4a;
}
/* line 378, sass/site/_contacts.scss */
.contacts textarea[type='radio'],
.contacts input[type='radio'] {
  background: orange;
  width: 0px;
  height: 0px;
  position: absolute;
  left: -200vw;
}
/* line 386, sass/site/_contacts.scss */
.contacts textarea[type='radio']:checked + label:before,
.contacts input[type='radio']:checked + label:before {
  background: url(images/icons/on.png);
}
/* line 394, sass/site/_contacts.scss */
.contacts .your-message {
  margin-bottom: 12px;
  display: block;
}
/* line 399, sass/site/_contacts.scss */
.contacts .your-message + br {
  display: none;
}
/* line 405, sass/site/_contacts.scss */
.contacts .radio label {
  display: inline-block;
  color: initial;
  position: relative;
  padding-left: 30px;
}
@media (max-width: 992px) {
  /* line 405, sass/site/_contacts.scss */
  .contacts .radio label {
    margin: 12px 12px;
  }
}
/* line 416, sass/site/_contacts.scss */
.contacts .radio label:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(images/icons/off.png);
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0, -50%);
}

@media (max-width: 992px) {
  /* line 432, sass/site/_contacts.scss */
  .map-container {
    width: 50%;
    float: right;
    height: 0;
  }
  /* line 436, sass/site/_contacts.scss */
  .map-container img {
    width: 80%;
  }
}

/* line 448, sass/site/_contacts.scss */
.contacts .vc_row {
  max-width: 100%;
}

/* line 453, sass/site/_contacts.scss */
.contact-map .wpb_content_element:nth-child(3),
.contact-map .wpb_content_element:nth-child(5),
.contact-map .wpb_content_element:nth-child(7) {
  font-size: 13px;
}
@media (max-width: 992px) {
  /* line 453, sass/site/_contacts.scss */
  .contact-map .wpb_content_element:nth-child(3),
  .contact-map .wpb_content_element:nth-child(5),
  .contact-map .wpb_content_element:nth-child(7) {
    font-size: 3.33vw;
  }
}

/* line 463, sass/site/_contacts.scss */
.contact-map .wpb_content_element:nth-child(4),
.contact-map .wpb_content_element:nth-child(6),
.contact-map .wpb_content_element:nth-child(8) {
  font-size: 14px;
  font-family: "HelveticaNeue-light";
  line-height: 1.43;
}
@media (max-width: 992px) {
  /* line 463, sass/site/_contacts.scss */
  .contact-map .wpb_content_element:nth-child(4),
  .contact-map .wpb_content_element:nth-child(6),
  .contact-map .wpb_content_element:nth-child(8) {
    font-size: 3.33vw;
  }
}

/* line 476, sass/site/_contacts.scss */
.contacts-form > .container > .row:first-child > .col-xs-12 {
  position: relative;
}
/* line 479, sass/site/_contacts.scss */
.contacts-form > .container > .row:first-child > .col-xs-12 h3 {
  margin-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 993px) {
  /* line 479, sass/site/_contacts.scss */
  .contacts-form > .container > .row:first-child > .col-xs-12 h3 {
    border-bottom: 0px solid transparent;
  }
}
/* line 488, sass/site/_contacts.scss */
.contacts-form > .container > .row:first-child > .col-xs-12 p {
  display: none;
}

/* line 493, sass/site/_contacts.scss */
.contacts-form p.form-group.radio {
  font-size: 14px;
}
@media (max-width: 992px) {
  /* line 493, sass/site/_contacts.scss */
  .contacts-form p.form-group.radio {
    font-size: 3.889vw;
  }
}

/* line 502, sass/site/_contacts.scss */
.contacts-form p.form-group.radio label {
  color: #707070;
  font-weight: bold;
  margin-left: 20px;
  font-family: "HelveticaNeue-Medium";
}
/* line 509, sass/site/_contacts.scss */
.contacts-form p.form-group.radio label[for="radio2"] {
  margin-left: 35px;
}

/* line 514, sass/site/_contacts.scss */
.contacts-map .list-inline li {
  font-size: 14px;
}
/* line 517, sass/site/_contacts.scss */
.contacts-map .list-inline li:nth-child(2) {
  padding: 0 60px;
}

@media (max-width: 992px) {
  /* line 523, sass/site/_contacts.scss */
  .contact-map .granitrans-btn.center {
    margin: 0 15px;
  }
}

@media (max-width: 992px) {
  /* line 529, sass/site/_contacts.scss */
  .nice-select {
    font-size: 3.88vw;
  }
}

/* line 535, sass/site/_contacts.scss */
.address.wpb_column.vc_column_container.vc_col-sm-6::before {
  content: "";
  width: 30%;
  padding-top: 30%;
  height: 0;
  position: absolute;
  right: 17.5%;
  top: 5%;
  transform: rotate(45deg);
  background: white;
  background: -moz-linear-gradient(45deg, white 0%, #fafafa 100%);
  background: -webkit-linear-gradient(45deg, white 0%, #fafafa 100%);
  background: linear-gradient(45deg, white 0%, #fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fafafa", GradientType=1);
  z-index: -1;
}
@media (max-width: 992px) {
  /* line 535, sass/site/_contacts.scss */
  .address.wpb_column.vc_column_container.vc_col-sm-6::before {
    background: transparent !important;
  }
}

/* line 1, sass/site/_technical_page.scss */
.technical-page {
  color: #888888;
}
/* line 3, sass/site/_technical_page.scss */
.technical-page .icon {
  opacity: 0.8;
}
/* line 12, sass/site/_technical_page.scss */
.technical-page .search-header table {
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
  height: 35px;
}
/* line 17, sass/site/_technical_page.scss */
.technical-page .search-header table td {
  font-family: "HelveticaNeue-Bold";
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.14px;
  color: #bebebe;
  cursor: pointer;
}
/* line 27, sass/site/_technical_page.scss */
.technical-page .search-header table td.type.selected span {
  border-bottom: 3px solid #dddddd;
  padding-bottom: 7px;
  color: #707070;
}
/* line 40, sass/site/_technical_page.scss */
.technical-page .search-header form .icon {
  position: absolute;
  font-size: 14px;
  line-height: 35px;
}
@media (max-width: 992px) {
  /* line 46, sass/site/_technical_page.scss */
  .technical-page .search-header form .input-container {
    border-bottom: 1px solid #bebebe;
  }
}
/* line 54, sass/site/_technical_page.scss */
.technical-page .search-header form input {
  border: none;
  border-bottom: 1px solid #bebebe;
  font-size: 14px;
  color: #707070;
  line-height: 28px;
  letter-spacing: 0.14px;
  text-align: center;
  width: 100%;
  outline: none;
  height: 35px;
  font-family: "HelveticaNeue-Bold";
  border-radius: 0;
}
/* line 68, sass/site/_technical_page.scss */
.technical-page .search-header form input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bebebe;
}
/* line 72, sass/site/_technical_page.scss */
.technical-page .search-header form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bebebe;
}
/* line 76, sass/site/_technical_page.scss */
.technical-page .search-header form input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bebebe;
}
@media (max-width: 992px) {
  /* line 54, sass/site/_technical_page.scss */
  .technical-page .search-header form input {
    width: 90%;
    padding-left: 10%;
    border-bottom: 0;
  }
}
@media (max-width: 992px) {
  /* line 91, sass/site/_technical_page.scss */
  .technical-page .search-header .select.products {
    position: relative;
    height: 30px;
    width: 100%;
  }
  /* line 98, sass/site/_technical_page.scss */
  .technical-page .search-header .select.products .current {
    display: none;
  }
  /* line 103, sass/site/_technical_page.scss */
  .technical-page .search-header .select.products .list {
    margin-top: -41px;
  }
  /* line 108, sass/site/_technical_page.scss */
  .technical-page .search-header .select.products .nice-select::after {
    top: -45%;
    z-index: 999;
  }
  /* line 114, sass/site/_technical_page.scss */
  .technical-page .search-header .select.products select {
    height: 100%;
    width: 30px;
    opacity: 0;
  }
}
/* line 123, sass/site/_technical_page.scss */
.technical-page .results {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 60px;
}
/* line 128, sass/site/_technical_page.scss */
.technical-page .results .no-search {
  background: #fafafa;
  padding-top: 60px;
  padding-bottom: 60px;
  display: inline-block;
  width: 100%;
  font-family: "HelveticaNeue-Bold";
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.36px;
  text-align: center;
  color: #4a4a4a;
}
/* line 142, sass/site/_technical_page.scss */
.technical-page .results .content {
  display: none;
}
/* line 145, sass/site/_technical_page.scss */
.technical-page .results .content h4 {
  font-style: italic;
  font-size: 14px;
  color: #888888;
}
@media (max-width: 992px) {
  /* line 145, sass/site/_technical_page.scss */
  .technical-page .results .content h4 {
    margin-bottom: 7.5vw;
  }
}
/* line 158, sass/site/_technical_page.scss */
.technical-page .results .content table tr {
  height: 50px;
  background: white;
  padding-left: 40px;
  padding-right: 40px;
}
/* line 166, sass/site/_technical_page.scss */
.technical-page .results .content table tr td:nth-child(2), .technical-page .results .content table tr th:nth-child(2) {
  padding-left: 80px;
}
/* line 172, sass/site/_technical_page.scss */
.technical-page .results .content table tr:nth-child(even) {
  background: #fafafa;
}
/* line 175, sass/site/_technical_page.scss */
.technical-page .results .content table th {
  font-size: 13px;
  text-align: left;
  color: #b6b6b6;
  line-height: 21px;
}
/* line 181, sass/site/_technical_page.scss */
.technical-page .results .content table th:first-child {
  padding-left: 40px;
}
/* line 184, sass/site/_technical_page.scss */
.technical-page .results .content table th:last-child {
  padding-right: 40px;
}
/* line 189, sass/site/_technical_page.scss */
.technical-page .results .content table td {
  font-family: "HelveticaNeue-Bold";
  font-size: 14px;
  text-align: left;
  line-height: 20px;
  color: #888888;
}
/* line 197, sass/site/_technical_page.scss */
.technical-page .results .content table td.pr5 {
  padding-right: 10px;
}
/* line 201, sass/site/_technical_page.scss */
.technical-page .results .content table td a {
  color: #858585;
  text-decoration: none;
}
/* line 205, sass/site/_technical_page.scss */
.technical-page .results .content table td a .icon {
  color: #bebebe;
  margin-left: 10px;
  font-size: 16px;
}
/* line 212, sass/site/_technical_page.scss */
.technical-page .results .content table td:first-child {
  padding-left: 40px;
}
/* line 215, sass/site/_technical_page.scss */
.technical-page .results .content table td:last-child {
  padding-right: 40px;
}
@media all and (max-width: 920px) {
  /* line 222, sass/site/_technical_page.scss */
  .technical-page .results .content table {
    width: 100%;
  }
  /* line 225, sass/site/_technical_page.scss */
  .technical-page .results .content table th {
    display: none;
  }
  /* line 229, sass/site/_technical_page.scss */
  .technical-page .results .content table tr {
    display: block;
    margin-bottom: 30px;
    height: auto;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin-bottom: 0;
    position: relative;
  }
  /* line 240, sass/site/_technical_page.scss */
  .technical-page .results .content table tr:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 9px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 25px;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
  }
  /* line 263, sass/site/_technical_page.scss */
  .technical-page .results .content table tr:nth-child(even) {
    background: #ffffff;
  }
  /* line 267, sass/site/_technical_page.scss */
  .technical-page .results .content table tr:nth-child(odd) {
    background: #fafafa;
  }
  /* line 271, sass/site/_technical_page.scss */
  .technical-page .results .content table tr td:nth-child(1), .technical-page .results .content table tr td:nth-child(2) {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
    text-transform: initial;
  }
  /* line 279, sass/site/_technical_page.scss */
  .technical-page .results .content table tr td:nth-child(1) span, .technical-page .results .content table tr td:nth-child(2) span {
    width: 35%;
    float: left;
    font-size: 3vw;
    color: #b6b6b6;
  }
  /* line 288, sass/site/_technical_page.scss */
  .technical-page .results .content table tr td {
    display: none;
    width: 50%;
    float: left;
    text-align: center;
    padding: 10px 0;
    padding-left: 0;
    padding-right: 0 !important;
    font-size: 3.333vw;
    text-transform: uppercase;
  }
  /* line 302, sass/site/_technical_page.scss */
  .technical-page .results .content table tr.active:after {
    transform: rotate(-135deg);
  }
  /* line 305, sass/site/_technical_page.scss */
  .technical-page .results .content table tr.active td {
    display: block;
    padding: 0;
  }
  /* line 309, sass/site/_technical_page.scss */
  .technical-page .results .content table tr.active td.ref {
    padding: 20px 0;
  }
  /* line 314, sass/site/_technical_page.scss */
  .technical-page .results .content table tr.active td .granitrans-btn {
    margin: 0;
    padding: 0;
  }
  /* line 325, sass/site/_technical_page.scss */
  .technical-page .results .content table tr.active td:nth-child(3) .granitrans-btn, .technical-page .results .content table tr.active td:nth-child(4) .granitrans-btn {
    margin-top: 5vw;
  }
  /* line 333, sass/site/_technical_page.scss */
  .technical-page .results .content table tr.active td:nth-child(2) {
    border-bottom: 1px solid #dadada;
  }
  /* line 340, sass/site/_technical_page.scss */
  .technical-page .results .content table tr tr {
    margin-bottom: 0;
  }
}
/* line 352, sass/site/_technical_page.scss */
.technical-page .not-found {
  padding-bottom: 100px;
}
@media (max-width: 992px) {
  /* line 352, sass/site/_technical_page.scss */
  .technical-page .not-found {
    padding: 0 10vw 10vw;
  }
}
/* line 360, sass/site/_technical_page.scss */
.technical-page .not-found h4 {
  font-size: 24px;
  text-align: center;
  line-height: 21px;
  margin: 40px auto;
  color: #858585;
}
/* line 368, sass/site/_technical_page.scss */
.technical-page .not-found span {
  font-size: 14px;
  line-height: 20px;
  color: #888888;
  width: 100%;
  text-align: center;
  display: inline-block;
}
/* line 376, sass/site/_technical_page.scss */
.technical-page .not-found span a {
  font-family: "HelveticaNeue-Bold";
  color: #888888;
}

/* line 4, sass/site/_niceselect.scss */
.nice-select.wide {
  /* PEDRO J padding: 0 30px;*/
  display: block;
  margin: 0 auto;
  float: none;
  border-radius: 0;
  border: none;
  color: #757575;
  margin-bottom: 70px;
  height: 45px;
}
/* line 17, sass/site/_niceselect.scss */
.nice-select .list {
  padding: 0 12px;
  border-radius: 0;
  border: none;
  box-shadow: initial;
}
/* line 25, sass/site/_niceselect.scss */
.nice-select .option {
  min-height: 50px;
}
/* line 30, sass/site/_niceselect.scss */
.nice-select:after {
  right: 30px;
  width: 9px;
  height: 9px;
  top: 45%;
}

/* line 39, sass/site/_niceselect.scss */
.nice-select.wide::before {
  content: "";
  width: 10%;
  height: 45px;
  position: absolute;
  top: -45px;
  right: 0;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  /* line 3, sass/_special_of_running.scss */
  br {
    display: none;
  }

  /* line 8, sass/_special_of_running.scss */
  .content-area {
    font-size: 2vw;
  }

  /* line 12, sass/_special_of_running.scss */
  .zig-zag-separator h1, .zig-zag-separator h2 {
    font-size: 4vw;
  }

  /* line 16, sass/_special_of_running.scss */
  .homepage-gallery-title h3 {
    font-size: 3vw;
  }

  /* line 19, sass/_special_of_running.scss */
  .trapezoid-gallery .box .caption-container .caption span {
    font-size: 2vw;
  }

  /* line 22, sass/_special_of_running.scss */
  .see-more, .granitrans-btn a {
    font-size: 1.5vw;
  }

  /* line 25, sass/_special_of_running.scss */
  footer.site-footer h3 {
    font-size: 2vw;
  }

  /* line 28, sass/_special_of_running.scss */
  footer.site-footer a {
    font-size: 1.2vw;
  }

  /* line 31, sass/_special_of_running.scss */
  footer.site-footer .row > div:last-child .widgetizedArea > div {
    width: auto !important;
  }

  /* line 34, sass/_special_of_running.scss */
  footer .col-sm-12 {
    width: initial !important;
  }

  /* line 37, sass/_special_of_running.scss */
  footer.site-footer .listfooter p {
    font-size: 1.33vw;
  }

  /* line 40, sass/_special_of_running.scss */
  .footer-logo {
    margin-top: 30px;
    margin-left: -15px;
  }

  /* line 45, sass/_special_of_running.scss */
  footer.site-footer .bordertop .copy {
    font-size: 1.7vw;
  }

  /* line 48, sass/_special_of_running.scss */
  .content-area .small-text h3 {
    font-size: 3.5vw;
  }

  /* line 51, sass/_special_of_running.scss */
  .small-text {
    font-size: 2vw;
  }

  /* line 54, sass/_special_of_running.scss */
  .content-area h3 {
    font-size: 2.5vw;
  }

  /* line 57, sass/_special_of_running.scss */
  .granitrans-breadcrumbs a {
    font-size: .8vw;
  }

  /* line 60, sass/_special_of_running.scss */
  .products-page .product-details .placeholder {
    font-size: 2vw;
  }

  /* line 63, sass/_special_of_running.scss */
  .products-page .products .samples .sample:nth-child(even) {
    margin-top: 14vw;
  }

  /* line 66, sass/_special_of_running.scss */
  .products-page .products .samples .sample {
    width: 20vw;
    height: 20vw;
    border: 2vw solid white;
    margin: -2vw;
  }

  /* line 72, sass/_special_of_running.scss */
  .products-page .products .samples .sample span.name {
    width: 17vw;
    font-size: .88vw;
  }

  /* line 76, sass/_special_of_running.scss */
  .products-page .products .samples .sample:nth-child(even) span.name {
    top: 13.5vw;
    left: 16vw;
  }

  /* line 80, sass/_special_of_running.scss */
  .products-page .products .samples .sample.active {
    width: 23vw;
    height: 23vw;
    margin: -1vw 1vw 5vw;
    border: 0 solid white;
    transform: rotate(45deg) scale(1);
  }

  /* line 87, sass/_special_of_running.scss */
  .products-page .products .samples .sample.active span.name {
    top: 17vw;
    left: -21vw;
    width: 60vw;
  }

  /* line 92, sass/_special_of_running.scss */
  .products-page .products {
    min-height: 104vw;
  }

  /* line 95, sass/_special_of_running.scss */
  .products-page .product-details.active .head .product-name-container .product-name h3 {
    font-size: 3.11vw;
  }

  /* line 98, sass/_special_of_running.scss */
  .products-page .product-details .head {
    background-size: 98vw;
    min-height: 105vw;
  }

  /* line 102, sass/_special_of_running.scss */
  .products-page .product-details.active .head .head-image-container {
    width: 90vw;
    height: 77vw;
    margin-left: 0;
  }

  /* line 107, sass/_special_of_running.scss */
  .products-page .product-details.active .content .action {
    font-size: 12px;
  }

  /* line 110, sass/_special_of_running.scss */
  .products-page .product-details.active .content .info p {
    font-size: 1.333vw;
  }

  /* line 113, sass/_special_of_running.scss */
  .products-page .product-details.active .content .info h5 {
    font-size: 1.611vw;
  }

  /* line 116, sass/_special_of_running.scss */
  .content-area h2 {
    font-size: 3.11vw;
  }

  /* line 119, sass/_special_of_running.scss */
  .products-page .product-details.active .content .applications .application p {
    font-size: 1.5vw;
  }

  /* line 122, sass/_special_of_running.scss */
  .trapezoid-gallery .box img.bg {
    height: auto;
    width: 100%;
  }

  /* line 126, sass/_special_of_running.scss */
  footer.site-footer .widgetizedArea h3:after {
    font-size: 1vw;
  }

  /* line 130, sass/_special_of_running.scss */
  .scroll-left, .scroll-right {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  /* line 140, sass/_special_of_running.scss */
  #slideshow #slideshow-content #display-face li {
    width: 100%;
  }
}
/* line 1, sass/_lattest.scss */
.products-page .products .pallete-button img {
  display: inline-block;
  z-index: 2;
  position: absolute;
  width: 3vw;
  top: 60%;
  left: 50%;
  margin-left: -1.5vw;
}

/* line 11, sass/_lattest.scss */
.products-page .products .pallete-button:after {
  border-bottom: 2px solid #bebebe;
  border-right: 2px solid #bebebe;
  content: '';
  display: block;
  height: 8px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 49%;
  top: 97.5%;
  bottom: 0;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
  transition: all 1s;
  z-index: 1;
}

/* line 34, sass/_lattest.scss */
.products-page .products .pallete-button.active {
  top: -4.95vw;
}

/* line 38, sass/_lattest.scss */
.products-page .products .pallete-button.active:after {
  transform: rotate(225deg);
  transition: transform 0.25s ease-in-out;
}

@media (min-width: 993px) {
  /* line 44, sass/_lattest.scss */
  .products-page .products .pallete-button img {
    width: 35%;
    margin-left: -17.5%;
  }

  /* line 48, sass/_lattest.scss */
  .products-page .products .pallete-button.active {
    top: -65px;
  }

  /* line 51, sass/_lattest.scss */
  .products-page .products h2.color-name {
    margin-top: 165px;
  }

  /* line 55, sass/_lattest.scss */
  .products-page .products .pallete-button {
    margin-left: 0;
    top: -5px;
    transform: translate(-50%, -50%);
    transition: top .45s ease-in-out;
  }

  /* line 61, sass/_lattest.scss */
  .products-page .products .pallete-button:hover {
    top: 0;
    transition: top .45s ease-in-out;
  }
}
@media (max-width: 992px) {
  /* line 68, sass/_lattest.scss */
  .products-page .products .pallete-button:before {
    width: 30vw;
    height: 30vw;
    left: -5vw;
    top: -9vw;
  }

  /* line 74, sass/_lattest.scss */
  .products-page .products .pallete-button img {
    width: 7.5vw;
    margin-left: -3.75vw;
  }

  /* line 78, sass/_lattest.scss */
  .products-page .products .pallete-button.active {
    top: -17vw;
  }

  /* line 81, sass/_lattest.scss */
  .products-page .products .pallete-button:after {
    height: 6px;
    width: 6px;
    margin-top: 4px;
    right: 46%;
    top: 90%;
  }
}