:root {
  --white: #FFFFFF;
  --black: #000000;
  --accent: #008864;
  --dark: #2E2828;
  --light: #E4E4E4;
  --bright: #FBFBFB;
}

html {
  scroll-behavior: smooth;
}

html, body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

body {
  background: #FFF;
  background: var(--white);
  color: #2E2828;
  color: var(--dark);
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  overflow-x: hidden;
  line-height: 1.44;
  font-weight: 400;
}

@media(max-width: 1400px) {
  body {
    font-size: 14px;
  }
}

.container {
  -webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 991px) {
  * {
    max-width: 100vw;
  }

  .owl-carousel .owl-stage {
    max-width: none;
  }

  img {
    max-width: 100%;
  }

  body {
    font-size: 14px;
  }

  [class*="offset-"] {
    margin-left: 0;
  }
}

::-moz-selection {
  background-color: var(--accent);
  color: var(--white);
}

::selection {
  background-color: var(--accent);
  color: var(--white);
}

a {
  color: inherit;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  display: inline-block;
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.text-underline {
  text-decoration: underline;
}

a:hover,
a:active,
a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: var(--dark);
  font-weight: 400;
}

::-moz-placeholder {
  color: var(--dark);
  font-weight: 400;
}

:-ms-input-placeholder {
  color: var(--dark);
  font-weight: 400;
}

:-moz-placeholder {
  color: var(--dark);
  font-weight: 400;
}

input[type=text], input[type=url], input[type=tel], input[type=email], input[type=password], textarea, select {
  color: var(--dark);
  border: none;
  width: 100%;
  position: relative;
  display: block;
  border: none;
  padding: 15px 10px;
  outline: none;
  box-shadow: none;
  font-weight: 400;
}

input[type=text]:active, input[type=email]:active, input[type=tel]:active, textarea:active, select:active {
	outline: none;
}

input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus {
	outline: none;
}

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, textarea:hover, select:hover {
	outline: none;
}

input[type=checkbox], input[type=radio] {
  width: auto !important;
  display: inline-block !important;
  top: 2px !important;
}

label {
  color: var(--dark);
  font-weight: 700;
  font-size: 0.75em;
  text-transform: uppercase;
}

textarea {
  min-height: 130px;
}

button, button:hover, button:focus {
  outline: none;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

li {
  padding-bottom: 15px;
}

.align-right {
  text-align: right;
}

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

.align-left {
  text-align: left;
}

.align-right[class*="button"] {
  text-align: center;
  float: right;
}

section:not(.fl-row), section.fl-row:not(.fl-none) .fl-row-content-wrap {
  position: relative;
  padding: 70px 0;
  background-size: cover;
  background-position: center;
}

.container.relative {
  position: relative;
}

.fl-row .fl-row-fixed-width, .container {
  width: 100%;
  max-width: 90vw;
}

@media (min-width: 1300px) {
  .fl-row .fl-row-fixed-width, .container {
      max-width: 1050px;
  }
}

@media (min-width: 1600px) {
  .fl-row .fl-row-fixed-width, .container {
      max-width: 1240px;
  }
}

@media (min-width: 1800px) {
  .fl-row .fl-row-fixed-width, .container {
      max-width: 1440px;
  }
}

section.shorter {
  padding-left: 75px;
  padding-right: 75px;
}

/* HEADINGS */

h1, .h1 {
  font-size: 3em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 0;
  margin: 0 0 45px 0;
  display: block;
  position: relative;
}

h2, .h2 {
  font-size: 3em;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 0;
  margin: 0 0 70px 0;
  display: block;
  position: relative;
}

h2.with-bg-02 {
	width: auto;
	display: inline-block;
}

h2.with-bg-02:before {
	position: absolute;
	width: calc(100% + 70px);
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	z-index: -1;
	content: "";
	background-color: var(--light);
}

h3, .h3 {
  font-size: 2.333em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 0;
  margin: 0 0 30px 0;
  display: block;
  position: relative;
}

h4, .h4 {
  font-size: 2em;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 0;
  margin: 0 0 25px 0;
  display: block;
  position: relative;
}

h5, .h5 {
  font-size: 2em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 0;
  margin: 0 0 25px 0;
  display: block;
  position: relative;
}

h6, .h6 {
  font-size: 1.666em;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  padding: 0;
  margin: 0 0 25px 0;
  display: block;
  position: relative;
}

h1, .h2, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  width: 100%;
  text-decoration: none;
  z-index: 2;
}

h1 a, .h2 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none;
}

h1.accent, .h2.accent, h2.accent, .h2.accent, h3.accent, .h3.accent, h4.accent, .h4.accent, h5.accent, .h5.accent, h6.accent, .h6.accent {
	color: var(--accent);
}


/* PARAGRAPHS */

.text-normal {
  font-size: 1em;
}

.text-smaller {
  font-size: 0.875em;
}

.text-smallest {
  font-size: 0.75em;
}

.text-bigger {
  font-size: 1.333em;
}

.text-biggest {
  font-size: 1.666em;
}

ul {
  list-style: none;
  padding-left: 1.5em;
}

ul li {
  position: relative;
  margin-top: 10px;
  padding-bottom: 0;
}

ul li:before {
  width: 5px;
  height: 5px;
  content: "";
  background: transparent;
  border: 1px solid var(--accent);
  left: -1.5em;
  top: 0.4em;
  position: absolute;
  border-radius: 50%;
}

strong {
  font-weight: 600;
}

b {
  font-weight: 600;
}

strong.white {
  color: var(--white);
}

.invert {
  color: var(--white);
}

/* OTHER */

.break-after:after {
  content: '\A';
  white-space: pre;
}

.break-before:before {
  content: '\A';
  white-space: pre;
}

.va-middle {
  vertical-align: middle;
}

.va-top {
  vertical-align: top;
}

.va-bottom {
  vertical-align: bottom;
}

.space-top-no:not(.fl-row), .fl-row.space-top-no .fl-row-content-wrap {
  margin-top: 0;
}

.space-bottom-no:not(.fl-row), .fl-row.space-bottom-no .fl-row-content-wrap {
  margin-bottom: 0;
}

.space-top:not(.fl-row), .fl-row.space-top .fl-row-content-wrap {
  margin-top: 75px !important;
}

.space-top-2x:not(.fl-row), .fl-row.space-top-2x .fl-row-content-wrap {
  margin-top: 150px !important;
}

.space-top-3x:not(.fl-row), .fl-row.space-top-3x .fl-row-content-wrap {
  margin-top: 225px !important;
}

.space-bottom:not(.fl-row), .fl-row.space-bottom .fl-row-content-wrap {
  margin-bottom: 75px !important;
}

.space-bottom-2x:not(.fl-row), .fl-row.space-bottom-2x .fl-row-content-wrap {
  margin-bottom: 150px !important;
}

.space-bottom-3x:not(.fl-row), .fl-row.space-bottom-3x .fl-row-content-wrap {
  margin-bottom: 225px !important;
}

.padding-top:not(.fl-row), .fl-row.padding-top .fl-row-content-wrap {
  padding-top: 75px !important;
}

.padding-top-2x:not(.fl-row), .fl-row.padding-top-2x .fl-row-content-wrap {
  padding-top: 150px !important;
}

.padding-top-3x:not(.fl-row), .fl-row.padding-top-3x .fl-row-content-wrap {
  padding-top: 225px !important;
}

.padding-bottom:not(.fl-row), .fl-row.padding-bottom .fl-row-content-wrap {
  padding-bottom: 75px !important;
}

.padding-bottom-2x:not(.fl-row), .fl-row.padding-bottom-2x .fl-row-content-wrap {
  padding-bottom: 150px !important;
}

.padding-bottom-3x:not(.fl-row), .fl-row.padding-bottom-3x .fl-row-content-wrap {
  padding-bottom: 225px !important;
}

.space-top-none:not(.fl-row), .fl-row.space-top-none .fl-row-content-wrap {
  margin-top: 0 !important;
}

.space-bottom-none:not(.fl-row), .fl-row.space-bottom-none .fl-row-content-wrap {
  margin-bottom: 0 !important;
}

.padding-top-none:not(.fl-row), .fl-row.padding-top-none .fl-row-content-wrap {
  padding-top: 0 !important;
}

.padding-bottom-none:not(.fl-row), .fl-row.padding-bottom-none .fl-row-content-wrap {
  padding-bottom: 0 !important;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.no-border {
  border: none;
}

.inline-block {
  display: inline-block !important;
}

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.mobile-only {
  display: none !important;
}

.vertical-middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}

