@charset "UTF-8";
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

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

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

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

@font-face {
  font-family: "sweet_sans_probold";
  src: url("../../fonts/sweetsansprobold-webfont.eot");
  src: url("../../fonts/sweetsansprobold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/sweetsansprobold-webfont.woff2") format("woff2"), url("../../fonts/sweetsansprobold-webfont.woff") format("woff"), url("../../fonts/sweetsansprobold-webfont.ttf") format("truetype"), url("../../fonts/sweetsansprobold-webfont.svg#sweet_sans_probold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sweet_sans_prolight";
  src: url("../../fonts/sweetsansprolight-webfont.eot");
  src: url("../../fonts/sweetsansprolight-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/sweetsansprolight-webfont.woff2") format("woff2"), url("../../fonts/sweetsansprolight-webfont.woff") format("woff"), url("../../fonts/sweetsansprolight-webfont.ttf") format("truetype"), url("../../fonts/sweetsansprolight-webfont.svg#sweet_sans_prolight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sweet_sans_proregular";
  src: url("../../fonts/sweetsansproregular-webfont.eot");
  src: url("../../fonts/sweetsansproregular-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/sweetsansproregular-webfont.woff2") format("woff2"), url("../../fonts/sweetsansproregular-webfont.woff") format("woff"), url("../../fonts/sweetsansproregular-webfont.ttf") format("truetype"), url("../../fonts/sweetsansproregular-webfont.svg#sweet_sans_proregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../../fonts/SourceSansPro-Light.eot");
  src: url("../../fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/SourceSansPro-Light.woff2") format("woff2"), url("../../fonts/SourceSansPro-Light.woff") format("woff"), url("../../fonts/SourceSansPro-Light.ttf") format("truetype"), url("../../fonts/SourceSansPro-Light.svg#SourceSansPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../../fonts/SourceSansPro-Regular.eot");
  src: url("../../fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/SourceSansPro-Regular.woff2") format("woff2"), url("../../fonts/SourceSansPro-Regular.woff") format("woff"), url("../../fonts/SourceSansPro-Regular.ttf") format("truetype"), url("../../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../../fonts/SourceSansPro-Bold.eot");
  src: url("../../fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/SourceSansPro-Bold.woff2") format("woff2"), url("../../fonts/SourceSansPro-Bold.woff") format("woff"), url("../../fonts/SourceSansPro-Bold.ttf") format("truetype"), url("../../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "sweet_sans_proregular", sans-serif;
  font-weight: normal;
}

header, footer, .btn, .logo, .dropdown h2 {
  font-family: "sweet_sans_proregular", sans-serif;
}

.above-footer {
  font-family: "sweet_sans_prolight", sans-serif;
}
.above-footer h3 {
  font-family: "sweet_sans_prolight", sans-serif;
}

h1, h2, h3, h4 {
  font-family: "sweet_sans_proregular", sans-serif;
}

.pd-attributes,
.map-point h3,
.map-point h4 {
  font-family: "sweet_sans_proregular", sans-serif;
}

h1, .h1 {
  font-size: 2.15em;
  margin: 0 0 1em;
  color: #e67a2b;
}

h2, .h2 {
  font-size: 1.5em;
  margin: 0 0 1em;
}

h3, .h3 {
  font-size: 1.1em;
  margin: 0 0 1em;
}

h4, .h4 {
  font-size: 1em;
  margin: 0 0 1em;
  line-height: 1.5em;
}

header h1.logo {
  font-size: 14.4px;
  line-height: 1.2em;
  margin: 0;
  padding: 0 0.5em;
  display: inline;
}
header nav a,
header .category a,
header .category p {
  font-size: 14.4px;
  line-height: 1.2em;
}

.category-intro-product-list a {
  font-size: 14.4px;
}

.banner h3 {
  margin: 0;
}
.banner h1 {
  color: #000;
  margin: 0.5em 0;
  font-size: 2.8em;
}

@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?vsjq1g");
  src: url("../../fonts/icomoon.eot?vsjq1g#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?vsjq1g") format("truetype"), url("../../fonts/icomoon.woff?vsjq1g") format("woff"), url("../../fonts/icomoon.svg?vsjq1g#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rss:before {
  content: "\ea9b";
}

.icon-rss2:before {
  content: "\ea9c";
}

.icon-youtube:before {
  content: "\ea9d";
}

.icon-youtube2:before {
  content: "\ea9e";
}

.icon-linkedin:before {
  content: "\eac9";
}

.icon-linkedin2:before {
  content: "\eaca";
}

.icon-mail-envelope-closed:before {
  content: "\e900";
}

.icon-mail-envelope-closed1:before {
  content: "\e901";
}

.icon-mail-envelope-closed2:before {
  content: "\e902";
}

.icon-mail-envelope-closed3:before {
  content: "\e903";
}

.icon-key1:before {
  content: "\e904";
}

.icon-key3:before {
  content: "\e905";
}

.icon-clipboard-edit:before {
  content: "\e906";
}

.icon-clipboard-edit1:before {
  content: "\e907";
}

.icon-search:before {
  content: "\e908";
}

.icon-search1:before {
  content: "\e909";
}

.icon-search-plus:before {
  content: "\e90a";
}

.icon-search-plus1:before {
  content: "\e90b";
}

.icon-search-minus:before {
  content: "\e90c";
}

.icon-search-minus1:before {
  content: "\e90d";
}

.icon-lock:before {
  content: "\e90e";
}

.icon-lock1:before {
  content: "\e90f";
}

.icon-lock-rounded:before {
  content: "\e910";
}

.icon-lock-rounded1:before {
  content: "\e911";
}

.icon-pen-angled:before {
  content: "\e912";
}

.icon-pen-angled1:before {
  content: "\e913";
}

.icon-angle-double-down:before {
  content: "\e914";
}

.icon-angle-double-up:before {
  content: "\e915";
}

.icon-angle-double-left:before {
  content: "\e916";
}

.icon-angle-double-right:before {
  content: "\e917";
}

.icon-home:before {
  content: "\e918";
}

.icon-images:before {
  content: "\e919";
}

.icon-play:before {
  content: "\e91a";
}

.icon-bookmark1:before {
  content: "\e91b";
}

.icon-edit-2:before {
  content: "\e91c";
}

.icon-edit-3:before {
  content: "\e91d";
}

.icon-lock2:before {
  content: "\e91e";
}

.icon-pen-tool:before {
  content: "\e91f";
}

.icon-shopping-bag:before {
  content: "\e920";
}

.icon-shopping-cart:before {
  content: "\e921";
}

.icon-thumbs-down:before {
  content: "\e922";
}

.icon-thumbs-up:before {
  content: "\e923";
}

.icon-trash-2:before {
  content: "\e924";
}

.icon-user-check:before {
  content: "\e925";
}

.icon-user-plus:before {
  content: "\e926";
}

.icon-user2:before {
  content: "\e927";
}

.icon-users:before {
  content: "\e928";
}

.icon-phone:before {
  content: "\e942";
}

.icon-phone-hang-up:before {
  content: "\e943";
}

.icon-clock:before {
  content: "\e94e";
}

.icon-calendar:before {
  content: "\e953";
}

.icon-mobile:before {
  content: "\e958";
}

.icon-mobile2:before {
  content: "\e959";
}

.icon-box-add:before {
  content: "\e95e";
}

.icon-user1:before {
  content: "\e971";
}

.icon-user:before {
  content: "\e972";
}

.icon-search2:before {
  content: "\e986";
}

.icon-zoom-in:before {
  content: "\e987";
}

.icon-key:before {
  content: "\e98d";
}

.icon-key2:before {
  content: "\e98e";
}

.icon-clipboard:before {
  content: "\e9b8";
}

.icon-menu:before {
  content: "\e9bd";
}

.icon-bookmark:before {
  content: "\e9d2";
}

.icon-star-empty:before {
  content: "\e9d7";
}

.icon-star-half:before {
  content: "\e9d8";
}

.icon-star-full:before {
  content: "\e9d9";
}

.icon-cancel-circle:before {
  content: "\ea0d";
}

.icon-cross:before {
  content: "\ea0f";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-play2:before {
  content: "\ea15";
}

.icon-pause:before {
  content: "\ea16";
}

.icon-arrow-up2:before {
  content: "\ea3a";
}

.icon-arrow-right2:before {
  content: "\ea3c";
}

.icon-arrow-down2:before {
  content: "\ea3e";
}

.icon-arrow-left2:before {
  content: "\ea40";
}

.icon-circle-up:before {
  content: "\ea41";
}

.icon-circle-right:before {
  content: "\ea42";
}

.icon-circle-down:before {
  content: "\ea43";
}

.icon-circle-left:before {
  content: "\ea44";
}

.icon-google:before {
  content: "\ea88";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-facebook2:before {
  content: "\ea91";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}

.btn {
  display: inline-block;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background: #000;
  border: 1px solid #000;
  border-radius: 0;
  transition: 100ms ease-out;
  box-shadow: none;
  max-width: 100%;
  overflow: scroll;
}
.btn:hover {
  border-color: #4d4d4d;
  color: #4d4d4d;
  background: #fff;
}
.btn-wide {
  padding: 4px 30px 2px;
  text-transform: uppercase;
}
.btn-invert {
  color: #000;
  background: #fff;
}
.btn-invert:hover {
  color: #fff;
  background: #000;
  border-color: #000;
}
.btn-stretch {
  width: 100%;
  box-sizing: border-box;
}
.btn-new {
  background: #00e600;
}
.btn-new:hover {
  background: greenyellow;
}
.btn-action {
  background: deepskyblue;
}
.btn-action:hover {
  background: rgb(102, 216.6, 255);
}
.btn-danger {
  background: red;
}
.btn-danger:hover {
  background: #ff6666;
}
.btn-new, .btn-action, .btn-danger {
  border: 1px solid black;
  color: black !important;
}
.btn-new-hover, .btn-action-hover, .btn-danger-hover {
  border: 1px solid black;
}
.btn-banner {
  color: #000;
  background: #fff;
  border: 1px solid #fff;
}
.btn-banner:hover {
  color: #fff;
  background: #000;
  border-color: #000;
}
.btn-banner:visited {
  color: #000;
  background: #fff;
}
.btn-banner:visited:hover {
  color: #fff;
  background: #000;
  border-color: #000;
}
.btn-orange {
  color: #000;
  background: #e67a2b;
  border-color: #e67a2b;
}
.btn-orange:hover {
  background: #d0c2a2;
  border-color: #d0c2a2;
}
.btn-cart {
  color: #FFF;
  background: #d0c2a2;
  border-color: #d0c2a2;
}
.btn-cart:hover {
  background: #e67a2b;
  border-color: #e67a2b;
}

.slick-slider .slick-slide {
  height: auto;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  color: #56ab2f;
}

.fs-lightbox-image {
  max-width: none;
}

.fs-lightbox-image_container {
  position: relative;
}
.fs-lightbox-image_container:after {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: transparent;
  top: 0;
  left: 0;
}

.fs-lightbox-element {
  position: relative;
  display: block;
}
.fs-lightbox-element:after {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: transparent;
  top: 0;
  left: 0;
}

.visible-xlg, .visible-xlg-block, .visible-xlg-inline, .visible-xlg-inline-block {
  display: none !important;
}

@media (min-width: 1440px) {
  .visible-xlg {
    display: block !important;
  }
  table.visible-xlg {
    display: table;
  }
  tr.visible-xlg {
    display: table-row !important;
  }
  th.visible-xlg, td.visible-xlg {
    display: table-cell !important;
  }
}
@media (min-width: 1440px) {
  .visible-xlg-block {
    display: block !important;
  }
}
@media (min-width: 1440px) {
  .visible-xlg-inline {
    display: inline !important;
  }
}
@media (min-width: 1440px) {
  .visible-xlg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1440px) {
  .hidden-xlg {
    display: none !important;
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

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

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

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

.flashes {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300;
}

.flash {
  background: #e67a2b;
  text-align: center;
  padding: 1em;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 301;
}

.cookie-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1em;
  color: #ddd;
  background-color: #222;
  border-top: 4px solid #5f8a9f;
  z-index: 1000;
}

.white-text {
  color: #fff;
}

.red-text {
  color: red;
}

.orange-flag {
  background: #e67a2b;
  color: #fff;
  display: inline-block;
  padding: 2px 8px 5px;
  margin-bottom: 1em;
}

.center-image img {
  margin: 0 auto;
}

p:last-child {
  margin: 0;
}

img {
  max-width: 100%;
}

.img-circular {
  border-radius: 50%;
}

ul {
  list-style: disc;
  margin: 0 0 1rem;
  padding: 0 0 0 1rem;
}
ul a {
  color: #e67a2b;
}

ul.ul-default {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.ul-default li {
  margin: 0;
  padding: 0;
}
ul.ul-default.horizontal-list li {
  display: inline-block;
}
ul.ul-default.vertical-list li {
  display: block;
}

a {
  cursor: pointer;
}

table {
  margin: 1rem 0;
}
table th, table td {
  border: 1px solid black;
  padding: 0.25rem 0.5rem;
}
table th {
  background: lightgrey;
}

html,
body {
  font-size: 16px;
  line-height: 19.2px;
}
html a,
body a {
  color: #000;
}
html a:hover,
body a:hover {
  color: #000;
  text-decoration: none;
}
html a:focus,
body a:focus {
  color: #000;
  text-decoration: none;
}

section {
  margin: 3em 0;
}

.content {
  overflow: hidden;
}

.breadcrumbs {
  margin: 0 0 1em;
  color: #8a8b8a;
  display: inline-block;
}
.breadcrumbs a {
  color: #8a8b8a;
  border-bottom: 1px solid #8a8b8a;
  text-decoration: none;
  margin-right: 15px;
}
.breadcrumbs a:after {
  position: absolute;
  display: initial;
  content: ">";
  padding: 0 5px;
}
.breadcrumbs a:hover {
  border-bottom-color: transparent;
  text-decoration: none;
}

.relative {
  position: relative;
}

header.scrolled .header-top {
  margin-bottom: 80px;
}
header.scrolled .header-nav {
  position: fixed;
  width: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 25;
}
header.scrolled .header-nav .logo img {
  height: 35px;
  margin-right: 81px;
}

header {
  display: block;
}
header .icon {
  color: #e67a2b;
  margin: 0 0.5em 0 0;
}
header .header-top {
  background: #1b1a1a;
  padding: 0 2.5em;
}
header .header-top ul {
  display: flex;
  align-items: center;
}
header .header-top li {
  padding: 0 1.25em;
  border-right: 1px solid #fff;
}
header .header-top li:first-child {
  border-left: 1px solid #fff;
}
header .header-top a {
  color: #fff;
}
header .header-top .header-search {
  padding: 0 0 0 1.25em;
  border: none;
}
header .header-top .header-languages {
  padding: 0 0 0 2.5em;
  border: none;
}
header .header-top .header-languages a {
  margin: 0 0 0 1em;
}
header .header-top .header-languages a:first-child {
  margin: 0;
}
header .header-nav {
  box-shadow: 0 3px 10px 0 #000;
  padding: 0 2.5em;
}
header .header-nav .main-nav {
  display: flex;
  justify-content: space-between;
}
header .header-nav .main-nav .logo {
  display: block;
  margin: 10px 0;
}
header .header-nav .main-nav ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}
header .header-nav .main-nav a {
  display: inline;
}
header .header-nav .main-nav .icon {
  margin: 0 0 0 0.5em;
}
header .header-nav > ul > li {
  padding: 0;
}
header .header-nav > ul > li > a {
  color: #000;
  cursor: pointer;
  text-decoration: none;
  padding: 1em 0;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  text-transform: uppercase;
  margin: 0 2em;
}
header .header-nav > ul > li > a.active, header .header-nav > ul > li > a:hover, header .header-nav > ul > li > a:focus {
  color: #e67a2b;
  border-bottom-color: #e67a2b;
}
header .dropdown-holder.mid-nav-left,
header .header-languages.mid-nav-left,
header .mid-nav.mid-nav-left {
  margin: 0 1em 0 auto;
}
header .dropdown-holder.mid-nav-right,
header .header-languages.mid-nav-right,
header .mid-nav.mid-nav-right {
  margin: 0 auto 0 1em;
}
header .dropdown-holder > a,
header .header-languages > a,
header .mid-nav > a {
  float: left;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  padding: 1em;
}
header .dropdown-holder > a.active, header .dropdown-holder > a:hover, header .dropdown-holder > a:focus,
header .header-languages > a.active,
header .header-languages > a:hover,
header .header-languages > a:focus,
header .mid-nav > a.active,
header .mid-nav > a:hover,
header .mid-nav > a:focus {
  color: #e67a2b;
  border-bottom-color: #e67a2b;
  text-decoration: none;
  outline: none;
}
header .header-languages > a,
header .mid-nav > a {
  margin: 0 0 0 1em;
  padding: 1.35em 0;
}
header .header-languages > a:first-child {
  margin-left: 0;
}
header .md-nav .md-nav-contacts a {
  color: #fff;
  line-height: 48px;
  margin-right: 2em;
}
header .md-nav .md-nav-contacts a:last-child {
  margin-right: 0;
}

.section-above-footer {
  box-shadow: 0 -5px 5px #ccc;
  padding-top: 3em;
  margin-top: 6em;
}
.section-above-footer .above-footer {
  font-size: 0.9em;
}
.section-above-footer .above-footer h3 {
  font-size: 1em;
  text-transform: uppercase;
}

footer {
  background: #4d4d4d;
  min-height: 100px;
  font-size: 0.9em;
  display: flex;
  flex-flow: column;
  padding: 2em 0 0;
}
footer .footer-top a {
  color: #fff;
}
footer .footer-top .icon {
  color: #e67a2b;
  margin: 0 0.5em 0 0;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}
footer a:hover span {
  border-bottom: 1px solid #fff;
}
footer p {
  padding: 0 15px;
  color: #fff;
}
footer p span {
  margin: 0 5px;
}
footer p:last-child {
  display: flex;
  align-self: flex-end;
  margin: auto 10px 10px;
  text-align: right;
}
footer .footer-icons span {
  text-align: center;
  vertical-align: middle;
  padding: 6px;
  border: 1px solid white;
  border-radius: 50%;
  margin: 0;
}
footer .footer-icons a:hover span {
  padding: 5px;
  border-width: 2px;
}

.footer-top a {
  margin: 0 0 0 1em;
}
.footer-top a,
.footer-top a:hover {
  text-decoration: none;
  border-bottom: none;
}
.footer-top a span,
.footer-top a:hover span {
  text-decoration: none !important;
  border-bottom: none !important;
}

.footer-bottom {
  background: #222;
  padding: 1em;
}
.footer-bottom p {
  color: #ddd;
}

#to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #ccc;
  color: white;
  cursor: pointer;
  padding: 10px 15px;
  font-size: 18px;
  opacity: 0.5;
  border-radius: 2px;
}
#to-top:hover {
  background-color: #555;
}

html {
  height: 100%;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 24px;
  max-width: 1800px;
  margin: 0 auto;
}

.flex-to-sticky {
  flex: 1;
  background: #fff;
}

.show {
  visibility: visible !important;
}

.dropdown-holder {
  display: inline;
}
.dropdown-holder > a {
  position: relative;
  margin: 0;
  padding: 1em 0 1em 2em;
}
.dropdown-holder > a:after {
  display: block;
  content: "";
  border-right: 1px solid #e67a2b;
  height: 60%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 20%;
}
.dropdown-holder:first-child > a:before {
  display: block;
  content: "";
  border-left: 1px solid #e67a2b;
  height: 60%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 20%;
}
.dropdown-holder:hover .dropdown-container {
  display: block;
  list-style: none;
}

.dropdown-container {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1000;
  top: 100%;
  transition: 150ms background ease-in-out;
  background: #fff;
  padding: 0;
  box-shadow: 5px 5px 10px 0 #DDD;
}
.dropdown-container:hover {
  display: block;
}
.dropdown-container .category {
  padding: 1em;
}
.dropdown-container .category h2,
.dropdown-container .category a,
.dropdown-container .category h2 a {
  color: #000;
  display: block;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
.dropdown-container .category h2 {
  font-size: 14.4px;
}
.dropdown-container .category a {
  color: #e67a2b;
  line-height: 1em;
  margin: 0 0 0.5em;
  display: inline;
}
.dropdown-container .category p {
  line-height: 1.2em;
  margin: 0 0 1em;
}
.dropdown-container .category ul.row {
  position: relative;
  display: flex;
  justify-content: start;
  width: 100%;
  flex-flow: row wrap;
}
.dropdown-container .category ul {
  margin: 1em 0;
}
.dropdown-container .category li {
  padding: 0 15px;
}
.dropdown-container .dropdown-img {
  border-radius: 50%;
  width: 80%;
  margin: 1em 0;
}
.dropdown-container .col-DD {
  width: 12.5%;
}
.dropdown-container .col-TD {
  width: 12.5%;
}
.dropdown-container .col-DK {
  width: 25%;
}
.dropdown-container .col-EIP {
  width: 100%;
}
.dropdown-container .col-DP {
  width: 100%;
}

.dropdown {
  margin: 0;
  padding: 0;
}
.dropdown .icon-cross {
  position: absolute;
  right: -5px;
  top: 10px;
  font-size: 15px;
  color: #000;
}
.dropdown .main-categories-children.non-active {
  display: none;
}
.dropdown .main-categories-children.active {
  display: block;
}
.dropdown .dropdown-collapse {
  cursor: pointer;
}
.dropdown .dropdown-collapse .icon-angle-double-down {
  display: block;
  background: #e67a2b;
  color: rgb(251.5189873418, 236.4810126582, 225.4810126582);
  padding: 5px 10px;
  font-weight: 400;
  transition: all ease-in-out 100ms;
  background: transparent;
  color: black;
}
.dropdown .dropdown-collapse .icon-angle-double-down:before {
  display: block;
  transition: all ease-in-out 100ms;
  transform: rotate(180deg);
}
.dropdown .dropdown-collapse:hover .icon-angle-double-down:before {
  color: #fff;
  color: black;
}
.dropdown .dropdown-collapse.collapsed .icon-angle-double-down:before {
  transform: rotate(0deg);
}
.dropdown ul {
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
}
.dropdown ul li {
  margin: 0;
  padding: 0;
}
.dropdown ul h2, .dropdown ul h3 {
  margin: 0 0 1em;
}
.dropdown ul h3 {
  display: block;
}
.dropdown ul a, .dropdown ul .pseudo-anchor {
  display: inline-block;
  color: black;
  border-bottom: 2px solid transparent;
}
.dropdown ul a.active, .dropdown ul a:hover, .dropdown ul .pseudo-anchor.active, .dropdown ul .pseudo-anchor:hover {
  color: #e67a2b;
  text-decoration: none;
  border-bottom-color: #e67a2b;
}
.dropdown ul.ul-lvl-2 a, .dropdown ul.ul-lvl-2 .pseudo-anchor {
  margin: 5px 0;
}

.column-icons-DK,
.column-icons-EIP,
.column-icons-DP {
  display: flex !important;
  flex-flow: column !important;
  justify-content: space-between !important;
}

@media (min-width: 1200px) {
  #category-TD {
    width: calc(100vw - 10em);
  }
  #category-DD {
    width: calc(100vw - 10em);
  }
  #category-DK {
    width: calc(50vw - 5em);
    left: -18.75vw;
    top: 100%;
  }
  #category-EIP {
    width: calc(12.5vw - 1.25em + 2em);
    top: 100%;
  }
  #category-DP {
    width: calc(12.5vw - 1.25em + 2em);
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown-holder {
    display: inline;
  }
  .dropdown-holder.relative {
    position: relative;
    display: block;
    float: left;
  }
}
@media (max-width: 1199px) {
  #category-TD,
  #category-DD,
  #category-DK,
  #category-EIP,
  #category-DP {
    width: 100% !important;
    left: 0 !important;
  }
  .dropdown-container .col-DD {
    width: 25%;
  }
  .dropdown-container .col-DD:nth-child(n+5) {
    margin-top: 3em;
  }
  .dropdown-container .col-TD {
    width: 25%;
  }
  .dropdown-container .col-TD:nth-child(n+5) {
    margin-top: 3em;
  }
  .dropdown-container .col-DK {
    width: 25%;
  }
  .dropdown-container .col-DK:nth-child(n+5) {
    margin-top: 3em;
  }
  .dropdown-container .col-EIP {
    width: 100%;
  }
  .dropdown-container .col-DP {
    width: 100%;
  }
  .dropdown-container .dropdown {
    margin-bottom: 0;
  }
  .dropdown-container .col-DD,
  .dropdown-container .col-TD,
  .dropdown-container .col-DK,
  .dropdown-container .col-EIP,
  .dropdown-container .col-DP {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .dropdown-container .col-DD {
    width: 33.3333333333%;
  }
  .dropdown-container .col-DD:nth-child(n+4) {
    margin-top: 3em;
  }
  .dropdown-container .col-TD {
    width: 33.3333333333%;
  }
  .dropdown-container .col-TD:nth-child(n+4) {
    margin-top: 3em;
  }
  .dropdown-container .col-DK {
    width: 50%;
  }
  .dropdown-container .col-DK:nth-child(n+3) {
    margin-top: 3em;
  }
  .dropdown-container .col-EIP {
    width: 100%;
  }
  .dropdown-container .col-DP {
    width: 100%;
  }
}
@media (max-width: 449px) {
  .dropdown-container .col-DD {
    width: 50%;
  }
  .dropdown-container .col-DD:nth-child(n+1) {
    margin-top: 3em;
  }
  .dropdown-container .col-TD {
    width: 50%;
  }
  .dropdown-container .col-TD:nth-child(n+1) {
    margin-top: 3em;
  }
  .dropdown-container .col-DK {
    width: 50%;
  }
  .dropdown-container .col-DK:nth-child(n+1) {
    margin-top: 3em;
  }
  .dropdown-container .col-EIP {
    width: 100%;
  }
  .dropdown-container .col-DP {
    width: 100%;
  }
}
/* The side navigation menu */
.sidenav {
  height: auto;
  /* 100% Full-height */
  width: 100%;
  max-width: 400px;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 100;
  /* Stay on top */
  top: 0;
  bottom: 0;
  right: -100%;
  background-color: #e67a2b;
  /* Black */
  overflow-x: hidden;
  overflow-y: scroll;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #f1f1f1;
}

/* The navigation menu links */
/* When you mouse over the navigation links, change their color */
/* Position and style the close button (top right corner) */
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left 0.5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav a {
    font-size: 18px;
  }
}
.open-off-canvas {
  margin: 0;
  padding: 0;
}
.open-off-canvas .open-btn {
  font-size: 20px;
  line-height: 14px;
  display: block;
  padding: 17px;
  width: 3em;
  margin-left: auto;
  cursor: pointer;
}

