@charset "UTF-8";
/*
    Theme Name:         GETecom Theme
    Theme URI:          https://getecom.pl/
    Description:        GETecom WordPress Theme for FORMA SYSTEM company.
                        Layout was redesigned by Rafał Fuczyński and
                        coded by Arkadiusz Krauzowicz
    Version:            0.0.1
    Author:             getecom.pl
    Author URI:         https://getecom.pl
	Tags:               HTML5, CSS3, BEM

    License:            coppyright
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

0.0 Variables
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
   16.2 Slider
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
0.0 Varaibles

$fontColor:       rgb(   0,   0,   0 ); // #000000
$primaryColor:    rgb( 111, 182,  60 ); // #6fb63c | #51a716
$secondaryColor:  rgb( 120, 118, 119 ); // #787677
$tetriaryColor:   rgb(  59,  58,  59 ); // #3b3a3b
$borderColor:     rgb( 215, 215, 215 ); // #d7d7d7 | #cccccc
$backgroundColor: rgb( 255, 255, 255 ); // #ffffff
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
  font-size: 14px;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  background-color: rgb(255, 255, 255);
  margin: 0;
}

::selection {
  background-color: rgb(111, 182, 60);
  color: rgb(255, 255, 255);
}

article,
aside,
footer,
header,
nav,
section,
adress {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 0;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  color: rgb(111, 182, 60);
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: 1px #767676 dotted;
  text-decoration: none;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: 700;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #eee;
  color: #222;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #bbb;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.flex--space-around {
  justify-content: space-around;
}
.flex--left {
  justify-content: flex-start;
}
.flex--right {
  justify-content: flex-end;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
main p {
  font-size: 1rem;
  line-height: 1.5;
  margin: 2.5rem 0;
}
main p a {
  color: rgb(111, 182, 60);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 rgb(111, 182, 60);
  transition: box-shadow 0.3s ease-in-out, color 0s linear 0.15s;
}
main p a:hover {
  color: rgb(255, 255, 255);
  box-shadow: inset 0 -1.5rem 0 rgb(111, 182, 60);
}
main p a.more {
  font-style: italic;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
nav a {
  color: #000;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
}

.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation--main {
  display: inline-block;
  position: relative;
  text-align: left;
}
@media only screen and (max-width: 1169px) {
  .navigation--main {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    padding: 0 1.3rem;
  }
}
@media only screen and (max-width: 954px) {
  .navigation--main {
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
  }
  .navigation--main.toggle-on {
    visibility: visible;
    transform: translateX(0);
  }
  .navigation--main .container--menu {
    overflow: hidden;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
  }
  .navigation--main .container--menu .menu--main {
    max-height: calc(100vh - 6rem);
    box-shadow: inset -2rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
    padding-right: 32px;
    margin-right: -50px;
    overflow-y: scroll;
  }
}
.navigation--language {
  display: block;
  float: right;
}
@media only screen and (max-width: 1169px) {
  .navigation--language {
    display: inline-block;
    float: none;
  }
}
@media only screen and (max-width: 480px) {
  .navigation--language {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    height: 4rem;
    background: rgb(255, 255, 255);
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgb(215, 215, 215);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }
  .navigation--language .language--main {
    height: 100%;
    border-right: none;
    text-align: center;
  }
  .navigation--language .language--main .language__item {
    vertical-align: middle;
    padding: 1.35rem 0.5rem;
  }
  .navigation--language.toggle-on {
    visibility: visible;
    opacity: 1;
  }
}
.navigation--footer {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  align-self: flex-start;
  max-width: 80rem;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 1169px) {
  .navigation--footer {
    justify-content: space-around;
    flex-wrap: wrap;
  }
}
.navigation__container {
  display: inline-block;
  width: calc(100% - 205px - 5.4rem);
  vertical-align: middle;
  background-color: rgb(255, 255, 255);
  margin-right: 2.7rem;
}
@media only screen and (max-width: 1300px) and (min-width: 1170px) {
  .navigation__container {
    display: block;
    width: calc(100% - 5.4rem);
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1169px) {
  .navigation__container {
    width: calc(100% - 159.4444444444px - 2.7rem);
    text-align: right;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1169px) {
  .navigation__container {
    width: calc(100% - 159.4444444444px - 1.2rem);
  }
}
.navigation__container--footer {
  background-color: rgb(59, 58, 59);
  padding: 0;
  margin: 0;
}
.navigation__panel {
  display: inline-block;
  width: 100%;
  max-width: 15.7rem;
  margin: 1.35rem;
}
.navigation__panel header h4 {
  color: rgb(255, 255, 255);
  font-size: 1.15rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 1.35rem;
}
.navigation__panel .menu {
  margin-bottom: 1.35rem;
}
.navigation__panel .menu__item {
  margin: 0.7rem 0;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}
.navigation__panel .menu__item a {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  text-transform: none;
  transition: color 0.1s ease-in-out;
}
.navigation__panel .menu__item:hover {
  opacity: 1;
}
.navigation__panel .menu__item:hover a {
  color: rgb(111, 182, 60);
}
@media only screen and (max-width: 1169px) {
  .navigation__panel {
    width: 50%;
  }
  .navigation__panel .menu {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1030px) and (min-width: 750px) {
  .navigation__panel {
    margin: 1.35rem 10%;
  }
}
@media only screen and (max-width: 500px) {
  .navigation__panel {
    width: 100%;
    margin: 0 1.35rem 1.35rem 1.35rem;
  }
}

@media only screen and (max-width: 954px) {
  .menu--main {
    background-color: rgb(255, 255, 255);
  }
}
.menu--main > .menu__item {
  position: relative;
  display: inline-block;
  height: 7rem;
  vertical-align: middle;
  padding: 0;
}
@media only screen and (max-width: 1169px) {
  .menu--main > .menu__item {
    height: 3rem;
  }
}
@media only screen and (max-width: 954px) {
  .menu--main > .menu__item {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }
}
@media only screen and (min-width: 955px) {
  .menu--main > .menu__item:not(:first-child) {
    margin-left: 1.2rem;
  }
  .menu--main > .menu__item:not(:last-child) {
    margin-right: 1.2rem;
  }
}
@media only screen and (min-width: 955px) {
  .menu--main > .menu__item {
    box-shadow: inset 0 0px 0 0 rgb(111, 182, 60);
    transition: box-shadow 0.3s ease-in-out;
  }
  .menu--main > .menu__item:hover {
    box-shadow: inset 0 -3px 0 0 rgb(111, 182, 60);
  }
}
@media only screen and (min-width: 955px) {
  .menu--main > .menu__item.menu__item--active {
    box-shadow: inset 0 -3px 0 0 rgb(111, 182, 60);
  }
}
@media only screen and (max-width: 954px) {
  .menu--main > .menu__item.menu__item--active > a {
    box-shadow: inset 0 -3px 0 0 rgb(111, 182, 60);
  }
}
.menu--main > .menu__item > a {
  display: table;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
}
.menu--main > .menu__item > a span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.5rem;
}
@media only screen and (max-width: 1169px) and (min-width: 955px) {
  .menu--main > .menu__item > a span {
    padding: 0 0.5rem 0.6rem 0.5rem;
  }
}
@media only screen and (max-width: 954px) {
  .menu--main > .menu__item > a span {
    padding: 1rem 2rem;
  }
}
@media only screen and (max-width: 954px) {
  .menu--main > .menu__item > a {
    width: 100%;
    text-align: left;
    box-shadow: inset 0 0px 0 0 rgb(111, 182, 60);
    transition: box-shadow 0.3s ease-in-out;
  }
  .menu--main > .menu__item > a:hover {
    box-shadow: inset 0 -100% 0 0 rgb(111, 182, 60);
  }
}
@media only screen and (min-width: 955px) {
  .menu--main > .menu__item.menu__item--home {
    display: none;
  }
}
.menu--main > .menu__item.menu__item--parent > a > .link__label::after {
  position: relative;
  top: 1px;
  display: inline-block;
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid rgb(111, 182, 60);
  margin-left: 0.5rem;
}
@media only screen and (min-width: 954px) {
  .menu--main > .menu__item > .submenu__wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 22rem;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translateY(-7rem);
    transition: all 0.3s ease-in 0s, transform 0.3s ease-in 0s, opacity 0.15s ease-in 0.15s, visibility 0s linear 0.3s;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 1170px) {
  .menu--main > .menu__item > .submenu__wrapper {
    transform: translateY(-4rem);
  }
}
@media only screen and (max-width: 1169px) and (min-width: 955px) {
  .menu--main > .menu__item > .submenu__wrapper {
    transform: translateY(-3rem);
  }
}
.menu--main > .menu__item > .submenu__wrapper > ul {
  position: relative;
}
@media only screen and (min-width: 955px) {
  .menu--main > .menu__item > .submenu__wrapper > ul {
    padding: 20px 0;
    z-index: -1;
  }
  .menu--main > .menu__item > .submenu__wrapper > ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);
    z-index: -2;
  }
}
@media only screen and (min-width: 955px) {
  .menu--main > .menu__item:hover > .submenu__wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease-out 0s, transform 0.3s ease-out 0s, opacity 0.15s ease-out 0s, visibility 0.3s linear 0s;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 1170px) {
  .menu--main > .menu__item {
    height: 4rem;
  }
}
.menu__item a {
  color: rgb(0, 0, 0);
  font-size: 14px;
  text-transform: uppercase;
}
.menu__toggle {
  display: none;
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  padding: 0;
  border: none;
  margin: 0;
}
.menu__toggle__label {
  display: none;
  margin-left: 1rem;
}
.menu__toggle::after {
  content: attr(aria-label);
  position: absolute;
  left: 0;
  bottom: 0.8rem;
  width: 100%;
  color: rgb(0, 0, 0);
  font-size: 0.6rem;
  text-align: center;
  text-transform: uppercase;
}
.menu__toggle .icon {
  font-size: 2rem;
}
@media only screen and (max-width: 954px) {
  .menu__toggle {
    display: inline-block;
  }
}

.submenu {
  padding-left: 1rem;
}
@media only screen and (max-width: 954px) {
  .submenu {
    display: none;
  }
  .submenu--opened {
    display: block;
  }
  .submenu__wrapper {
    padding: 0 2rem;
  }
  .submenu__wrapper .submenu--opened {
    padding: 0 0 0 1rem;
  }
  .submenu .menu__item--parent > a > .link__label::after {
    position: relative;
    top: 1px;
    display: inline-block;
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid rgb(111, 182, 60);
    margin-left: 0.5rem;
  }
}
.submenu .submenu {
  padding: 1rem 0 1rem 1rem;
}
@media only screen and (max-width: 954px) {
  .submenu .submenu {
    padding: 1rem 1rem;
  }
}
@media only screen and (max-width: 954px) {
  .submenu .menu__item {
    margin: 1.5rem 0;
  }
}
.submenu .menu__item a {
  line-height: 2;
  text-transform: none;
  transition: color 0.1s ease-in-out;
}
.submenu .menu__item a:hover {
  color: rgb(111, 182, 60);
}
@media only screen and (max-width: 954px) {
  .submenu .menu__item a {
    line-height: 1;
  }
}
.submenu .menu__item--current a {
  color: rgb(111, 182, 60);
}
.submenu--level1 > .menu__item > a {
  font-weight: bold;
}

ul.language--main {
  padding-left: 0.5rem;
  border-left: 1px solid rgb(215, 215, 215);
  margin: 2.15rem 0;
}
@media only screen and (max-width: 1169px) {
  ul.language--main {
    padding-left: 0;
    padding-right: 2.7rem;
    border-left: none;
    margin: 0;
  }
}
@media only screen and (max-width: 954px) {
  ul.language--main {
    padding-right: 0.5rem;
    border-right: 1px solid rgb(215, 215, 215);
  }
}
ul.language--main .language__item {
  position: relative;
  display: inline-block;
  margin: 0 0.5rem;
  padding: 0.7rem 0;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: filter, opacity 0.2s ease-in-out;
}
ul.language--main .language__item:hover {
  filter: grayscale(0);
  opacity: 1;
}
ul.language--main .language__item--current {
  filter: grayscale(0);
  opacity: 1;
}
ul.language--main .language__item span {
  display: inline-block;
}
ul.language--main .language__item span .icon {
  top: 0;
  width: 1.8em;
  height: 1.3em;
}
@media only screen and (max-width: 1300px) and (min-width: 1170px) {
  ul.language--main {
    margin: 0.6rem 0;
  }
}

.language__toggle {
  display: none;
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  padding: 0;
  border: none;
  border-right: 1px solid rgb(215, 215, 215);
  margin: 0;
}
.language__toggle::after {
  position: absolute;
  left: 0;
  bottom: 0.8rem;
  width: 100%;
  color: rgb(0, 0, 0);
  font-size: 0.6rem;
  text-align: center;
  text-transform: uppercase;
}
.language__toggle .icon {
  font-size: 2rem;
  top: 0.2rem;
}
@media only screen and (max-width: 480px) {
  .language__toggle {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
12.1 Breadcrumbs
--------------------------------------------------------------*/
nav.breadcrumbs {
  background-color: rgb(120, 118, 119);
  padding: 0;
  overflow: hidden;
}
nav.breadcrumbs a,
nav.breadcrumbs strong {
  position: relative;
  display: inline-block;
  color: rgb(255, 255, 255);
  font-size: 0.9rem;
  line-height: 1rem;
  padding: 1rem 0 1rem 3rem;
}
nav.breadcrumbs a {
  color: rgb(255, 255, 255);
  transition: background 0.3s ease-in-out;
}
nav.breadcrumbs a:first-child {
  padding-left: 4.3rem;
}
@media only screen and (min-width: 1170px) {
  nav.breadcrumbs a:first-child {
    padding-left: 2.7rem;
  }
}
@media only screen and (max-width: 1169px) and (min-width: 955px) {
  nav.breadcrumbs a:first-child {
    padding-left: 2.9rem;
  }
}
@media only screen and (max-width: 954px) {
  nav.breadcrumbs a:first-child {
    padding-left: 1.4rem;
  }
}
nav.breadcrumbs a::after, nav.breadcrumbs a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -2rem;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent rgb(120, 118, 119);
  border-style: solid;
  border-width: 2rem;
  z-index: 1;
  pointer-events: none;
  transition: border-color 0.3s ease-in-out;
}
nav.breadcrumbs a::before {
  margin-left: 2px;
  border-left-color: rgb(255, 255, 255);
}
nav.breadcrumbs a:hover {
  background-color: rgb(111, 182, 60);
}
nav.breadcrumbs a:hover::after {
  border-left-color: rgb(111, 182, 60);
}
nav.breadcrumbs .breadcrumb_last {
  font-weight: 700;
}
@media only screen and (max-width: 610px) {
  nav.breadcrumbs {
    display: none;
  }
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
body.admin-bar .header--main {
  top: 32px;
  margin: 0 auto;
}
@media screen and (max-width: 782px) and (min-width: 601px) {
  body.admin-bar .header--main {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar .header--main {
    top: 0;
    position: relative;
  }
}

.header--main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  background: #fff;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.2);
  z-index: 100;
}
@media only screen and (max-width: 1169px) and (min-width: 955px) {
  .header--main {
    padding-bottom: 3rem;
  }
}

.container {
  display: block;
}
.container--header {
  max-width: 1800px;
  margin: 0 auto;
}

.logo {
  display: inline-block;
  width: 205px;
  height: 45px;
  vertical-align: middle;
  padding: calc((7rem - 46px) / 2) 0;
  margin-left: 2.7rem;
  z-index: 1010;
}
.logo__image {
  display: inline-block;
  width: auto;
  height: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  background: #fff;
}
@media only screen and (max-width: 1300px) and (min-width: 1170px) {
  .logo {
    display: block;
    padding: 1.4rem 0 0.2rem 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1169px) {
  .logo {
    width: auto;
    height: 35px;
    padding: calc((4.5rem - 35px) / 2) 0;
    margin-left: 1.2rem;
  }
}

.ranking-logo {
  height: 63px;
  margin-top: 14px;
  margin-right: 10px;
  float: right;
}
@media (max-width: 1470px) {
  .ranking-logo {
    height: 50px;
    margin-right: 10px;
    margin-top: 21px;
  }
}
@media (max-width: 1435px) and (min-width: 1301px) {
  .ranking-logo {
    position: absolute;
    bottom: 6px;
    height: 40px;
    right: 32px;
  }
}
@media (max-width: 1300px) {
  .ranking-logo {
    margin-top: 0;
    position: static;
  }
}
@media (max-width: 1235px) {
  .ranking-logo {
    position: absolute;
    right: 40px;
    top: 13px;
    margin: 0;
  }
}
@media (max-width: 1169px) {
  .ranking-logo {
    right: 157px;
    top: 3px;
  }
}
@media (max-width: 954px) {
  .ranking-logo {
    right: 191px;
    top: 3px;
  }
}
@media (max-width: 550px) {
  .ranking-logo {
    height: 35px;
    top: 11px;
  }
}
@media (max-width: 480px) {
  .ranking-logo {
    right: 60px;
  }
}

@media (max-width: 1435px) and (min-width: 1301px) {
  .navigation--language {
    margin-top: -15px;
  }
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
body {
  margin-top: 7rem;
}
@media only screen and (max-width: 1300px) and (min-width: 1170px) {
  body {
    margin-top: calc(5.6rem + 45px);
  }
}
@media only screen and (max-width: 1169px) and (min-width: 955px) {
  body {
    margin-top: 7.5rem;
  }
}
@media only screen and (max-width: 954px) {
  body {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar {
    margin-top: 0;
  }
}
body .site {
  overflow: hidden;
}
body.modal-opened {
  overflow: hidden;
}

@media screen and (max-width: 340px) {
  #wpadminbar #wp-admin-bar-wpseo-menu {
    display: none;
  }
}
main.main {
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
}
main.main > article {
  margin: 3.5rem auto;
}
main.main > article:first-child {
  margin-top: 0;
}
main.main > article:last-child {
  margin-bottom: 0;
}

p {
  font-size: 1rem;
}

article.article--bordered {
  padding: 3rem 4rem 2.5rem 4rem;
  border: 1px solid rgb(215, 215, 215);
  margin: 1.6rem;
}
article.article__about {
  padding: 3rem 22rem 2.5rem 4rem;
}
@media only screen and (max-width: 600px) {
  article.article__about {
    padding: 2rem 2rem 1.5rem 2rem;
    width: 90%;
    box-sizing: border-box;
  }
}
article.article__realizations footer {
  text-align: center;
  margin-bottom: 3.5rem;
}

.article {
  position: relative;
  font-size: 1rem;
}
.article__thumbnail {
  position: absolute;
  top: calc(50% - 7.5rem);
  right: 3.5rem;
  height: 15rem;
  width: 15rem;
}
@media only screen and (max-width: 600px) {
  .article__thumbnail {
    display: none;
  }
}
.article__header {
  padding: 0;
  margin: 0;
}
.article__header .title {
  font-size: 1.7rem;
  text-align: center;
  text-transform: uppercase;
  margin: 1rem 0;
}
.article__header .title:first-child {
  margin-top: 0;
}
.article__header .title em {
  color: rgb(111, 182, 60);
  font-weight: 700;
  font-style: normal;
}
.article__header .title.title__company-name {
  text-align: left;
}
.article__header .tagline {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 1rem 0;
}
.article .paragraph {
  font-size: 1rem;
  line-height: 1.5;
  margin: 2.5rem 0;
}

.container {
  display: block;
  width: 100%;
}
.container--flexbox {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
@media only screen and (max-width: 670px) {
  .container--flexbox {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
footer .coppyright {
  font-size: 0.9rem;
  text-align: center;
  padding: 1rem 0;
  margin: 0;
}

.credits {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
  padding: 0 1rem;
}
@media only screen and (max-width: 530px) {
  .credits {
    display: block;
    width: 80%;
    margin: 0 auto 2rem auto;
  }
}
@media only screen and (max-width: 420px) {
  .credits {
    width: 90%;
  }
}
.credits .logo {
  padding: 0;
  margin: 0 0 1.2rem 0;
}
.credits .logo .logo__image {
  opacity: 0.75;
  transition: all 0.3s ease-in-out;
}
.credits .logo:hover .logo__image {
  opacity: 1;
}
.credits .logo__image {
  padding: 0;
  margin: 0 0 1.2rem 0;
  opacity: 0.75;
  transition: all 0.3s ease-in-out;
}
.credits .logo__image:hover {
  opacity: 1;
}
.credits p:first-child {
  margin-top: 0;
}
.credits p:last-child {
  margin-bottom: 0;
}
.credits__container {
  max-width: 80rem;
  width: 100%;
  font-size: 0;
  padding: 1.8rem 0;
  margin: 0 auto;
}
.credits__container p {
  font-size: 1rem;
  margin: 0.4rem 0;
}
.credits__container p.company__full-name {
  font-size: 1.3rem;
  font-weight: 700;
}
.credits__container p[class*=company] a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
.credits__container p[class*=company] a:hover {
  color: rgb(111, 182, 60);
}
.credits__container p[class*=company] .icon {
  margin-right: 1rem;
}
@media only screen and (max-width: 420px) {
  .credits__container p[class*=company] .icon {
    font-size: 1.3rem;
  }
}
.credits__container .button {
  padding: 1rem 3rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 420px) {
  .credits__container .button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}
.credits__company, .credits__project-EU {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1040px) {
  .credits__company, .credits__project-EU {
    display: block;
    width: 100%;
    max-width: 57rem;
    margin: 0 auto;
  }
}
.credits__project-EU img {
  display: block;
  width: 100%;
  max-width: 57rem;
  height: auto;
  margin: 0 auto;
}

.article .article__header h1.title {
  color: rgb(59, 58, 59);
  font-size: 2.2rem;
}
.article--archive {
  box-sizing: border-box;
  padding: 2rem 2rem;
  margin-bottom: 0;
}
.article--page {
  box-sizing: border-box;
  padding: 2rem 2rem;
  margin-bottom: 0;
}
.article--page h2 {
  font-weight: normal;
  font-size: 1.7rem;
  text-transform: uppercase;
  text-align: center;
  margin-top: 5rem;
}
.article--page h3 {
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin: 3.7rem 0 1.5rem 0;
}
.article--page h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  max-width: 100%;
  height: 1px;
  background-color: rgb(0, 0, 0);
}
@media only screen and (min-width: 23rem) {
  .article--page h3::before {
    max-width: 19rem;
  }
}
.article--page h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 1.6rem;
  max-width: 100%;
  height: 3px;
  background-color: rgb(111, 182, 60);
  transition: width 0.5s ease-in-out;
}
@media only screen and (min-width: 23rem) {
  .article--page h3::after {
    max-width: 19rem;
  }
}
.article--page h3:hover::after {
  width: 100vw;
}
.article--page p {
  font-size: 1rem;
  line-height: 1.4;
  margin: 1.7rem 0;
}
.article--page p img {
  max-width: 100%;
}
.article--page p img.size-full {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.article--page ul li,
.article--page ol li {
  font-size: 1rem;
  line-height: 1.3;
  margin: 1rem 0;
}
.article--page blockquote {
  width: 100%;
  max-width: 43rem;
  box-sizing: border-box;
  margin: 0 auto;
}
.article--page figure figcaption {
  text-align: center;
}
.article--page table {
  width: 100%;
}
.article--page table tr:nth-of-type(2n+1) {
  background-color: #f5f5f5;
}
.article--page table th,
.article--page table td {
  text-align: left;
  padding: 0.5rem;
}
.article--page table th {
  width: 30%;
  font-weight: bold;
}
.article--page hr {
  border: solid rgb(59, 58, 59);
  border-width: 1px 0 0 0;
}
.article--page footer {
  margin-top: 5rem;
  padding-top: 1rem;
  font-size: 0.9rem;
}
.article--page footer ul {
  list-style: none;
}

.container--collumns {
  display: block;
  font-size: 0;
}
.container--collumns .company__info {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 1rem;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1040px) {
  .container--collumns .company__info {
    display: block;
    width: 100%;
    max-width: 33rem;
    margin: 0 auto;
  }
}

.company__info .company__full-name {
  font-size: 1.7rem;
  font-weight: 700;
}
.company__info .company__tag-line {
  font-size: 0.9rem;
}
.company__info .company__gps-tip {
  font-style: italic;
  font-size: 1.1rem;
}
@media only screen and (max-width: 1040px) {
  .company__info--name {
    display: block;
    width: 100%;
    max-width: 33rem;
    margin: 0 auto;
  }
}
.company__info adress p {
  font-size: 1.3rem;
}
.company__info p {
  margin: 0.5rem 0;
}

.article--offer ol {
  font-size: 0;
  list-style: none;
  counter-reset: counter-ol;
}
.article--offer ol li {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 33.3333333333%;
  font-size: 1rem;
  line-height: 1em;
  padding: 0.35rem 0 0.35rem 2.2rem;
  margin: 0.5rem 0;
}
@media only screen and (max-width: 950px) and (min-width: 651px) {
  .article--offer ol li {
    width: 50%;
  }
}
@media only screen and (max-width: 650px) {
  .article--offer ol li {
    width: 100%;
  }
}
.article--offer ol li::before {
  content: counter(counter-ol);
  counter-increment: counter-ol;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.7rem;
  height: 1.7rem;
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-align: center;
  line-height: 1.7rem;
  background: rgb(59, 58, 59);
  border-radius: 50%;
}
.article--offer hr {
  clear: both;
  padding: 0;
  border: none;
  margin: 1rem 0;
}
.article--offer figure figcaption {
  text-align: center;
}
.article--offer section.specification {
  margin: 1.7rem 0;
}
.article--offer footer {
  text-align: center;
  margin: 1.7rem 0;
}

.offer__thumbnail {
  box-sizing: border-box;
  height: 100%;
  text-align: center;
  padding: 0 2rem 2rem;
}
.offer__thumbnail img {
  max-width: 100%;
  margin-top: 3.7rem;
}
.offer__content {
  box-sizing: border-box;
  padding: 0 2rem 2rem;
}
.offer__content h2 {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}
.offer__header + h2 {
  margin: -0.5rem auto 1.5rem auto;
}
.offer__footer {
  margin: 5rem 0 1.7rem 0;
}
.offer__business-card {
  position: relative;
  display: block;
  width: 19rem;
  max-width: 100%;
  text-align: left;
  padding: 1rem 4rem;
  margin: 2rem auto;
}
.offer__business-card::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  transform: skewX(-15deg);
  z-index: -1;
}
.offer__business-card adress {
  margin: 1rem auto;
}
.offer__business-card adress p {
  margin: 0 auto;
}
.offer__business-card p {
  font-size: 1rem;
  margin: 0.5rem auto;
}
.offer__business-card .icon {
  margin-right: 0.5rem;
}

.container--aside {
  position: relative;
  font-size: 0;
}
.container--aside > * {
  display: none;
  vertical-align: top;
  font-size: 1rem;
}
.container--aside > *:first-child {
  display: inline-block;
  width: 30%;
}
@media only screen and (max-width: 788px) {
  .container--aside > *:first-child {
    display: block;
    width: 100%;
  }
}
.container--aside > *:last-child {
  display: inline-block;
  width: 70%;
}
@media only screen and (max-width: 788px) {
  .container--aside > *:last-child {
    display: block;
    width: 100%;
  }
}

.shops {
  width: 70%;
  font-size: 0;
}
@media only screen and (max-width: 788px) {
  .shops {
    width: 100%;
  }
}
.shops__filters {
  width: 30%;
}
@media only screen and (max-width: 788px) {
  .shops__filters {
    width: 100%;
  }
}

article.shop {
  position: relative;
  display: inline-block;
  width: calc(50% - 4rem);
  vertical-align: top;
  margin: 2rem 2rem;
}
@media only screen and (max-width: 640px) {
  article.shop {
    width: 100%;
    margin: 2rem auto;
  }
}
article.shop::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  transform: skewX(-15deg);
  z-index: -1;
}
article.shop adress {
  margin: 1rem auto;
}
article.shop adress p {
  margin: 0 auto;
}
article.shop p {
  font-size: 1rem;
  margin: 0.5rem auto;
}
article.shop .icon {
  margin-right: 0.5rem;
}

.shop__header h3 {
  height: 4.83rem;
  margin-top: 0;
}
.shop__header h3 span {
  height: 4.83rem;
  display: table-cell;
  vertical-align: bottom;
}
.shop__label .icon {
  margin-right: 0.5em;
}

.voivodeships {
  list-style: none;
  padding: 2rem 2rem 0 0;
}
@media only screen and (max-width: 788px) {
  .voivodeships {
    padding: 2rem 2rem 0 0;
  }
}
.voivodeships .voivodeship {
  margin: 0 auto;
}
.voivodeships .voivodeship a {
  display: block;
  color: rgb(59, 58, 59);
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: inset 0 -1px 0 rgb(59, 58, 59);
  transition: box-shadow 0.3s ease-in-out, color 0s linear 0.15s;
  padding: 0.5rem;
}
.voivodeships .voivodeship a:hover {
  color: rgb(255, 255, 255);
  box-shadow: inset 0 -2.5rem 0 rgb(59, 58, 59);
}
.voivodeships .voivodeship.selected a {
  color: rgb(255, 255, 255);
  box-shadow: inset 0 -2.5rem 0 rgb(111, 182, 60);
}

.input-text {
  width: 100%;
  color: #000;
  font-size: 1rem;
  font-style: normal;
  height: 34px;
  line-height: 1.5rem;
  box-sizing: border-box;
  padding: 0.5rem;
  border: 1px solid #000;
  transition: border-color 0.3s ease-in-out;
  margin-bottom: 20px;
  outline: none !important;
}
.input-text:focus {
  border-color: #6fb63c;
}

select.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' role='img' fill='black' height='12' width='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path d='M 4.4 11.3 C 4.2 11.5 4 11.5 3.8 11.3 L 2.7 10.2 C 2.5 10 2.5 9.8 2.7 9.6 L 6.2 6 L 2.7 2.4 C 2.5 2.3 2.5 2 2.7 1.8 L 3.8 0.7 C 4 0.5 4.2 0.5 4.4 0.7 L 9.4 5.7 C 9.6 5.9 9.6 6.1 9.4 6.3 L 4.4 11.3 Z' transform='matrix(0, 1, -1, 0, 12.05, -0.05)'></path></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 2rem;
}

.login-header {
  margin-top: 50px;
  margin-bottom: 50px;
}
.login-header h1 {
  margin-bottom: 0;
}

.login-form {
  max-width: 360px;
  margin: 0 auto 50px auto;
}
.login-form label {
  display: block;
  font-size: 0.9rem;
  font-style: italic;
  margin: 0 0 3px 0;
}
.login-form .lf-bottom {
  text-align: center;
}
.login-form .button {
  margin-bottom: 10px;
}

.stockhouse-content .sf-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.stockhouse-content .sf-col {
  flex: 0 0 calc((100% - 60px) / 4);
}
.stockhouse-content .sf-submit-col {
  flex: 0 0 100px;
}
@media (max-width: 767px) {
  .stockhouse-content .sf-col {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media (max-width: 550px) {
  .stockhouse-content .sf-row {
    justify-content: center;
  }
  .stockhouse-content .sf-col {
    flex: 0 0 100%;
    margin-right: 0px;
  }
}
.stockhouse-content button.button.sf-submit {
  border: none !important;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 34px;
  margin-bottom: 20px;
}
.stockhouse-content .input-text {
  width: 100%;
}

.stockhouse-list .sl-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-top: -1px;
}
.stockhouse-list .sl-img {
  flex: 0 0 200px;
  margin-right: 15px;
}
.stockhouse-list .sl-img a {
  display: block;
}
.stockhouse-list .sl-img img {
  width: 100%;
}
.stockhouse-list .sl-img li:not(:first-child) {
  display: none;
}
.stockhouse-list .clearing-close {
  display: none !important;
}
.stockhouse-list .attachments {
  padding: 0;
}
.stockhouse-list .clearing-container .attachment {
  display: block !important;
}
.stockhouse-list .clearing-container .clearing-close {
  display: block !important;
}
.stockhouse-list .visible-img img {
  width: auto;
}
.stockhouse-list .sl-content {
  flex-grow: 1;
  margin-right: 15px;
}
.stockhouse-list .sl-content h2 {
  margin: 0 0 10px 0;
}
.stockhouse-list .sl-price {
  text-align: right;
  min-width: 150px;
  max-width: 200px;
  margin-right: 15px;
}
.stockhouse-list .sl-details {
  flex: 0 0 132px;
}
.stockhouse-list .sl-details .button {
  width: 100px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .stockhouse-list .sl-box {
    padding-bottom: 0;
    flex-wrap: wrap;
  }
  .stockhouse-list .sl-box > * {
    margin-bottom: 20px;
  }
}

.sl-props {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  overflow: auto;
}

.sl-props dt {
  font-weight: normal;
  float: left;
  margin-right: 5px;
  clear: both;
}

.sl-props dd {
  margin: 0;
  float: left;
}

.container-fluid {
  width: 100%;
  max-width: none;
}

.stockhouse-modal {
  position: fixed;
  z-index: 999991;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.95);
}
.stockhouse-modal .sm-row {
  display: flex;
  justify-content: space-between;
}
.stockhouse-modal .sm-left {
  flex: 0 0 calc(66% - 30px);
  overflow: auto;
}
.stockhouse-modal .sm-right {
  flex: 0 0 33%;
}
.stockhouse-modal .button {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .stockhouse-modal .sm-row {
    display: block;
  }
  .stockhouse-modal .sm-left {
    clear: both;
    margin-bottom: 30px;
  }
  .stockhouse-modal .sm-img {
    display: inline-block !important;
    max-width: 250px;
    margin-right: 20px;
  }
  .stockhouse-modal .sm-right img {
    display: inline-block;
    max-width: 250px;
  }
}
@media (min-width: 991px) {
  .stockhouse-modal p {
    font-size: 16px;
  }
  .stockhouse-modal h2 {
    font-size: 34px;
  }
  .stockhouse-modal h4 {
    font-size: 24px;
  }
  .stockhouse-modal .sl-props {
    font-size: 16px;
    line-height: 1.7;
  }
}

body.modal-open {
  overflow: hidden;
}

.sm-inside {
  display: flex;
  width: 100%;
  min-height: 100%;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.stockhouse-modal .sm-img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.stockhouse-modal .sm-img img {
  width: 100%;
}

.sm-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #373737;
  z-index: 1;
  transition: all 350ms ease;
}

.sm-close:hover {
  transform: rotate(90deg);
}

.stockhouse-modal .variation {
  margin-bottom: 0;
  overflow: auto;
  margin-bottom: 20px;
}

.stockhouse-modal .variation dt {
  font-weight: normal;
  float: left;
  margin-right: 5px;
  clear: both;
}

.stockhouse-modal .variation dd {
  margin-bottom: 0;
  float: left;
}

.stockhouse-modal .variation dd p:last-child {
  margin-bottom: 0;
}

.alert.alert--error {
  color: rgb(206, 32, 32);
  text-align: center;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
.icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  position: relative; /* Align more nicely with capital letters */
  top: -0.0625em;
  vertical-align: middle;
  width: 1em;
}
.icon__pl, .icon__de, .icon__en {
  width: 25px;
  height: 18px;
}

svg#icon-menu {
  fill: currentColor;
  perspective: 32px;
}
svg#icon-menu > path.path__bar {
  transition: transform 0.4s cubic-bezier(0.8, 0.1, 0.6, 1.7), fill 0.1s ease-in;
  transform-origin: center;
}
svg#icon-menu > path:nth-of-type(1) {
  transform-origin: center;
}
svg#icon-menu > path:nth-of-type(2) {
  transform-origin: 26.86px 11.5px;
}
svg#icon-menu > path:nth-of-type(3) {
  transform-origin: 26.86px 20.5px;
}