@media screen and (max-width: 991px) {
  .mobile-only {
    display: block !important;
  }

  .desktop-only {
    display: none;
  }

  .no-mobile {
    display: none !important;
  }

  .mobile-center {
    text-align: center !important;
  }

  .mobile-no-padding {
    padding: 0 !important;
  }

  .mobile-no-margin {
    margin: 0 !important;
  }

  .mobile-100-width {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.navbar-toggler {
  display: none;
}

/* BUTTONS */

.primary-button, .ssf-button#applyFilterOptions, .woocommerce .button.add_to_cart_button, .woocommerce button.button.single_add_to_cart_button, .woocommerce a.button.checkout-button, .woocommerce-checkout-payment button.button.alt {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: var(--accent);
  color: var(--white);
  padding: 15px 25px;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  border-radius: 0;
  text-decoration: none;
  border: none;
  box-shadow: none;
  font-weight: 600;
  cursor: pointer;
  font-size: 1.2em;
  margin-right: 15px;
  margin-bottom: 15px;
}

.primary-button:before, .ssf-button#applyFilterOptions:before, .woocommerce .button.add_to_cart_button:before, .woocommerce button.button.single_add_to_cart_button:before, .woocommerce a.button.checkout-button:before, .woocommerce-checkout-payment button.button.alt:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--dark);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.primary-button:hover, .primary-button.active, .ssf-button#applyFilterOptions:hover, .woocommerce .button.add_to_cart_button:hover, .woocommerce button.button.single_add_to_cart_button:hover, .woocommerce a.button.checkout-button:hover, .woocommerce-checkout-payment button.button.alt:hover {
  color: var(--white);
  background: var(--accent);
}

.primary-button:hover:before, .primary-button.active:before, .ssf-button#applyFilterOptions:hover:before, .woocommerce .button.add_to_cart_button:hover:before, .woocommerce button.button.single_add_to_cart_button:hover:before, .woocommerce a.button.checkout-button:hover:before, .woocommerce-checkout-payment button.button.alt:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.secondary-button {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: var(--light);
  color: var(--dark);
  padding: 15px 25px;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  box-shadow: none;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  font-size: 1.2em;
  margin-right: 15px;
  margin-bottom: 15px;
}

.secondary-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--dark);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.secondary-button:hover, .secondary-button.active {
  color: var(--white);
}

.secondary-button:hover:before, .secondary-button.active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.primary-button.arrow, .secondary-button.arrow {
  padding-right: 60px;
  min-width: 300px;
  text-align: left !important;
}

.primary-button.arrow:after {
  width: 23px;
  height: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  background-size: 23px 22px;
  background-repeat: no-repeat;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-image: url(../img/icons/arrow-right.svg);
  content: "";
}

.primary-button.arrow:hover:after {
  right: 20px;
}

.secondary-button.arrow:after {
  width: 23px;
  height: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  background-size: 23px 22px;
  background-repeat: no-repeat;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-image: url(../img/icons/arrows-right.svg);
  content: "";
}

.secondary-button.arrow:hover:after {
  right: 20px;
}

.arrow-button {
  width: 55px;
  height: 55px;
  background-color: var(--white);
  background-position: center;
  border-radius: 50%;
  background-size: 41px 27px;
  background-repeat: no-repeat;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-image: url(../img/icons/arrow-right-green.svg);
  display: block;
}

.arrow-button:hover {
  transform: scale(1.05);
}

.read-more {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  color: var(--dark);
  padding: 10px 35px 10px 0;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 15px;
}

.read-more:after {
  width: 23px;
  height: 22px;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  background-size: 23px 22px;
  background-repeat: no-repeat;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-image: url(../img/icons/arrows-right.svg);
  content: "";
}

.read-more:hover:after {
  right: 0px;
}

.primary-button.full-width, .secondary-button.full-width {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}

.primary-button.fixed-bottom, .secondary-button.fixed-bottom {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}

.primary-button.fixed-bottom.full-width, .secondary-button.fixed-bottom.full-width, .primary-button.left-column.full-width, .secondary-button.left-column.full-width, .primary-button.right-column.full-width, .secondary-button.right-column.full-width {
  width: calc(100% - 30px);
}

.primary-button.big-font, .secondary-button.big-font {
  font-size: 1.66em;
}

.primary-button.right-column, .secondary-button.right-column {
  position: absolute;
  left: 45px;
  transform: translateX(100%);
}

.primary-button.left-column, .secondary-button.left-column {
  position: absolute;
  left: -15px;
  transform: translateX(-100%);
}

/* HEADER */

header {
  position: fixed;
  top: 0;
  width: calc(100% - 150px);
  left: 75px;
  z-index: 9999;
  background-color: var(--dark);
  padding: 0;
  color: var(--white);
}

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

header ul li:before {
  display: none;
}

header a {
  text-decoration: none;
}

header ul li {
  display: inline-block;
}

header .nav-bar {
  height: 100px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-size: 0.93em;
}

header.header-scrolled .nav-bar {
  height: 90px;
}

header .nav-bar:after {
  display: table;
  clear: both;
  content: "";
}

header .nav-bar .main-nav {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

header .nav-bar .logo a {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

header .nav-bar .logo a img {
  width: 160px;
}

header .nav-bar .main-nav .other, header .nav-bar .main-nav .other .eu-funds img {
  height: 65px;
}

header .nav-bar .logo {
  float: left;
  background-color: var(--accent);
  height: 100%;
  position: relative;
  display: block;
  padding-left: 40px;
  padding-right: 40px;
}

header .nav-bar .main-nav {
  float: right;
  padding-right: 320px;
}

header .nav-bar .finance {
  width: 300px;
  background-color: var(--accent);
  color: var(--white);
  position: absolute;
  right: 0;
  top: 0;
  padding: 30px 30px 20px 30px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .nav-bar .finance p {
	margin-bottom: 0;
}

header .nav-bar .finance h6 {
	margin-bottom: 12px;
}

header .nav-bar .finance .read-more {
	color: var(--white);
	margin-bottom: 0;
}

header .nav-bar .finance .read-more:after {
	filter: saturate(0%) brightness(350%);
}

header .nav-bar .main-nav .navigation, header .nav-bar .main-nav .other {
  display: inline-block;
}

header .nav-bar .main-nav .other .ue-funds, header .nav-bar .main-nav .other .social-media, header .nav-bar .main-nav .other .languages, header .nav-bar .main-nav .other .search-button {
  display: inline-block;
  position: relative;
}

header .nav-bar .main-nav .other .ue-funds {
  margin: 0 20px;
}

header .nav-bar .main-nav .other .ue-funds img {
	width: 110px;
}

header .nav-bar .main-nav .other .social-media {
  margin: 0 7px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  filter: invert(1) brightness(150%);
}

header .nav-bar .main-nav .other .social-media:hover {
  filter: invert(26%) sepia(99%) saturate(3211%) hue-rotate(155deg) brightness(92%) contrast(103%);
}

header .nav-bar .main-nav .navigation a:before {
  width: 100%;
  bottom: -5px;
  position: absolute;
  content: "";
  height: 2px;
  background-color: var(--accent);
  left: 0;
  transform: scaleX(0);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .nav-bar .main-nav .navigation a:hover:before, header .nav-bar .main-nav .navigation li.active > a:before {
  transform: scaleX(1);
}

header .nav-bar .main-nav > ul > li {
  margin: 0 10px;
  font-weight: 700;
}

header .nav-bar .main-nav > ul > li.store a {
  text-transform: none;
  padding: 5px 10px;
  border: 1px solid var(--dark);
  border-radius: 6px;
}

header .nav-bar .main-nav > ul > li.store a:hover {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}

header .nav-bar .main-nav > ul > li.store a:before {
  display: none;
}

header .nav-bar .main-nav .other .languages {
  position: relative;
  padding-left: 7px;
  border-left: 1px solid var(--dark);
}

header .nav-bar .main-nav .other .languages span {
  cursor: pointer;
  padding-right: 18px;
  position: relative;
  font-weight: 600;
}

header .nav-bar .main-nav .other .languages span:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 7px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icons/arrow-down.svg);
  content: "";
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .nav-bar .main-nav .other .languages:hover span:after {
  transform: translateY(-50%) rotate(180deg);
}

header .nav-bar .main-nav .other .languages .list {
  position: absolute;
  bottom: 0;
  transform: translateY(80%);
  max-height: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
}

header .nav-bar .main-nav .other .languages .list a {
	display: block;
}

header .nav-bar .main-nav .other .languages:hover .list {
  max-height: 150px;
  transform: translateY(100%);
}

header .nav-bar .main-nav .other .search-button {
  width: 30px;
  height: 30px;
  background-color: var(--accent);
  text-align: center;
  line-height: 29px;
  border-radius: 50%;
  margin-left: 20px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .nav-bar .main-nav .other .search-button:hover {
  transform: scale(1.05);
}

/* DROPDOWN NAV */

.dropdown-menu {
  font-size: 1em;
  color: inherit;
  border: none;
}

.main-nav ul li .dropdown-menu {
  width: 350px;
  display: block;
  left: -15px;
  padding: 15px;
  border-radius: 0;
  border: none;
  background-color: #FFF;
  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  top: 180%;
	font-size: 1em;
}

.main-nav ul li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: rotateX(0deg);
}

.main-nav ul li .dropdown-menu li {
  padding: 5px 0;
  display: block;
  line-height: 1em;
}

.main-nav ul li .dropdown-menu li a:before {
  display: none;
}

/* MAIN CAROUSEL */

.main-slider, .fl-node-content .main-slider {
  padding: 0;
}

.main-carousel {
  width: 100%;
  position: relative;
  display: block;
}

.main-carousel, .main-carousel .owl-stage-outer, .main-carousel .owl-stage-outer .owl-stage, .main-carousel .owl-stage-outer .owl-stage .owl-item, .main-carousel .owl-stage-outer .owl-stage .owl-item .item {
  height: calc(100vh - 190px);
}

.main-carousel .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-position: center;
}

.main-carousel .container {
  position: relative;
  width: 100%;
  height: 100%;
}

.main-carousel .owl-item.active .container {
  animation: 0.5s 0.2s fadeInLeft both;
}

.main-carousel .container .text {
  width: 90%;
  position: relative;
  left: 0;
  top: 90%;
  transform: translateY(-100%);
  color: var(--white);
}

.main-carousel .container .text h1 {
  margin-bottom: 0;
  display: inline-block;
  margin: 0;
  color: var(--white);
  width: auto;
  font-size: 5em;
}

.main-carousel .container .text .arrow-button {
  margin-top: 30px;
}

.main-slider h1, .main-slider .h2, .main-slider h2, .main-slider .h2, .main-slider h3, .main-slider .h3, .main-slider h4, .main-slider .h4, .main-slider h5, .main-slider .h5, .main-slider h6, .main-slider .h6 {
  color: var(--white);
}

.main-carousel .primary-button {
  border: 1px solid var(--accent) !important;
}

.owl-carousel .owl-dots {
  position: relative;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  z-index: 2;
}

.owl-carousel .owl-dots .owl-dot {
  margin-left: 7px;
  margin-right: 7px;
}

.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--light);
  display: block;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span {
  background-color: var(--accent);
}

.main-carousel .owl-dots .owl-dot span {
  background-color: var(--white);
}

.main-carousel .owl-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 2;
  pointer-events: none;
  left: 0;
}