.off-canvas {
  text-align: left;
  background: #5f8a9f;
}
.off-canvas .main-nav {
  padding-bottom: 48px;
}
.off-canvas .main-nav ul {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  z-index: 25;
}
.off-canvas .md-nav .md-nav-contacts a {
  color: #000;
}
.off-canvas .logo img {
  margin: 4px;
}
.off-canvas .off-canvas-logo {
  position: fixed;
  top: 10px;
  left: 15px;
}
.off-canvas .off-canvas-nav {
  padding: 0.5em 4em 0.5em 0;
}
.off-canvas .off-canvas-nav ul {
  padding: 0;
}
.off-canvas .off-canvas-nav ul li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.off-canvas .off-canvas-nav ul li a {
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 7px 14px;
  border: none;
}
.off-canvas .off-canvas-nav ul li .dropdown-collapse {
  padding: 7px 54px 7px 14px;
  position: relative;
}
.off-canvas .off-canvas-nav ul li .dropdown-collapse .icon {
  position: absolute;
  right: 7px;
  top: 7px;
}
.off-canvas .close-btn {
  font-size: 20px;
  line-height: 14px;
  display: block;
  padding: 1em;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  color: #fff;
  cursor: pointer;
}
.off-canvas h2 {
  margin: 0;
  font-size: 14.4px;
  font-family: "Source Sans Pro", sans-serif;
}
.off-canvas .sub-products {
  margin-bottom: 1em;
}
.off-canvas .icon {
  color: #fff;
  font-size: 25px;
}