.menu__toggle [class$=-on] svg#icon-menu > path:nth-of-type(1) {
  transform: rotate(-45deg);
}
.menu__toggle [class$=-on] svg#icon-menu > path:nth-of-type(2) {
  transform: rotateY(-90deg);
}
.menu__toggle [class$=-on] svg#icon-menu > path:nth-of-type(3) {
  transform: rotate(45deg);
}

.input-text {
  width: 100%;
  color: #000;
  font-size: 1rem;
  font-style: normal;
  height: 34px;
  line-height: 1.5rem;
  box-sizing: border-box;
  padding: 0.5rem;
  border: 1px solid #000;
  transition: border-color 0.3s ease-in-out;
  margin-bottom: 20px;
  outline: none !important;
}
.input-text:focus {
  border-color: #6fb63c;
}

select.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' role='img' fill='black' height='12' width='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'><path d='M 4.4 11.3 C 4.2 11.5 4 11.5 3.8 11.3 L 2.7 10.2 C 2.5 10 2.5 9.8 2.7 9.6 L 6.2 6 L 2.7 2.4 C 2.5 2.3 2.5 2 2.7 1.8 L 3.8 0.7 C 4 0.5 4.2 0.5 4.4 0.7 L 9.4 5.7 C 9.6 5.9 9.6 6.1 9.4 6.3 L 4.4 11.3 Z' transform='matrix(0, 1, -1, 0, 12.05, -0.05)'></path></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 2rem;
}