.main-carousel .owl-dots .owl-dot {
  pointer-events: auto;
}

.main-carousel .owl-nav {
  bottom: 30px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: 3;
  pointer-events: none;
  left: 0;
}

.main-carousel .owl-nav button {
  pointer-events: auto;
  position: absolute;
  background: transparent;
}

.main-carousel .owl-nav button:before, .main-carousel .owl-nav button:after {
  position: absolute;
  width: 15px;
  height: 3px;
  background-color: var(--white);
  top: 0;
  left: 0;
  content: "";
}

.main-carousel .owl-nav button.owl-prev:before {
  transform: rotate(-45deg);
  top: -4px;
}

.main-carousel .owl-nav button.owl-prev:after {
  transform: rotate(45deg);
  top: 4px;
}

.main-carousel .owl-nav button.owl-next:before {
  transform: rotate(45deg);
  top: -4px;
}

.main-carousel .owl-nav button.owl-next:after {
  transform: rotate(-45deg);
  top: 4px;
}

.main-carousel .owl-nav button.owl-prev {
  left: 50px;
}

.main-carousel .owl-nav button.owl-next {
  right: 50px;
}

/* SMALL NAV */

section.small-nav {
  padding: 0;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
  transform: translateY(-50%);
}

section.small-nav nav {
  width: 100%;
  position: relative;
  display: flex;
  background-color: var(--accent);
  color: var(--white);
  padding: 20px;
  margin: 0;
}

section.small-nav nav div {
  flex-grow: 1;
  flex-basis: 0;
  border-left: 1px solid var(--white);
  text-align: center;
  font-size: 1.133em;
  text-transform: uppercase;
  padding: 15px;
}

section.small-nav nav div:first-child {
  border: none;
}

section.small-nav nav div a {
  text-decoration: none;
}