.banner {
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}
.banner .banner-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 0;
  padding-top: 27.72%;
}
.banner .banner-content {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner h1 {
  display: inline-block;
  max-width: 600px;
}
.banner .center-image img {
  max-width: 80%;
  height: auto !important;
}
.banner .orange-flag {
  text-transform: none;
}

.main-banner .slick-track,
.main-banner .slick-list,
.main-banner .slick-slide,
.ce-banner .slick-track,
.ce-banner .slick-list,
.ce-banner .slick-slide {
  -ms-overflow-style: none;
  scrollbar-width: none;
  outline: none;
}

.banner-video video {
  width: 100vw;
}
.banner-video .banner-logo {
  position: absolute;
  left: 3em;
  top: 3em;
}
.banner-video .banner-logo img {
  height: 40px;
}
.banner-video .center-image {
  display: block;
  text-align: center;
}
.banner-video .center-image img {
  max-width: 80%;
  height: auto !important;
}

.header-search .search {
  margin: 0 2.5em;
  padding: 0;
}
.header-search .search-form-txt,
.header-search .search-form-btn {
  border: none;
  height: 38px;
  padding: 5px 20px;
  display: block;
  float: left;
  outline: none;
}
.header-search .search-form-txt {
  width: calc(100% - 38px);
  border: 1px solid grey;
  border-right: none;
}
.header-search .search-form-btn {
  display: none;
}
.header-search span.icon-search {
  font-weight: bold;
  background: #e67a2b;
  color: #fff;
  padding: 0;
  margin: 0 !important;
  line-height: 38px;
  border: 1px solid grey;
  height: 38px;
  width: 38px;
  display: block;
  float: right;
  font-size: 16px;
  text-align: center;
}
.header-search #frm-searchForm fieldset {
  position: relative;
}

#search-off-canvas {
  display: none;
  width: 50%;
  position: absolute;
  right: 0;
  top: 100%;
  padding-top: 0;
  height: calc(100vh - 100%);
  background: #eee;
  opacity: 1;
  z-index: 10;
  overflow: auto;
  direction: rtl;
}
#search-off-canvas .icon-cross {
  color: #e67a2b;
  margin: 0;
}
#search-off-canvas .results {
  padding: 1em;
  margin: 0;
  direction: ltr;
}
#search-off-canvas .results a {
  color: #000;
}
#search-off-canvas .results section {
  padding: 0;
  margin: 0 0 1em;
}
#search-off-canvas .results img {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
#search-off-canvas .results h2, #search-off-canvas .results h3 {
  background: #e67a2b;
  color: #fff;
  text-transform: none;
  display: inline-block;
  padding: 5px;
}
#search-off-canvas .result-highlight {
  background: #e67a2b;
}
#search-off-canvas .blue-text {
  color: #5f8a9f;
}
#search-off-canvas #search-off-canvas-empty {
  display: none;
}