.login-header {
  margin-top: 50px;
  margin-bottom: 50px;
}
.login-header h1 {
  margin-bottom: 0;
}

.login-form {
  max-width: 360px;
  margin: 0 auto 50px auto;
}
.login-form label {
  display: block;
  font-size: 0.9rem;
  font-style: italic;
  margin: 0 0 3px 0;
}
.login-form .lf-bottom {
  text-align: center;
}
.login-form .button {
  margin-bottom: 10px;
}

.stockhouse-content .sf-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.stockhouse-content .sf-col {
  flex: 0 0 calc((100% - 60px) / 4);
}
.stockhouse-content .sf-submit-col {
  flex: 0 0 100px;
}
@media (max-width: 767px) {
  .stockhouse-content .sf-col {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media (max-width: 550px) {
  .stockhouse-content .sf-row {
    justify-content: center;
  }
  .stockhouse-content .sf-col {
    flex: 0 0 100%;
    margin-right: 0px;
  }
}
.stockhouse-content button.button.sf-submit {
  border: none !important;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 34px;
  margin-bottom: 20px;
}
.stockhouse-content .input-text {
  width: 100%;
}

.stockhouse-list .sl-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-top: -1px;
}
.stockhouse-list .sl-img {
  flex: 0 0 200px;
  margin-right: 15px;
}
.stockhouse-list .sl-img a {
  display: block;
}
.stockhouse-list .sl-img img {
  width: 100%;
}
.stockhouse-list .sl-img li:not(:first-child) {
  display: none;
}
.stockhouse-list .clearing-close {
  display: none !important;
}
.stockhouse-list .attachments {
  padding: 0;
}
.stockhouse-list .clearing-container .attachment {
  display: block !important;
}
.stockhouse-list .clearing-container .clearing-close {
  display: block !important;
}
.stockhouse-list .visible-img img {
  width: auto;
}
.stockhouse-list .sl-content {
  flex-grow: 1;
  margin-right: 15px;
}
.stockhouse-list .sl-content h2 {
  margin: 0 0 10px 0;
}
.stockhouse-list .sl-price {
  text-align: right;
  min-width: 150px;
  max-width: 200px;
  margin-right: 15px;
}
.stockhouse-list .sl-details {
  flex: 0 0 132px;
}
.stockhouse-list .sl-details .button {
  width: 100px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .stockhouse-list .sl-box {
    padding-bottom: 0;
    flex-wrap: wrap;
  }
  .stockhouse-list .sl-box > * {
    margin-bottom: 20px;
  }
}

.sl-props {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  overflow: auto;
}

.sl-props dt {
  font-weight: normal;
  float: left;
  margin-right: 5px;
  clear: both;
}

.sl-props dd {
  margin: 0;
  float: left;
}

.container-fluid {
  width: 100%;
  max-width: none;
}

.stockhouse-modal {
  position: fixed;
  z-index: 999991;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.95);
}
.stockhouse-modal .sm-row {
  display: flex;
  justify-content: space-between;
}
.stockhouse-modal .sm-left {
  flex: 0 0 calc(66% - 30px);
  overflow: auto;
}
.stockhouse-modal .sm-right {
  flex: 0 0 33%;
}
.stockhouse-modal .button {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .stockhouse-modal .sm-row {
    display: block;
  }
  .stockhouse-modal .sm-left {
    clear: both;
    margin-bottom: 30px;
  }
  .stockhouse-modal .sm-img {
    display: inline-block !important;
    max-width: 250px;
    margin-right: 20px;
  }
  .stockhouse-modal .sm-right img {
    display: inline-block;
    max-width: 250px;
  }
}
@media (min-width: 991px) {
  .stockhouse-modal p {
    font-size: 16px;
  }
  .stockhouse-modal h2 {
    font-size: 34px;
  }
  .stockhouse-modal h4 {
    font-size: 24px;
  }
  .stockhouse-modal .sl-props {
    font-size: 16px;
    line-height: 1.7;
  }
}