section.small-nav nav div a img {
  height: 50px;
  display: block;
  margin: 0 auto 15px auto;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

section.small-nav nav div a:hover img {
  transform: scale(1.05);
}

/* OTHER */

.gran-box-list {
  width: 100%;
  position: relative;
}

.gran-box-list.frame-list:before {
	content: "";
	width: 75%;
	left: 12.5%;
	height: calc(100% + 120px);
	top: -95px;
	position: absolute;
	z-index: 0;
	border: 1px solid var(--accent);
}

.gran-box {
  width: 100%;
  display: block;
  padding: 40px;
  position: relative;
  background-color: var(--bright);
  margin-bottom: 30px;
}

.gran-box-list .row:nth-child(odd) .col-md-4:nth-child(1) .gran-box, .gran-box-list .row:nth-child(odd) .col-md-4:nth-child(3) .gran-box, .gran-box-list .row:nth-child(even) .col-md-4:nth-child(2) .gran-box, .gran-box-list .row:nth-child(odd) .col-md-6:nth-child(1) .gran-box, .gran-box-list .row:nth-child(even) .col-md-6:nth-child(2) .gran-box {
  background-color: var(--light);
}

.gran-box-list.list-style-2 .row .col-md-4 .gran-box {
  background-color: var(--light);
}

.gran-box-list.list-style-3 .row .gran-box {
  background-color: #FBFBFB;
}



.gran-box-list.list-style-3 .row:nth-child(odd) .col-md-4:nth-child(1) .gran-box, .gran-box-list.list-style-3 .row:nth-child(odd) .col-md-4:nth-child(3) .gran-box {
  background-color: #EFEFEF;
}

.gran-box-list.list-style-3 .row:nth-child(even) .col-md-4:nth-child(2) .gran-box {
  background-color: #EFEFEF;
}

.gran-box:after {
  display: table;
  clear: both;
  content: "";
}

.gran-box.box-style-1 {
  padding: 30px
}

.gran-box.box-style-1 .image {
  float: left;
  width: 40%;
  height: 100%;
  position: relative;
  display: block;
}

.gran-box.box-style-1 .image img {
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.gran-box.box-style-1 .text {
  width: 60%;
  float: right;
  padding-left: 30px;
}

.gran-box.box-style-2 .text {
  width: 100%;
  display: block;
}

.gran-box.box-style-3 .description {
  width: 100%;
  display: block;
}

.gran-box.box-style-1 .text .description {
  margin-bottom: 40px;
}

.gran-box.box-style-1 .text .secondary-button, .gran-box.box-style-1 .text .primary-button {
  float: right;
  margin-top: 30px;
  margin-right: 0;
  width: 100%;
}

.gran-box-list.row .col-md-6:nth-child(2) .gran-box.box-style-1 .image {
  float: right;
}

.gran-box-list.row .col-md-6:nth-child(2) .gran-box.box-style-1 .text {
  float: left;
  padding-left: 0;
  padding-right: 30px;
}

.gran-box-list.row .col-md-6:nth-child(2) .gran-box.box-style-1 .text .secondary-button {
  float: left;
}

.gran-box.box-style-2 .image {
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.gran-box.box-style-3 .image {
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.product-icons {
  width: 100%;
  max-width: 500px;
  display: flex;
}

.product-icons .icon {
  flex-grow: 1;
  flex-basis: 0;
  margin-left: 6px;
  text-align: center;
  padding: 15px 10px;
  color: var(--white);
  background-color: var(--accent);
  font-size: 0.733em;
  font-weight: 600;
  height: 100px;
}

.product-icons .icon:first-child {
  margin-left: 0;
}

.product-icons .icon span {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: block;
}

.icon-on-left {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
}

.icon-on-left .item {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.icon-on-left .item:after {
  display: table;
  clear: both;
  content: "";
}

.icon-on-left .item .icon {
  float: left;
  width: 60px;
}

.icon-on-left .item .text {
  float: right;
  width: calc(100% - 60px);
}

.icon-on-left .item .text strong {
	font-weight: 600;
	color: var(--accent);
	font-size: 1.2em;
}

.icon-on-left .item .icon img {
  width: 40px;
}

.icon-on-left .item .text .inner, .icon-on-left .item .icon img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.white-title-box {
  background-color: var(--white);
  padding: 45px;
  display: block;
  width: 100%;
  position: relative;
  color: var(--dark);
  margin-bottom: 30px;
}

.white-title-box h1, .white-title-box h2, .white-title-box h3, .white-title-box h4, .white-title-box h5, .white-title-box h6 {
  margin-bottom: 0;
}

.big-space-section, .fl-node-content .big-space-section {
  padding-top: 300px;
  padding-bottom: 300px;
  overflow: hidden;
  display: block;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.black-title-box {
  background-color: var(--dark);
  padding: 45px;
  display: block;
  width: 100%;
  position: relative;
  color: var(--white);
}

.black-title-box.long-minus {
  padding-bottom: 350px;
  margin-bottom: -350px;
}

.black-title-box.long-minus .primary-button {
  position: absolute;
  bottom: 45px;
  right: 45px;
  margin-right: 0;
  margin-bottom: 0;
}

.calculator {
  background-color: var(--accent);
}

.calculator .field {
  width: 100%;
  position: relative;
  display: block;
  border: 1px solid var(--white);
  padding: 10px;
}

.calculator .field label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 5px;
  background-color: var(--accent);
  text-transform: uppercase;
  font-size: 0.75em;
  color: var(--white);
  letter-spacing: 0;
  text-align: center;
  display: block;
  max-width: 100%;
  word-wrap: none;
}

.calculator .field input {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: rgba(255, 255, 255, 0.12);
  padding: 5px;
  text-align: center;
  color: var(--white);
  display: block;
  position: relative;
}

.calculator span {
  height: 45px;
  display: block;
  line-height: 45px;
  text-align: center;
  color: var(--white);
  font-size: 1.5em;
}

.calculator .send {
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: var(--white);
  color: var(--dark);
  padding: 0 25px;
  width: 100%;
  line-height: 67px;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  height: 67px;
  font-size: 1em;
  border: 1px solid var(--white);
  text-transform: uppercase;
}

.calculator .send:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--dark);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.calculator .send:hover {
  color: var(--white);
}

.calculator .send:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.recommended-products {
  width: 100%;
  position: relative;
  display: flex;
  padding: 20px 0;
  margin: 0;
  font-size: 0.75em;
  border: 1px solid var(--dark);
}

.recommended-products .product {
  flex-grow: 1;
  flex-basis: 0;
  border-left: 1px solid var(--dark);
  text-align: center;
  position: relative;
}

.recommended-products .product:first-child {
  border-left: none;
}

.recommended-products .product img {
  width: 90%;
  display: block;
  margin: 15px auto;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.recommended-products .product:hover img {
  transform: scale(1.05);
}

.recommended-products .product:hover .read-more:after {
  right: 0;
}

.recommended-products .product .name {
  position: absolute;
  top: -20px;
  left: 50%;
  background-color: var(--white);
  transform: translateY(-50%) translateX(-50%);
  padding: 5px;
  white-space: nowrap;
  font-weight: 600;
}

.recommended-products .product .read-more {
  margin-right: 0;
  margin-bottom: 0;
}

.opacity-boxes {
  color: var(--white);
}

.opacity-boxes .text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 30px;
}

.opacity-boxes h1 {
  margin-bottom: 0;
}

.arrow-button {
  margin-top: 30px;
}

.dark-green-section {
  background-color: var(--dark);
  position: relative;
  color: var(--white);
}

.dark-green-section:before {
  width: 50%;
  position: absolute;
  left: 50%;
  height: 100%;
  background-color: var(--accent);
  content: "";
  z-index: 0;
  top: 0;
}

.dark-green-section .primary-button {
  display: block;
  width: 100%;
  margin-top: 40px;
}

.dark-green-section .row [class*="col"]:nth-child(1) .primary-button:before {
  background-color: var(--accent);
}

.dark-green-section .row [class*="col"]:nth-child(3) .primary-button {
  background-color: var(--dark);
}

.contact-form .send {
  background-color: var(--white);
  margin-top: 10px;
}

.contact-form input, .contact-form select {
  margin-bottom: 10px;
}

.contact-form textarea {
  height: 250px;
  margin-bottom: 10px;
}

.contact-form label {
  color: var(--white);
  font-weight: 400;
  text-transform: none;
}

.contact-form {
  position: relative;
}

section.contact, .contact-form {
  position: relative;
  z-index: 3;
}

.contact {
	background-color: var(--light);
	position: relative;
}

.contact:before {
	width: 100%;
	position: absolute;
	z-index: 0;
	height: 300px;
	background-color: var(--accent);
	content: "";
	left: 0;
	bottom: 0;
}

.contact .container {
	position: relative;
	z-index: 1;
}


/* FOOTER */

footer {
  padding: 30px 70px;
  background-color: var(--dark);
  color: var(--white);
  font-size: 0.85em;
}

footer:after {
  display: table;
  clear: both;
  content: "";
}

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

footer ul li:before {
  display: none;
}

footer ul li {
  padding: 0;
  margin: 0 20px;
  display: inline-block;
  font-weight: 600;
}

footer ul li:first-child {
  margin-left: 0;
}

footer a {
  text-decoration: none;
}

footer ul li a {
  padding: 7px 0;
}

footer a:hover {
  color: var(--accent);
}

footer ul li.special a {
  padding: 7px 12px;
  background-color: var(--white);
  color: var(--dark);
}

footer ul li.special a:hover {
  background-color: var(--accent);
  color: var(--white);
}

footer .copyright {
  float: right;
  font-weight: 600;
  padding: 7px 0;
}

/* SUBPAGE HEADER */

.subpage-header {
  position: relative;
  padding: 35px 75px 35px 75px;
  height: 700px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.subpage-header .container {
  height: 560px;
  position: relative;
}

.subpage-header.short {
  height: 480px;
}

.subpage-header.prod-list {
  margin-bottom: -230px;
  color: var(--dark);
}

.subpage-header h1 {
	color: var(--white);
}

.subpage-header.prod-list h1 {
	color: var(--dark);
	margin-top: 100px;
}

.subpage-header.prod-list img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.subpage-header.prod-2 .text {
  width: 70%;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: 0;
  padding-left: 0;
  position: relative;
  transform: translateY(0%);
  z-index: 3;
  color: var(--dark);
}

.subpage-header.prod-2 {
  padding-bottom: 420px;
  margin-bottom: -450px;
  padding-top: 200px;
  height: auto;
}

.subpage-header.prod-2 h1 {
	font-size: 3em;
	color: var(--dark);
}

.subpage-header.prod-2 .container {
  height: auto;
}

.subpage-header .image {
  width: 100%;
  position: absolute;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  top: 0;
  left: 0;
}

.subpage-header.prod-category .image {
  width: 40%;
  left: 0;
  background-size: contain;
}

.subpage-header.prod-category {
  background-image: url(../img/header-01.jpg);
  background-attachment: scroll;
}

.subpage-header.other .image {
  width: 40%;
  left: 0;
  background-size: contain;
  background-position: center;
}

.subpage-header .text {
  top: 50%;
  width: 70%;
  position: relative;
  transform: translateY(-50%);
  color: var(--white);
  z-index: 3;
}

.prod-category.subpage-header .text {
	padding-right: 0;
}

.subpage-header.prod .text {
  padding-left: 50%;
}

.subpage-header.prod .image {
  width: 40%;
  left: 0;
  background-size: contain;
}

.subpage-header.prod {
  background-image: url(../img/bg-01.jpg);
  background-attachment: scroll;
}

.subpage-header.prod .text {
  padding-left: 50%;
}

.subpage-header h1 {
    font-size: 4.66em;
    display: inline-block;
}

h1 span {
  color: var(--accent);
}

/* EU OFFERS */

.eu-offer-item {
  width: 90%;
  display: block;
  position: relative;
  margin-bottom: 30px
}

.eu-offer-item .image, .eu-offer-item .image img {
  width: 100%;
  display: block;
}

.eu-offer-item:hover .read-more:after {
  right: 0;
}

.eu-offer-item .date {
  display: block;
  margin-top: 25px;
  margin-bottom: 15px;
}

.eu-offer-item .date:before {
  content: "\f2d1";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  margin-right: 5px;
}

.row .col-md-4:nth-child(1) .eu-offer-item {
  margin-right: 10%;
}

.row .col-md-4:nth-child(2) .eu-offer-item {
  margin-right: 5%;
  margin-left: 5%;
}

.row .col-md-4:nth-child(3) .eu-offer-item {
  margin-left: 10%;
}

.eu-offer-item a, .eu-offer-item img {
  width: 100%;
}

.pagination {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.pagination a, .pagination span {
  padding: 7px 20px;
  color: var(--white);
  background-color: var(--accent);
  margin: 0 5px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--accent);
}

.pagination a:hover {
	background-color: var(--white);
	color: var(--dark);
}

.product-image-minus {
  display: block;
  position: relative;
  margin-bottom: -250px;
  width: 100%;
}

.product-ver {
  display: flex;
  width: 100%;
  position: relative;
  background-color: var(--white);
  color: var(--dark);
  margin-bottom: 10px;
}

.product-ver span {
  flex-grow: 1;
  flex-basis: 0;
  padding: 10px 40px;
  border-left: 1px solid var(--dark);
}

.product-ver span:first-child {
  font-weight: 600;
  border-left: none;
}

table {
  border: none;
  width: 100%;
}

table tr td, table tr th {
  padding: 5px 10px;
  border-left: 1px solid #C9C9C9;
  text-align: center;
}

.invert table tr td, .invert table tr th {
  border-left: 1px solid #FFF;
}

table tr th {
  background-color: var(--accent);
  color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
}

.invert table tr th {
  color: var(--dark);
}

table tr td:first-child, table tr th:first-child {
  border-left: none;
  text-align: left;
}

table tr {
  background-color: #EFEFEF;
  border-bottom: 1px solid #C9C9C9;
}

.invert table tr {
  border-bottom: 1px solid #FFF;
}

table tr td:nth-child(even) {
  background-color: #E1E2E2;
}

.invert table tr {
  background-color: transparent;
  border-top: 1px solid #FFF;
}

.download-pdf {
  display: block;
  margin-bottom: 15px;
  position: relative;
  padding-left: 70px;
  height: 54px;
}

.download-pdf:before {
  width: 51px;
  height: 54px;
  background-image: url(../img/icons/pdf.svg);
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

.download-pdf a {
  position: relative;
  display: block;
  text-decoration: none;
  top: 50%;
  transform: translateY(-50%);
}

.download-pdf a:hover {
  color: var(--accent);
}

hr {
  border: none;
  width: 155px;
  height: 7px;
  background-color: var(--accent);
  display: block;
  margin: 45px auto;
}

.carrier-titles {
  position: relative;
  z-index: 0;
  width: 100%;
  display: block;
}

.carrier-titles:before {
  width: 2px;
  height: 150px;
  position: absolute;
  bottom: -20px;
  transform: translateY(100%);
  left: 50%;
  content: "";
  background-color: var(--accent);
}

.carrier-titles:after {
  width: 600px;
  height: 2px;
  position: absolute;
  bottom: -170px;
  left: 50%;
  content: "";
  background-color: var(--accent);
}

.carrier-titles .title {
  width: 100%;
  display: block;
  background-color: var(--accent);
  color: var(--white);
  text-align: right;
  font-weight: 600;
  font-size: 1.33em;
  padding: 10px 20px;
  margin-bottom: 10px;
}

.carrier-description {
  padding: 40px;
  width: 100%;
  background-color: var(--dark);
  color: var(--white);
  position: relative;
  z-index: 1;
}

.right-text-with-lines {
  position: relative;
}

.right-text-with-lines:before {
  height: 100%;
  bottom: calc(-70px - 1rem);
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  content: "";
  left: -50%;
}

.right-text-with-lines:after {
  width: 30%;
  bottom: calc(100% - 70px - 1rem);
  height: 2px;
  background-color: var(--accent);
  position: absolute;
  content: "";
  left: -50%;
}

.right-text-with-lines .text {
  position: relative;
}

.right-text-with-lines .text:before {
  height: 140px;
  bottom: -1rem;
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  content: "";
  left: 50%;
  transform: translateY(100%);
}

.left-text-with-lines {
  position: relative;
}

.left-text-with-lines:before {
  height: 100%;
  bottom: calc(-70px - 1rem);
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  content: "";
  left: 150%;
}

.left-text-with-lines:after {
  width: 30%;
  bottom: calc(100% - 70px - 1rem);
  height: 2px;
  background-color: var(--accent);
  position: absolute;
  content: "";
  left: calc(120% + 2px);
}

.left-text-with-lines .text {
  position: relative;
}

.left-text-with-lines .text:before {
  height: 140px;
  bottom: -1rem;
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  content: "";
  left: 50%;
  transform: translateY(100%);
}

.product-display {
  display: block;
  position: relative;
  text-align: center;
}

.product-display .image {
  width: 80%;
  height: auto;
  margin: 0 auto 45px auto;
  display: block;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.product-display .image img {
  width: auto;
  max-width: 700px;
  display: block;
  margin: 0 auto;
}

.product-display .nav {
  width: 100%;
  display: flex;
}

.product-display .nav span {
  flex-grow: 1;
  flex-basis: 0;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background-color: var(--dark);
  cursor: pointer;
  color: var(--white);
  position: relative;
  padding: 15px 25px;
  font-size: 1.66em;
  font-weight: 500;
  text-transform: uppercase;
}

.product-display .nav span:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--accent);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.product-display .nav span:hover:before, .product-display .nav span.active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.product-display .description {
  margin: 45px auto 0 auto;
  width: 60%;
  display: block;
}

.product-display .frame-text {
  margin: 35px auto 0 auto;
  width: 60%;
  display: block;
  padding: 20px;
  text-align: center;
  border: 1px solid var(--accent);
}

.product-display .frame-text p {
	margin-bottom: 0;
}

section.accent-right-column, section.accent-left-column {
  position: relative;
}

section.accent-right-column:before, section.accent-left-column:before {
  width: 50vw;
  height: 100%;
  position: absolute;
  content: "";
  background-color: var(--accent);
  top: 0;
}

section.accent-right-column > .background {
  width: 50vw;
  height: 100%;
  position: absolute;
  content: "";
  background-color: var(--accent);
  top: 0;
  left: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
}

section.accent-left-column:before {
  left: 0;
}

section.accent-right-column:before {
  left: 50vw;
}

.big-half-tiles {
  width: 100%;
  position: relative;
  display: block;
}

.big-half-tiles:after {
  display: table;
  clear: both;
  content: "";
}

.big-half-tiles .tile {
  width: calc(50% - 8px);
  margin-right: 16px;
  float: left;
  padding: 70px;
  margin-bottom: 16px;
}

.big-half-tiles .tile.full-width {
	width: 100%;
	margin-right: 0;
}

.big-half-tiles .tile:nth-child(even) {
  margin-right: 0;
}

.big-half-tiles .tile h2 {
  margin-bottom: 0;
}

.big-half-tiles .tile:nth-child(4n + 1), .big-half-tiles .tile:nth-child(4n + 4) {
  background-color: var(--accent);
  color: var(--white);
}

.big-half-tiles .tile:nth-child(4n + 2), .big-half-tiles .tile:nth-child(4n + 3) {
  background-color: var(--white);
  color: var(--dark);
}

.big-half-tiles .tile:nth-child(4n + 1) li:before, .big-half-tiles .tile:nth-child(4n + 4)  li:before {
  border-color: var(--white);
}

.product-power {
  display: block;
  margin: 45px auto 0 auto;
  text-align: center;
}

.product-power span {
  width: 260px;
  height: auto;
  padding: 15px 25px;
  font-size: 1.66em;
  color: var(--white);
  background-color: var(--accent);
  margin: 5px;
  font-weight: 500;
  display: inline-block;
}

.news-item {
  width: 90%;
  display: block;
  position: relative;
  margin-bottom: 30px
}

.news-item .image, .eu-offer-item .image img {
  width: 100%;
  display: block;
}

.news-item:hover .read-more:after {
  right: 0;
}

.news-item .date {
  display: block;
  margin-top: 25px;
  margin-bottom: 15px;
}

.news-item a, .news-item img {
  width: 100%;
}

.news-item .date:before {
  content: "\f2d1";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  margin-right: 5px;
}

.row div[class*="col-"]:first-child .news-item {
  margin-right: 10%;
}

.row div[class*="col-"]:first-child .news-item {
  margin-right: 10%;
}

.row div[class*="test"]:nth-child(2) .news-item {
  margin-right: 5%;
  margin-left: 5%;
}

.row div[class*="test"]:last-child .news-item {
  margin-left: 10%;
}

.col-md-8 .news-item {
  width: 95%;
}

.newsletter-form {
  position: relative;
  display: block;
}

.newsletter-form input {
  background-color: var(--white);
  color: var(--dark);
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.newsletter-form .send {
  position: absolute;
  right: 10px;
  padding: 10px;
  top: 5px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  color: var(--dark);
}

.newsletter-form .send:hover {
  color: var(--accent);
}

label {
  font-weight: 400;
  text-transform: none;
}

.invert label {
  color: var(--white);
}

.breadcrumbs-only {
  padding: 0 0 30px 0;
  font-style: italic;
  font-size: 0.85em;
}

.breadcrumbs-only:before {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: var(--dark);
  content: "";
  display: block;
  margin-bottom: 30px;
}

.breadcrumbs-only a, .breadcrumbs-only span {
  text-decoration: none;
  margin: 0 5px;
}

.breadcrumbs-only a:first-child {
  margin-left: 0;
}

.share {
  display: block;
  width: 100%;
  margin-top: 50px;
}

.share a, .share span {
  text-decoration: none;
  margin: 0 5px;
}

.share span:first-child {
  margin-left: 0;
}

.wpcf7-list-item {
	margin-left: 0;
}

.service-section {
  position: relative;
}

.service-section:before {
  position: absolute;
  bottom: 0;
  left: 12%;
  width: 53%;
  height: 2px;
  background-color: var(--accent);
  content: "";
}

.service-section:after {
  display: table;
  clear: both;
  content: "";
}

.service-section .column {
  float: left;
  position: relative;
  padding-bottom: 30px;
}

.service-section .column:nth-child(1) {
  width: 30%;
  margin-right: 5%;
  padding-top: 150px;
}

.service-section .column:nth-child(1) img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.service-section .column:nth-child(1):before {
  z-index: 0;
  left: 40%;
  top: 50px;
  position: absolute;
  height: calc(100% - 50px);
  width: 2px;
  background-color: var(--accent);
  content: "";
}

.service-section .column:nth-child(1):after {
  z-index: 0;
  left: 40%;
  top: 50px;
  position: absolute;
  height: 2px;
  width: 60%;
  background-color: var(--accent);
  content: "";
}

.service-section .column:nth-child(2) {
  width: 30%;
  padding-right: 5%;
}

.service-section .column:nth-child(2):before {
  z-index: 0;
  right: 0;
  top: 50px;
  position: absolute;
  height: calc(100% - 50px);
  width: 2px;
  background-color: var(--accent);
  content: "";
}

.service-section .column:nth-child(3) {
  width: 22%;
  padding-left: 4%;
}

.service-section .column:nth-child(3):after {
  z-index: 0;
  left: 0;
  top: 50px;
  position: absolute;
  height: 2px;
  width: 4%;
  background-color: var(--accent);
  content: "";
}


.service-form input, .service-form textarea, .service-form select {
  border-bottom: 1px solid var(--dark);
  margin-bottom: 15px;
}

.faq-list, .faq-list .item {
  position: relative;
  width: 100%;
  display: block;
}

.faq-list .item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--accent);
}

.invert .faq-list .item {
  border-bottom-color: var(--white);
}

.faq-list .item:after {
  display: table;
  clear: both;
  content: "";
}

.faq-list .item .question {
  float: left;
  width: 40%;
  margin-right: 5%;
}

.faq-list .item .answer {
  float: right;
  width: 55%;
}

.accent-box {
  width: 100%;
  padding: 30px 100px;
  background-color: var(--accent);
  color: var(--white);
  font-size: 1.33em;
  text-align: center;
}

.two-column-gallery {
  width: 100%;
  position: relative;
  display: block;
}

.two-column-gallery:after {
  display: table;
  clear: both;
  content: "";
}

.two-column-gallery .item {
  width: calc(50% - 15px);
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  padding: 15px;
  background-color: var(--white);
  color: var(--dark);
  position: relative;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  display: block;
  text-decoration: none;
}

.two-column-gallery .item:hover {
  transform: scale(1.05);
}

.two-column-gallery .item:nth-child(even) {
  margin-right: 0;
}

.two-column-gallery .item .text {
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
}

.two-column-gallery .item img {
  width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
}

.company-section-01 {
  display: block;
  position: relative;
  width: 100%;
}

.company-section-01:after {
  display: table;
  clear: both;
  content: "";
}

.company-section-01 .element {
  float: left;
  position: relative;
}

.company-section-01 .text {
  position: relative;
}

.company-section-01 .image, .company-section-01 .image img {
  width: 100%;
  display: block;
  position: relative;
}

.company-section-01 .element:nth-child(1) {
  width: 40%;
  padding: 100px 30px 100px 70px;
}

.company-section-01 .element:nth-child(1):before {
  height: 35px;
  top: 35px;
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  left: 40%;
  content: "";
}

.company-section-01 .element:nth-child(1):after {
  height: 2px;
  top: 35px;
  width: 100%;
  background-color: var(--accent);
  position: absolute;
  left: 40%;
  content: "";
}

.company-section-01 .element:nth-child(2) {
  width: 60%;
  float: right;
}

.company-section-01 .element:nth-child(3) {
  width: 40%;
  padding-right: 30px;
  margin-bottom: 100px;
}

.company-section-01 .element:nth-child(3):before {
  height: 50px;
  top: -50px;
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  left: 40%;
  content: "";
}

.company-section-01 .element:nth-child(4) {
  width: 60%;
  padding: 100px 10% 0 10%;
  float: right;
}

.company-section-01 .element:nth-child(4):before {
  height: 2px;
  top: 125px;
  width: 15%;
  background-color: var(--accent);
  position: absolute;
  left: -30px;
  content: "";
}

.company-section-01 .element:nth-child(4):after {
  height: 2px;
  top: 125px;
  width: 30px;
  background-color: var(--accent);
  position: absolute;
  left: 50%;
  content: "";
}

.company-section-01 .element:nth-child(4) .text {
  margin-bottom: 100px;
}

.company-section-01 .element:nth-child(4) .text:before {
  height: 30px;
  top: 25px;
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  left: calc(50% + 30px);
  content: "";
}

.company-section-01 .element:nth-child(4) .text:after {
  height: 50px;
  bottom: -100px;
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  left: calc(50% + 30px);
  content: "";
}

.company-section-01 .element:nth-child(4) .image:nth-child(2) {
  margin-bottom: 50px;
}

.company-section-01 .element:nth-child(5) {
  width: 40%;
  padding-right: 30px;
  padding-left: 70px;
}

.company-section-01 .element:nth-child(5):before {
  height: 50px;
  top: -100px;
  width: 2px;
  background-color: var(--accent);
  position: absolute;
  left: 40%;
  content: "";
}

.company-section-01 .element:nth-child(5) .text:nth-child(1) {
  margin-bottom: 100px;
}

.company-section-02 {
  position: relative;
  color: var(--white);
  margin-top: 100px;
}

.company-section-02:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background-color: var(--accent);
  z-index: 0;
  left: 0;
  top: 0;
}

.company-section-02:after {
  width: 50vw;
  height: 100%;
  position: absolute;
  content: "";
  background-color: var(--accent);
  z-index: 0;
  top: 0;
  left: 0;
  transform: translateX(-100%);
}

.company-section-02-inner {
  position: relative;
  width: 100%;
  display: block;
  z-index: 1;
}

.company-section-02-inner:after {
  display: table;
  clear: both;
  content: "";
}

.company-section-02-inner .text {
  float: left;
  position: relative;
  width: 50%;
  padding-top: 70px;
  padding-bottom: 70px;
}

.company-section-02-inner .text:nth-child(1) {
  padding-right: 70px;
}

.company-section-02-inner .text:nth-child(2) {
  padding: 70px;
  margin-top: -50px;
  width: 35%;
}

.company-section-02-inner .text:nth-child(2):before {
  width: 50vw;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--dark);
  position: absolute;
  content: "";
  z-index: 0;
}

.company-section-03 {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 70px;
}

.company-section-03:after {
  display: table;
  clear: both;
  content: "";
}

.company-section-03 .image {
  width: 50%;
  float: left;
  position: relative;
}

.company-section-03 .image img {
  width: 100%;
  display: block;
}

.company-section-03 .text {
  float: right;
  width: 50%;
  padding-left: 70px;
  position: relative;
  padding-top: 70px;
}

.company-section-03 .text .primary-button {
  margin-top: 30px;
}

.company-section-03 .text:after {
  width: 2px;
  height: 50px;
  position: absolute;
  bottom: -70px;
  left: calc(40% + 30px);
  content: "";
  background-color: var(--accent);
}

.company-section-03 .text:before {
  width: calc(40% + 30px);
  height: 2px;
  position: absolute;
  bottom: -70px;
  left: 0;
  content: "";
  background-color: var(--accent);
}


.main-back-to-top {
	display: none !important;
}

.searchform input[type=text] {
	border: 1px solid var(--dark);
	margin-bottom: 15px;
}

.result {
	display: block;
	border: 1px solid var(--light);
	margin-bottom: 45px;
	padding: 45px;
}

#searchsubmit {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: var(--accent);
  color: var(--white);
  padding: 15px 25px;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  font-size: 1em;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid var(--accent);
}

#searchsubmit:hover {
  color: var(--dark);
  background-color: var(--white);
}

.gran-box img {
  max-width: 100%;
  display: block;
  margin: 10px auto;
}

.woocommerce li:before {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: none;
}

.woocommerce .quantity .qty {
	padding: 10px 5px;
}

.woocommerce table.shop_table, .woocommerce table.shop_table td {
	border: none;
}

.gran-box .description {
	display: block;
}

.wpcf7 .ajax-loader {
	display: none;
}

.product_cat {
	list-style: none;
	font-weight: 700;
}

.product_cat ul {
	font-weight: 400;
	padding-left: 0;
	margin-top: 30px;
}

.product_cat a {
	text-decoration: none;
}

.product_cat a:hover {
	color: var(--accent);
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	max-width: 48%;
}

.woocommerce .col2-set label, .woocommerce .col2-set span {
	display: block;
	width: 100%;
}

.woocommerce .col2-set input, .woocommerce .col2-set textarea {
	display: block;
	width: 100%;
	border: 1px solid var(--light);
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
	margin-bottom: 50px;
}

.woocommerce-shipping-methods label, .woocommerce-checkout-payment label {
	font-size: 1em;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	border: none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	text-align: center;
}

.product-point {
	margin-bottom: 45px;
}

.product-point h4 {
	color: var(--accent);
	margin-bottom: 20px;
}

.product-points-photo-container {
	position: relative;
}

.product-points-photo {
	position: absolute;
	width: 33%;
	left: 33.5%;
	top: -280px;
}

.row .col-md-4:first-child .product-point {
	text-align: right;
}

.grey-inside-desktop {
	padding: 30px;
}

.grey-inside-desktop .row {
	position: relative;
	z-index: 1;
}

.grey-inside-desktop:before {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: var(--dark);
	content: "";
	z-index: 0;
	left: 0;
	top: 0;
}

.grey-inside-desktop .secondary-button {
	margin-bottom: -55px;
}

.dark-accent-half-bg {
	background-color: var(--accent);
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}

.dark-accent-half-bg:before {
	position: absolute;
	z-index: 0;
	width: 50vw;
	right: -15px;
	top: 0;
	height: 100%;
	background-color: var(--dark);
	content: "";
}

.dark-accent-half-bg .col-md-6:first-child {
	padding-right: 50px;
	padding-top: 70px;
	padding-bottom: 70px;
}

.dark-accent-half-bg .col-md-6:last-child {
	padding-left: 50px;
	padding-top: 70px;
	padding-bottom: 70px;
}

.minus-image-section {
	margin-top: 400px;
	position: relative;
	background-image: url(../img/bg-02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.minus-image-section .minus-image {
	width: 100%;
	margin-top: -460px;
	margin-bottom: 50px;
}

.minus-image-section .primary-button {
	margin-top: 50px;
}

@media(max-width: 1780px) {
  body {
    font-size: 14px;
  }

  header .nav-bar .main-nav .other .ue-funds img {
    height: 50px;
  }

  header .nav-bar .main-nav .navigation, header .nav-bar .main-nav .other {
    padding-top: 10px;
  }

  header .nav-bar {
    height: 100px;
  }
}

@media(max-width: 1650px) {
  header .nav-bar {
    font-size: 0.85em;
  }

  header .nav-bar .main-nav > ul > li {
    margin: 0 7px;
  }
}

@media(max-width: 1500px) {
  header .nav-bar .main-nav > ul > li {
    margin: 0 5px;
  }

  section.shorter {
    padding-left: 45px;
    padding-right: 45px;
  }
}

@media(max-width: 1400px) {
	body {
		font-size: 12px;
	}
  header .nav-bar .logo a img {
    width: 120px;
  }

  header .nav-bar {
    font-size: 0.75em;
  }

  .product-icons .icon {
    font-size: 0.65em;
  }

  .product-icons .icon img {
    height: 35px;
  }
}

@media(max-width: 1250px) {
  
  header .nav-bar .finance {
	  max-width: 50%;
	  right: -30px;
	  transform-origin: right;
	  top: 120px;
  }
  
  header.header-scrolled .nav-bar .finance {
	  transform: translateX(100%);
  }
  
  header .nav-bar .main-nav {
	  padding-right: 15px;
  }

  header .nav-bar {
    font-size: 0.75em;
  }

  header .nav-bar .main-nav .other .ue-funds img {
    height: 40px;
  }

  header .nav-bar, header.header-scrolled .nav-bar {
    height: 120px;
  }

  .gran-box.box-style-1 .image, .gran-box.box-style-1 .text {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .gran-box.box-style-1 .image img {
    top: 0;
    transform: none;
    margin-bottom: 30px;
  }

  header .nav-bar .logo a img {
    width: 150px;
  }
}

@media screen and (max-width: 1200px) {
  header {
    padding: 0 45px;
  }
  
  header {
    padding: 0;
	width: calc(100% - 30px);
	left: 15px;
	top: 15px;
  }

  header .navbar-toggler {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    padding: 0;
    right: 15px;
    top: 40px;
    z-index: 9999;
  }

  header .navbar-toggler span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: var(--accent);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  header .navbar-toggler span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  header .navbar-toggler span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  header .navbar-toggler span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  header .navbar-toggler.open {
    position: fixed;
    z-index: 99999999;
    right: 30px;
    top: 50px;
  }

  header .navbar-toggler.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 3px;
  }

  header .navbar-toggler.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  header .navbar-toggler.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    left: 3px;
  }

  header .nav-bar {
    position: relative;
  }

  header .nav-bar .main-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    overflow-y: auto;
    right: -100%;
    width: 100%;
    padding-top: 64px;
    background: var(--dark);
    transition: 0.4s;
    transform: none;
    top: 0;
    height: 100%;
    z-index: 9999999;
    text-align: center;
	font-size: 14px;
  }

  header .nav-bar .main-nav .navigation, header .nav-bar .main-nav .other {
    display: block;
    width: 100%;
  }

  header .nav-bar .main-nav > ul > li {
    margin-bottom: 15px;
  }

  header .nav-bar .main-nav .navigation a:before {
    display: none;
  }

  header .nav-bar, header.header-scrolled .nav-bar {
    height: 90px;
  }

  header .main-nav.open {
    right: 0;
    z-index: 9999999;
  }

  header ul li:before {
    display: none;
  }

  header ul li {
    height: auto;
    float: none;
    display: block;
    margin-bottom: 10px;
  }

  header ul li a {
    margin: 0 5vw;
    font-size: 1.2em;
  }
  
  .minus-image-section .minus-image {
	  margin-top: -200px;
  }
  
  .minus-image-section {
	  margin-top: 150px;
  }
}

@media(max-width: 992px) {
  body {
    font-size: 12px;
  }
  
  header .nav-bar, header.header-scrolled .nav-bar {
	  height: 70px;
  }
  
  header .navbar-toggler {
	  top: 27px;
  }
  
  header .navbar-toggler.open {
	  top: 42px;
  }
  
  header .nav-bar .logo a img {
    width: 100px;
  }

  h1, .h1 {
    font-size: 2em;
    margin-bottom: 30px;
  }

  h2, .h2 {
    font-size: 2em;
    margin-bottom: 30px;
  }

  h3, .h3 {
    font-size: 1.7em;
  }

  h4, .h4 {
    font-size: 1.5em;
  }

  h5, .h5 {
    font-size: 1.5em;
  }

  h6, .h6 {
    font-size: 1.2em;
  }
}

@media(max-width: 870px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  header .navbar-toggler.open {
    right: 35px;
  }

  section.small-nav nav div a img {
    height: 30px;
  }

  section.small-nav nav div {
    font-size: 1em;
  }

  section.small-nav nav {
    padding: 20px 0;
  }

  section.shorter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
  }

  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 0;
    padding-right: 0;
  }

  .black-title-box.long-minus {
    padding-bottom: 45px;
    margin-bottom: 45px;
  }

  .black-title-box.long-minus .primary-button {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .calculator .field, .calculator .send {
    margin-bottom: 20px;
  }

  .dark-green-section {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dark-green-section:before {
    display: none;
  }

  .dark-green-section .col-md-5 {
    padding: 20px 0;
  }

  .dark-green-section .col-md-5:first-child:before {
    background-color: var(--dark);
    position: absolute;
    width: calc(100% + 40px);
    height: 100%;
    content: "";
    left: -20px;
    top: 0;
    z-index: -1;
  }

  .dark-green-section .col-md-5:last-child:before {
    background-color: var(--accent);
    position: absolute;
    width: calc(100% + 40px);
    height: 100%;
    content: "";
    left: -20px;
    top: 0;
    z-index: -1;
  }

  .subpage-header.other .image {
    width: 100%;
    float: none;
  }

  .subpage-header .text {
    float: none;
    width: 100%;
    padding: 0;
    transform: none;
    top: 0;
  }

  .subpage-header h1 {
    font-size: 3.2em;
  }

  .subpage-header {
    padding: 0 0 40px 0;
  }

  .subpage-header .image {
    position: relative;
    height: 300px;
    margin-bottom: 30px;
    width: 100%;
  }

  .subpage-header .container {
    padding-top: 0;
	padding-bottom: 0;
  }

  .subpage-header .text {
    padding: 20px;
  }

  .subpage-header .container, .subpage-header {
    height: auto;
	min-height: 300px;
  }

  .right-text-with-lines .text:before, .right-text-with-lines:before, .right-text-with-lines:after, .left-text-with-lines:before, .left-text-with-lines:after, .left-text-with-lines .text:before, .company-section-01 .element:nth-child(1):before, .company-section-01 .element:nth-child(1):after, .company-section-01 .element:nth-child(4) .text:before, .company-section-01 .element:nth-child(4):before, .company-section-01 .element:nth-child(4):after, .company-section-01 .element:nth-child(5):before, .company-section-03 .text:before, .company-section-03 .text:after, .carrier-titles:before, .carrier-titles:after, .service-section .column:nth-child(2):before, .service-section:before, .service-section .column:nth-child(3):after {
    display: none;
  }

  .company-section-01 .element:nth-child(3):before, .company-section-01 .element:nth-child(4) .text:after, .company-section-01 .element:nth-child(4) .image:nth-child(2):after, .company-section-01 .element:nth-child(5) .text:nth-child(1):before {
    left: 50%;
  }

  .primary-button.fixed-bottom.full-width, .secondary-button.fixed-bottom.full-width, .primary-button.left-column.full-width, .secondary-button.left-column.full-width, .primary-button.right-column.full-width, .secondary-button.right-column.full-width {
    position: relative;
    left: 0;
    margin-top: 30px;
    transform: none;
    width: 100%;
    margin-right: 0
  }

  .contact-form {
    margin-bottom: 0;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--white);
  }

  .contact-form:before {
    width: calc(100% + 40px);
    left: -20px;
    top: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    content: "";
    background-color: var(--accent);
  }

  .contact {
    padding-bottom: 0;
  }

  .accent-box {
    padding: 45px;
  }

  footer ul li {
    margin-left: 0;
  }

  footer {
    padding: 20px;
  }

  footer ul {
    margin-bottom: 20px;
  }

  .news-item {
    width: 100%;
    margin-right: 0
  }

  .company-section-01 .element {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
  }

  .company-section-02-inner .text:nth-child(1) {
    padding-right: 0;
  }

  .company-section-02-inner .text {
    width: 100%;
    padding: 40px 0;
    float: none;
  }

  .company-section-02-inner .text:nth-child(2) {
    width: 100%;
    padding: 40px 0;
    float: none;
    margin-top: 0;
  }

  .company-section-02-inner .text:nth-child(2) h5 {
    margin-bottom: 0;
  }

  .company-section-02-inner .text:nth-child(2):before {
    width: calc(100% + 40px);
    left: -20px;
    top: 0;
  }

  .company-section-03 .image {
    width: 100%;
    float: none;
  }

  .company-section-03 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 45px;
  }

  .eu-offer-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .carrier-titles .title {
    text-align: center;
  }

  .subpage-header.prod .image {
    width: 100%;
  }

  .subpage-header.prod .text {
    padding: 20px;
    width: 100%;
  }

  .product-image-minus {
    margin-bottom: -100px;
  }

  h1, .h1 {
    margin-bottom: 30px !important;
  }

  .subpage-header.prod-2 .text {
    width: 100%;
    padding: 20px;
  }

  .product-display .nav span {
    font-size: 0.85em;
    padding: 10px 5px;
  }

  section.accent-right-column {
    padding-top: 300px !important;
    padding-bottom: 20px !important;
  }

  section.accent-right-column:before {
    height: calc(100% - 280px);
    top: 280px;
    left: 0;
    width: 100%;
  }

  .big-half-tiles .tile {
    padding: 30px;
    float: none;
    width: 100%;
  }

  .subpage-header.prod-category .image {
    width: 100%;
  }

  .service-section .column {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	max-width: 100%;
	width: 100%;
  }
  
  .dark-accent-half-bg .col-md-6:first-child {
		padding-right: 0;
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: var(--accent);
	}

	.dark-accent-half-bg .col-md-6:last-child {
		padding-left: 0;
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: var(--dark);
	}
	
	.minus-image-section .minus-image {
		margin-top: 0;
	}
	
	.minus-image-section {
		margin-top: 0;
	}
	
	section:not(.fl-row), section.fl-row:not(.fl-none) .fl-row-content-wrap {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	.main-carousel .container .text h1 {
		font-size: 2em;
	}
	
	header .nav-bar .finance {
		top: 90px;
	}
	
	.primary-button.arrow, .secondary-button.arrow {
		min-width: 0;
	}
	
	.product-points-photo {
		position: relative;
		top: 0;
		display: block;
		margin: 0 auto 35px auto;
		left: auto;
		width: 70%;
		max-width: 500px;
	}
	
	.grey-inside-desktop .secondary-button {
		margin-bottom: 0;
	}
	
	.subpage-header .container {
		min-height: 0;
	}
	
	.subpage-header .text {
		margin-top: 250px;
	}
	
	.dark-accent-half-bg:before {
		display: none;
	}
	
	.dark-accent-half-bg, .dark-accent-half-bg .col-md-6:last-child {
		background-color: var(--accent);
	}
	
	.grey-inside-desktop:before {
		display: none;
	}
	
	.row .col-md-4:first-child .product-point {
		text-align: left;
	}
	
	.subpage-header.prod-list h1 {
		margin-top: 220px;
	}
	
	.gran-box-list.frame-list:before {
		display: none;
	}
	
	.subpage-header.prod-2 {
		padding-top: 240px;
		margin-bottom: -250px;
	}
	
	.product-display .image img {
		max-width: 100%;
		height: auto;
	}
	
	section.accent-right-column > .background {
		width: 100%;
		height: 300px;
		position: relative;
	}
	
	.accent-right-column.invert.padding-top-2x.padding-bottom-2x {
		padding-bottom: 35px;
		padding-top: 0;
	}
	
	.accent-right-column.invert.padding-top-2x.padding-bottom-2x .container {
		padding-top: 35px;
	}
	
	
}

table p {
	margin-bottom: 0;
}