#search-off-canvas-bg {
  display: none;
  width: 100%;
  position: absolute;
  right: 0;
  top: 100%;
  padding-top: 0;
  height: calc(100vh - 100%);
  background: #000;
  z-index: 9;
  opacity: 0.5;
  box-shadow: 0 5px 10px 0 rgb(0, 0, 0);
}

header.scrolled #search-off-canvas,
header.scrolled #search-off-canvas-bg {
  top: 145px;
  height: calc(100vh - 145px);
}

#search-spinner {
  display: none;
  position: absolute;
  right: 50px;
  top: 10px;
  -webkit-animation: rotation 1.5s infinite linear;
  -moz-animation: rotation 1.5s infinite linear;
  -o-animation: rotation 1.5s infinite linear;
  animation: rotation 1.5s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.category-img img {
  border-radius: 50%;
}

.category-content {
  font-family: "Source Sans Pro", sans-serif;
}

.cat-documents {
  display: block;
  list-style: none;
  margin: 2em 0 calc(1em - 5px);
  text-align: center;
  padding-left: 3em;
}
.cat-documents ul {
  margin-right: -2.5px;
  margin-left: -2.5px;
}
.cat-documents ul > li {
  padding-left: 2.5px;
  padding-right: 2.5px;
  margin-bottom: 5px;
}
.cat-documents span {
  display: inline-block;
  width: 100%;
  background: #000;
  color: #fff;
  padding: 2px 4px;
  font-size: 12px;
}