body.modal-open {
  overflow: hidden;
}

.sm-inside {
  display: flex;
  width: 100%;
  min-height: 100%;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.stockhouse-modal .sm-img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.stockhouse-modal .sm-img img {
  width: 100%;
}

.sm-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #373737;
  z-index: 1;
  transition: all 350ms ease;
}

.sm-close:hover {
  transform: rotate(90deg);
}

.stockhouse-modal .variation {
  margin-bottom: 0;
  overflow: auto;
  margin-bottom: 20px;
}

.stockhouse-modal .variation dt {
  font-weight: normal;
  float: left;
  margin-right: 5px;
  clear: both;
}

.stockhouse-modal .variation dd {
  margin-bottom: 0;
  float: left;
}

.stockhouse-modal .variation dd p:last-child {
  margin-bottom: 0;
}

.alert.alert--error {
  color: rgb(206, 32, 32);
  text-align: center;
}

/*--------------------------------------------------------------
13.1 Buttons
--------------------------------------------------------------*/
button {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  line-height: 1;
  background: none;
  box-shadow: none;
  outline: none;
  padding: 1rem 2rem;
  border: 1px solid rgb(0, 0, 0);
  cursor: pointer;
}
button:active, button:focus {
  background: none;
  box-shadow: none;
  outline: none;
}
.button {
  display: inline-block;
  vertical-align: middle;
  color: rgb(0, 0, 0);
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
  padding: 1rem 2rem;
  border-color: rgb(0, 0, 0);
  transition: background 0.3s ease-in-out;
}
.button--bordered {
  padding: 1rem 4rem;
  border: 1px solid;
}
.button--bordered:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(111, 182, 60);
  border-color: rgb(111, 182, 60);
}
.button--solid {
  color: rgb(255, 255, 255);
  background-color: rgb(59, 58, 59);
  padding: 1rem 4rem;
  border: 1px solid rgb(59, 58, 59);
}
.button--solid:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(111, 182, 60);
  border-color: rgb(111, 182, 60);
}

/*--------------------------------------------------------------
13.2 Slider
--------------------------------------------------------------*/
.slider {
  font-size: 0;
}
.slider--full-width {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}
.slider--full-width .slide {
  min-width: 100%;
}
.slider__wrapper {
  display: block;
  width: 100%;
  height: auto;
}
.slider li {
  list-style: none;
}

.slide {
  position: relative;
  padding: 0;
  margin: 0;
}
.slide__background {
  width: 100%;
  pointer-events: none;
}
.slide__tagline {
  position: absolute;
  top: 35%;
  left: 30%;
  transform: translate(-50%, -50%);
  color: rgb(0, 0, 0);
  font-size: 3.2rem;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.7);
  padding: 1rem 1.5rem;
  pointer-events: none;
}
@media only screen and (max-width: 760px) {
  .slide__tagline {
    left: 50%;
    font-size: 3rem;
  }
}
@media only screen and (max-width: 460px) {
  .slide__tagline {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 360px) {
  .slide__tagline {
    font-size: 2rem;
  }
}
.slide__description {
  position: absolute;
  right: 1.4rem;
  bottom: 1.4rem;
  max-width: calc(100% - 2.8rem);
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  background: rgba(255, 255, 255, 0.7);
  padding: 1rem 1.5rem;
  pointer-events: none;
}
@media only screen and (max-width: 760px) {
  .slide__description {
    left: 1.4rem;
    width: calc(100% - 5.8rem);
    font-size: 1.2rem;
    text-align: center;
  }
}
@media only screen and (max-width: 460px) {
  .slide__description {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 360px) {
  .slide__description {
    padding: 0.5rem 1rem;
    width: calc(100% - 4.8rem);
  }
}
.slide__wrapper {
  overflow: hidden;
}
.slide__wrapper:not(:first-child) {
  display: none;
}

/* Orbit Graceful Loading */
.slideshow__wrapper {
  position: relative;
}
.slideshow__wrapper ul {
  list-style-type: none;
  margin: 0;
}
.slideshow__wrapper ul li,
.slideshow__wrapper ul li .orbit__caption {
  display: none;
}
.slideshow__wrapper ul li:first-child {
  display: block;
}
.slideshow__wrapper .orbit__container {
  background-color: transparent;
}
.slideshow__wrapper .orbit__container li {
  display: block;
}
.slideshow__wrapper .orbit__container li .orbit__caption {
  display: block;
}
.slideshow__wrapper .orbit__container .orbit__bullets li {
  display: inline-block;
}
.slideshow__wrapper .preloader {
  border-radius: 1000px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: rotate;
  animation-timing-function: linear;
  border-color: #555555 #FFFFFF;
  border: solid 3px;
  display: block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
}

.orbit__container {
  background: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.orbit__container .orbit__slides__container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.orbit__container .orbit__slides__container img {
  display: block;
  max-width: 100%;
}
@media only screen and (max-width: 760px) {
  .orbit__container .orbit__slides__container img {
    display: block;
    width: auto;
    min-width: 100%;
    max-width: none;
    max-height: calc(600px - 4.5rem);
    height: calc(100vh - 4.5rem);
    transform: translateX(-25%);
  }
}
.orbit__container .orbit__slides__container > * {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: 100%;
}
.orbit__container .orbit__slides__container > *:first-child {
  margin-left: 0;
}
.orbit__container .orbit__slides__container > * .orbit__caption {
  bottom: 0;
  position: absolute;
  background-color: rgba(51, 51, 51, 0.8);
  color: #FFFFFF;
  font-size: 0.875rem;
  padding: 0.625rem 0.875rem;
  width: 100%;
}
.orbit__container .orbit__slide__number {
  left: 10px;
  background: transparent;
  color: #FFFFFF;
  font-size: 12px;
  position: absolute;
  top: 10px;
  z-index: 10;
}
.orbit__container .orbit__slide__number span {
  font-weight: 700;
  padding: 0.3125rem;
}
.orbit__container .orbit__timer {
  position: absolute;
  top: 20px;
  right: 10px;
  height: 6px;
  width: 100px;
  z-index: 10;
}
.orbit__container .orbit__timer .orbit__progress {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  width: 0;
  position: relative;
  right: 20px;
  top: 5px;
}
.orbit__container .orbit__timer > span {
  border: solid 4px #FFFFFF;
  border-bottom: none;
  border-top: none;
  display: none;
  height: 14px;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  width: 11px;
  right: 0;
}
.orbit__container .orbit__timer.paused > span {
  top: 0;
  width: 11px;
  height: 14px;
  border: inset 8px;
  border-left-style: solid;
  border-color: transparent;
  border-left-color: #FFFFFF;
  right: -4px;
}
.orbit__container .orbit__timer.paused > span.dark {
  border-left-color: #333333;
}
.orbit__container:hover .orbit__timer > span {
  display: block;
}
.orbit__container .orbit__prev,
.orbit__container .orbit__next {
  background-color: transparent;
  color: white;
  height: 60px;
  line-height: 50px;
  margin-top: -25px;
  position: absolute;
  text-indent: -9999px !important;
  top: 45%;
  width: 36px;
  z-index: 10;
}
.orbit__container .orbit__prev:hover,
.orbit__container .orbit__next:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.orbit__container .orbit__prev > span,
.orbit__container .orbit__next > span {
  border: inset 10px;
  display: block;
  height: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 0;
}
.orbit__container .orbit__prev {
  left: 0;
}
.orbit__container .orbit__prev > span {
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #FFFFFF;
}
.orbit__container .orbit__prev:hover > span {
  border-right-color: #FFFFFF;
}
.orbit__container .orbit__next {
  right: 0;
}
.orbit__container .orbit__next > span {
  border-color: transparent;
  border-left-style: solid;
  border-left-color: #FFFFFF;
  left: 50%;
  margin-left: -4px;
}
.orbit__container .orbit__next:hover > span {
  border-left-color: #FFFFFF;
}

.orbit__bullets {
  display: block;
  float: none;
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 10px;
}
.orbit__bullets__container {
  text-align: center;
}
.orbit__bullets li {
  background: #CCCCCC;
  cursor: pointer;
  display: inline-block;
  float: none;
  height: 0.5625rem;
  margin-right: 6px;
  width: 0.5625rem;
  border-radius: 1000px;
}
.orbit__bullets li.active {
  background: #999999;
}
.orbit__bullets li:last-child {
  margin-right: 0;
}

.touch .orbit__container .orbit__prev,
.touch .orbit__container .orbit__next {
  display: none;
}
@media only screen and (min-width: 40.0625em) {
  .touch .orbit__container .orbit__prev,
.touch .orbit__container .orbit__next {
    display: inherit;
  }
}
.touch .orbit__bullets {
  display: none;
}
@media only screen and (min-width: 40.0625em) {
  .touch .orbit__bullets {
    display: block;
  }
}

@media only screen and (max-width: 40em) {
  .orbit__stack__on__small .orbit__slides__container {
    height: auto !important;
  }
  .orbit__stack__on__small .orbit__slides__container > * {
    margin: 0 !important;
    opacity: 1 !important;
    position: relative;
  }
  .orbit__stack__on__small .orbit__slide__number {
    display: none;
  }
  .orbit__timer {
    display: none;
  }
  .orbit-next,
.orbit__prev {
    display: none;
  }
  .orbit__bullets {
    display: none;
  }
}
/*--------------------------------------------------------------
13.3 Advantages
--------------------------------------------------------------*/
.advantages {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  padding: 0 1.85rem;
  margin-top: 3.5rem;
  counter-reset: advantage;
  list-style-type: none;
}
@media only screen and (max-width: 980px) {
  .advantages {
    justify-content: space-around;
  }
}
.advantages::before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 31rem;
  display: block;
  content: "";
  background-color: #f5f5f5;
  transform: skewX(-15deg);
  z-index: -1;
}
@media only screen and (max-width: 980px) {
  .advantages::before {
    height: 46rem;
    transform: skewX(-10deg);
  }
}
@media only screen and (max-width: 670px) {
  .advantages::before {
    height: 90rem;
    transform: skewX(-5deg);
  }
}

.advantage {
  counter-increment: advantage;
}
.advantage__container {
  display: inline-block;
  max-width: 18.85rem;
  width: 33.3333333333%;
  margin: 1.35rem;
}
@media only screen and (max-width: 980px) {
  .advantage__container {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .advantage__container {
    width: 100%;
  }
}
.advantage__container--video {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  font-size: 0;
  background-color: rgb(255, 255, 255);
}
.advantage__container--video .advantage__content {
  display: inline-block;
  vertical-align: middle;
  width: 33.3333333333%;
  max-width: 18.85rem;
  font-size: 1rem;
}
@media only screen and (max-width: 670px) {
  .advantage__container--video .advantage__content {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.advantage__container--video .advantage__video {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6rem;
}
.advantage__container--video .advantage__video iframe {
  max-width: 100%;
}
@media only screen and (max-width: 670px) {
  .advantage__container--video .advantage__video {
    display: block;
    margin-right: -1.85rem;
    margin-left: -1.85rem;
  }
}
@media only screen and (max-width: 470px) {
  .advantage__container--video .advantage__video iframe {
    height: 15rem;
  }
}
.advantage__header {
  position: relative;
  font-size: 1.2rem;
  border-bottom: 1px solid rgb(0, 0, 0);
  margin: 0.65rem 0;
}
.advantage__header h3 {
  margin: 0.3rem 0 0.7rem 0;
}
.advantage__header::before {
  content: ".0" counter(advantage);
  display: block;
  color: rgb(111, 182, 60);
  font-size: 3.4rem;
  font-weight: 700;
}
.advantage__header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 1.6rem;
  height: 3px;
  background-color: rgb(111, 182, 60);
  transition: width 0.5s ease-in;
}
.advantage p {
  margin: 0.5rem 0;
}
.advantage:hover .advantage__header::after {
  content: "";
  width: 100%;
}

/*--------------------------------------------------------------
13.4 Realizations
--------------------------------------------------------------*/
.realizations {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  padding: 0 1.85rem;
  margin-top: 3.5rem;
}
@media only screen and (min-width: 701px) {
  .realizations--front .realization .attachment:nth-of-type(n + 6):not(.attachment--more) {
    display: none;
  }
}
@media only screen and (max-width: 700px) and (min-width: 501px) {
  .realizations--front .realization .attachment:nth-of-type(n + 4):not(.attachment--more) {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .realizations--front .realization .attachment:nth-of-type(n + 5):not(.attachment--more) {
    display: none;
  }
}
.realizations--front .clearing-blackout .clearing-container .carousel .attachments .attachment {
  display: block;
}

.realization {
  font-size: 1rem;
  margin-bottom: 5rem;
}
.realization__header {
  position: relative;
  font-size: 1.2rem;
  margin: 0.65rem 0;
}
.realization__header h3 {
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  margin: 0.3rem 0 0.7rem 0;
}
.realization__header h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-1px - 0.7rem);
  width: 19rem;
  height: 1px;
  background-color: rgb(0, 0, 0);
}
.realization__header h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-2px - 0.7rem);
  width: 1.6rem;
  height: 3px;
  background-color: rgb(111, 182, 60);
  transition: width 0.5s ease-in;
}
.realization__header p {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  text-transform: uppercase;
  margin: 0.3rem 0;
}
.realization:hover .realization__header h3::after {
  content: "";
  width: 19rem;
}
.realization .attachments {
  position: relative;
  font-size: 0;
  padding: 1.3rem 0;
  margin: 0 -1.2rem;
}
.realization .attachments::before {
  position: absolute;
  top: -2.5rem;
  width: 100%;
  height: calc(100% + 5rem);
  display: block;
  content: "";
  background-color: #f5f5f5;
  transform: skewX(-15deg);
  z-index: -1;
}
.realization .attachment {
  display: block;
  box-sizing: border-box;
  float: left;
  width: 20%;
  padding: 0.4rem;
  margin: 0;
}
@media only screen and (max-width: 700px) {
  .realization .attachment {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 500px) {
  .realization .attachment {
    width: 50%;
  }
}
.realization .attachment .attachement__wrapper {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  font-size: 0;
  text-align: center;
  padding: 6%;
  box-shadow: 0 0 0 1px transparent;
  transition: box-shadow 0.3s ease-in-out;
}
.realization .attachment .attachement__thumbnail {
  position: relative;
  max-width: 100%;
  height: auto;
  transition: opacity 0.3s ease-in-out;
}
.realization .attachment .attachment__caption {
  display: block;
  height: 2em;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1em;
  padding: 0.25rem 0.25rem 0 0.25rem;
  overflow: hidden;
}
.realization .attachment:hover .attachement__wrapper {
  box-shadow: 0 0 0 1px rgb(0, 0, 0);
}
.realization .attachment:focus {
  outline: none;
  box-shadow: none;
}
.realization .attachment--more {
  position: absolute;
  display: block;
  right: -2.3rem;
  top: calc(50% - 1.15rem);
  width: auto;
  font-size: 2.3rem;
  padding: 0;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}
.realization .attachment--more:hover {
  opacity: 1;
}
.realization__footer {
  text-align: center;
}

.clearing-blackout .clearing-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 0.7rem 2rem 0.7rem;
  z-index: 1000;
}
@media only screen and (min-width: 40rem) {
  .clearing-blackout .carousel {
    background: rgb(255, 255, 255);
    height: 9rem;
    text-align: center;
  }
}
.clearing-blackout .carousel .attachments {
  display: none;
}
@media only screen and (min-width: 40rem) {
  .clearing-blackout .carousel .attachments {
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    padding: 0.2rem 0;
    margin: 0;
    z-index: 999;
  }
  .clearing-blackout .carousel .attachments .attachment {
    position: relative;
    clear: none;
    display: block;
    float: left;
    width: 8.6rem;
    min-height: 100%;
    overflow: hidden;
    padding: 0.4rem;
    margin: 0;
    opacity: 0.7;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
  }
  .clearing-blackout .carousel .attachments .attachment.visible {
    opacity: 1;
  }
  .clearing-blackout .carousel .attachments .attachment.visible .attachement__wrapper {
    box-shadow: 0 0 0 1px rgb(111, 182, 60);
  }
  .clearing-blackout .carousel .attachments .attachment:hover {
    opacity: 0.85;
  }
  .clearing-blackout .carousel .attachments .attachment .attachement__wrapper {
    padding: 0.4rem;
  }
  .clearing-blackout .carousel .attachments .attachment .attachement__wrapper .attachement__thumbnail {
    position: relative;
    max-width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out;
  }
  .clearing-blackout .carousel .attachments .attachment .attachment__caption {
    display: none;
  }
}

/*--------------------------------------------------------------
13.5 Map
--------------------------------------------------------------*/
.map {
  width: 100%;
  height: 27rem;
  filter: saturate(0.5);
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}
.map--shops {
  height: calc(100vh - 10rem) !important;
  filter: saturate(1);
  opacity: 1;
}
@media only screen and (max-width: 1300px) and (min-width: 1170px) {
  .map--shops {
    height: calc(100vh - (5.6rem + 45px + 3rem)) !important;
  }
}
@media only screen and (max-width: 1169px) and (min-width: 955px) {
  .map--shops {
    height: calc(100vh - 10.5rem) !important;
  }
}
@media only screen and (max-width: 954px) and (min-width: 611px) {
  .map--shops {
    height: calc(100vh - 7.5rem) !important;
  }
}
@media only screen and (max-width: 610px) {
  .map--shops {
    height: calc(100vh - 4.5rem) !important;
  }
}
.map:hover {
  filter: saturate(1);
  opacity: 1;
}
.map__container {
  position: relative;
}
.map__container .map__footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}
.map__container .map__footer .button {
  transform: translateX(-50%);
}
.map__container .map__footer .button .icon {
  font-size: 1.5rem;
  line-height: 1rem;
}
@media only screen and (max-width: 600px) {
  .map__container .map__footer {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
  }
  .map__container .map__footer .button {
    transform: translateX(0);
    width: 100%;
    box-sizing: border-box;
  }
}