.product-list .row {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-list .col-xs-12:last-child .product-card {
  border-bottom: none;
}
.product-list .product-card {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  border-bottom: 1px solid #e67a2b;
  padding: 3em 0;
  margin: 0;
}
.product-list .product-card .img-holder {
  margin-bottom: 1em;
}
.product-list .product-card img {
  display: block;
  margin: 0 auto;
}
.product-list .product-card h1 a:hover, .product-list .product-card h1 a:active, .product-list .product-card h1 a:focus {
  color: #e67a2b;
}
.product-list .product-card .pd-params {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0.5em;
}
.product-list .product-card .pd-params span {
  display: inline-block;
}
.product-list .product-card .pd-params img {
  display: inline;
}
.product-list .product-card .pd-params > div {
  margin-top: 1em;
}
.product-list .product-card .pd-params .pd-params-parameters {
  margin-right: 1.5em;
}
.product-list .product-card .pd-params .pd-params-parameters span {
  margin-left: 1.5em;
}
.product-list .product-card .pd-params .pd-params-colors {
  line-height: 0;
  margin: 0;
}
.product-list h1 {
  font-size: 1.5em;
  color: #000;
  margin: 1em 0;
}
.product-list p {
  font-family: "Source Sans Pro", sans-serif;
}
.product-list .pl-price-atc {
  padding: 0.5em 0;
}
.product-list .atc-icon {
  background: black;
  color: white;
  padding: 8px;
  border-radius: 50%;
}

.product-names-list a {
  color: #e67a2b;
}

.category-intro {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (min-width: 1330px) {
  .category-intro > .row {
    max-width: 1300px;
    margin: 0 auto;
  }
}
.category-intro img {
  display: block;
  margin: 0 auto;
}
.category-intro .category-intro-product-list {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  padding-left: 3em;
}
.category-intro .category-intro-product-list li {
  margin-bottom: 2em;
  display: flex;
  flex-flow: row wrap;
}
.category-intro .category-intro-product-list h4 {
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
.category-intro .category-intro-product-list a {
  color: #e67a2b;
  display: block;
  width: 100%;
  font-family: "Source Sans Pro", sans-serif;
}
.category-intro .category-intro-product-list a:hover, .category-intro .category-intro-product-list a:active {
  text-decoration: underline;
}
.category-intro .category-intro-product-list a .alternative-name {
  color: #5f8a9f;
}
.category-intro .category-intro-product-list a:hover .alternative-name {
  text-decoration: underline;
}
.category-intro .category-intro-bottom {
  font-family: "Source Sans Pro", sans-serif;
  padding-left: 3em;
}
.category-intro .col-DD {
  width: 25%;
}
.category-intro .col-TD {
  width: 25%;
}
.category-intro .col-DK {
  width: 25%;
}
.category-intro .col-EIP {
  width: 100%;
}
.category-intro .col-DP {
  width: 100%;
}

.product-detail .other-products {
  width: 270px;
  border-right: 1px solid #e67a2b;
  padding-right: 3em;
}
.product-detail .product-itself.col-sm-10 {
  width: calc(100% - 270px);
  padding-left: 3em;
  margin-bottom: 1em;
}
.product-detail .product-itself h2 {
  font-size: 1.4em;
}
.product-detail .other-product {
  display: flex;
  flex-direction: row;
  height: 200px;
  width: 100%;
  margin-bottom: calc(28px + 2em);
}
.product-detail .other-product .other-product-name {
  background: #e67a2b;
  color: white;
  padding: 2px 1em;
  display: inline-block;
}
.product-detail .other-product img {
  height: 100%;
  object-fit: cover;
  transition: width ease-in-out 0.5s;
  object-position: left;
  width: 100%;
}
.product-detail .product-name {
  position: relative;
  display: block;
}
.product-detail .pd-intro {
  margin: 2.5em 0;
  font-family: "Source Sans Pro", sans-serif;
}
.product-detail .pd-documents {
  display: block;
  list-style: none;
  margin: 0 0 calc(1em - 5px);
  text-align: center;
}
.product-detail .pd-documents ul {
  margin-right: -2.5px;
  margin-left: -2.5px;
}
.product-detail .pd-documents ul > li {
  padding-left: 2.5px;
  padding-right: 2.5px;
  margin-bottom: 5px;
}
.product-detail .pd-documents span {
  display: inline-block;
  width: 100%;
  background: #000;
  color: #fff;
  padding: 2px 4px;
  font-size: 12px;
}

.pd-params .pd-param-circle {
  box-sizing: content-box;
  border: 1px solid transparent;
  float: left;
  display: block;
}
.pd-params .pd-param-circle img,
.pd-params .pd-param-circle span {
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  box-sizing: content-box;
}
.pd-params .pd-param-circle img {
  border: 1px solid transparent;
}
.pd-params .pd-param-circle span {
  border: 1px solid #bbb;
  border-radius: 50%;
}
.pd-params .pd-params-colors {
  margin-right: 2em;
}
.pd-params .pd-param-placeholder {
  border-radius: 50%;
}
.pd-params .product-norms img {
  margin: -4px 0 0 -2px;
}
.pd-params .pd-attributes {
  display: flex;
  flex-flow: row wrap;
  margin: 1.5em 0;
}
.pd-params .pd-attributes .pd-attribute-name {
  text-transform: uppercase;
}

.images-gallery img {
  margin-bottom: 30px;
}

.pd-param-circle img {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.pd-param-rectangle img {
  display: inline;
  height: 23px;
  max-width: 150px;
  margin-top: -1px;
}

.custom-select-5 #color-black,
.custom-select-5 .color-black {
  background-color: #000 !important;
}
.custom-select-5 #color-black.disabled,
.custom-select-5 .color-black.disabled {
  background-color: #333333;
}
.custom-select-5 #color-grey,
.custom-select-5 .color-grey {
  background-color: #999 !important;
}
.custom-select-5 #color-grey.disabled,
.custom-select-5 .color-grey.disabled {
  background-color: #cccccc;
}
.custom-select-5 #color-blue,
.custom-select-5 .color-blue {
  background-color: #539fc5 !important;
}
.custom-select-5 #color-blue.disabled,
.custom-select-5 .color-blue.disabled {
  background-color: rgb(159.2782608696, 201.5739130435, 222.7217391304);
}
.custom-select-5 #color-green,
.custom-select-5 .color-green {
  background-color: #8ff5bd !important;
}
.custom-select-5 #color-green.disabled,
.custom-select-5 .color-green.disabled {
  background-color: rgb(236.6393442623, 253.3606557377, 244.1803278689);
}
.custom-select-5 #color-red,
.custom-select-5 .color-red {
  background-color: #d40d19 !important;
}
.custom-select-5 #color-red.disabled,
.custom-select-5 .color-red.disabled {
  background-color: rgb(244.4266666667, 82.5733333333, 92.3333333333);
}
.custom-select-5 #color-yellow,
.custom-select-5 .color-yellow {
  background-color: #f0d457 !important;
}
.custom-select-5 #color-yellow.disabled,
.custom-select-5 .color-yellow.disabled {
  background-color: rgb(248.3606557377, 235.9672131148, 180.6393442623);
}
.custom-select-5 #color-darkgrey,
.custom-select-5 .color-darkgrey {
  background-color: #4d4d4d !important;
}
.custom-select-5 #color-darkgrey.disabled,
.custom-select-5 .color-darkgrey.disabled {
  background-color: gray;
}
.custom-select-5 #color-orange,
.custom-select-5 .color-orange {
  background-color: #ffb575 !important;
}
.custom-select-5 #color-orange.disabled,
.custom-select-5 .color-orange.disabled {
  background-color: rgb(255, 235.6956521739, 219);
}
.custom-select-5 #color-white,
.custom-select-5 .color-white {
  background-color: #fff !important;
}
.custom-select-5 #color-white.disabled,
.custom-select-5 .color-white.disabled {
  background-color: white;
}
.custom-select-5 #color-brown,
.custom-select-5 .color-brown {
  background-color: #b0913d !important;
}
.custom-select-5 #color-brown.disabled,
.custom-select-5 .color-brown.disabled {
  background-color: rgb(210.9873417722, 188.6202531646, 128.0126582278);
}
.custom-select-5 #color-salmon,
.custom-select-5 .color-salmon {
  background-color: #fa8072 !important;
}
.custom-select-5 #color-salmon.disabled,
.custom-select-5 .color-salmon.disabled {
  background-color: rgb(253.4931506849, 216.7260273973, 212.5068493151);
}
.custom-select-5 .same-as-selected:after {
  content: "✓";
  position: absolute;
  right: 0;
  display: block;
  color: #000;
  z-index: 10;
  top: 7px;
  right: 10px;
}
.custom-select-5 #color-black.same-as-selected:after,
.custom-select-5 .color-black.same-as-selected:after,
.custom-select-5 #color-darkgrey.same-as-selected:after,
.custom-select-5 .color-darkgrey.same-as-selected:after {
  color: #fff;
}

/*the container must be positioned relative: */
.custom-select-1,
.custom-select-2,
.custom-select-3,
.custom-select-4,
.custom-select-5,
.custom-select-6 {
  position: relative;
  font-family: Arial;
}
.custom-select-1 select,
.custom-select-2 select,
.custom-select-3 select,
.custom-select-4 select,
.custom-select-5 select,
.custom-select-6 select {
  display: none;
}

.select-selected {
  background-color: #fff;
  position: relative;
  margin-bottom: 1em;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}

.select-items div {
  color: #000;
  padding: 8px 36px 8px 16px;
  border: 1px solid #000;
  border-color: transparent #000 #000 #000;
  cursor: pointer;
  user-select: none;
}

.select-selected {
  color: #000;
  padding: 8px 36px 8px 16px;
  border: 1px solid #000;
  border-color: transparent #000 #000 #000;
  cursor: pointer;
  user-select: none;
  border-color: #000;
}

.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  text-align: center;
}
.select-items .disabled {
  background: lightgray !important;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.farba {
  /*background: #e67a2b; */
  /*width: calc(50% - 2em); */
  /*display: block; */
  /*position: absolute; */
  /*right: 1em; */
  /*top: 50%; */
  /*height: 10px; */
  /*margin-top: -5px; */
  background: #e67a2b;
  width: 100%;
  display: block;
  position: relative;
}

/*margin: 0 auto; */
.hrubka {
  /*background: #e67a2b; */
  /*width: calc(50% - 2em); */
  /*display: block; */
  /*position: absolute; */
  /*right: 1em; */
  /*top: 50%; */
  /*height: 10px; */
  /*margin-top: -5px; */
  background: #e67a2b;
  width: 100%;
  display: block;
  position: relative;
  /*margin: 0 auto; */
}

.sirka {
  /*background: #e67a2b; */
  /*width: calc(50% - 2em); */
  /*display: block; */
  /*position: absolute; */
  /*right: 1em; */
  /*top: 50%; */
  /*height: 10px; */
  /*margin-top: -5px; */
  background: #e67a2b;
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}

.select-selected .sirka {
  margin: 0;
}

.dlzka {
  /*background: #e67a2b; */
  /*width: calc(50% - 2em); */
  /*display: block; */
  /*position: absolute; */
  /*right: 1em; */
  /*top: 50%; */
  /*height: 10px; */
  /*margin-top: -5px; */
  background: #e67a2b;
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}

.select-selected .dlzka {
  margin: 0;
}

.otlacky {
  /*background: #e67a2b; */
  /*width: calc(50% - 2em); */
  /*display: block; */
  /*position: absolute; */
  /*right: 1em; */
  /*top: 50%; */
  /*height: 10px; */
  /*margin-top: -5px; */
  background: #e67a2b;
  width: 100%;
  display: block;
  position: relative;
  /*margin: 0 auto; */
  height: 7px;
  border-bottom: 2px dotted orange;
  display: block;
  content: " ";
  width: 100%;
  background: transparent;
}

.vlozky {
  /*background: #e67a2b; */
  /*width: calc(50% - 2em); */
  /*display: block; */
  /*position: absolute; */
  /*right: 1em; */
  /*top: 50%; */
  /*height: 10px; */
  /*margin-top: -5px; */
  background: #e67a2b;
  width: 100%;
  display: block;
  position: relative;
  /*margin: 0 auto; */
  height: 7px;
  border-bottom: 2px dotted orange;
  display: block;
  content: " ";
  width: 100%;
  background: transparent;
}

.required {
  position: relative;
}
.required:after {
  position: absolute;
  right: 10px;
  top: 10px;
  content: "*";
  display: block;
  color: red;
}

.required-checkbox {
  padding-right: 20px;
  position: relative;
}
.required-checkbox:after {
  position: absolute;
  right: 5px;
  top: 0;
  content: "*";
  display: block;
  color: red;
}

.orderTable {
  width: 100%;
  vertical-align: top;
  table-layout: fixed;
}
.orderTable .orderTable-row {
  padding-bottom: 1em;
}
.orderTable .orderTable-row.orderTable-row-result-row {
  padding-bottom: 0;
}
.orderTable tr {
  width: 100%;
  vertical-align: top;
}
.orderTable td {
  padding-bottom: 1em;
}
.orderTable h3 {
  background: #000;
  color: #fff;
  display: inline-block;
  font-family: sweet_sans_proregular;
  text-transform: uppercase;
  width: 80px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  font-size: 0.875em;
}
.orderTable label {
  font-family: sweet_sans_prolight;
}
.orderTable select {
  border: 1px solid #000;
  padding: 0.5em 1em;
  width: 45%;
  margin-bottom: 1em;
  width: 100%;
}
.orderTable textarea {
  width: 100%;
  padding: 10px 1em;
}

.order-table-calculations td {
  padding-bottom: 1em;
}
.order-table-calculations input, .order-table-calculations label {
  width: 49.7%;
  border: 1px solid #000;
  padding: 0.5em 1em;
}

.order-table-info td {
  padding-top: 1em;
  padding-bottom: 1em;
}
.order-table-info input, .order-table-info label {
  width: 49.7%;
  border: 1px solid #000;
  padding: 0.5em 1em;
}

.nav-shop ul {
  margin-bottom: 1em;
}
.nav-shop h2, .nav-shop h3 {
  margin: 0 0 1em;
}
.nav-shop li, .nav-shop a {
  margin: 0;
}
.nav-shop a:hover, .nav-shop a.active {
  font-weight: bold;
}

.hp-banner {
  margin-top: 0;
}

.hp-intro {
  padding: 2em 2em 0;
}

ul.hp-categories {
  display: flex;
  flex-flow: row wrap;
}
ul.hp-categories .col-xs-12,
ul.hp-categories .col-sm-6,
ul.hp-categories .col.md-4 {
  margin-bottom: 2em;
  padding-left: 30px;
  padding-right: 30px;
}
ul.hp-categories h2 {
  margin: 1em 0;
  font-size: 1.2em;
  font-family: "sweet_sans_proregular";
  position: relative;
}
ul.hp-categories h2:before {
  position: absolute;
  content: "\e917";
  font-family: icomoon;
  left: -25px;
  color: #e67a2b;
}
ul.hp-categories h2 a {
  word-spacing: 100vw;
}
ul.hp-categories p {
  font-family: "Source Sans Pro", sans-serif;
}
ul.hp-categories .hp-category-norms {
  margin-top: 2em;
}
ul.hp-categories .hp-category-norms img {
  display: block;
  margin: 4px 0 !important;
}
ul.hp-categories .hp-category-norms div {
  margin: 4px 0;
}
ul.hp-categories .hp-category-norms div span {
  color: #fff;
  background: #f58220;
  padding: 1px 15px;
  margin: 1px 0;
  font-weight: 100;
  font-family: "sweet_sans_prolight";
  display: inline-block;
  min-width: 150px;
}

.reservation textarea {
  width: 100%;
}

.section-map {
  position: relative;
}
.section-map h2 {
  font-family: "sweet_sans_proregular", sans-serif;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2em;
}
.section-map h2 img {
  width: 50px;
  display: block;
  margin: 0 auto 1em;
}
.section-map .section-map-world-map {
  width: 100%;
}
.section-map .map {
  position: relative;
}
.section-map .arrow-img {
  position: absolute;
  left: -15px;
  top: -44px;
  z-index: 22;
}
.section-map .arrow {
  position: absolute;
  background: none;
  height: 2px;
  top: -2px;
  left: -50%;
  z-index: 21;
}
.section-map .arrow div {
  background: #e67a2b;
  width: 50%;
  height: 100%;
  left: 0;
}
.section-map .map-point-holder {
  position: absolute;
}
.section-map .map-point-holder .map-point {
  position: absolute;
  padding: 1em 0.5em;
}
.section-map .map-point-holder .map-point img {
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin: 0.5em auto;
}

.section-map-slider {
  padding: 0 10%;
}
.section-map-slider > div {
  padding: 0 2em;
}
.section-map-slider .map-point {
  display: inline-block;
  padding: 1em 2em;
}
.section-map-slider .map-points-slider .slick-prev:before,
.section-map-slider .map-points-slider .slick-next:before {
  color: #000;
}
.section-map-slider .map-points-slider .map-point-products-slider .slick-prev:before,
.section-map-slider .map-points-slider .map-point-products-slider .slick-next:before {
  color: #e67a2b;
}

.section-map .map-point,
.section-map-slider .map-point {
  background: #fff;
  border: 2px solid #e67a2b;
}
.section-map .map-point .arrow,
.section-map-slider .map-point .arrow {
  position: absolute;
  height: 2px;
  background: #e67a2b;
  z-index: 3;
}
.section-map .map-point img.arrow-img,
.section-map-slider .map-point img.arrow-img {
  position: absolute;
  z-index: 2;
}
.section-map .map-point h3, .section-map .map-point h4,
.section-map-slider .map-point h3,
.section-map-slider .map-point h4 {
  margin: 0;
  font-size: 0.8em;
}
.section-map .map-point h3,
.section-map-slider .map-point h3 {
  color: #e67a2b;
  text-align: center;
}
.section-map .map-point h4,
.section-map-slider .map-point h4 {
  color: #000;
  text-align: center;
}
.section-map .map-point img,
.section-map-slider .map-point img {
  border-radius: 50%;
}
.section-map .map-point .map-point-products-slider,
.section-map-slider .map-point .map-point-products-slider {
  width: 100px;
}
.section-map .map-point .img-holder,
.section-map-slider .map-point .img-holder {
  display: flex;
  flex-direction: row;
  height: 100px;
  width: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}
.section-map .map-point .img-holder img,
.section-map-slider .map-point .img-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: width ease-in-out 0.5s;
  object-position: left;
}
.section-map .slick-prev,
.section-map .slick-next,
.section-map-slider .slick-prev,
.section-map-slider .slick-next {
  top: 66px;
}
.section-map .slick-prev:before,
.section-map .slick-next:before,
.section-map-slider .slick-prev:before,
.section-map-slider .slick-next:before {
  color: #e67a2b;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.section-map .slick-prev:before,
.section-map-slider .slick-prev:before {
  content: "\e916";
}
.section-map .slick-next:before,
.section-map-slider .slick-next:before {
  content: "\e917";
}

.map-points-slider .map-point-holder {
  padding: 0 5px;
}
.map-points-slider > .slick-prev {
  left: -8%;
}
.map-points-slider > .slick-next {
  right: -8%;
}
.map-points-slider > .slick-prev,
.map-points-slider > .slick-next {
  top: 50%;
}

.milestones {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.milestones:before, .milestones:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 4px;
  height: 4px;
  width: 1.5rem;
  border-bottom: 4px solid #e67a2b;
}
.milestones:before {
  left: 0;
}
.milestones:after {
  right: 0;
}
.milestones .slick-track {
  display: flex !important;
}
.milestones .slick-track::-webkit-scrollbar {
  display: none;
}
.milestones .slick-list::-webkit-scrollbar,
.milestones .slick-slide::-webkit-scrollbar {
  display: none;
}
.milestones .slick-track,
.milestones .slick-list,
.milestones .slick-slide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.milestones .slick-slide {
  height: inherit !important;
  outline: none;
  padding-bottom: 4px;
}
.milestones .slick-list {
  overflow: auto;
}
.milestones .slick-prev:before,
.milestones .slick-next:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1b1a1a;
}
.milestones .slick-prev {
  left: 1rem;
}
.milestones .slick-prev:before {
  content: "\e916";
}
.milestones .slick-next {
  right: 1rem;
}
.milestones .slick-next:before {
  content: "\e917";
}

.milestone {
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  border-bottom: 4px solid #e67a2b;
  padding: 1em 1em 8em;
  position: relative;
  z-index: 9;
}
.milestone:after {
  content: "";
  display: block;
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #000;
  bottom: -8px;
  left: 50%;
  margin-left: -5px;
  z-index: 10;
}

.milestone-content {
  height: 100%;
  width: 100%;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 10px 5px #ccc;
  padding: 0.5em 2em;
  margin: 0 1em;
  overflow: hidden;
  font-family: "Source Sans Pro", sans-serif;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.milestone-content h3 {
  color: #e67a2b;
  text-transform: uppercase;
}
.milestone-content img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 2em !important;
}

.milestone-year {
  margin: auto auto 0;
  background: #000;
  color: #fff;
  display: block;
  position: relative;
  padding: 5px 10px;
}
.milestone-year:after {
  content: "";
  display: block;
  position: absolute;
  height: 6em;
  width: 2px;
  background: #e67a2b;
  top: 100%;
  left: 50%;
  margin-left: -1px;
}

.referrals-ces .section-map-slider {
  padding: 0;
}
.referrals-ces .arrow-img {
  padding: 10px;
}
.referrals-ces .content-element > .container {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

.referrals-row .col-sm-2 .img-holder {
  margin-bottom: 1rem;
}

.referrals-holder {
  box-shadow: 0 3px 6px 0 #e67a2b, 0 0 6px -2px #e67a2b;
  padding: 1rem;
  margin: 0 0 2rem 0;
}
.referrals-holder .row {
  display: flex;
  align-items: flex-start;
}
.referrals-holder .col-xs-4 {
  align-self: center;
  display: flex;
  justify-content: center;
  width: 150px;
}
.referrals-holder .col-xs-8 {
  align-self: center;
  display: flex;
  justify-content: center;
  width: calc(100% - 150px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.referrals-holder img {
  margin: 0;
}
.referrals-holder .contents {
  line-height: 1rem;
}

.referrals {
  display: flex;
  flex-flow: row wrap;
}
.referrals .referrals-item {
  background: #fff;
}

.content-element {
  margin: 3em auto;
}
.content-element .row {
  margin-top: 0;
  margin-bottom: 0;
}
.content-element .row img {
  margin-bottom: 10px;
}
.content-element p {
  font-family: "Source Sans Pro", sans-serif;
}
.content-element .content-element-2 .row,
.content-element .content-element-3 .row,
.content-element .content-element-5 .row,
.content-element .content-element-6 .row,
.content-element .content-element-7 .row,
.content-element .content-element-8 .row,
.content-element .content-element-17 .row {
  margin-right: -5px;
  margin-left: -5px;
  padding: 0;
}
.content-element .content-element-2 .row .col-xs-12, .content-element .content-element-2 .row .col-xs-11, .content-element .content-element-2 .row .col-xs-10, .content-element .content-element-2 .row .col-xs-9,
.content-element .content-element-2 .row .col-xs-8, .content-element .content-element-2 .row .col-xs-7, .content-element .content-element-2 .row .col-xs-6, .content-element .content-element-2 .row .col-xs-5,
.content-element .content-element-2 .row .col-xs-4, .content-element .content-element-2 .row .col-xs-3, .content-element .content-element-2 .row .col-xs-2, .content-element .content-element-2 .row .col-xs-1,
.content-element .content-element-3 .row .col-xs-12,
.content-element .content-element-3 .row .col-xs-11,
.content-element .content-element-3 .row .col-xs-10,
.content-element .content-element-3 .row .col-xs-9,
.content-element .content-element-3 .row .col-xs-8,
.content-element .content-element-3 .row .col-xs-7,
.content-element .content-element-3 .row .col-xs-6,
.content-element .content-element-3 .row .col-xs-5,
.content-element .content-element-3 .row .col-xs-4,
.content-element .content-element-3 .row .col-xs-3,
.content-element .content-element-3 .row .col-xs-2,
.content-element .content-element-3 .row .col-xs-1,
.content-element .content-element-5 .row .col-xs-12,
.content-element .content-element-5 .row .col-xs-11,
.content-element .content-element-5 .row .col-xs-10,
.content-element .content-element-5 .row .col-xs-9,
.content-element .content-element-5 .row .col-xs-8,
.content-element .content-element-5 .row .col-xs-7,
.content-element .content-element-5 .row .col-xs-6,
.content-element .content-element-5 .row .col-xs-5,
.content-element .content-element-5 .row .col-xs-4,
.content-element .content-element-5 .row .col-xs-3,
.content-element .content-element-5 .row .col-xs-2,
.content-element .content-element-5 .row .col-xs-1,
.content-element .content-element-6 .row .col-xs-12,
.content-element .content-element-6 .row .col-xs-11,
.content-element .content-element-6 .row .col-xs-10,
.content-element .content-element-6 .row .col-xs-9,
.content-element .content-element-6 .row .col-xs-8,
.content-element .content-element-6 .row .col-xs-7,
.content-element .content-element-6 .row .col-xs-6,
.content-element .content-element-6 .row .col-xs-5,
.content-element .content-element-6 .row .col-xs-4,
.content-element .content-element-6 .row .col-xs-3,
.content-element .content-element-6 .row .col-xs-2,
.content-element .content-element-6 .row .col-xs-1,
.content-element .content-element-7 .row .col-xs-12,
.content-element .content-element-7 .row .col-xs-11,
.content-element .content-element-7 .row .col-xs-10,
.content-element .content-element-7 .row .col-xs-9,
.content-element .content-element-7 .row .col-xs-8,
.content-element .content-element-7 .row .col-xs-7,
.content-element .content-element-7 .row .col-xs-6,
.content-element .content-element-7 .row .col-xs-5,
.content-element .content-element-7 .row .col-xs-4,
.content-element .content-element-7 .row .col-xs-3,
.content-element .content-element-7 .row .col-xs-2,
.content-element .content-element-7 .row .col-xs-1,
.content-element .content-element-8 .row .col-xs-12,
.content-element .content-element-8 .row .col-xs-11,
.content-element .content-element-8 .row .col-xs-10,
.content-element .content-element-8 .row .col-xs-9,
.content-element .content-element-8 .row .col-xs-8,
.content-element .content-element-8 .row .col-xs-7,
.content-element .content-element-8 .row .col-xs-6,
.content-element .content-element-8 .row .col-xs-5,
.content-element .content-element-8 .row .col-xs-4,
.content-element .content-element-8 .row .col-xs-3,
.content-element .content-element-8 .row .col-xs-2,
.content-element .content-element-8 .row .col-xs-1,
.content-element .content-element-17 .row .col-xs-12,
.content-element .content-element-17 .row .col-xs-11,
.content-element .content-element-17 .row .col-xs-10,
.content-element .content-element-17 .row .col-xs-9,
.content-element .content-element-17 .row .col-xs-8,
.content-element .content-element-17 .row .col-xs-7,
.content-element .content-element-17 .row .col-xs-6,
.content-element .content-element-17 .row .col-xs-5,
.content-element .content-element-17 .row .col-xs-4,
.content-element .content-element-17 .row .col-xs-3,
.content-element .content-element-17 .row .col-xs-2,
.content-element .content-element-17 .row .col-xs-1 {
  padding-right: 5px;
  padding-left: 5px;
}
.content-element .content-element-2 img {
  margin-bottom: 0;
}
.content-element .content-element-2 .img-holder {
  text-align: center;
  position: relative;
}
.content-element .content-element-2 .img-holder p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content-element .content-element-4 {
  margin-bottom: 2em;
}
.content-element .content-element-4:last-child {
  margin-bottom: 0;
}
.content-element .content-element-4 h3 {
  color: #e67a2b;
  margin: 0 0 1em;
}
.content-element .content-element-10 {
  position: relative;
  background: #faeddd;
  margin: -3em 0;
  padding: 3em 0;
  overflow: hidden;
}
.content-element .content-element-10 .col-xs-6:first-child {
  padding-right: 2em;
}
.content-element .content-element-10 .col-xs-6:last-child {
  padding-left: 2em;
}
.content-element .content-element-10 ul {
  margin-bottom: 1em;
}
.content-element .content-element-10 ul li {
  margin-left: 2em;
  position: relative;
}
.content-element .content-element-10 ul li:before {
  position: absolute;
  display: block;
  content: "";
  left: -1em;
  top: 1em;
  width: 1px;
  height: 1px;
  border: 1px solid #000;
  border-radius: 50%;
}
.content-element .content-element-10 p {
  text-align: justify;
}
.content-element .content-element-11 {
  background: #faeddd;
  position: relative;
  margin: -3em 0;
  padding: 3em 0;
  overflow: hidden;
}
.content-element .content-element-11 .btn.cta {
  background: #fff;
  color: #000;
  border: none;
  box-shadow: #ccc 5px 5px 5px 0;
}
.content-element .content-element-11 .btn.cta:hover {
  background: #000;
  color: #fff;
}
.content-element .content-element-5 .col-xs-2:before, .content-element .content-element-5 .col-xs-3:before, .content-element .content-element-5 .col-xs-4:before {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 5px;
  background: #fff;
}
.content-element .content-element-5 .col-xs-2:after, .content-element .content-element-5 .col-xs-3:after, .content-element .content-element-5 .col-xs-4:after {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 5px;
  background: #fff;
}
.content-element .content-element-5 .row {
  position: relative;
  overflow: auto;
  margin-bottom: -1em;
}
.content-element .content-element-5 .row:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1em;
  background: #fff;
}
.content-element .content-element-5 .row:last-child > .col-xs-1 img:last-child, .content-element .content-element-5 .row:last-child > .col-xs-2 img:last-child, .content-element .content-element-5 .row:last-child > .col-xs-3 img:last-child, .content-element .content-element-5 .row:last-child > .col-xs-4 img:last-child {
  margin-bottom: 0;
}
.content-element .content-element-6 .col-xs-2:before, .content-element .content-element-6 .col-xs-3:before, .content-element .content-element-6 .col-xs-4:before,
.content-element .content-element-7 .col-xs-2:before,
.content-element .content-element-7 .col-xs-3:before,
.content-element .content-element-7 .col-xs-4:before {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 5px;
  background: #fff;
}
.content-element .content-element-6 .col-xs-2:after, .content-element .content-element-6 .col-xs-3:after, .content-element .content-element-6 .col-xs-4:after,
.content-element .content-element-7 .col-xs-2:after,
.content-element .content-element-7 .col-xs-3:after,
.content-element .content-element-7 .col-xs-4:after {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 5px;
  background: #fff;
}
.content-element .content-element-6 .row,
.content-element .content-element-7 .row {
  position: relative;
  overflow: auto;
  margin-bottom: -1em;
}
.content-element .content-element-6 .row:after,
.content-element .content-element-7 .row:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 1em;
  background: #fff;
}
.content-element .content-element-13-section {
  position: relative;
}
.content-element .content-element-13-bg {
  width: 100%;
}
.content-element .content-element-13 {
  position: absolute;
  top: 0;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 100%;
}
.content-element .content-element-13 .el-13-3,
.content-element .content-element-13 .el-13-4,
.content-element .content-element-13 .el-13-6,
.content-element .content-element-13 .el-13-8 {
  display: flex;
  flex-flow: row wrap;
  font-size: 1em;
  font-family: "Source Sans Pro", sans-serif;
}
.content-element .content-element-13 .el-13-3 .icon,
.content-element .content-element-13 .el-13-4 .icon,
.content-element .content-element-13 .el-13-6 .icon,
.content-element .content-element-13 .el-13-8 .icon {
  transform: scaleX(1.5);
  text-align: center;
  display: block;
  margin: 1em auto 0;
  max-width: 50px;
  font-size: 30px;
  color: #e67a2b;
}
.content-element .content-element-13 .el-13-3 img,
.content-element .content-element-13 .el-13-4 img,
.content-element .content-element-13 .el-13-6 img,
.content-element .content-element-13 .el-13-8 img {
  display: block;
  margin: 1em auto;
  max-width: 80%;
}
.content-element .content-element-13 .el-13-3 img,
.content-element .content-element-13 .el-13-6 img {
  width: 250px;
}
.content-element .content-element-13 .el-13-4 img,
.content-element .content-element-13 .el-13-8 img {
  width: 200px;
}
.content-element .non-hp-ce-13 .content-element-13-bg {
  display: none;
}
.content-element .non-hp-ce-13 .content-element-13 {
  height: 100%;
  position: relative;
  background: #555;
  padding: 2em 0 4em;
}
.content-element .content-element-14 .category-content {
  margin: auto;
}
.content-element .content-element-14 p {
  margin-bottom: 1em;
}
.content-element .content-element-15 .icon {
  color: #e67a2b;
}
.content-element .content-element-15 img {
  margin: 0 0.5em 0;
}
.content-element .content-element-15 h2, .content-element .content-element-15 h3 {
  letter-spacing: 1px;
  text-transform: uppercase;
}
.content-element img.ce-15-alike-img {
  margin: 0 0.5em 0;
}
.content-element .content-element-16 h2, .content-element .content-element-16 h3 {
  color: #e67a2b;
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.content-element .content-element-16 .video {
  width: 100%;
}
.content-element .content-element-16 .ce-16-circle {
  display: block;
  background: #000;
  color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  position: absolute;
  left: -20px;
}
.content-element .content-element-16 p {
  margin-bottom: 1em;
}
.content-element .content-element-18 {
  padding: 4.5em 0;
  margin: -1.5em 0 0;
  background: #343434;
  color: #fff;
}
.content-element .content-element-18 .img-holder {
  margin-right: 15px;
}
.content-element .content-element-18 .img-holder img {
  max-width: 260px;
}
.content-element .content-element-18 h2 {
  margin: 0 15px 1em 0;
  text-transform: uppercase;
  word-spacing: 100vw;
}
.content-element .content-element-18 h3 {
  background: #e67a2b;
  color: #fff;
  display: inline-block;
  padding: 2px 8px 5px;
  margin: 2em 0 1em;
  position: relative;
}
.content-element .content-element-18 h3:first-child {
  margin-top: 0;
}
.content-element .content-element-18 h3:before {
  color: #e67a2b;
  content: "\e917";
  position: absolute;
  left: -20px;
  top: 0;
  font-family: icomoon;
}
.content-element .content-element-18 p {
  padding-right: 4em;
}
.content-element .content-element-19 {
  font-family: "Source Sans Pro", sans-serif;
}
.content-element .content-element-19 iframe {
  max-width: 100%;
  min-width: calc(100% - 15px);
}
.content-element .content-element-19 h2, .content-element .content-element-19 h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.content-element .content-element-19 .map-iframe {
  display: block;
  width: calc(100% + 35px + 15px);
  margin-left: -35px;
  margin-top: 2em;
}
.content-element .content-element-21 .row {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
}
.content-element .content-element-21 .row:first-child {
  padding-bottom: 4em;
  border-bottom: 5px solid #e67a2b;
}
.content-element .content-element-21 .row:first-child h2:before {
  position: absolute;
  display: block;
  content: "";
  border-left: 2px solid #e67a2b;
  height: 4em;
  left: 50%;
  top: 100%;
}
.content-element .content-element-21 .row:first-child h2:after {
  position: absolute;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
  bottom: calc(-4em - 8px);
  left: calc(50% - 5px);
}
.content-element .content-element-21 .row:first-child .ce-21-content {
  margin: 0 1.5em;
}
.content-element .content-element-21 .row:last-child {
  margin-top: 4em;
  margin-bottom: 3em;
}
.content-element .content-element-21 .row:last-child h2:before {
  position: absolute;
  display: block;
  content: "";
  border-left: 2px solid #e67a2b;
  height: 4em;
  left: 50%;
  bottom: 100%;
}
.content-element .content-element-21 .row:last-child h2:after {
  position: absolute;
  display: block;
  content: "";
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
  top: calc(-4em - 8px);
  left: calc(50% - 5px);
}
.content-element .content-element-21 .row:last-child .ce-21-content {
  margin: 0 3em;
}
.content-element .content-element-21 .ce-21-content {
  padding: 3em 4em;
  box-shadow: 5px 5px 10px 5px #ccc;
}
.content-element .content-element-21 .ce-21-heading h2 {
  font-size: 1em;
  display: inline-block;
  margin: 0 auto;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px;
  font-family: "sweet_sans_proregular", sans-serif;
}
.content-element .content-element-24 {
  color: #fff;
}

.heading-holder {
  text-transform: uppercase;
  color: #e67a2b;
  letter-spacing: 1px;
  position: relative;
  margin: 1.5em 0;
  z-index: 0;
}
.heading-holder:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid #e67a2b;
  z-index: -1;
}
.heading-holder h1,
.heading-holder h2,
.heading-holder h3,
.heading-holder h4 {
  z-index: 1;
  background: #fff;
  display: inline;
  padding: 0 1em;
}

.ce-bg-type-1 {
  background: #e67a2b;
  padding: 3rem 0;
}

.ce-bg-type-1 + .ce-bg-type-1 {
  margin-top: 0;
  padding-top: 0;
}

.ce-bg-type-1:has(+ .ce-bg-type-1) {
  margin-bottom: 0;
}

html {
  font-size: 16px;
}

header .header-top li.newsletter-button__holder {
  margin-right: auto;
  padding: 0;
  border: none;
}

.articles .article__date {
  color: #e67a2b;
}
.articles .article__heading {
  background: #fff;
}
.articles .article__perex {
  margin: 1rem 0;
  padding-top: 1rem;
  border-top: 1px solid #000;
}
.articles .article__misc .read-more {
  font-size: 0.9rem;
  color: #888;
}
.articles .article {
  margin-bottom: 2rem;
}
.articles .article a {
  display: block;
}
.articles .article img {
  margin-bottom: 0;
}

.section-articles__article h1 {
  color: #000;
}

.section-articles__others ul li img {
  display: block;
  width: 100%;
}

aside .article-newsletter, aside .article-linkedin, aside .article-socials, aside .article-tags {
  margin-bottom: 1rem;
}
aside .article-socials h3, aside .article-socials ul {
  color: #e67a2b;
  text-align: right;
}
aside .article-tags h3, aside .article-tags ul {
  color: #e67a2b;
  text-align: right;
}
aside .article-tags a {
  color: #5f8a9f;
}
aside .article-socials a {
  color: #0077b5;
}
aside iframe {
  max-width: 100%;
}

.section-articles__article h1 {
  margin-top: -3rem;
}
.section-articles__article .container {
  max-width: 100%;
  padding: 0;
}

.content-element-22 {
  text-align: justify;
}
.content-element-22 ul {
  margin: 1rem 2rem;
}
.content-element-22 li {
  list-style: initial;
}
.content-element-22 a {
  color: #e67a2b;
  text-decoration: underline;
}
.content-element-22 a:hover {
  color: #e67a2b;
  text-decoration: none;
}
.content-element-22 table {
  width: 100%;
}
.content-element-22 table tr:first-child {
  background: #e67a2b;
}
.content-element-22 table th, .content-element-22 table td {
  padding: 0.5rem;
}

.ce__img-description {
  color: #888;
}

.article-intro {
  color: #888;
  margin: -1.5rem 0 1.5rem;
}

h1 .article__date {
  color: #e67a2b;
  font-size: 1rem;
}

@media (max-width: 1400px) {
  header .dropdown-holder > a,
  header .header-languages > a,
  header .mid-nav > a {
    padding: 1em 0.5em;
  }
  header .dropdown-holder > a:first-child:before,
  header .dropdown-holder > a:first-child:after,
  header .dropdown-holder > a:before,
  header .dropdown-holder > a:after {
    display: none;
  }
}
@media (max-width: 1280px) {
  header .header-top,
  header .header-nav {
    padding: 0 1em;
  }
  #category-TD {
    width: calc(100vw - 2em);
  }
  #category-DD {
    width: calc(87.5vw - 1.75em);
  }
  #category-DK {
    width: calc(50vw - 1em);
    left: -18.75vw;
    top: 100%;
  }
  #category-EIP {
    width: calc(12.5vw - 0.25em + 2em);
    top: 100%;
  }
  #category-DP {
    width: calc(12.5vw - 0.25em + 2em);
    top: 100%;
    right: 0;
    left: auto;
  }
}
@media (max-width: 1199px) {
  header .header-top {
    padding: 0 1em;
  }
  header .header-nav {
    padding: 0 1em;
  }
  header .header-nav .main-nav > ul {
    justify-content: start;
  }
  header .header-nav .main-nav-sm > ul {
    justify-content: space-between;
  }
  .gallery-grid-images {
    margin-right: -5px;
    margin-left: -5px;
  }
  .gallery-grid-images > div {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gallery-grid-images:first-child img {
    margin-bottom: 10px;
  }
  .hp-categories h2 {
    margin: 1em 1.5em;
  }
  .content-element .content-element-18 p {
    padding-right: 2em;
  }
  .content-element .content-element-21 .row:first-child .ce-21-content, .content-element .content-element-21 .row:last-child .ce-21-content {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .content-element .content-element-13-bg {
    display: none;
  }
  .content-element .content-element-13 {
    padding: 1em;
    position: relative;
    background: #555;
  }
  .content-element .content-element-13 img {
    max-width: 100% !important;
  }
  .content-element .content-element-13 .icon {
    display: none;
  }
  .content-element .content-element-13 p, .content-element .content-element-13 p:last-child {
    margin-bottom: 1em;
  }
  .content-element .content-element-13 .el-13-3,
  .content-element .content-element-13 .el-13-4,
  .content-element .content-element-13 .el-13-6,
  .content-element .content-element-13 .el-13-8 {
    display: flex;
    flex-flow: row wrap;
  }
  .content-element .content-element-16 .ce-16-circle {
    position: relative;
    float: left;
    margin-right: 1em;
    left: 0;
  }
  .content-element .content-element-18 {
    padding: 3em 0;
    margin: 0;
  }
  .content-element .content-element-18 .img-holder {
    margin-right: auto;
  }
  .content-element .content-element-18 .img-holder img {
    max-width: 180px;
    margin: 1.5em auto 1.5em;
    display: block;
  }
  .content-element .content-element-18 h2 {
    text-align: center;
    margin: 0 15px 1em 0;
    text-transform: uppercase;
    word-spacing: 100vw;
    font-size: 1em;
  }
  .content-element .content-element-18 h3, .content-element .content-element-18 h3:first-child {
    margin: 2em 0 0 20px;
  }
  .content-element .content-element-18 p, .content-element .content-element-18 p:last-child {
    margin-bottom: 10px;
  }
  header .main-nav > ul > li > a {
    margin: 0;
  }
  .banner h1 {
    font-size: 1.8em;
  }
  .category-intro .category-intro-product-list,
  .category-intro .category-intro-bottom {
    padding: 0;
  }
  .product-detail > .row {
    display: flex;
    flex-flow: column wrap;
  }
  .product-detail .product-itself.col-xs-12 {
    order: 1;
    margin-bottom: 2em;
    width: 100%;
    padding-left: 15px;
  }
  .product-detail .other-products {
    order: 2;
    width: 100%;
    padding-right: 15px;
    margin-top: 1em;
  }
  .product-detail .product-itself .images-gallery {
    margin-bottom: 1em;
  }
  .product-detail .product-itself .pd-intro {
    margin: 1.5em 0;
  }
  .section-map-slider {
    padding: 0 !important;
  }
  .section-map-slider .map-points-slider > .slick-prev {
    left: -12%;
  }
  .section-map-slider .map-points-slider > .slick-next {
    right: -12%;
  }
  .section-map-slider .map-points-slider > .slick-prev,
  .section-map-slider .map-points-slider > .slick-next {
    display: none !important;
    top: 50%;
  }
  .section-milestones h2 {
    font-size: 1em;
  }
  .section-milestones h3 {
    font-size: 1em;
  }
  .milestone {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  section {
    margin: 2em auto;
  }
  header .header-top {
    padding: 0 2em;
  }
  .content-element {
    margin: 2em auto;
  }
  .content-element .content-element-2 .col-xs-4 {
    width: 100%;
    margin-bottom: 1em;
  }
  .content-element .content-element-2 .col-xs-4:last-child {
    margin-bottom: 0;
  }
  .content-element .content-element-4 img {
    margin: 1em 0 0;
  }
  .content-element .content-element-4 .row {
    display: flex;
    flex-flow: column;
  }
  .content-element .content-element-4 .row .col-xs-4 {
    width: 100%;
    order: 2;
  }
  .content-element .content-element-4 .row .col-xs-8 {
    width: 100%;
    order: 1;
  }
  .content-element .content-element-14 img {
    display: none;
  }
  .content-element .content-element-15 .ce-15-content img {
    display: block;
    margin: 0 auto 1em;
  }
  .content-element .content-element-15 h2, .content-element .content-element-15 h3 {
    font-size: 1em;
  }
  .content-element img.ce-15-alike-img {
    display: block;
    margin: 0 auto 1em;
  }
  .content-element .content-element-17 .row {
    display: flex;
    flex-flow: row wrap;
  }
  .content-element .content-element-18 p {
    padding-right: 0;
  }
  .content-element .content-element-19 .col-xs-12 {
    margin-bottom: 1em;
  }
  .content-element .content-element-19 h2 {
    font-size: 1em;
  }
  .content-element .content-element-19 p, .content-element .content-element-19 p:last-child {
    margin-bottom: 1em;
  }
  .content-element .content-element-20 .heading-holder h2 {
    font-size: 1.5em;
    padding: 0 0.5em;
  }
  .content-element .content-element-21 .ce-21-content {
    padding: 2em 1em;
  }
  .content-element .content-element-21 h2 {
    font-size: 1em;
  }
  .content-element .content-element-21 .row:first-child {
    padding-bottom: 2.5em;
    margin-bottom: 2.5em;
  }
  .content-element .content-element-21 .row:last-child {
    margin-top: 2.5em;
  }
  .banner .banner-img {
    background-size: cover;
    padding-top: 50%;
  }
  .banner h1 {
    font-size: 1.4em;
  }
  .banner-video .banner-logo {
    display: none;
  }
  .above-footer {
    padding-top: 2em;
  }
  .above-footer > div > div {
    margin-bottom: 2em;
  }
  .above-footer > div > div:last-child {
    margin-bottom: 0;
  }
  .above-footer img {
    max-width: 50%;
  }
  footer {
    padding: 2.5em 0;
    min-height: auto;
  }
  footer .horizontal-list li {
    display: block;
  }
  .footer-top {
    font-size: 0.9em;
  }
  .footer-top a {
    margin: 0;
  }
  .category-intro .col-xs-12:last-child {
    margin-top: 2em;
  }
  .category-intro .col-DD {
    width: 33.3333333333%;
  }
  .category-intro .col-TD {
    width: 33.3333333333%;
  }
  .category-intro .col-DK {
    width: 50%;
  }
  .category-intro .col-EIP {
    width: 100%;
  }
  .category-intro .col-DP {
    width: 100%;
  }
  .category-intro .category-intro-product-list,
  .category-intro .category-intro-bottom {
    padding: 0;
  }
  .category-intro li {
    margin-bottom: 1em;
  }
  .cat-documents {
    padding-left: 0;
  }
  .product-list h1 {
    margin-top: 0;
  }
  .product-detail > .row {
    display: flex;
    flex-flow: column wrap;
  }
  .product-detail .product-itself.col-xs-12 {
    order: 1;
    margin-bottom: 2em;
    width: 100%;
    padding-left: 15px;
  }
  .product-detail .other-products {
    order: 2;
    width: 100%;
    padding-right: 15px;
    margin-top: 1em;
  }
  .product-detail .product-itself .images-gallery {
    margin-bottom: 1em;
  }
  .product-detail .product-itself .pd-intro {
    margin: 1.5em 0;
  }
  .gallery-grid-images img {
    margin-bottom: 10px;
  }
  .orderTable .orderTable-row .row > div {
    padding-right: 15px !important;
  }
  .orderTable .orderTable-row .row input {
    margin-bottom: 1em;
  }
  .orderTable .order-table-calculations input, .orderTable .order-table-calculations label,
  .orderTable .order-table-info input,
  .orderTable .order-table-info label {
    width: 100%;
    margin-bottom: -1px;
  }
  .orderTable #step-result {
    padding-right: 0 !important;
  }
  .category-img {
    display: block;
    margin-bottom: 1em;
  }
  .section-map h2 {
    font-size: 1em;
  }
  .section-map .arrow-img {
    width: 15px;
    margin-left: 9px;
    margin-top: 27px;
  }
}
@media (max-width: 599px) {
  .banner .banner-img {
    padding-top: 66.66% !important;
  }
  .section-map .arrow-img {
    width: 10px;
    margin-left: 11.5px;
    margin-top: 33px;
  }
}
@media (max-width: 500px) {
  .hidden-xxs {
    display: none;
  }
}
@media (max-width: 449px) {
  header .md-nav .md-nav-contacts a {
    display: block;
    line-height: 24px;
    margin-right: 0;
  }
  .hp-categories .col-xs-12 img {
    margin: 0 auto;
    display: block;
  }
  .category-intro .col-DD {
    width: 50%;
  }
  .category-intro .col-TD {
    width: 50%;
  }
  .category-intro .col-DK {
    width: 50%;
  }
  .category-intro .col-EIP {
    width: 100%;
  }
  .category-intro .col-DP {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .content-element .content-element-14 > .row {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .hp-categories h2 {
    font-size: 1.25em;
  }
}
@media (min-width: 1800px) {
  .dropdown-holder > a {
    text-transform: uppercase;
  }
}