.specification__table tr:nth-of-type(2n+1) {
  background-color: #f5f5f5;
}
.specification__row td {
  vertical-align: top;
  padding: 0.5rem;
}
.specification__row td:first-child {
  width: 30%;
}

.realization .attachments--advantages-list {
  text-align: center;
}
.realization .attachments--advantages-list::before {
  height: calc(100% + 3rem);
}
.realization .attachments--advantages-list .attachment {
  display: inline-block;
  float: none;
  vertical-align: top;
  width: 14.2rem;
}
@media only screen and (max-width: 500px) {
  .realization .attachments--advantages-list .attachment {
    width: 50%;
  }
}
.realization .attachments--advantages-list .attachment figure.attachement__wrapper {
  text-align: center;
}
.realization .attachments--advantages-list .attachment figcaption.attachment__caption {
  height: 3.9em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.3em;
  padding-top: 0.5rem;
}
.realization .attachments--advantages-list .attachment:hover figure.attachement__wrapper {
  box-shadow: none;
}

div.wpcf7 {
  width: 100%;
  max-width: 35rem;
  margin: 0 auto;
}
div.wpcf7 .wpcf7-form p {
  font-size: 0.9rem;
  font-style: italic;
}
div.wpcf7 .wpcf7-form input[type=text],
div.wpcf7 .wpcf7-form input[type=email],
div.wpcf7 .wpcf7-form textarea {
  width: 100%;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  box-sizing: border-box;
  padding: 0.5rem;
  border: 1px solid rgb(0, 0, 0);
  transition: border-color 0.3s ease-in-out;
}
div.wpcf7 .wpcf7-form input[type=text]:hover, div.wpcf7 .wpcf7-form input[type=text]:focus, div.wpcf7 .wpcf7-form input[type=text]:target,
div.wpcf7 .wpcf7-form input[type=email]:hover,
div.wpcf7 .wpcf7-form input[type=email]:focus,
div.wpcf7 .wpcf7-form input[type=email]:target,
div.wpcf7 .wpcf7-form textarea:hover,
div.wpcf7 .wpcf7-form textarea:focus,
div.wpcf7 .wpcf7-form textarea:target {
  outline: none;
}
div.wpcf7 .wpcf7-form input[type=text]:hover, div.wpcf7 .wpcf7-form input[type=text]:focus,
div.wpcf7 .wpcf7-form input[type=email]:hover,
div.wpcf7 .wpcf7-form input[type=email]:focus,
div.wpcf7 .wpcf7-form textarea:hover,
div.wpcf7 .wpcf7-form textarea:focus {
  border-color: rgb(111, 182, 60);
}
div.wpcf7 .wpcf7-form input[type=text].wpcf7-not-valid,
div.wpcf7 .wpcf7-form input[type=email].wpcf7-not-valid,
div.wpcf7 .wpcf7-form textarea.wpcf7-not-valid {
  border: 1px solid red;
}
div.wpcf7 .wpcf7-form .button {
  color: rgb(0, 0, 0);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1rem;
  border: 1px solid rgb(0, 0, 0);
  cursor: pointer;
}
div.wpcf7 .wpcf7-form .button:hover, div.wpcf7 .wpcf7-form .button:target, div.wpcf7 .wpcf7-form .button:focus {
  outline: none;
}
div.wpcf7 .wpcf7-form .button:hover {
  color: rgb(255, 255, 255);
  border-color: rgb(111, 182, 60);
  background-color: rgb(111, 182, 60);
}
div.wpcf7 .wpcf7-validation-errors {
  color: red;
  font-size: 0.9rem;
  font-style: italic;
  padding: 0.5rem;
  border: 1px solid red;
  margin: 1rem auto;
}

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}

.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table;
}

.clearing-thumbs:after, [data-clearing]:after {
  clear: both;
}

.clearing-thumbs li, [data-clearing] li {
  float: left;
}

.clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li {
  margin-right: 0;
}

.clearing-blackout {
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  left: 0;
}

.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998;
}

.clearing-touch-label {
  color: #AAAAAA;
  font-size: 0.6em;
  left: 50%;
  position: absolute;
  top: 50%;
}

.visible-img {
  height: 95%;
  position: relative;
}

.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  max-height: 100%;
  max-width: 100%;
}

.clearing-close {
  text-decoration: none;
  color: rgb(120, 118, 119);
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 10px;
  z-index: 999;
}

.clearing-close:hover, .clearing-close:focus {
  color: rgb(120, 118, 119);
}

.clearing-assembled .clearing-container {
  height: 100%;
}

.clearing-feature li {
  display: none;
}

.clearing-feature li.clearing-featured-img {
  display: block;
}

@media only screen and (min-width: 40.0625em) {
  .clearing-main-prev,
.clearing-main-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px;
  }
  .clearing-main-prev > span,
.clearing-main-next > span {
    border: solid 12px;
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
  }
  .clearing-main-prev > span:hover,
.clearing-main-next > span:hover {
    opacity: 0.8;
  }
  .clearing-main-prev {
    left: 0;
  }
  .clearing-main-prev > span {
    left: 5px;
    border-color: transparent;
    border-right-color: rgb(120, 118, 119);
  }
  .clearing-main-next {
    right: 0;
  }
  .clearing-main-next > span {
    border-color: transparent;
    border-left-color: rgb(120, 118, 119);
  }
  .clearing-main-prev.disabled,
.clearing-main-next.disabled {
    opacity: 0.3;
  }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    height: 100%;
    max-width: none;
  }
  .clearing-assembled .clearing-container .visible-img {
    background: transparent;
    height: calc(100% - 9rem);
    overflow: hidden;
  }
  .clearing-close {
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    right: 20px;
  }
}
body.admin-bar .clearing-blackout {
  top: 32px;
  height: calc(100% - 32px);
}
@media screen and (max-width: 782px) {
  body.admin-bar .clearing-blackout {
    top: 46px;
    height: calc(100% - 46px);
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar .clearing-blackout {
    top: 0;
    height: 100%;
  }
}

/*
	Customizer
*/
body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
  top: -15px;
  left: -15px;
}
body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut[class*=nav_menu_locations-main] button {
  left: auto;
  top: 10px;
}
@media only screen and (max-width: 1265px) {
  body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut[class*=nav_menu_locations-main] button {
    top: -15px;
    left: -15px;
  }
}
body.customize-partial-edit-shortcuts-shown a.button .customize-partial-edit-shortcut button {
  top: -2rem;
  left: -3rem;
}

/* spłaszcz nagłówek okienka */
.gm-style-iw-ch { display:none !important; }          /* pusty kontener tytułu */
.gm-style-iw-chr { height:5px !important; padding:0 !important; }

/* przesuń przycisk zamykania na górny prawy róg kontentu */
.gm-style-iw-chr .gm-ui-hover-effect {
  position:absolute !important;
  top:4px; right:4px;
  width:28px; height:28px;
  margin:0 !important;
}

.gm-style .gm-style-iw h3 {
    padding-right: 40px;
}

/*# sourceMappingURL=style.css.map */