/* --------------------
Set root URL
for LESS compiling
-------------------- */
/* --------------------
Imports
-------------------- */
/* Browser reset  */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
figure,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  cellspacing: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
/* General  */
.block {
  display: block;
}
.inlineblock {
  display: inline-block;
}
.none {
  display: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.hidden {
  overflow: hidden;
}
/* Float & align  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.cb {
  clear: both !important;
}
.cl {
  clear: left !important;
}
.cr {
  clear: right !important;
}
.al {
  text-align: left !important;
}
.ar {
  text-align: right !important;
}
.ac {
  text-align: center !important;
}
/* Grid  */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  margin: 0 auto;
  text-align: center;
}
.grid:after {
  clear: both !important;
  content: "";
  display: table;
}
[class*='col-'] {
  float: left;
}
.module {
  text-align: left;
}
/* Columns  */
.col-1-1 {
  width: 100%;
}
.col-4-5 {
  width: 80%;
}
.col-3-4 {
  width: 75%;
}
.col-2-3 {
  width: 66.66666%;
}
.col-3-5 {
  width: 60%;
}
.col-1-2 {
  width: 50%;
}
.col-2-5 {
  width: 40%;
}
.col-1-4 {
  width: 25%;
}
.col-1-5 {
  width: 20%;
}
.col-1-3 {
  width: 33.33333%;
}
.col-1-8 {
  width: 12.5%;
}
.col-1-6 {
  width: 16.66%;
}
/* Fonts  */
.arial {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.helvetica {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.garamond {
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}
.georgia {
  font-family: Georgia, Times, "Times New Roman", serif;
}
.palatino {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}
/* Mixins  */
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(0%);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.84999999999999%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(92%);
  max-width: calc(46%);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(90%);
  }
}
/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1480px;
}
/* @media (min-width: 576px) {
	.container {
	  max-width: 540px;
	}
  }
  
  @media (min-width: 768px) {
	.container {
	  max-width: 720px;
	}
  }
  
  @media (min-width: 992px) {
	.container {
	  max-width: 960px;
	}
  } */
@media (min-width: 1200px) {
  .container {
    max-width: 1480px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@charset "UTF-8";
@font-face {
  font-family: "vm-fencing-systems";
  src: url("/wp-content/themes/vmfencingsystems/static/styles/fonts/vm-fencing-systems.eot");
  src: url("/wp-content/themes/vmfencingsystems/static/styles/fonts/vm-fencing-systems.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/vmfencingsystems/static/styles/fonts/vm-fencing-systems.woff") format("woff"), url("/wp-content/themes/vmfencingsystems/static/styles/fonts/vm-fencing-systems.ttf") format("truetype"), url("/wp-content/themes/vmfencingsystems/static/styles/fonts/vm-fencing-systems.svg#vm-fencing-systems") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vm-fencing-systems" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-angle-down:before {
  content: "a";
}
.icon-angle-left:before {
  content: "b";
}
.icon-angle-right:before {
  content: "c";
}
.icon-angle-up:before {
  content: "d";
}
.icon-play:before {
  content: "e";
}
.icon-file:before {
  content: "f";
}
.icon-remove:before {
  content: "g";
}
.icon-align-justify:before {
  content: "h";
}
.icon-email-envelope:before {
  content: "i";
}
.icon-phone-mobile:before {
  content: "j";
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #ffffff url('/wp-content/themes/vmfencingsystems/static/images/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('/wp-content/themes/vmfencingsystems/static/fonts/slick.eot');
  src: url('/wp-content/themes/vmfencingsystems/static/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/vmfencingsystems/static/fonts/slick.woff') format('woff'), url('/wp-content/themes/vmfencingsystems/static/fonts/slick.ttf') format('truetype'), url('https://www.vmfencingsystems.fr/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}
/* --------------------
Fonts
-------------------- */
.icons {
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "opensans-regular";
  src: url("/wp-content/themes/vmfencingsystems/static/styles/fonts/opensans-regular.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "opensans-semibold";
  src: url("/wp-content/themes/vmfencingsystems/static/styles/fonts/opensans-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "opensans-bold";
  src: url("/wp-content/themes/vmfencingsystems/static/styles/fonts/opensans-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "opensans-extrabold";
  src: url("/wp-content/themes/vmfencingsystems/static/styles/fonts/opensans-extrabold.ttf") format("truetype");
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "opensans-bold";
}
.nheader__main-nav .menu-item a {
  font-family: "opensans-extrabold";
}
/* --------------------
Colors
-------------------- */
/* --------------------
General
-------------------- */
.block {
  display: block;
}
.inlineblock {
  display: inline-block;
}
.none {
  display: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.hidden {
  overflow: hidden;
}
/* --------------------
Body
-------------------- */
body {
  font-family: "opensans-regular";
  color: #7b7b7b;
  background: #f3fbfb;
}
body.lock {
  overflow: hidden;
}
body a {
  text-decoration: none;
}
body:before {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  opacity: 0;
  visibility: hidden;
  z-index: 803;
  background: rgba(34, 38, 41, 0.8);
  transition: opacity .25s ease, visibility .25s ease;
}
body:after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  opacity: 0;
  visibility: hidden;
  z-index: 9990;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transition: all 0.2s ease 0.25s ease;
}
body.dark:after {
  opacity: 1;
  visibility: visible;
  background: rgba(24, 40, 89, 0.8);
  background: rgba(18, 0, 19, 0.8);
}
body.dark-2019:before {
  opacity: 1;
  visibility: visible;
}
body.logged-in {
  background: white;
}
p {
  font-size: 14px;
  line-height: 28px;
  color: #7b7b7b;
}
.editor {
  float: left;
  width: 100%;
}
.editor p {
  float: left;
  width: 100%;
  line-height: 28px;
  margin-bottom: 28px;
}
.editor h1 {
  float: left;
  font-family: "opensans-bold";
  position: relative;
  padding-top: 30px;
  width: 100%;
  max-width: 480px;
  font-size: 34px;
  text-transform: uppercase;
  color: #182859;
}
.editor h1:before {
  position: absolute;
  width: 56px;
  height: 7px;
  background: #182859;
  top: 0;
  left: 0;
  content: "";
}
.editor h3 {
  float: left;
  font-family: "opensans-bold";
  width: 100%;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
  color: #612176;
}
.editor h4 {
  float: left;
  font-family: "opensans-bold";
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  color: #612176;
}
.editor h5 {
  float: left;
  font-family: "opensans-bold";
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
  color: #612176;
}
.editor ul {
  float: left;
  width: 100%;
  margin-bottom: 24px;
}
.editor ul li {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 32px;
  color: #7b7b7b;
  border-top: none !important;
}
.editor ul li:before {
  float: left;
  width: 7px;
  height: 7px;
  background: #612176;
  content: "";
  margin: 13px 10px 0 0;
}
.editor ul li a {
  color: #612176;
}
.editor.big-italic h1 {
  width: 100% !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin-bottom: 20px !important;
  font-size: 26px !important;
}
.editor.big-italic h1:before {
  display: none !important;
}
.editor.big-italic p {
  font-family: "opensans-semibold";
  font-size: 18px;
  font-style: italic;
}
.editor.padding {
  padding: 40px 40px 0;
}
.editor.padding .specifications {
  float: left;
  width: 100%;
  margin-bottom: 28px;
}
.editor.padding .specifications .col-1-5 {
  padding: 10px 20px  20px;
  background: #E9EBEF;
  border-right: 2px solid white;
}
.editor.padding .specifications .col-1-5 p {
  margin-bottom: 0;
}
.editor.padding .specifications .col-4-5 {
  padding: 10px 20px  20px;
  background: #F3F6FB;
}
.editor.padding .specifications .col-4-5 p {
  margin-bottom: 0;
}
.editor.contact-page {
  width: 50%;
}
.editor.contact-page h1,
.editor.contact-page h2 {
  float: left;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  max-width: 480px;
  font-size: 28px !important;
  margin-bottom: 20px !important;
}
.editor.contact-page h1:before,
.editor.contact-page h2:before {
  display: none !important;
}
.editor.contact-form {
  margin-top: 50px;
  margin-bottom: 20px;
}
.editor.contact-form h1,
.editor.contact-form h2 {
  float: left;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  max-width: 480px;
  font-size: 28px !important;
  margin-bottom: 20px !important;
}
.editor.contact-form h1:before,
.editor.contact-form h2:before {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  .editor.padding {
    padding: 30px 20px 0;
  }
  .editor.contact-page .contact-wrapper p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .editor.big-italic p {
    font-size: 14px !important;
    line-height: 26px;
  }
  .editor h1:before {
    top: 10px;
    height: 3px;
    width: 40px;
    left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .editor.contact-page {
    width: 100%;
    margin-bottom: 20px;
  }
  .editor.contact-page .contact-wrapper {
    margin-top: 0;
  }
}
/* --------------------
Buttons
-------------------- */
.button {
  display: inline-block;
  text-align: center !important;
  font-size: 16px;
  text-transform: uppercase;
  height: 44px;
  background: #612176;
  border: 2px solid #612176;
  color: white;
  padding: 0 30px;
  line-height: 40px;
  border-radius: 21px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
}
.button:hover {
  background: white;
  color: #612176;
  border: 2px solid white;
}
.button.outline {
  background: none;
}
.button.outline.white {
  border: 2px solid white;
}
.button.outline.white:hover {
  background: white;
  color: #182859;
}
@media only screen and (max-width: 480px) {
  /* --------------------
Main Styles
-------------------- */
  .front-top-wrapper.new {
    /* -------------
		Left
		------------- */
  }
  .front-top-wrapper.new .int-left .list-subsidiaries .inner-list ul li a ul .sub {
    width: 50%;
  }
}
.header {
  float: left;
  position: relative;
  width: 100%;
  z-index: 900;
}
.header .cntr {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.header .top-header {
  float: left;
  width: 100%;
  background: #222629;
  font-size: 14px;
}
.header .top-header p {
  float: left;
  padding: 20px 20px 24px;
  line-height: 1;
}
.header .top-header .home-link a {
  position: relative;
  display: inline-block;
  padding: 20px 20px 24px 52px;
  color: #7b7b7b;
  background-color: #2e3337;
}
.header .top-header .home-link a:before {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 25px;
  height: 25px;
  background-color: #394045;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-position: center top -366px;
}
.header .top-header .home-link a:hover {
  color: white;
}
.header .bottom-header {
  float: left;
  position: relative;
  width: 100%;
  background: white;
  padding: 30px 0;
}
.header .bottom-header .cntr {
  padding: 0 20px;
}
.header .bottom-header .cntr .logo {
  float: left;
  width: 266px;
  height: 47px;
  background-size: 266px;
  overflow: hidden;
  text-indent: -999px;
}
.header .bottom-header .cntr .logo--uk {
  height: 49px;
}
.header .bottom-header .cntr .logo-int {
  float: left;
  position: relative;
  width: 266px;
  height: 47px;
  background: url('/wp-content/themes/vmfencingsystems/static/images/logo.gif') top center no-repeat;
  background-size: 266px;
  overflow: hidden;
  text-indent: -999px;
}
.header .bottom-header .cntr .menu-trigger {
  display: none;
  position: absolute;
  width: 42px;
  height: 42px;
  right: 8px;
  top: 11px;
}
.header .bottom-header .cntr .menu-trigger:before {
  position: absolute;
  height: 0;
  top: 50%;
  margin-top: -7px;
  right: 12px;
  box-shadow: 0 0 0 1px #222629, 0 7px 0 1px #222629, 0 14px 0 1px #222629;
  width: 16px;
  content: "";
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out 0.25s ease;
}
.header .bottom-header .cntr .main-nav {
  float: left;
  margin: 15px 0 0 37px;
  width: calc(100% - 303px);
}
.header .bottom-header .cntr .main-nav ul.menu {
  float: left;
  width: 100%;
}
.header .bottom-header .cntr .main-nav ul.menu > li {
  position: relative;
  float: left;
  margin: 0 37px;
}
.header .bottom-header .cntr .main-nav ul.menu > li.hide {
  display: none;
}
.header .bottom-header .cntr .main-nav ul.menu > li a {
  float: left;
  font-family: "opensans-semibold";
  font-size: 16px;
  text-transform: uppercase;
  color: #7b7b7b;
}
.header .bottom-header .cntr .main-nav ul.menu > li a:hover {
  color: #222629;
}
.header .bottom-header .cntr .main-nav ul.menu > li:last-child {
  float: right;
  margin-right: 0;
}
.header .bottom-header .cntr .main-nav ul.menu > li:last-child a {
  text-align: center !important;
  padding: 0 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: normal;
  color: white;
  border: 2px solid #612176;
  background: #612176;
  border-radius: 21px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  margin-top: -14px;
}
.header .bottom-header .cntr .main-nav ul.menu > li:last-child.current-menu-item a {
  color: white;
}
.header .bottom-header .cntr .main-nav ul.menu > li:last-child.current-menu-item a:hover {
  color: #612176;
}
.header .bottom-header .cntr .main-nav ul.menu > li.current-menu-item a {
  color: #222629;
}
.header .bottom-header .cntr .main-nav ul.menu > li.products-sub a {
  position: relative;
}
.header .bottom-header .cntr .main-nav ul.menu > li.products-sub a:after {
  display: block;
  position: absolute;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "a";
  height: 20px;
  top: -2px;
  right: -30px;
  font-size: 23px;
  color: #7b7b7b;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out 0.25s ease;
}
.header .bottom-header .cntr .main-nav ul.menu > li.products-sub:hover a:after {
  color: #222629;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header .bottom-header .cntr .main-nav ul.menu > li.products-sub:hover > .submenu-wrapper {
  opacity: 1;
  visibility: visible;
}
.header .bottom-header .cntr .main-nav ul.menu > li.products-sub ul li a:after {
  display: none;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  top: 59px;
  left: 0;
  padding: 48px 20px 20px 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transition: all 0.2s ease 0.25s ease;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper:before {
  position: absolute;
  width: 100%;
  height: calc(100% - 48px);
  left: 0;
  bottom: 0;
  background: white;
  content: "";
  border-bottom: 1px solid #e7e9ee;
  border-top: 1px solid #e7e9ee;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list {
  padding-top: 20px;
  padding-bottom: 10px;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li {
  padding: 0 20px;
  margin-bottom: 10px;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner {
  float: left;
  position: relative;
  width: 100%;
  background: white;
  overflow: hidden;
  border-bottom: 2px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-radius: 5px 5px 10px 10px;
  -webkit-border-radius: 5px 5px 10px 10px;
  -moz-border-radius: 5px 5px 10px 10px;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner .image-wrapper {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 5px solid #2546ae;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  height: 120px;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner .image-wrapper p {
  position: absolute;
  font-family: "opensans-bold";
  text-align: center !important;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -7px;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out 0.25s ease;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner .image-wrapper img {
  float: left;
  width: 100%;
  max-height: 120px;
  height: auto;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner .image-wrapper:before {
  position: absolute;
  width: 500px;
  height: 500px;
  right: 0;
  bottom: -45px;
  background: #182859;
  opacity: .9;
  content: "";
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(30deg) translateX(-100%);
  -moz-transform: rotate(30deg) translateX(-100%);
  -ms-transform: rotate(30deg) translateX(-100%);
  -o-transform: rotate(30deg) translateX(-100%);
  transform: rotate(30deg) translateX(-100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out 0.25s ease;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner .image-wrapper:after {
  position: absolute;
  width: 65px;
  height: 135px;
  right: -30px;
  bottom: -45px;
  background: #182859;
  opacity: .9;
  content: "";
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(30deg) translateX(0);
  -moz-transform: rotate(30deg) translateX(0);
  -ms-transform: rotate(30deg) translateX(0);
  -o-transform: rotate(30deg) translateX(0);
  transform: rotate(30deg) translateX(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out 0.25s ease;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner h3 {
  float: left;
  position: relative;
  font-family: "opensans-bold";
  text-align: center !important;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  padding: 17px 20px;
  color: #182859;
  border-top: 1px solid #efefef;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner h3.small {
  font-size: 16px;
  line-height: 22px;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner h3:after {
  position: absolute;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 30px;
  width: 30px;
  height: 40px;
  right: 0;
  top: -40px;
  content: "c";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out 0.25s ease;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner:hover .image-wrapper p {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner:hover .image-wrapper:before {
  -webkit-transform: rotate(0deg) translateX(0);
  -moz-transform: rotate(0deg) translateX(0);
  -ms-transform: rotate(0deg) translateX(0);
  -o-transform: rotate(0deg) translateX(0);
  transform: rotate(0deg) translateX(0);
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner:hover .image-wrapper:after {
  -webkit-transform: rotate(0deg) translateX(100%);
  -moz-transform: rotate(0deg) translateX(100%);
  -ms-transform: rotate(0deg) translateX(100%);
  -o-transform: rotate(0deg) translateX(100%);
  transform: rotate(0deg) translateX(100%);
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner:hover h3:after {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner.lock .image-wrapper p,
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner.lock .image-wrapper:before,
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li .inner.lock .image-wrapper:after {
  display: none;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple {
  width: 250px;
  padding: 0;
  left: -20px;
  top: 11px;
  padding-top: 49px;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple:before {
  display: none;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list {
  padding: 0;
  margin-bottom: 0;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list ul.sub-menu li {
  margin-bottom: 0;
  width: 100%;
  padding: 0;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list ul.sub-menu li a {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding: 18px 20px;
  font-size: 15px;
  border-bottom: 1px solid #e7e9ee;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list ul.sub-menu li:first-child {
  border-top: 2px solid #e7e9ee;
}
.header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list ul.sub-menu li:last-child a {
  border-bottom: 0;
}
.header .bottom-header .cntr .submenu-wrapper {
  display: none;
}
@media only screen and (max-width: 1050px) {
  .header .bottom-header .cntr .main-nav ul.menu > li {
    margin: 0 25px;
  }
}
@media only screen and (max-width: 970px) {
  .header .top-header .home-link a {
    max-width: 55px;
    padding-right: 3px;
    text-indent: -9999px;
  }
}
@media only screen and (max-width: 950px) {
  .header .bottom-header {
    padding: 20px 0;
  }
  .header .bottom-header .cntr .logo {
    width: 156px;
    background-size: 156px !important;
    height: 27px;
    margin-top: 8px;
  }
  .header .bottom-header .cntr .main-nav {
    width: calc(100% - 193px);
  }
  .header .bottom-header .cntr .main-nav ul li {
    margin: 0 20px;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li {
    margin: 0 20px;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li:last-child a {
    padding: 0 20px;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper {
    top: 39px;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li {
    margin: 0;
    margin-bottom: 10px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 830px) {
  .header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper .product-list ul.sub-menu li {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 800px) {
  .header .top-header .home-link {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header .top-header {
    /* -------------
		Language
		------------- */
    /* -------------
		Language
		------------- */
  }
  .header .top-header .fr {
    width: 100%;
  }
  .header .top-header .subsidiary {
    float: left;
  }
  .header .top-header .subsidiary p {
    display: none;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li {
    font-size: 12px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li:after {
    margin-top: -8px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li a {
    padding: 15px 32px 17px 52px;
    width: auto;
    min-width: 260px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li a:before {
    top: 9px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li a:after {
    margin-top: -9px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li.fencing-systems-iberica a {
    padding: 15px 42px 17px 62px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li.fencing-systems-iberica a:after {
    top: 16px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul {
    top: 44px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul li {
    font-size: 14px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li:hover ul {
    display: block;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul {
    width: auto;
    min-width: 260px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul li a {
    font-size: 12px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul li a:before {
    top: 9px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul li a:after {
    top: 16px !important;
  }
  .header .top-header .language {
    float: right;
    width: auto;
  }
  .header .top-header .language p {
    display: none;
  }
  .header .top-header .language #lang_sel ul > li {
    font-size: 0;
  }
  .header .top-header .language #lang_sel ul > li a {
    padding: 20px 27px 24px 52px;
  }
  .header .top-header .language #lang_sel ul > li a:before {
    top: 9px;
  }
  .header .top-header .language #lang_sel ul > li a:after {
    margin-top: -8px;
  }
  .header .top-header .language #lang_sel ul > li ul {
    top: 44px;
  }
  .header .top-header .language #lang_sel ul > li ul li {
    font-size: 14px;
  }
  .header .top-header .language #lang_sel ul > li ul li a:before {
    top: 15px;
  }
  .header .bottom-header {
    padding: 20px 0;
  }
  .header .bottom-header .cntr .logo {
    width: 156px;
    background-size: 156px !important;
    height: 27px;
    margin-top: 0;
  }
  .header .bottom-header .cntr .menu-trigger {
    display: block;
  }
  .header .bottom-header .cntr .main-nav {
    width: 100%;
    margin: 0 0 0;
  }
  .header .bottom-header .cntr .main-nav.nav-open {
    height: 80vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px;
  }
  .header .bottom-header .cntr .main-nav ul {
    display: none;
    width: 100%;
    margin-bottom: -15px;
  }
  .header .bottom-header .cntr .main-nav ul li {
    width: 100%;
    margin: 0;
  }
  .header .bottom-header .cntr .main-nav ul li a {
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #e6e6e6;
  }
  .header .bottom-header .cntr .main-nav ul li:first-child {
    margin-top: 25px;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li {
    margin-left: 0;
    margin-right: 0;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li:last-child {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li.products-sub a:after {
    display: none;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple {
    position: relative;
    display: inline-block;
    left: auto;
    top: auto;
    opacity: 1;
    visibility: visible;
    width: 100%;
    padding-top: 0;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list ul.sub-menu {
    overflow: hidden;
    margin-bottom: 0;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list ul.sub-menu li a {
    padding: 14px 20px;
    border-bottom: 0;
    font-size: 13px;
  }
  .header .bottom-header .cntr .main-nav ul.menu > li .submenu-wrapper.simple .product-list ul.sub-menu li:first-child {
    border-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .header {
    position: fixed;
    border-bottom: 1px solid #e6e6e6;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out 0.25s ease;
  }
  .header.headroom--unpinned {
    -webkit-transform: translateY(-44px);
    -moz-transform: translateY(-44px);
    -ms-transform: translateY(-44px);
    -o-transform: translateY(-44px);
    transform: translateY(-44px);
  }
  .header .top-header {
    background-color: #2e3337;
  }
  .header .top-header .subsidiary {
    width: calc(100% - 81px);
  }
  .header .top-header .subsidiary #subsidiary-list {
    width: 100%;
  }
  .header .top-header .subsidiary #subsidiary-list ul {
    width: 100%;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li {
    width: 100%;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li a {
    width: 100%;
    padding: 15px 15px 17px 20px !important;
    min-width: 100px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li a:before {
    display: none;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li a:after {
    display: none;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul {
    min-width: 200px;
  }
  .header .top-header .subsidiary #subsidiary-list ul > li ul li a:after {
    display: none !important;
  }
  .header .top-header .language #lang_sel {
    border-left: 1px solid #222629;
  }
}
/* --------------------
Header slider
-------------------- */
.without-text,
.with-text {
  float: left;
  position: relative;
  display: inline-block;
  width: 100%;
}
.without-text .cntr,
.with-text .cntr {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: table;
  /*
		&:before								{ .absolute; height: 100%; width: 1180px; content: ""; .gradient-horizontal(@dark-blue,transparent); }
		&:after									{ .absolute; height: 100%; width: 1400px; content: ""; background: @dark-blue; left: -1400px; }
*/
}
.without-text .cntr .intro,
.with-text .cntr .intro {
  position: relative;
  width: 100%;
  padding: 0 20px;
  z-index: 850;
  display: table-cell;
  vertical-align: middle;
}
.without-text .cntr .intro h1,
.with-text .cntr .intro h1,
.without-text .cntr .intro h2,
.with-text .cntr .intro h2,
.without-text .cntr .intro h3,
.with-text .cntr .intro h3,
.without-text .cntr .intro h4,
.with-text .cntr .intro h4,
.without-text .cntr .intro h5,
.with-text .cntr .intro h5,
.without-text .cntr .intro h6,
.with-text .cntr .intro h6 {
  float: left;
  font-family: "opensans-extrabold";
  position: relative;
  color: white;
  padding-top: 30px;
  width: 100%;
  max-width: 480px;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 700;
}
.without-text .cntr .intro h1:before,
.with-text .cntr .intro h1:before,
.without-text .cntr .intro h2:before,
.with-text .cntr .intro h2:before,
.without-text .cntr .intro h3:before,
.with-text .cntr .intro h3:before,
.without-text .cntr .intro h4:before,
.with-text .cntr .intro h4:before,
.without-text .cntr .intro h5:before,
.with-text .cntr .intro h5:before,
.without-text .cntr .intro h6:before,
.with-text .cntr .intro h6:before {
  position: absolute;
  width: 56px;
  height: 7px;
  background: white;
  top: 0;
  left: 0;
  content: "";
}
.without-text .cntr .intro h2,
.with-text .cntr .intro h2 {
  font-size: 36px;
}
.without-text .cntr .intro h3,
.with-text .cntr .intro h3 {
  font-size: 32px;
}
.without-text .cntr .intro h4,
.with-text .cntr .intro h4 {
  font-size: 30px;
}
.without-text .cntr .intro h5,
.with-text .cntr .intro h5 {
  font-size: 28px;
}
.without-text .cntr .intro h6,
.with-text .cntr .intro h6 {
  font-size: 24px;
}
.without-text .cntr .intro .breadcrumbs,
.with-text .cntr .intro .breadcrumbs {
  float: left;
  position: relative;
  padding-top: 30px;
  line-height: 44px;
}
.without-text .cntr .intro .breadcrumbs span,
.with-text .cntr .intro .breadcrumbs span {
  float: left;
  display: block;
}
.without-text .cntr .intro .breadcrumbs span a,
.with-text .cntr .intro .breadcrumbs span a {
  float: left;
  color: rgba(255, 255, 255, 0.6);
  font-size: 22px;
}
.without-text .cntr .intro .breadcrumbs span a:hover,
.with-text .cntr .intro .breadcrumbs span a:hover {
  color: white;
}
.without-text .cntr .intro .breadcrumbs span a:after,
.with-text .cntr .intro .breadcrumbs span a:after {
  float: right;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center !important;
  color: white;
  margin: -1px 5px 0;
  font-size: 28px;
  content: "c";
  line-height: 50px;
}
.without-text .cntr .intro .breadcrumbs span span,
.with-text .cntr .intro .breadcrumbs span span {
  font-family: "opensans-bold";
  float: none;
  text-transform: uppercase;
  font-size: 34px;
  margin-top: -5px;
}
.without-text .cntr .intro .breadcrumbs:before,
.with-text .cntr .intro .breadcrumbs:before {
  position: absolute;
  width: 56px;
  height: 7px;
  background: white;
  top: 0;
  left: 0;
  content: "";
}
.without-text .cntr .intro p,
.with-text .cntr .intro p {
  float: left;
  clear: both !important;
  width: 100%;
  max-width: 480px;
  font-size: 22px;
  line-height: 28px;
  margin: 30px 0;
  color: white;
}
.without-text .cntr .intro p a,
.with-text .cntr .intro p a {
  margin-top: -30px;
}
.without-text .cntr .intro .button,
.with-text .cntr .intro .button {
  float: left;
  clear: both !important;
}
.without-text .cntr {
  position: absolute;
  top: 0;
  left: 50%;
  height: 450px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.without-text.with-video .cntr {
  height: 550px;
}
.home-slider,
.home-slider-with-video {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 0 !important;
}
.home-slider:before,
.home-slider-with-video:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background-image: -webkit-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -moz-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -o-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -ms-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
}
.home-slider .home-slide,
.home-slider-with-video .home-slide {
  height: 450px;
}
.home-slider .home-slide:after,
.home-slider-with-video .home-slide:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  background-image: -webkit-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -moz-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -o-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -ms-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0) 90%);
}
.home-slider .slick-dots,
.home-slider-with-video .slick-dots {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 3;
}
.home-slider .slick-dots li,
.home-slider-with-video .slick-dots li {
  width: 30px;
  height: 30px;
}
.home-slider .slick-dots li button,
.home-slider-with-video .slick-dots li button {
  width: 30px;
  height: 30px;
}
.home-slider .slick-dots li button:before,
.home-slider-with-video .slick-dots li button:before {
  width: 13px;
  height: 13px;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  top: 9px;
  left: 9px;
  opacity: 1;
}
.home-slider .slick-dots li.slick-active button:before,
.home-slider-with-video .slick-dots li.slick-active button:before {
  background: rgba(255, 255, 255, 0.9);
}
.home-slider.home-slider-with-video .home-slide,
.home-slider-with-video.home-slider-with-video .home-slide {
  height: 550px;
}
.home-slider.home-slider-with-video .home-slide:after,
.home-slider-with-video.home-slider-with-video .home-slide:after {
  background-image: -webkit-linear-gradient(to right, rgba(19, 35, 85, 0.65) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -moz-linear-gradient(to right, rgba(19, 35, 85, 0.65) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -o-linear-gradient(to right, rgba(19, 35, 85, 0.65) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: -ms-linear-gradient(to right, rgba(19, 35, 85, 0.65) 25%, rgba(19, 35, 85, 0) 90%);
  background-image: linear-gradient(to right, rgba(19, 35, 85, 0.65) 25%, rgba(19, 35, 85, 0) 90%);
}
.home-slider.home-slider-with-video .home-slide.first .first-video,
.home-slider-with-video.home-slider-with-video .home-slide.first .first-video {
  overflow: hidden;
  position: relative;
  height: 550px;
}
.home-slider.home-slider-with-video .home-slide.first .first-video video,
.home-slider-with-video.home-slider-with-video .home-slide.first .first-video video {
  position: absolute;
  top: 50%;
  left: 0;
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
  .home-slider.home-slider-with-video .home-slide,
  .home-slider-with-video.home-slider-with-video .home-slide {
    height: 380px;
  }
  .home-slider.home-slider-with-video .home-slide.first .first-video,
  .home-slider-with-video.home-slider-with-video .home-slide.first .first-video {
    display: none;
    height: 380px;
  }
  .without-text .cntr {
    height: 380px;
  }
  .without-text.with-video .cntr {
    height: 380px;
  }
  .home-slider .home-slide,
  .home-slider-with-video .home-slide {
    height: 380px;
  }
}
@media only screen and (max-width: 768px) {
  .without-text .cntr .intro h1,
  .with-text .cntr .intro h1,
  .without-text .cntr .intro h2,
  .with-text .cntr .intro h2,
  .without-text .cntr .intro h3,
  .with-text .cntr .intro h3,
  .without-text .cntr .intro h4,
  .with-text .cntr .intro h4,
  .without-text .cntr .intro h5,
  .with-text .cntr .intro h5,
  .without-text .cntr .intro h6,
  .with-text .cntr .intro h6 {
    font-size: 18px;
    line-height: 24px;
  }
  .without-text .cntr .intro h1:before,
  .with-text .cntr .intro h1:before,
  .without-text .cntr .intro h2:before,
  .with-text .cntr .intro h2:before,
  .without-text .cntr .intro h3:before,
  .with-text .cntr .intro h3:before,
  .without-text .cntr .intro h4:before,
  .with-text .cntr .intro h4:before,
  .without-text .cntr .intro h5:before,
  .with-text .cntr .intro h5:before,
  .without-text .cntr .intro h6:before,
  .with-text .cntr .intro h6:before {
    top: 20px;
    height: 3px;
    width: 40px;
    left: 0;
  }
  .without-text .cntr .intro .breadcrumbs,
  .with-text .cntr .intro .breadcrumbs {
    line-height: 24px;
  }
  .without-text .cntr .intro .breadcrumbs span a,
  .with-text .cntr .intro .breadcrumbs span a {
    font-size: 14px;
  }
  .without-text .cntr .intro .breadcrumbs span a:after,
  .with-text .cntr .intro .breadcrumbs span a:after {
    margin: 0 5px;
    font-size: 16px;
    line-height: 27px;
  }
  .without-text .cntr .intro .breadcrumbs span span,
  .with-text .cntr .intro .breadcrumbs span span {
    font-size: 18px;
    margin-top: 0px;
  }
  .without-text .cntr .intro .breadcrumbs:before,
  .with-text .cntr .intro .breadcrumbs:before {
    top: 20px;
    height: 3px;
    width: 40px;
    left: 0;
  }
  .home-slider:after,
  .home-slider-with-video:after {
    background-image: -webkit-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -moz-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -o-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -ms-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
  }
  .home-slider .home-slide:after,
  .home-slider-with-video .home-slide:after {
    background-image: -webkit-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -moz-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -o-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -ms-linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: linear-gradient(to right, rgba(19, 35, 85, 0.95) 25%, rgba(19, 35, 85, 0.4) 90%);
  }
  .home-slider.home-slider-with-video:after,
  .home-slider-with-video.home-slider-with-video:after {
    background-image: -webkit-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -moz-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -o-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -ms-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
  }
  .home-slider.home-slider-with-video .home-slide:after,
  .home-slider-with-video.home-slider-with-video .home-slide:after {
    background-image: -webkit-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -moz-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -o-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: -ms-linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
    background-image: linear-gradient(to right, rgba(19, 35, 85, 0.75) 25%, rgba(19, 35, 85, 0.4) 90%);
  }
}
@media only screen and (max-width: 480px) {
  .without-text .cntr {
    height: 280px;
  }
  .without-text.with-video .cntr {
    height: 280px;
  }
  .without-text,
  .with-text {
    margin-top: 111px;
  }
  .without-text .cntr .intro p,
  .with-text .cntr .intro p {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 20px 0;
  }
  .without-text .cntr .intro p a,
  .with-text .cntr .intro p a {
    margin-top: -10px;
  }
  .without-text .cntr .intro h1,
  .with-text .cntr .intro h1,
  .without-text .cntr .intro h2,
  .with-text .cntr .intro h2,
  .without-text .cntr .intro h3,
  .with-text .cntr .intro h3,
  .without-text .cntr .intro h4,
  .with-text .cntr .intro h4,
  .without-text .cntr .intro h5,
  .with-text .cntr .intro h5,
  .without-text .cntr .intro h6,
  .with-text .cntr .intro h6 {
    padding-top: 20px;
  }
  .without-text .cntr .intro h1:before,
  .with-text .cntr .intro h1:before,
  .without-text .cntr .intro h2:before,
  .with-text .cntr .intro h2:before,
  .without-text .cntr .intro h3:before,
  .with-text .cntr .intro h3:before,
  .without-text .cntr .intro h4:before,
  .with-text .cntr .intro h4:before,
  .without-text .cntr .intro h5:before,
  .with-text .cntr .intro h5:before,
  .without-text .cntr .intro h6:before,
  .with-text .cntr .intro h6:before {
    top: 10px;
  }
  .home-slider .home-slide,
  .home-slider-with-video .home-slide {
    height: 280px;
    background-position-x: right !important;
  }
  .home-slider.home-slider-with-video .home-slide,
  .home-slider-with-video.home-slider-with-video .home-slide {
    height: 280px;
  }
}
/* --------------------
Header image
-------------------- */
.header-image {
  float: left;
  position: relative;
  width: 100%;
  height: 380px;
  color: white;
  background: #182859 url('/wp-content/themes/vmfencingsystems/static/images/header-front.jpg') top center no-repeat;
  background-size: cover;
  overflow: hidden;
  z-index: 800;
}
.header-image.sub {
  height: 270px;
  background: #182859 url('/wp-content/themes/vmfencingsystems/static/images/products-bg.jpg') center center no-repeat;
  background-size: cover;
}
.header-image.sub.about-us {
  background: #182859 url('/wp-content/themes/vmfencingsystems/static/images/vm-hengelo-new-1.jpg') center left no-repeat;
  background-size: cover;
}
.header-image.sub.certificates {
  background: #182859 url('/wp-content/themes/vmfencingsystems/static/images/train-flip.jpg') center left no-repeat;
  background-size: cover;
}
.header-image.sub.contact {
  background: #182859;
  height: 480px;
  border-bottom: 2px solid #efefef;
}
.header-image.sub.contact #map-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.header-image.header-image-parallax {
  position: relative;
  background-image: none;
}
.header-image.header-image-parallax .parallax-bg {
  background: #182859 url('/wp-content/themes/vmfencingsystems/static/images/products-bg.jpg') center center no-repeat;
  background-size: cover;
  height: 380px;
  margin-top: -80px;
}
.header-image.header-image-parallax .cntr {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header-image.header-image-parallax.certificates .parallax-bg {
  background: #182859 url('/wp-content/themes/vmfencingsystems/static/images/train-flip.jpg') center left no-repeat;
  background-size: cover;
}
.header-image.header-image-parallax.about-us .parallax-bg {
  background: #182859 url('/wp-content/themes/vmfencingsystems/static/images/vm-hengelo-new-1.jpg') center left no-repeat;
  background-size: cover;
}
.header-image .cntr {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: table;
}
.header-image .cntr:before {
  position: absolute;
  height: 100%;
  width: 1180px;
  content: "";
  background: #182859;
  background: -moz-linear-gradient(left, #182859 0%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #182859), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, #182859 0%, transparent 100%);
  background: -o-linear-gradient(left, #182859 0%, transparent 100%);
  background: -ms-linear-gradient(left, #182859 0%, transparent 100%);
  background: linear-gradient(to right, #182859 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#182859',GradientType=0);
}
.header-image .cntr:after {
  position: absolute;
  height: 100%;
  width: 1400px;
  content: "";
  background: #182859;
  left: -1400px;
}
.header-image .cntr .intro {
  position: relative;
  width: 100%;
  padding: 0 20px;
  z-index: 850;
  display: table-cell;
  vertical-align: middle;
}
.header-image .cntr .intro h1 {
  float: left;
  font-family: "opensans-extrabold";
  position: relative;
  padding-top: 30px;
  width: 100%;
  max-width: 480px;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 700;
}
.header-image .cntr .intro h1:before {
  position: absolute;
  width: 56px;
  height: 7px;
  background: white;
  top: 0;
  left: 0;
  content: "";
}
.header-image .cntr .intro .breadcrumbs {
  float: left;
  position: relative;
  padding-top: 30px;
  line-height: 44px;
}
.header-image .cntr .intro .breadcrumbs span {
  float: left;
  display: block;
}
.header-image .cntr .intro .breadcrumbs span a {
  float: left;
  color: rgba(255, 255, 255, 0.6);
  font-size: 22px;
}
.header-image .cntr .intro .breadcrumbs span a:hover {
  color: white;
}
.header-image .cntr .intro .breadcrumbs span a:after {
  float: right;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center !important;
  color: white;
  margin: -1px 5px 0;
  font-size: 28px;
  content: "c";
  line-height: 50px;
}
.header-image .cntr .intro .breadcrumbs span span {
  font-family: "opensans-bold";
  float: none;
  text-transform: uppercase;
  font-size: 34px;
  margin-top: -5px;
}
.header-image .cntr .intro .breadcrumbs:before {
  position: absolute;
  width: 56px;
  height: 7px;
  background: white;
  top: 0;
  left: 0;
  content: "";
}
.header-image .cntr .intro p {
  float: left;
  clear: both !important;
  width: 100%;
  max-width: 480px;
  font-size: 22px;
  line-height: 28px;
  margin: 30px 0;
  color: white;
}
.header-image .cntr .intro .button {
  float: left;
  clear: both !important;
}
.header-image .cntr .intro__inner {
  display: flex;
  flex-flow: column nowrap;
}
.header-image .cntr .intro__button {
  display: flex;
  align-self: baseline;
}
.header-image .cntr .intro--custom h4 {
  float: left;
  font-family: "opensans-extrabold";
  font-size: 26px;
}
.header-image .cntr .intro--custom h4.intro-small {
  font-size: 18px;
}
.header-image .cntr .intro--custom p {
  max-width: 600px;
}
.header-image .cntr .intro--custom p.intro-small {
  font-size: 16px;
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .header-image.sub {
    height: 150px;
  }
  .header-image.sub.contact {
    height: 300px;
    border-bottom: none;
    margin-bottom: -70px;
  }
  .header-image.sub.contact #map-canvas {
    position: relative;
    height: calc(100% + 30px);
  }
  .header-image.sub.contact #map-canvas:after {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 150px;
    content: "";
    background: -moz-linear-gradient(top, rgba(243, 251, 251, 0) 0%, #f3fbfb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(243, 251, 251, 0)), color-stop(100%, #f3fbfb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(243, 251, 251, 0) 0%, #f3fbfb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(243, 251, 251, 0) 0%, #f3fbfb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(243, 251, 251, 0) 0%, #f3fbfb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(243, 251, 251, 0) 0%, #f3fbfb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f3fbfb', endColorstr='#f3fbfb', GradientType=0);
    /* IE6-9 */
  }
  .header-image .cntr .intro h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .header-image .cntr .intro h1:before {
    top: 20px;
    height: 3px;
    width: 40px;
    left: 0;
  }
  .header-image .cntr .intro .breadcrumbs {
    line-height: 24px;
  }
  .header-image .cntr .intro .breadcrumbs span a {
    font-size: 14px;
  }
  .header-image .cntr .intro .breadcrumbs span a:after {
    margin: 0 5px;
    font-size: 16px;
    line-height: 27px;
  }
  .header-image .cntr .intro .breadcrumbs span span {
    font-size: 18px;
    margin-top: 0px;
  }
  .header-image .cntr .intro .breadcrumbs:before {
    top: 20px;
    height: 3px;
    width: 40px;
    left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .header-image {
    margin-top: 111px;
    height: 280px;
    background-position-x: right;
  }
  body.subsite-5 .header-image {
    height: 340px;
  }
  .header-image.sub {
    height: 150px;
  }
  .header-image .cntr .intro p {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 20px 0;
  }
  .header-image .cntr .intro h1 {
    padding-top: 20px;
  }
  .header-image .cntr .intro h1:before {
    top: 10px;
  }
  .header-image .cntr .intro--custom h4 {
    font-size: 20px;
  }
}
/* --------------------
Sections
-------------------- */
.section {
  float: left;
  position: relative;
  width: 100%;
  z-index: 1;
  z-index: 801;
  /* --------------------
	Page product
	-------------------- */
}
.section .cntr {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  /* --------------------
		Product list
		-------------------- */
}
.section .cntr .right.col-1-2 {
  padding: 0 20px 0 40px;
}
.section .cntr .left.col-1-2 {
  padding: 0 20px;
}
.section .cntr .left.col-1-2 .module {
  margin-bottom: 28px;
}
@media only screen and (max-width: 768px) {
  .section .cntr .right.col-1-2 {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  .section .cntr .right.col-1-2 {
    width: 100%;
  }
  .section .cntr .left.col-1-2 {
    width: 100%;
  }
}
.section .cntr .product-list {
  float: left;
  width: 100%;
}
.section .cntr .product-list ul {
  float: left;
  width: 100%;
}
.section .cntr .product-list ul li {
  text-align: center !important;
  padding: 20px;
}
.section .cntr .product-list ul li .inner {
  float: left;
  position: relative;
  width: 100%;
  background: white;
  overflow: hidden;
  border-bottom: 2px solid #e2e2e2;
  border-radius: 5px 5px 10px 10px;
  -webkit-border-radius: 5px 5px 10px 10px;
  -moz-border-radius: 5px 5px 10px 10px;
}
.section .cntr .product-list ul li .inner .image-wrapper {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 5px solid #2546ae;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}
.section .cntr .product-list ul li .inner .image-wrapper p {
  position: absolute;
  font-family: "opensans-bold";
  text-align: center !important;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -7px;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out 0.25s ease;
}
.section .cntr .product-list ul li .inner .image-wrapper img {
  float: left;
  width: 100%;
  max-height: 162px;
  height: auto;
}
.section .cntr .product-list ul li .inner .image-wrapper:before {
  position: absolute;
  width: 500px;
  height: 500px;
  right: 0;
  bottom: -45px;
  background: #182859;
  opacity: .9;
  content: "";
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(30deg) translateX(-100%);
  -moz-transform: rotate(30deg) translateX(-100%);
  -ms-transform: rotate(30deg) translateX(-100%);
  -o-transform: rotate(30deg) translateX(-100%);
  transform: rotate(30deg) translateX(-100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out 0.25s ease;
}
.section .cntr .product-list ul li .inner .image-wrapper:after {
  position: absolute;
  width: 65px;
  height: 135px;
  right: -30px;
  bottom: -45px;
  background: #182859;
  opacity: .9;
  content: "";
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(30deg) translateX(0);
  -moz-transform: rotate(30deg) translateX(0);
  -ms-transform: rotate(30deg) translateX(0);
  -o-transform: rotate(30deg) translateX(0);
  transform: rotate(30deg) translateX(0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out 0.25s ease;
}
.section .cntr .product-list ul li .inner h3 {
  float: left;
  position: relative;
  font-family: "opensans-bold";
  width: 100%;
  font-size: 20px;
  text-transform: uppercase;
  padding: 27px 20px;
  color: #182859;
  border-top: 1px solid #efefef;
}
.section .cntr .product-list ul li .inner h3.small {
  font-size: 16px;
  line-height: 22px;
}
.section .cntr .product-list ul li .inner h3:after {
  position: absolute;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 30px;
  width: 30px;
  height: 40px;
  right: 0;
  top: -40px;
  content: "c";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out 0.25s ease;
}
.section .cntr .product-list ul li .inner:hover .image-wrapper p {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.section .cntr .product-list ul li .inner:hover .image-wrapper:before {
  -webkit-transform: rotate(0deg) translateX(0);
  -moz-transform: rotate(0deg) translateX(0);
  -ms-transform: rotate(0deg) translateX(0);
  -o-transform: rotate(0deg) translateX(0);
  transform: rotate(0deg) translateX(0);
}
.section .cntr .product-list ul li .inner:hover .image-wrapper:after {
  -webkit-transform: rotate(0deg) translateX(100%);
  -moz-transform: rotate(0deg) translateX(100%);
  -ms-transform: rotate(0deg) translateX(100%);
  -o-transform: rotate(0deg) translateX(100%);
  transform: rotate(0deg) translateX(100%);
}
.section .cntr .product-list ul li .inner:hover h3:after {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.section .cntr .product-list ul li .inner.lock .image-wrapper p,
.section .cntr .product-list ul li .inner.lock .image-wrapper:before,
.section .cntr .product-list ul li .inner.lock .image-wrapper:after {
  display: none;
}
.section.products {
  padding: 90px 0;
}
.section.products .cntr {
  max-width: 1200px;
}
.section.products .cntr:after {
  content: "";
  display: table;
  clear: both;
}
.section.products .cntr h2,
.section.products .cntr h1 {
  float: left;
  font-family: "opensans-bold";
  font-size: 30px;
  color: #182859;
  text-transform: uppercase;
  padding: 0 20px;
  margin-bottom: 50px;
}
.section.products .cntr h2.tax-title,
.section.products .cntr h1.tax-title {
  margin-bottom: 10px;
}
.section.products .cntr .tax-h3 {
  display: inline-block;
  clear: left;
  width: 100%;
  margin-bottom: 40px;
  padding: 0 20px;
}
.section.products .cntr .term-desc {
  clear: both;
  padding: 0 20px;
  margin-top: -20px;
  margin-bottom: 20px;
  max-width: 70%;
}
.section.products .cntr .term-desc h1,
.section.products .cntr .term-desc h2,
.section.products .cntr .term-desc h3,
.section.products .cntr .term-desc h4,
.section.products .cntr .term-desc h5,
.section.products .cntr .term-desc h6 {
  display: inline-block;
  color: #182859;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}
.section.products .cntr .term-desc p {
  margin-bottom: 20px;
}
.section.products .cntr .term-desc p a {
  color: #612176;
}
.section.products .cntr .term-desc p a:hover {
  text-decoration: underline;
}
.section.products .cntr .term-desc ul,
.section.products .cntr .term-desc ol {
  margin-bottom: 20px;
}
.section.products .cntr .term-desc ul li,
.section.products .cntr .term-desc ol li {
  position: relative;
  font-size: 14px;
  line-height: 32px;
  padding-left: 20px;
}
.section.products .cntr .term-desc ul li a,
.section.products .cntr .term-desc ol li a {
  color: #612176;
}
.section.products .cntr .term-desc ul li a:hover,
.section.products .cntr .term-desc ol li a:hover {
  text-decoration: underline;
}
.section.products .cntr .term-desc ul li:before {
  position: absolute;
  top: 13px;
  left: 4px;
  width: 7px;
  height: 7px;
  background: #612176;
  content: "";
}
.section.products .cntr .term-desc.content-bottom {
  display: inline-block;
  margin-top: 40px;
}
.section.products .content.has-download {
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  .section .product-list ul li {
    width: 33.33333%;
  }
}
@media only screen and (max-width: 768px) {
  .section .product-list ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .section .product-list ul li {
    width: 100%;
  }
  .section.products {
    padding: 30px 0;
  }
  .section.products .cntr h2 {
    margin-bottom: 20px;
  }
  .section.products .cntr .term-desc {
    max-width: 100%;
  }
}
.section.single-product-section .cntr {
  overflow: hidden;
}
.section.related-products {
  padding-bottom: 90px;
  background: #f3fbfb;
}
.section.related-products .cntr h2 {
  float: left;
  font-family: "opensans-bold";
  font-size: 24px;
  color: #182859;
  text-transform: uppercase;
  padding: 0 20px;
  margin-bottom: 20px;
}
/* -------------
Sidebar front
------------- */
.sidebar {
  position: absolute;
  right: 0;
  width: 340px;
  padding: 0 20px;
}
.sidebar.taxonomy {
  margin-top: 128px;
}
.sidebar.is_stuck {
  right: calc((100% - 1200px) / 2);
}
.content {
  float: left;
  width: 100%;
  padding-right: 340px;
  padding-left: 20px;
}
@media only screen and (max-width: 1200px) {
  .sidebar.is_stuck {
    right: 0px;
  }
}
@media only screen and (max-width: 950px) {
  .sidebar {
    position: relative;
    float: left;
    width: 100%;
    right: auto;
  }
  .content {
    padding: 0 20px;
  }
  .section.single-product-section .cntr {
    padding-bottom: 0;
  }
  .section.single-product-section .cntr:after {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .content {
    margin-top: -30px;
    padding: 0;
  }
  .content .module-blok .inner-module {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
}
/* -------------
Module front
------------- */
.section.front {
  position: relative;
  z-index: 2;
  padding: 50px 0 130px;
}
.section.front .cntr {
  max-width: 1280px;
  padding: 0 20px;
}
.module {
  float: left;
  width: 100%;
}
.module .inner-module {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 2px solid #e2e2e2;
  border-top: 5px solid #2546ae;
  border-radius: 5px 5px 10px 10px;
  -webkit-border-radius: 5px 5px 10px 10px;
  -moz-border-radius: 5px 5px 10px 10px;
}
.module .inner-module .inside {
  float: left;
  position: relative;
  width: 100%;
  background: white;
}
.module .inner-module .inside h2 {
  float: left;
  width: 100%;
  padding: 50px 40px 10px;
  color: #182859;
  font-size: 20px;
  text-transform: uppercase;
}
.module .inner-module ul {
  float: left;
  padding: 20px 25px;
}
.module .inner-module ul > li {
  float: left;
  position: relative;
}
.module .inner-module ul > li a {
  float: left;
  position: relative;
  padding: 14px 42px 18px 52px;
  color: #7b7b7b;
  font-size: 14px;
}
.module .inner-module ul > li a:before {
  position: absolute;
  left: 15px;
  top: 8px;
  width: 25px;
  height: 25px;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.module .inner-module ul > li a:hover {
  color: #182859;
}
.module .inner-module ul > li.disabled {
  position: relative;
  opacity: 0.4;
  cursor: default;
}
.module .inner-module ul > li.disabled:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
}
.module .inner-module ul > li.disabled a {
  position: relative;
  z-index: 1;
}
.module .inner-module ul > li.Belgium a:before {
  background-position: center top -759px;
}
.module .inner-module ul > li.Bulgaria a:before {
  background-position: center top -210px;
}
.module .inner-module ul > li.Denmark a:before {
  background-position: left -5px top -734px;
}
.module .inner-module ul > li.Germany a:before {
  background-position: center top -157px;
}
.module .inner-module ul > li.Estonia a:before {
  background-position: center top -707px;
}
.module .inner-module ul > li.Finland a:before {
  background-position: left -5px top -681px;
}
.module .inner-module ul > li.France a:before {
  background-position: center top -315px;
}
.module .inner-module ul > li.Hungary a:before {
  background-position: center top -201px;
}
.module .inner-module ul > li.Ireland a:before {
  background-position: center top -628px;
}
.module .inner-module ul > li.Iceland a:before {
  background-position: left -5px top -654px;
}
.module .inner-module ul > li.Italy a:before {
  background-position: center top -339px;
}
.module .inner-module ul > li.Latvia a:before {
  background-position: center top -602px;
}
.module .inner-module ul > li.Lithuania a:before {
  background-position: center top -236px;
}
.module .inner-module ul > li.Luxembourg a:before {
  background-position: center top -576px;
}
.module .inner-module ul > li.The-Netherlands a:before {
  background-position: center top -105px;
}
.module .inner-module ul > li.North-Afrika a:before {
  background-position: center top -551px;
}
.module .inner-module ul > li.Austria a:before {
  background-position: center top -393px;
}
.module .inner-module ul > li.Portugal a:before {
  background-position: left -5px top -288px;
}
.module .inner-module ul > li.Poland a:before {
  background-position: center top -79px;
}
.module .inner-module ul > li.Romania a:before {
  background-position: center top -53px;
}
.module .inner-module ul > li.Russia a:before {
  background-position: center top -27px;
}
.module .inner-module ul > li.Scotland a:before {
  background-position: center top -785px;
}
.module .inner-module ul > li.Slovakia a:before {
  background-position: left 0px top -497px;
}
.module .inner-module ul > li.Spain a:before {
  background-position: left top -262px;
}
.module .inner-module ul > li.Czech-Republic a:before {
  background-position: left top -184px;
}
.module .inner-module ul > li.Turkey a:before {
  background-position: center top -419px;
}
.module .inner-module ul > li.United-Kingdom a:before {
  background-position: center top;
}
.module .inner-module ul > li.Sweden a:before {
  background-position: left -5px top -472px;
}
.module .inner-module ul > li.Switzerland a:before {
  background-position: left -4px top -733px;
}
.module .inner-module .editor {
  float: left;
  width: 100%;
  padding: 60px 50px;
}
.module .inner-module .editor p {
  font-family: "opensans-semibold";
  font-size: 18px;
  font-style: italic;
}
.module .inner-module .editor p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .module .inner-module ul > li {
    width: 33.33333%;
  }
  .module .inner-module .editor {
    padding: 40px 20px;
  }
  .front .module .inner-module .inside h2 {
    padding: 50px 20px 10px;
  }
  .front .module .inner-module ul {
    padding: 20px 5px;
  }
  .front .module .inner-module ul > li {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .module .inner-module ul > li {
    width: 50%;
  }
  .front .module .inner-module h2 {
    padding: 40px 15px 10px !important;
    font-size: 16px;
  }
  .front .module .inner-module ul > li {
    width: 100%;
  }
  .front .module .inner-module ul > li a {
    padding: 14px 15px 18px 55px;
  }
  .front .module .inner-module ul > li a:before {
    left: 10px;
  }
  .front .module .inner-module ul > li a:after {
    left: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .module .inner-module ul > li {
    width: 100%;
  }
}
.module-blok {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.module-blok .inner-module {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 2px solid #e2e2e2;
  border-top: 5px solid #2546ae;
  border-radius: 5px 5px 10px 10px;
  -webkit-border-radius: 5px 5px 10px 10px;
  -moz-border-radius: 5px 5px 10px 10px;
}
.module-blok .inner-module .inside {
  float: left;
  position: relative;
  width: 100%;
  background: white;
}
.module-blok .inner-module .inside h2 {
  float: left;
  width: 100%;
  padding: 40px;
  color: #182859;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.module-blok .inner-module .inside .row {
  float: left;
  width: 100%;
}
.module-blok .inner-module .inside .row h3 {
  float: left;
  width: 100%;
  padding: 20px 40px;
  background: #E9EBEF;
  color: #182859;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.module-blok .inner-module .inside .row p {
  float: left;
  width: 100%;
  padding: 0 40px;
  margin-bottom: 20px;
}
.module-blok .inner-module .inside .row p a {
  color: #7b7b7b;
}
.module-blok .inner-module .inside .row p a:hover {
  color: #182859;
}
.module-blok .inner-module .inside .row p span {
  float: left;
  font-family: "opensans-bold";
  width: 75px;
  color: #182859;
}
.module-blok .inner-module .inside .row p.no-mb {
  margin-bottom: 0;
}
.module-blok .inner-module ul {
  float: left;
  width: 100%;
  padding: 0;
}
.module-blok .inner-module ul > li {
  float: left;
  width: 100%;
  border-top: 1px solid #efefef;
}
.module-blok .inner-module ul > li a {
  float: left;
  position: relative;
  padding: 20px 40px 20px 70px;
  color: #7b7b7b;
  font-size: 14px;
  line-height: 24px;
}
.module-blok .inner-module ul > li a:before {
  float: left;
  position: absolute;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 40px;
  font-size: 16px;
  margin-right: 15px;
  margin-top: 5px;
  content: "f";
  color: #182859;
}
.module-blok .inner-module ul > li a:hover {
  color: #182859;
}
.module-blok .inner-module ul > li a.disabled {
  pointer-events: none;
}
.module-blok .inner-module ul > li a.disabled:before {
  content: "g";
}
.module-blok.hu .inner-module .inside .row p span {
  width: 100px;
}
.module-blok.small .inner-module .inside h2 {
  padding: 30px;
  text-transform: none;
}
.module-blok.small .inner-module ul > li a {
  padding: 20px;
  padding-left: 60px;
}
.module-blok.small .inner-module ul > li a:before {
  left: 30px;
}
.module-blok.small .inner-module .button-wrapper {
  float: left;
  width: 100%;
  padding: 40px 20px 20px;
  border-top: 1px solid #e2e2e2;
}
.module-blok.small .inner-module .button-wrapper .button {
  float: left;
  width: 100%;
}
.module-blok.small .inner-module .button-wrapper .button:hover {
  border: 2px solid #612176;
}
.module-blok.small .inner-module .button-wrapper p.disclaimer {
  float: left;
  font-size: 12px;
  line-height: 20px;
  margin-top: 16px;
}
.module-blok.small.usp .inner-module .inside ul li {
  position: relative;
  padding: 17px 20px 17px 60px;
  font-size: 14px;
  line-height: 24px;
}
.module-blok.small.usp .inner-module .inside ul li:before {
  position: absolute;
  left: 26px;
  top: 20px;
  width: 17px;
  height: 15px;
  content: "";
  background: url('/wp-content/themes/vmfencingsystems/static/images/checked.svg') top left / 17px no-repeat;
}
.module-blok.small.cta {
  z-index: 2;
}
.module-blok.small.cta .inner-module .button-wrapper {
  padding-top: 20px;
}
@media only screen and (max-width: 640px) {
  .module-blok .inner-module .inside h2 {
    padding: 20px;
    font-size: 16px;
  }
  .module-blok .inner-module .inside .row h3 {
    padding: 20px;
  }
  .module-blok .inner-module .inside .row p {
    padding: 0 20px;
  }
  .module-blok .inner-module ul > li a {
    padding: 20px;
    padding-left: 50px;
  }
  .module-blok .inner-module ul > li a:before {
    left: 20px;
  }
  .module-blok.small .inner-module .button-wrapper .button {
    font-size: 14px;
  }
}
.contact-wrapper {
  float: left;
  width: 100%;
}
.contact-wrapper p {
  font-family: "opensans-semibold";
  font-size: 16px;
  line-height: 28px;
}
.contact-wrapper .buttons-wrapper {
  float: left;
  width: 100%;
  margin: 20px 0 20px;
}
.contact-wrapper .buttons-wrapper .button {
  float: left;
  clear: both !important;
  text-transform: none;
  margin: 0 0 10px;
}
.contact-wrapper .buttons-wrapper .button:before {
  float: left;
  margin-right: 10px;
}
.contact-wrapper .buttons-wrapper .button.icon-phone-mobile:before {
  font-size: 24px;
  margin-top: 9px;
}
.contact-wrapper .buttons-wrapper .button.icon-email-envelope:before {
  margin-top: 12px;
}
@media only screen and (max-width: 767px) {
  .contact-wrapper {
    margin-top: 20px;
  }
  .contact-wrapper p {
    margin-bottom: 0;
  }
  .contact-wrapper .buttons-wrapper .button {
    text-align: left !important;
    width: 100%;
    padding: 0 15px;
    margin: 5px 0;
  }
  .contact-wrapper .buttons-wrapper .button.icon-phone-mobile:before {
    margin-left: -4px;
    margin-right: 5px;
    margin-top: 9px;
  }
}
.video-wrapper {
  float: left;
  position: relative;
  height: 0;
  padding-bottom: 52.6%;
  width: 100%;
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: 28px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.video-wrapper .video-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out 0.25s ease;
}
@media only screen and (max-width: 767px) {
  .video-wrapper .video-thumb {
    display: none;
  }
}
.video-wrapper .video-thumb:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #182859;
  opacity: .8;
  content: "";
  z-index: 4;
}
.video-wrapper .video-thumb:after {
  position: absolute;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center !important;
  font-size: 30px;
  line-height: 58px;
  color: white;
  width: 76px;
  margin-top: -28px;
  height: 56px;
  top: 50%;
  left: 50%;
  margin-left: -38px;
  background: #182859;
  content: "e";
  z-index: 5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.video-wrapper .video-thumb img {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 2;
}
.video-wrapper .video-thumb:hover {
  opacity: 0;
  visibility: hidden;
}
.video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.triggers {
  float: left;
  text-align: center !important;
  width: 100%;
  margin-bottom: 60px;
}
.triggers .trigger-wrapper {
  display: inline-block;
  border: 2px solid #E4E4E4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.triggers .trigger-wrapper a {
  position: relative;
}
.triggers .trigger-wrapper a:before {
  position: absolute;
  background: #E4E4E4;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  max-width: 0;
  z-index: -1;
  -webkit-transition: max-width 0.4s ease-in-out;
  -moz-transition: max-width 0.4s ease-in-out;
  -ms-transition: max-width 0.4s ease-in-out;
  -o-transition: max-width 0.4s ease-in-out;
  transition: max-width 0.4s ease-in-out;
  transition: max-width 0.4s ease-in-out 0.25s ease;
}
.triggers .trigger-wrapper a:first-child:before {
  right: 0;
}
.triggers .trigger-wrapper a:last-child:before {
  left: 0;
}
.triggers a {
  float: left;
  font-size: 14px;
  color: #222629;
  padding: 20px;
}
.triggers a.active:before {
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .triggers a {
    font-size: 12px;
    padding: 10px 8px;
  }
}
@media only screen and (max-width: 480px) {
  .triggers {
    margin-bottom: 30px;
  }
}
.tab {
  display: none;
}
.tab.active {
  display: block;
}
/* --------------------
Modal
-------------------- */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 99999;
  padding: 20px;
  overflow: scroll;
  pointer-events: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out 0.25s ease;
}
.modal .background-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.modal .module {
  position: relative;
  opacity: 0;
  visibility: hidden;
  max-width: 1180px;
  left: 50%;
  top: 20px;
  margin-bottom: 20px;
  -webkit-transform: translate3d(-50%, 30px, 0);
  -moz-transform: translate3d(-50%, 30px, 0);
  -ms-transform: translate3d(-50%, 30px, 0);
  -o-transform: translate3d(-50%, 30px, 0);
  transform: translate3d(-50%, 30px, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out 0.25s ease;
}
@media only screen and (min-width: 1200px) {
  .modal .module {
    position: absolute;
  }
}
.modal .module .close {
  float: right;
  color: white;
  font-size: 24px;
  margin-bottom: 10px;
  cursor: pointer;
}
.modal .module .inner-module {
  border-top: none;
}
.modal .module .inner-module:before {
  position: absolute;
  width: 100%;
  height: 5px;
  background: -webkit-linear-gradient(left, #612176 0%, #2546ae 100%);
  top: 0;
  left: 0;
  content: "";
  z-index: 999;
}
.modal .module .inner-module .inside h2 {
  text-transform: none;
  padding: 40px 40px 10px;
}
.modal .module .inner-module .inside h2.background {
  text-transform: uppercase;
  background: #F3F6FB;
  padding: 50px 40px 30px;
}
.modal .module .inner-module .inside h2 span {
  float: left;
  font-family: "opensans-regular";
  width: 100%;
  font-size: 16px;
  text-transform: none;
  font-variant: normal;
  margin-bottom: 10px;
}
.modal .module .inner-module .inside .left {
  float: left;
  width: 370px;
  border-right: 1px solid #e6e6e6;
}
.modal .module .inner-module .inside .left h2.background {
  padding: 50px 40px 30px 80px;
}
.modal .module .inner-module .inside .left h2.background:before {
  position: absolute;
  left: 40px;
  top: 60px;
  width: 25px;
  height: 25px;
  background-color: white;
  overflow: hidden;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  background-position: center top;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.modal .module .inner-module .inside .left h2.background:after {
  position: absolute;
  width: 22px;
  height: 18px;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/check.png');
  background-repeat: no-repeat;
  background-size: 22px;
  left: 50px;
  top: 75px;
  content: "";
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-international:before {
  background-position: center top -366px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-netherlands:before {
  background-position: center top -105px;
}
.modal .module .inner-module .inside .left h2.background.bleaser-germany:before {
  background-position: center top -157px;
}
.modal .module .inner-module .inside .left h2.background.fences-united-kingdom:before {
  background-position: center top;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-romania:before {
  background-position: center top -53px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-france:before {
  background-position: center top -315px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-russia:before {
  background-position: center top -27px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-baltics:before {
  background-position: center top -236px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-iberica a {
  padding: 20px 42px 24px 62px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-iberica:before {
  background-position: left -6px top -288px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-poland:before {
  background-position: center top -79px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-czech-republic:before {
  background-position: left top -184px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-bulgaria:before {
  background-position: center top -210px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-hungary:before {
  background-position: center top -131px;
}
.modal .module .inner-module .inside .left h2.background.fencing-systems-slovakia:before {
  background-position: left top -479px;
}
.modal .module .inner-module .inside .right {
  float: left;
  width: calc(100% - 370px);
}
.modal .module .inner-module .inside .right ul > li {
  float: left;
  position: relative;
}
.modal .module .inner-module .inside .right ul > li a {
  float: left;
  position: relative;
  padding: 14px 42px 18px 52px;
  color: #7b7b7b;
  font-size: 14px;
}
.modal .module .inner-module .inside .right ul > li a:before {
  position: absolute;
  left: 15px;
  top: 8px;
  width: 25px;
  height: 25px;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.modal .module .inner-module .inside .right ul > li a:after {
  display: none;
}
.modal .module .inner-module .inside .right ul > li a:hover {
  color: #182859;
}
.modal .module .inner-module .inside .right ul > li.Belgium a:before {
  background-position: center top -759px;
}
.modal .module .inner-module .inside .right ul > li.Bulgaria a:before {
  background-position: center top -210px;
}
.modal .module .inner-module .inside .right ul > li.Denmark a:before {
  background-position: left -5px top -734px;
}
.modal .module .inner-module .inside .right ul > li.Germany a:before {
  background-position: center top -157px;
}
.modal .module .inner-module .inside .right ul > li.Estonia a:before {
  background-position: center top -707px;
}
.modal .module .inner-module .inside .right ul > li.Finland a:before {
  background-position: left -5px top -681px;
}
.modal .module .inner-module .inside .right ul > li.France a:before {
  background-position: center top -315px;
}
.modal .module .inner-module .inside .right ul > li.Hungary a:before {
  background-position: center top -201px;
}
.modal .module .inner-module .inside .right ul > li.Ireland a:before {
  background-position: center top -628px;
}
.modal .module .inner-module .inside .right ul > li.Iceland a:before {
  background-position: left -5px top -654px;
}
.modal .module .inner-module .inside .right ul > li.Italy a:before {
  background-position: center top -339px;
}
.modal .module .inner-module .inside .right ul > li.Latvia a:before {
  background-position: center top -602px;
}
.modal .module .inner-module .inside .right ul > li.Lithuania a:before {
  background-position: center top -236px;
}
.modal .module .inner-module .inside .right ul > li.Luxembourg a:before {
  background-position: center top -576px;
}
.modal .module .inner-module .inside .right ul > li.The-Netherlands a:before {
  background-position: center top -105px;
}
.modal .module .inner-module .inside .right ul > li.North-Afrika a:before {
  background-position: center top -551px;
}
.modal .module .inner-module .inside .right ul > li.Austria a:before {
  background-position: center top -393px;
}
.modal .module .inner-module .inside .right ul > li.Portugal a:before {
  background-position: left -5px top -288px;
}
.modal .module .inner-module .inside .right ul > li.Poland a:before {
  background-position: center top -79px;
}
.modal .module .inner-module .inside .right ul > li.Romania a:before {
  background-position: center top -53px;
}
.modal .module .inner-module .inside .right ul > li.Russia a:before {
  background-position: center top -27px;
}
.modal .module .inner-module .inside .right ul > li.Scotland a:before {
  background-position: center top -785px;
}
.modal .module .inner-module .inside .right ul > li.Slovakia a:before {
  background-position: left 0px top -497px;
}
.modal .module .inner-module .inside .right ul > li.Spain a:before {
  background-position: left top -262px;
}
.modal .module .inner-module .inside .right ul > li.Czech-Republic a:before {
  background-position: left top -184px;
}
.modal .module .inner-module .inside .right ul > li.Turkey a:before {
  background-position: center top -419px;
}
.modal .module .inner-module .inside .right ul > li.United-Kingdom a:before {
  background-position: center top;
}
.modal .module .inner-module .inside .right ul > li.Sweden a:before {
  background-position: left -5px top -472px;
}
.modal .module .inner-module .inside .right ul > li.Switzerland a:before {
  background-position: left -4px top -733px;
}
.modal .module ul > li a {
  padding: 14px 15px 18px 65px;
}
.modal .module ul > li a:before {
  background-color: white;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 39px;
}
.modal .module ul > li.fencing-systems-international a:before {
  background-position: center top -366px;
}
.modal .module ul > li.fencing-systems-netherlands a:before {
  background-position: center top -105px;
}
.modal .module ul > li.bleaser-germany a:before {
  background-position: center top -157px;
}
.modal .module ul > li.fences-united-kingdom a:before {
  background-position: center top;
}
.modal .module ul > li.fencing-systems-romania a:before {
  background-position: center top -53px;
}
.modal .module ul > li.fencing-systems-russia a:before {
  background-position: center top -27px;
}
.modal .module ul > li.fencing-systems-france a:before {
  background-position: center top -315px;
}
.modal .module ul > li.fencing-systems-baltics a:before {
  background-position: center top -236px;
}
.modal .module ul > li.fencing-systems-iberica a:before {
  background-position: left -6px top -288px;
}
.modal .module ul > li.fencing-systems-iberica a:after {
  position: absolute;
  border: 2px solid white;
  left: 25px;
  top: 6px;
  width: 25px;
  height: 25px;
  background-color: white;
  overflow: hidden;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-position: left top -262px;
}
.modal .module ul > li.fencing-systems-poland a:before {
  background-position: center top -79px;
}
.modal .module ul > li.fencing-systems-czech-republic a:before {
  background-position: left top -184px;
}
.modal .module ul > li.fencing-systems-bulgaria a:before {
  background-position: center top -210px;
}
.modal .module ul > li.fencing-systems-hungary a:before {
  background-position: center top -131px;
}
.modal .module ul > li.fencing-systems-slovakia a:before {
  background-position: left top -497px;
}
.modal.active {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.9);
  pointer-events: all;
}
.modal.active .module {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
@media only screen and (max-width: 1024px) {
  .modal {
    height: 100vh;
  }
  .modal .module {
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .modal .module .inner-module {
    background: white;
  }
  .modal .module .inner-module .inside {
    background: none;
    height: calc(100vh - 100px);
  }
  .modal .module .right ul > li {
    width: 50%;
  }
  .modal.active .module .inner-module .inside {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 860px) {
  .modal .module .inner-module ul {
    padding: 20px 5px;
  }
  .modal .module .inner-module .inside .left {
    width: 100%;
  }
  .modal .module .inner-module .inside .left ul > li {
    width: 50%;
  }
  .modal .module .inner-module .inside .left h2 {
    padding: 40px 20px 10px;
  }
  .modal .module .inner-module .inside .left h2.background {
    padding: 50px 20px 30px 60px;
  }
  .modal .module .inner-module .inside .left h2.background:before {
    left: 20px;
  }
  .modal .module .inner-module .inside .left h2.background:after {
    left: 30px;
  }
  .modal .module .inner-module .inside .right {
    width: 100%;
    border-left: none;
  }
  .modal .module .inner-module .inside .right h2 {
    padding: 40px 20px 10px;
  }
  .modal .module .inner-module .inside .right h2.background {
    padding: 50px 20px 30px 20px;
  }
  .modal .module .inner-module .inside .right h2.background:before {
    left: 20px;
  }
  .modal .module .inner-module .inside .right h2.background:after {
    left: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .modal {
    padding: 20px 10px;
  }
  .modal .module .inner-module .inside .left {
    width: 100%;
  }
  .modal .module .inner-module .inside .left ul > li {
    width: 100%;
  }
  .modal .module .inner-module .inside .left ul > li a {
    padding: 14px 10px 18px 45px;
  }
  .modal .module .inner-module .inside .left ul > li a:before {
    left: 10px;
  }
  .modal .module .inner-module .inside .left ul > li a:after {
    left: 20px;
  }
  .modal .module .inner-module .inside .left h2 {
    padding: 20px 10px 10px;
  }
  .modal .module .inner-module .inside .left h2.background {
    padding: 20px 20px 20px 55px;
  }
  .modal .module .inner-module .inside .left h2.background:before {
    left: 10px;
    top: 30px;
  }
  .modal .module .inner-module .inside .left h2.background:after {
    left: 20px;
    top: 45px;
  }
  .modal .module .inner-module .inside .right {
    width: 100%;
    border-left: none;
  }
  .modal .module .inner-module .inside .right ul > li {
    width: 100%;
  }
  .modal .module .inner-module .inside .right ul > li a {
    padding: 14px 10px 18px 45px;
  }
  .modal .module .inner-module .inside .right ul > li a:before {
    left: 10px;
  }
  .modal .module .inner-module .inside .right ul > li a:after {
    left: 20px;
  }
  .modal .module .inner-module .inside .right h2 {
    padding: 20px 10px 10px;
  }
  .modal .module .inner-module .inside .right h2.background {
    padding: 20px 20px 20px 10px;
  }
  .modal .module .inner-module .inside .right h2.background:before {
    left: 10px;
    top: 30px;
  }
  .modal .module .inner-module .inside .right h2.background:after {
    left: 20px;
    top: 45px;
  }
}
/* --------------------
Form popup
-------------------- */
.popup-container {
  position: fixed;
  left: 50%;
  top: 50%;
  width: calc(100% - 40px);
  max-width: 500px;
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
  padding: 40px 40px 20px 40px;
  background: white;
  z-index: 9999;
  border-top: 5px solid #2546ae;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-55%);
  -moz-transform: translateX(-50%) translateY(-55%);
  -ms-transform: translateX(-50%) translateY(-55%);
  -o-transform: translateX(-50%) translateY(-55%);
  transform: translateX(-50%) translateY(-55%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition: all 0.3s ease 0.25s ease;
}
.popup-container.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.popup-container .close {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -50px;
  right: -50px;
  cursor: pointer;
}
.popup-container .close:before {
  position: absolute;
  width: 40px;
  height: 4px;
  top: 22px;
  left: 0;
  background: white;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-container .close:after {
  position: absolute;
  width: 40px;
  height: 4px;
  top: 22px;
  left: 0;
  background: white;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 580px) {
  .popup-container {
    width: calc(100% - 20px);
    max-height: calc(100vh - 20px);
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .popup-container .close {
    right: -5px;
    top: 0;
  }
  .popup-container .close:before {
    background: #182859;
  }
  .popup-container .close:after {
    background: #182859;
  }
  .popup-container .wpcf7 {
    overflow: hidden;
    width: 100%;
  }
  .popup-container .wpcf7 textarea {
    max-height: 180px;
  }
  .popup-container .wpcf7 input,
  .popup-container .wpcf7 textarea {
    padding: 5px 10px;
    font-size: 14px;
  }
  .popup-container .editor p {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .popup-container {
    padding: 20px;
  }
}
/* --------------------
WPCF7
-------------------- */
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 radio {
  font-family: "opensans-regular";
  width: 100%;
  font-size: 16px;
  padding: 10px 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #e7e9ee;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus,
.wpcf7 radio:focus,
.wpcf7 input:active,
.wpcf7 textarea:active,
.wpcf7 select:active,
.wpcf7 radio:active {
  border-color: #abb2c4;
}
.wpcf7 textarea {
  resize: none;
}
.wpcf7 button {
  border: 2px solid #612176;
  cursor: pointer;
}
.wpcf7 button:hover {
  border: 2px solid #612176;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.wpcf7 .screen-reader-response {
  display: none;
}
.wpcf7 .wpcf7-not-valid-tip {
  display: inline-block;
  font-size: 14px;
  color: #dd0000;
  padding-top: 4px;
  padding: 7px 0 0 20px;
  margin-bottom: 5px;
}
.wpcf7 .wpcf7-response-output {
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: none;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
  color: #dd0000;
  border: 2px solid #dd0000;
  margin-top: 10px;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #25a700;
  border: 2px solid #25a700;
  margin-top: 10px;
}
/* --------------------
Info bubble google
-------------------- */
.infobox-wrapper {
  display: none;
}
.infobox {
  padding: 15px 0 0;
  background: white;
  border-top: 5px solid #2546ae;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.infobox h1,
.infobox h2 {
  font-family: "opensans-bold";
  font-size: 20px;
  line-height: 24px;
  color: #182859;
  padding: 0 30px 15px 30px;
}
.infobox .active-in {
  font-family: "opensans-bold";
  font-size: 14px;
  color: #612176;
  margin-left: 30px;
  margin-bottom: 15px;
  width: calc(100% - 60px);
  margin-top: -10px;
  border-bottom: 1px solid #e7e9ee;
}
.infobox .button-wrapper {
  width: 100%;
  padding: 10px;
  background: #ebf8f8;
  padding: 15px 30px 20px;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
}
.infobox .button-wrapper .button {
  width: 100%;
}
.infobox:before {
  position: absolute;
  width: 0;
  height: 0;
  bottom: -16px;
  left: 50%;
  margin-left: -16px;
  border-style: solid;
  border-width: 16px 16px 0 16px;
  border-color: #ebf8f8 transparent transparent transparent;
  content: "";
}
.infobox .language-indicator {
  position: absolute;
  top: 30px;
  border: 2px solid white;
  left: -15px;
  width: 29px;
  height: 29px;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  background-position: center top -105px;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.infobox.fencing-systems-netherlands .language-indicator {
  background-position: center top -105px;
}
.infobox.blaeser-germany .language-indicator {
  top: 17px;
  background-position: center top -157px;
}
.infobox.fences-united-kingdom .language-indicator {
  background-position: center top;
}
.infobox.fencing-systems-romania .language-indicator {
  background-position: center top -53px;
}
.infobox.fencing-systems-france .language-indicator {
  background-position: center top -315px;
}
.infobox.fencing-systems-russia .language-indicator {
  background-position: center top -27px;
}
.infobox.fencing-systems-baltics .language-indicator {
  background-position: center top -236px;
}
.infobox.fencing-systems-iberica .language-indicator,
.infobox.fencing-systems-iberica--unipessoal--lda .language-indicator {
  left: -20px;
  background-position: left -6px top -288px;
}
.infobox.fencing-systems-iberica .language-indicator:after,
.infobox.fencing-systems-iberica--unipessoal--lda .language-indicator:after {
  position: absolute;
  border: 2px solid white;
  left: 10px;
  top: -2px;
  width: 25px;
  height: 25px;
  background-color: white;
  overflow: hidden;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  content: "";
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-position: left top -262px;
}
.infobox.fencing-systems-poland .language-indicator {
  background-position: center top -79px;
}
.infobox.fencing-systems-czech-republic .language-indicator {
  background-position: left top -184px;
}
.infobox.fencing-systems-bulgaria .language-indicator {
  background-position: center top -210px;
}
.infobox.fencing-systems-hungary .language-indicator {
  background-position: center top -131px;
}
.infobox.fencing-systems-slovakia .language-indicator,
.infobox.fencing-systems-cs .language-indicator {
  background-position: left top -497px;
}
.infobox ul {
  display: inline-block;
  width: 100%;
  padding: 0 50px 5px 30px;
}
.infobox ul .sub {
  float: left;
  width: 50%;
  font-size: 12px;
  /* padding-left: 25px; */
  margin-bottom: 8px;
  font-weight: normal;
}
.infobox ul .sub.active {
  font-weight: 700;
  color: #612176;
}
.infoBox img {
  position: absolute;
  width: 11px;
  height: 11px;
  top: -18px;
  right: 5px;
}
/* --------------------
Reference
-------------------- */
.single-reference .module-blok .inside .image-wrapper-main {
  height: 300px;
}
.single-reference .module-blok .inside .image-wrapper-main img {
  display: none;
}
.single-reference .module-blok .inner-module .image-gallery {
  display: inline-block;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.single-reference .module-blok .inner-module .image-gallery li {
  float: left;
  width: 33.3333%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.single-reference .module-blok .inner-module .image-gallery li:before {
  display: none;
}
.single-reference .module-blok .inner-module .image-gallery li a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: 150px;
  border-top: 5px solid #2546ae;
  border-bottom: 2px solid #e2e2e2;
  border-radius: 5px 5px 10px 10px;
  -webkit-border-radius: 5px 5px 10px 10px;
  -moz-border-radius: 5px 5px 10px 10px;
}
.single-reference .module-blok .inner-module .image-gallery li a:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  margin: 0 !important;
  background: rgba(24, 40, 89, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  transition: opacity 0.3s ease 0.25s ease;
}
.single-reference .module-blok .inner-module .image-gallery li a:after {
  position: absolute;
  width: 30px;
  height: 34px;
  left: 50%;
  top: 50%;
  content: "";
  opacity: 0;
  background: url('/wp-content/themes/vmfencingsystems/static/images/zoom.svg') left top / 30px no-repeat;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  transition: opacity 0.3s ease 0.25s ease;
}
.single-reference .module-blok .inner-module .image-gallery li a:hover:before,
.single-reference .module-blok .inner-module .image-gallery li a:hover:after {
  opacity: 1;
}
.single-reference .module-blok.related-content h3 {
  font-size: 18px;
  padding: 20px;
  color: #182859;
}
.single-reference .module-blok.related-content .inner-module {
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 40px;
}
.single-reference .module-blok.related-content .inner-module ul > li a {
  display: inline-block;
  width: 100%;
}
.single-reference .module-blok.related-content .inner-module ul > li a:before {
  display: none;
}
@media only screen and (max-width: 640px) {
  .single-reference .module-blok .inner-module .image-gallery li {
    width: 50%;
  }
}
.fancybox-bg {
  background: #0a1125 !important;
}
.fancybox-slide--image .fancybox-content {
  background: white;
}
body.single-reference .fancybox-slide--image .fancybox-content .fancybox-image {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 640px) {
  body.single-reference .fancybox-slide--image .fancybox-content .fancybox-image {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.fancybox-thumbs {
  background: #222629;
}
.fancybox-thumbs a:before {
  border-color: #590f5e;
}
.fancybox-navigation {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99995;
}
/* --------------------
Footer
-------------------- */
.footer {
  float: left;
  position: relative;
  z-index: 802;
  width: 100%;
  background: #f3fbfb;
}
.footer .logos-footer {
  overflow: hidden;
  margin-bottom: 100px;
  margin-top: 50px;
}
.footer .logos-footer .cntr .col-1-3 {
  text-align: center !important;
  position: relative;
  height: 90px;
}
.footer .logos-footer .cntr .col-1-3 img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  max-width: 60%;
  max-height: 90px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.footer .cntr {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.footer .cntr p {
  font-size: 14px;
}
.footer .cntr p a {
  color: #7b7b7b;
}
.footer .cntr p a:hover {
  text-decoration: underline;
}
.footer .cntr h4 {
  font-family: "opensans-bold";
  margin: 40px 0 30px;
  font-size: 18px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .footer .top-footer .main-nav ul li {
    margin: 0 5px;
  }
  .footer .top-footer .main-nav ul li a {
    font-size: 10px;
  }
  .footer .middle-footer .buttons-wrapper .button {
    text-align: left !important;
    width: 100%;
    padding: 0 15px;
    margin: 5px 0;
  }
  .footer .middle-footer .buttons-wrapper .button.icon-phone-mobile:before {
    margin-left: -4px;
    margin-right: 5px;
    margin-top: 9px;
  }
  .footer .middle-footer .buttons-wrapper .button.external {
    display: block;
  }
  .footer .bottom-footer p {
    text-align: left !important;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .footer .logos-footer {
    margin-bottom: 40px;
  }
  .footer .logos-footer .cntr .col-1-3 {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
  }
  .footer .logos-footer .cntr .col-1-3 img {
    max-width: 60%;
    max-height: 50px;
  }
}
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
/*
* Redesign 2019
*/
body.new-vmf {
  background: #1f1f1f;
}
.header-content > .breadcrumbs > span:nth-child(3) {
  display: flex;
}
.section--grey-bg {
  background: #000000;
  padding: 100px 0 80px 0;
}
@media only screen and (max-width: 640px) {
  .section--grey-bg {
    padding: 40px 0 20px;
  }
}
.container--medium {
  max-width: 1235px;
}
.container--small {
  max-width: 900px;
}
.nheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 901;
  border-bottom: 1px solid #D8D8D8;
  transition: transform .4s ease;
}
body.new-vmf .nheader {
  border-bottom: #222629;
}
.nheader.headroom--unpinned {
  transform: translateY(-56px);
}
.nheader__top {
  position: relative;
  background: #F6F6F6;
  z-index: 2;
}
body.new-vmf .nheader__top {
  background: #1f1f1f;
}
.nheader__top-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
}
.nheader__part-of {
  color: rgba(34, 38, 41, 0.4);
  font-size: 12px;
  line-height: 15px;
}
body.new-vmf .nheader__part-of {
  color: rgba(255, 255, 255, 0.6);
}
.nheader__lang-cont {
  flex-grow: 0;
}
.nheader__lang {
  position: relative;
  display: flex;
  align-items: center;
}
.nheader__lang > p {
  font-size: 12px;
  line-height: 24px;
  color: rgba(34, 38, 41, 0.4);
  margin-right: 24px;
}
body.new-vmf .nheader__lang > p {
  color: rgba(255, 255, 255, 0.6);
}
.nheader__bottom {
  position: relative;
  background: white;
}
body.new-vmf .nheader__bottom {
  background: black;
}
.nheader__bottom-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 100px;
}
.nheader__logo {
  display: flex;
  text-indent: -9999px;
  width: 240px;
  height: 44px;
}
body.new-vmf .nheader__logo {
  background: url('/wp-content/themes/vmfencingsystems/static/images/VMFencingSystems_WHITE.png') top left / 240px no-repeat;
}
.nheader__main-nav-col {
  flex-grow: 0;
}
.nheader__main-nav ul.menu {
  display: flex;
  align-items: center;
}
.nheader__main-nav .menu-item.hide {
  display: inline-block;
}
.nheader__main-nav .menu-item.hide-on-new {
  display: none;
}
.nheader__main-nav .menu-item a {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1;
  color: black;
  text-transform: uppercase;
  transition: color .25s ease;
  white-space: nowrap;
}
body.new-vmf .nheader__main-nav .menu-item a {
  color: #f1f1f1;
}
.nheader__main-nav .menu-item a:hover {
  color: #909090 !important;
}
.nheader__main-nav .menu-item.products-sub {
  position: relative;
}
.nheader__main-nav .menu-item.products-sub > a {
  position: relative;
  padding-right: 56px;
}
.nheader__main-nav .menu-item.products-sub > a:after {
  position: absolute;
  top: 46px;
  right: 33px;
  width: 12px;
  height: 8px;
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-black.svg') top left / 12px no-repeat;
  content: "";
  transition: transform .25s ease, color .25s ease;
}
body.new-vmf .nheader__main-nav .menu-item.products-sub > a:after {
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-white.svg') top left / 12px no-repeat;
}
.nheader__main-nav .menu-item.products-sub > a:hover:after {
  transform: rotate(180deg);
}
.nheader__main-nav .menu-item.products-sub:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nheader__main-nav .menu-item:last-child {
  margin-left: 30px;
}
.nheader__main-nav .menu-item:last-child > a {
  font-family: "opensans-bold" !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  height: 60px;
  background: #6f1b74;
  color: white;
  padding: 0 40px;
  transition: background .25s ease;
  border: 0;
}
.nheader__main-nav .menu-item:last-child > a:hover {
  background: #590f5e;
}
.nheader__main-nav .menu-item:last-child > a.green {
  background: #008525;
}
.nheader__main-nav .menu-item:last-child > a.green:hover {
  background: #00982a;
}
.nheader__main-nav .menu-item:last-child > a.normal-button {
  justify-content: flex-start;
  font-size: 14px;
  padding: 0 20px;
}
.nheader__main-nav .menu-item:last-child > a__chevron {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: -60px;
  width: 100%;
  max-width: 80px;
  height: 60px;
  background: #590f5e;
  transition: transform .25s ease;
  z-index: -1;
}
.nheader__main-nav .menu-item:last-child > a__chevron > svg {
  transform: rotate(-90deg) translateY(10px);
}
.nheader__main-nav .menu-item:last-child > a__chevron:after {
  position: absolute;
  top: 0;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 28px solid #590f5e;
  border-bottom: 30px solid transparent;
  content: "";
}
.nheader__main-nav .menu-item:last-child > a--with-chevron {
  display: inline-flex;
  align-items: center;
  font-size: 16px !important;
  color: white !important;
  text-decoration: none !important;
}
.nheader__main-nav .menu-item:last-child > a--with-chevron:hover .nbutton__chevron {
  transform: translateX(20px);
}
.nheader__main-nav .menu-item:last-child > a--contact {
  display: inline-flex;
  margin-bottom: 20px;
  color: white !important;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 18px;
  padding-left: 70px;
}
.nheader__main-nav .menu-item:last-child > a--contact:before {
  position: absolute;
  left: 30px;
  font-size: 25px;
}
.nheader__main-nav .menu-item:last-child > a--mail:before {
  font-size: 18px;
}
.nheader__main-nav .menu-item:last-child > a--in-editor {
  display: inline-flex;
  color: white !important;
  text-decoration: none !important;
}
.nheader__main-nav .menu-item:last-child > a--in-editor:after {
  position: absolute;
  top: 0;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 28px solid #6f1b74;
  border-bottom: 30px solid transparent;
  transition: border .25s ease;
  content: "";
}
.nheader__main-nav .menu-item:last-child > a--in-editor:hover:after {
  border-left: 28px solid #590f5e;
}
@media only screen and (max-width: 480px) {
  .nheader__main-nav .menu-item:last-child > a {
    padding: 0 20px;
  }
  .nheader__main-nav .menu-item:last-child > a--contact {
    padding-left: 60px;
  }
  .nheader__main-nav .menu-item:last-child > a--contact:before {
    left: 20px;
  }
}
.nheader__main-nav .menu-item > ul.sub-menu {
  position: absolute;
  display: flex;
  flex-flow: column nowrap;
  background: white;
  top: 100px;
  left: -20px;
  width: 250px;
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease;
  padding: 0 20px 20px 20px;
}
body.new-vmf .nheader__main-nav .menu-item > ul.sub-menu {
  background: black;
}
.nheader__main-nav .menu-item > ul.sub-menu .menu-item a {
  position: relative;
  height: 50px;
}
.nheader__main-nav .menu-item > ul.sub-menu .menu-item a:after {
  position: absolute;
  top: 22px;
  right: 20px;
  width: 12px;
  height: 8px;
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-black.svg') top left / 12px no-repeat;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all .25s ease;
  content: "";
}
body.new-vmf .nheader__main-nav .menu-item > ul.sub-menu .menu-item a:after {
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-white.svg') top left / 12px no-repeat;
}
body.new-vmf .nheader__main-nav .menu-item > ul.sub-menu .menu-item a {
  color: #f1f1f1;
}
.nheader__main-nav .menu-item > ul.sub-menu .menu-item:hover a:after {
  transform: rotate(-90deg) translateY(5px);
  opacity: 1;
}
.nheader__main-nav .menu-item > ul.sub-menu .menu-item:last-child {
  margin-left: 0;
  border-bottom: 0;
}
.nheader__main-nav .menu-item > ul.sub-menu .menu-item:last-child a {
  font-family: "opensans-extrabold";
  justify-content: flex-start;
  background: none;
  color: black;
  padding: 0 20px;
}
.nheader__main-nav .menu-item > ul.sub-menu .menu-item:last-child a:hover {
  color: rgba(0, 0, 0, 0.06);
}
.nheader #lang_sel {
  float: right;
  position: relative;
  color: #7b7b7b;
  width: auto;
}
body.new-vmf .nheader #lang_sel {
  color: white;
}
body.new-vmf .nheader #lang_sel:before {
  background: #171717;
}
body.new-vmf .nheader #lang_sel ul > li a {
  position: relative;
  color: white;
  background-color: #171717 !important;
}
body.new-vmf .nheader #lang_sel ul > li a svg {
  position: absolute;
  width: 14px;
  height: 14px;
  top: calc(50% - 7xp);
  right: 20px;
}
body.new-vmf .nheader #lang_sel ul > li a svg path {
  fill: rgba(255, 255, 255, 0.8);
}
body.new-vmf .nheader #lang_sel ul > li ul {
  border-color: black;
}
body.new-vmf .nheader #lang_sel ul > li ul li {
  border-color: black;
}
body.new-vmf .nheader #lang_sel ul > li ul li:hover a svg path {
  fill: rgba(255, 255, 255, 0.2);
}
.nheader #lang_sel:before {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(((100vw - 1440px) / 2) + 100%) ;
  height: 100%;
  background: #ececec;
  content: "";
}
.nheader #lang_sel ul {
  float: left;
}
.nheader #lang_sel ul > li {
  float: left;
  position: relative;
}
.nheader #lang_sel ul > li a {
  float: left;
  position: relative;
  padding: 22px 26px 22px 52px;
  color: rgba(34, 38, 41, 0.4);
  background-color: #ececec !important;
  font-size: 12px;
  border: 0;
  background: none;
  max-height: 56px;
  /* -------------
					Languages
					------------- */
}
.nheader #lang_sel ul > li a:before {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 25px;
  height: 25px;
  background-image: url('/wp-content/themes/vmfencingsystems/static/images/flags.png');
  background-repeat: no-repeat;
  background-size: 39px;
  content: "";
  transform: scale(0.8);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.nheader #lang_sel ul > li a.icl-en:before {
  background-position: center top;
}
.nheader #lang_sel ul > li a.icl-nl:before {
  background-position: center top -105px;
}
.nheader #lang_sel ul > li a.icl-de:before {
  background-position: center top -157px;
}
.nheader #lang_sel ul > li a.icl-es:before {
  background-position: left top -262px;
}
.nheader #lang_sel ul > li a.icl-fr:before {
  background-position: center top -314px;
}
.nheader #lang_sel ul > li a.icl-pl:before {
  background-position: center top -79px;
}
.nheader #lang_sel ul > li a.icl-ru:before {
  background-position: center top -27px;
}
.nheader #lang_sel ul > li a.icl-it:before {
  background-position: center top -340px;
}
.nheader #lang_sel ul > li a.icl-pt-pt:before {
  background-position: left top -524px;
}
.nheader #lang_sel ul > li a.icl-hu:before {
  background-position: center top -131px;
}
.nheader #lang_sel ul > li a.icl-sk:before {
  background-position: left top -497px;
}
.nheader #lang_sel ul > li a.icl-bg:before {
  background-position: center top -210px;
}
.nheader #lang_sel ul > li a.icl-lt:before {
  background-position: center top -236px;
}
.nheader #lang_sel ul > li a.icl-ro:before {
  background-position: center top -53px;
}
.nheader #lang_sel ul > li a:after {
  position: absolute;
  font-family: "vm-fencing-systems" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center !important;
  width: 14px;
  top: 50% !important;
  right: 0 !important;
  margin-top: -7px;
  font-size: 16px;
  content: "a";
  border: none !important;
}
.nheader #lang_sel ul > li a:hover {
  color: rgba(34, 38, 41, 0.7);
}
.nheader #lang_sel ul > li ul {
  position: absolute;
  display: none;
  background: #efefef;
  right: 0;
  top: 56px;
  overflow: hidden;
  width: 190px;
  border-color: #e2e2e2;
}
.nheader #lang_sel ul > li ul li {
  width: 100%;
  border-top: 1px solid #e2e2e2;
  /* -------------
						Languages
						------------- */
}
.nheader #lang_sel ul > li ul li:first-child {
  border-top: none;
}
.nheader #lang_sel ul > li ul li a {
  width: 100%;
}
.nheader #lang_sel ul > li ul li a:after {
  display: none;
}
.nheader #lang_sel ul > li ul li a:hover {
  color: #7b7b7b;
  background: #e2e2e2;
}
.nheader #lang_sel ul > li ul li.icl-en a:before {
  background-position: center top;
}
.nheader #lang_sel ul > li ul li.icl-nl a:before {
  background-position: center top -105px;
}
.nheader #lang_sel ul > li ul li.icl-de a:before {
  background-position: center top -157px;
}
.nheader #lang_sel ul > li ul li.icl-es a:before {
  background-position: left top -262px;
}
.nheader #lang_sel ul > li ul li.icl-fr a:before {
  background-position: center top -314px;
}
.nheader #lang_sel ul > li ul li.icl-pl a:before {
  background-position: center top -79px;
}
.nheader #lang_sel ul > li ul li.icl-ru a:before {
  background-position: center top -27px;
}
.nheader #lang_sel ul > li ul li.icl-it a:before {
  background-position: center top -340px;
}
.nheader #lang_sel ul > li ul li.icl-sk a:before {
  background-position: left top -497px;
}
.nheader #lang_sel ul > li ul li.icl-lt a:before {
  background-position: center top -236px;
}
.nheader #lang_sel ul > li ul li.icl-ro a:before {
  background-position: center top -53px;
}
.nheader #lang_sel ul > li:hover ul {
  display: block;
}
.nheader__nav-toggle {
  display: none;
}
.nheader--no-nav .nheader__bottom-inner {
  height: 120px;
}
@media only screen and (max-width: 1480px) {
  .nheader #lang_sel:before {
    width: calc(100% + 20px);
  }
}
@media only screen and (max-width: 1280px) {
  .nheader__main-nav .menu-item a {
    height: 86px;
  }
  .nheader__main-nav .menu-item.products-sub a:after {
    top: 39px;
  }
  .nheader__main-nav .menu-item > ul.sub-menu {
    top: 86px;
  }
  .nheader--no-nav .nheader__bottom-inner {
    height: 86px;
  }
}
@media only screen and (max-width: 1200px) {
  .nheader.headroom--unpinned {
    transform: translateY(-44px);
  }
  .nheader__nav-toggle {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: 0;
    background: none;
    z-index: 5;
  }
  .nheader__nav-toggle.nheader__nav-toggle--open .nheader__nav-toggle-inner:before {
    transform: rotate(-225deg);
    top: 5px;
  }
  .nheader__nav-toggle.nheader__nav-toggle--open .nheader__nav-toggle-inner:after {
    transform: rotate(-135deg);
    bottom: 5px;
    max-width: 30px;
  }
  .nheader__nav-toggle-inner {
    position: relative;
    width: 30px;
    height: 12px;
    padding: 0;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    cursor: pointer;
  }
  .nheader__nav-toggle-inner:before,
  .nheader__nav-toggle-inner:after {
    position: absolute;
    width: 100%;
    max-width: 30px;
    height: 2px;
    right: 0;
    background: #6f1b74;
    content: "";
    transition: max-width 0.5s ease-in-out, background 0.3s ease-in-out, transform 0.5s ease-in-out, top 0.5s ease-in-out, bottom 0.5s ease-in-out;
  }
  .nheader__nav-toggle-inner:before {
    top: 0;
    transform-origin: 50%;
  }
  .nheader__nav-toggle-inner:after {
    bottom: 0;
    max-width: 25px;
  }
  .nheader__top-inner {
    height: 44px;
  }
  .nheader__main-nav {
    position: fixed;
    top: 112px;
    left: 0;
    width: 100%;
    height: 100%;
    height: calc(100vh - 112px);
    background: white;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  body.new-vmf .nheader__main-nav {
    background: #1f1f1f;
  }
  .nheader__main-nav--open {
    transform: translateX(0);
  }
  .nheader__main-nav.headroom--unpinned {
    height: calc(100vh - 57px);
  }
  .nheader__main-nav ul.menu {
    flex-flow: column nowrap;
    align-items: flex-start;
    margin-top: 10px;
    padding-bottom: 100px;
  }
  .nheader__main-nav .menu-item a {
    height: 40px;
  }
  .nheader__main-nav .menu-item {
    width: 100%;
  }
  .nheader__main-nav .menu-item.products-sub a:after {
    display: none;
  }
  .nheader__main-nav .menu-item.products-sub .nheader__nav-trigger {
    position: absolute;
    top: 0;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-black.svg') center center / 12px no-repeat;
    content: "";
    transition: transform .25s ease, color .25s ease;
  }
  .nheader__main-nav .menu-item.products-sub .nheader__nav-trigger--open {
    transform: rotate(180deg);
  }
  .nheader__main-nav .menu-item > ul.sub-menu {
    position: relative;
    overflow: hidden;
    left: auto;
    top: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    padding: 0 20px 0 20px;
    height: auto;
    max-height: 0;
    transition: max-height 0.5s ease, padding 0.5s ease;
  }
  .nheader__main-nav .menu-item > ul.sub-menu--open {
    max-height: 900px;
    padding: 10px 20px 20px 20px;
    transition: max-height 0.8s ease, padding 0.8s ease;
  }
  .nheader__main-nav .menu-item > ul.sub-menu .menu-item a {
    height: 38px;
  }
  .nheader__main-nav .menu-item > ul.sub-menu .menu-item:last-child {
    padding: 0;
  }
  .nheader__main-nav .menu-item:last-child {
    margin-left: 0;
    padding: 10px 20px 0 20px;
  }
  .nheader__bottom {
    z-index: 1;
  }
  .nheader__bottom-inner {
    height: 68px;
  }
  .nheader__logo {
    width: 180px;
    height: 34px;
    background-size: 180px;
  }
  body.new-vmf .nheader__logo {
    background-size: 180px;
  }
  .nheader #lang_sel ul > li a {
    max-height: 44px;
    padding: 16px 25px 15px 52px;
  }
  .nheader #lang_sel ul > li a:before {
    top: 9px;
  }
  .nheader #lang_sel ul > li ul {
    top: 44px;
    width: 100%;
  }
  .nheader--no-nav .nheader__bottom-inner {
    height: 68px;
  }
}
@media only screen and (max-width: 640px) {
  .nheader__part-of {
    display: none;
  }
}
.npage-header {
  z-index: 802;
  margin-top: 156px;
}
@media only screen and (max-width: 1400px) {
  .npage-header--detection-small {
    margin-top: 236px;
  }
}
@media only screen and (max-width: 1280px) {
  .npage-header {
    margin-top: 112px;
  }
  .npage-header--detection-small {
    margin-top: 202px;
  }
}
@media only screen and (max-width: 1000px) {
  .npage-header {
    margin-top: 112px;
  }
}
.nheader-image {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  max-width: 100%;
  height: 250px;
  transition: max-width 0.6s ease;
}
.nheader-image--detection-open {
  max-width: calc(100% - 290px);
}
body.home .nheader-image {
  height: 500px;
}
body.home .nheader-image:after {
  left: 60%;
  height: 100%;
  background-size: 2730px;
}
body.page-template-page-contact .nheader-image:after {
  display: none;
}
.nheader-image__bg {
  position: absolute;
  min-width: 100vw;
  min-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.nheader-image__content-container {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.nheader-image__map-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 1480px) {
  body.home .nheader-image .header-content {
    padding: 0;
  }
}
@media only screen and (max-width: 1400px) {
  body.home .nheader-image {
    height: 520px;
  }
  body.home .nheader-image:after {
    height: 520px;
  }
}
@media only screen and (max-width: 1280px) {
  .nheader-image--detection-open {
    max-width: calc(100% - 310px);
  }
}
@media only screen and (max-width: 1024px) {
  .nheader-image {
    height: 250px;
  }
  .nheader-image:after {
    height: 100%;
    left: 80%;
  }
  body.home .nheader-image {
    height: 300px;
  }
  body.home .nheader-image:after {
    height: 100%;
    left: 80%;
  }
  .nheader-image--detection-open {
    margin-top: 120px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .nheader-image:after {
    left: 86%;
  }
  body.home .nheader-image:after {
    left: 86%;
  }
}
@media only screen and (max-width: 640px) {
  .nheader-image {
    height: 150px;
  }
  .nheader-image:after {
    height: 100%;
    left: 150%;
  }
  body.home .nheader-image {
    height: 250px;
  }
  body.home .nheader-image:after {
    height: 100%;
    left: 150%;
  }
  .nheader-image__bg {
    width: 120%;
  }
  .nheader-image--detection-open {
    margin-top: 0;
  }
}
.header-content {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  z-index: 3;
  max-width: 560px;
}
body.home .header-content {
  max-width: 670px;
}
body.home .header-content .header-content__title {
  font-size: 52px;
  line-height: 58px;
}
.header-content__subtitle {
  font-family: "opensans-semibold";
  font-size: 14px;
  line-height: 1;
  letter-spacing: 4px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.header-content__title {
  font-family: "opensans-extrabold";
  font-size: 52px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
}
.header-content__anchor {
  margin-top: 30px;
}
.header-content > .breadcrumbs {
  display: flex;
  flex-flow: column;
}
.header-content > .breadcrumbs > span {
  display: inline-block;
}
.header-content > .breadcrumbs > span > a {
  font-family: "opensans-semibold";
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 4px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-bottom: 8px;
  transition: color .25s ease;
}
.header-content > .breadcrumbs > span > a:hover {
  color: white;
}
.header-content > .breadcrumbs > span > span {
  font-family: "opensans-extrabold";
  display: inline-block;
  font-size: 52px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
}
body.single .header-content > .breadcrumbs > span > span {
  font-size: 56px;
}
.header-content > .breadcrumbs > span.span-1-3,
.header-content > .breadcrumbs > span.span-2-3 {
  position: relative;
  padding-right: 30px;
}
.header-content > .breadcrumbs > span.span-1-3:after,
.header-content > .breadcrumbs > span.span-2-3:after {
  position: absolute;
  right: 10px;
  top: 4px;
  width: 11px;
  height: 9px;
  opacity: .5;
  content: "";
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-white.svg') top left / 10px no-repeat;
  transform: rotate(-90deg);
}
.header-content > .breadcrumbs--has-three {
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .header-content > .breadcrumbs > span > span {
    font-size: 52px;
  }
  .header-content__title {
    font-size: 52px;
  }
}
@media only screen and (max-width: 768px) {
  body.home .header-content .header-content__title {
    font-size: 40px;
    line-height: 46px;
  }
  body.home .header-content .header-content__anchor {
    margin-top: 20px;
  }
  .header-content__title {
    font-size: 40px;
  }
  .header-content__anchor {
    margin-top: 20px;
  }
  .header-content > .breadcrumbs > span > span {
    font-size: 40px;
  }
}
@media only screen and (max-width: 640px) {
  body.home .header-content .header-content__subtitle {
    font-size: 12px;
  }
  body.home .header-content .header-content__title {
    font-size: 24px;
    line-height: 30px;
  }
  body.home .header-content .header-content__anchor {
    margin-top: 10px;
    transform: scale(0.7);
    transform-origin: 0 0;
  }
  .header-content__title {
    font-size: 24px;
  }
  .header-content__anchor {
    margin-top: 10px;
    transform: scale(0.7);
    transform-origin: 0 0;
  }
  .header-content > .breadcrumbs > span > a {
    font-size: 12px;
  }
  .header-content > .breadcrumbs > span > span {
    font-size: 24px;
  }
}
.sub-menu-2019 {
  display: none;
}
.button-2019 {
  font-family: "opensans-bold";
  font-size: 16px;
  line-height: 18px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 0 36px;
  background: #6f1b74;
  color: white;
  transition: background .25s ease, color .25s ease, border .25s ease;
}
.button-2019--white-ghost {
  background: none;
  border: 2px solid white;
}
.button-2019--white-ghost:hover {
  background: white;
  color: #6f1b74;
}
.button-2019--no-border {
  border: 0;
}
button.button-2019 {
  cursor: pointer;
  border: 0;
}
.nbutton {
  font-family: "opensans-bold" !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  height: 60px;
  background: #6f1b74;
  color: white;
  padding: 0 40px;
  transition: background .25s ease;
  border: 0;
}
.nbutton:hover {
  background: #590f5e;
}
.nbutton.green {
  background: #008525;
}
.nbutton.green:hover {
  background: #00982a;
}
.nbutton.normal-button {
  justify-content: flex-start;
  font-size: 14px;
  padding: 0 20px;
}
.nbutton__chevron {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: -60px;
  width: 100%;
  max-width: 80px;
  height: 60px;
  background: #590f5e;
  transition: transform .25s ease;
  z-index: -1;
}
.nbutton__chevron > svg {
  transform: rotate(-90deg) translateY(10px);
}
.nbutton__chevron:after {
  position: absolute;
  top: 0;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 28px solid #590f5e;
  border-bottom: 30px solid transparent;
  content: "";
}
.nbutton--with-chevron {
  display: inline-flex;
  align-items: center;
  font-size: 16px !important;
  color: white !important;
  text-decoration: none !important;
}
.nbutton--with-chevron:hover .nbutton__chevron {
  transform: translateX(20px);
}
.nbutton--contact {
  display: inline-flex;
  margin-bottom: 20px;
  color: white !important;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 18px;
  padding-left: 70px;
}
.nbutton--contact:before {
  position: absolute;
  left: 30px;
  font-size: 25px;
}
.nbutton--mail:before {
  font-size: 18px;
}
.nbutton--in-editor {
  display: inline-flex;
  color: white !important;
  text-decoration: none !important;
}
.nbutton--in-editor:after {
  position: absolute;
  top: 0;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 28px solid #6f1b74;
  border-bottom: 30px solid transparent;
  transition: border .25s ease;
  content: "";
}
.nbutton--in-editor:hover:after {
  border-left: 28px solid #590f5e;
}
@media only screen and (max-width: 480px) {
  .nbutton {
    padding: 0 20px;
  }
  .nbutton--contact {
    padding-left: 60px;
  }
  .nbutton--contact:before {
    left: 20px;
  }
}
button.nbutton {
  cursor: pointer;
}
.country-detection-container {
  position: relative;
  z-index: 802;
}
@media only screen and (max-width: 1400px) {
  .country-detection-container {
    position: absolute;
    left: 0;
    top: 176px;
    width: 100%;
    height: 60px;
    display: flex;
  }
  body.single-product .country-detection-container {
    top: 0;
  }
}
@media only screen and (max-width: 1280px) {
  .country-detection-container {
    top: 142px;
  }
}
@media only screen and (max-width: 1000px) {
  .country-detection-container {
    position: fixed;
    top: auto;
    bottom: 0;
  }
  body.single-product .country-detection-container {
    top: auto;
  }
}
.country-detection {
  position: absolute;
  top: 176px;
  right: 0;
  z-index: 802;
  transition: transform .6s ease;
  transform: translateX(-100%);
  transform: translateX(0);
}
.country-detection__inner {
  display: flex;
  flex-flow: column nowrap;
  width: 280px;
  height: 500px;
}
.country-detection__block {
  text-align: center;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 33.3333%;
  background: #222629;
}
.country-detection__block--is-button {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: background .25s ease;
  pointer-events: none;
}
.country-detection__block--is-button:hover {
  background: black;
}
.country-detection__block--is-button svg {
  margin-bottom: 20px;
}
.country-detection__block--grey {
  background: #f1f1f1;
  padding: 0 20px;
}
.country-detection__block--inner {
  display: none;
}
body.new-vmf .country-detection__block--grey {
  background: black;
}
body.new-vmf .country-detection__block--grey > p {
  color: rgba(255, 255, 255, 0.8);
}
.country-detection__marker {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 0;
}
.country-detection__small {
  font-family: "opensans-semibold";
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  font-size: 13px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}
.country-detection__italic {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(34, 38, 41, 0.8);
  font-style: italic;
}
.country-detection__country {
  font-family: "opensans-extrabold";
  position: relative;
  font-size: 20px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  margin-top: 8px;
}
.country-detection__destination {
  font-family: "opensans-semibold";
  position: relative;
  font-size: 13px;
  line-height: 20px;
  color: white;
  text-transform: uppercase;
  text-decoration: underline;
  margin-top: 20px;
}
.country-detection__destination:hover {
  text-decoration: none;
}
.country-detection__country-small,
.country-detection__select-country-small {
  font-family: "opensans-semibold";
  position: fixed;
  left: 80px;
  height: 80px;
  padding: 0 40px;
  margin: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 14px;
  line-height: 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 3;
  transition: background .25s ease;
  cursor: pointer;
}
.country-detection__country-small > svg,
.country-detection__select-country-small > svg {
  transform: rotate(90deg);
  margin-right: 16px;
}
.country-detection__country-small {
  background: #222629;
  bottom: auto;
  top: 676px;
  left: 0;
  transform: rotate(-90deg);
  transform-origin: left top;
}
.country-detection__country-small:hover {
  background: #16191b;
}
.country-detection__country-small:hover .country-detection__select-country-small {
  background: #222629;
}
.country-detection__country-small--on-product {
  bottom: -500px;
}
.country-detection__select-country-small {
  background: black;
  top: 676px;
  left: 0;
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: left top;
  z-index: 4;
}
.country-detection__select-country-small:hover {
  background: #222629;
}
.country-detection__select-country-small:hover .country-detection__country-small {
  background: #16191b;
}
.country-detection__select-country-small--on-product {
  bottom: -500px;
}
@media only screen and (max-height: 1000px) {
  .country-detection__country-small,
  .country-detection__select-country-small {
    top: 596px;
  }
}
@media only screen and (max-width: 1400px) {
  .country-detection__country-small,
  .country-detection__select-country-small {
    position: relative;
    top: auto;
    left: auto;
    transform: rotate(0) translateX(0);
    width: 50%;
    height: 60px;
  }
  .country-detection__country-small--on-product,
  .country-detection__select-country-small--on-product {
    bottom: auto;
  }
  .country-detection__inner {
    height: 520px;
  }
}
@media only screen and (max-width: 1280px) {
  .country-detection {
    top: 142px;
  }
  .country-detection--expanded .country-detection__inner {
    width: 280px;
  }
  .country-detection--expanded .country-detection__country {
    font-size: 20px;
  }
  .country-detection--expanded .country-detection__block--grey {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .country-detection {
    width: 100%;
  }
  .country-detection--expanded .country-detection__inner {
    width: 100%;
    height: 120px;
    flex-flow: row nowrap;
  }
  .country-detection--expanded .country-detection__block {
    width: 33.3333%;
    height: 100%;
  }
  .country-detection--expanded .country-detection__block--is-button {
    border-top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .country-detection__small {
    font-size: 12px;
    line-height: 16px;
  }
  .country-detection__country {
    font-size: 18px;
    margin-top: 5px;
  }
  .country-detection__italic {
    font-size: 12px;
    line-height: 16px;
  }
  .country-detection__destination {
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
  }
  .country-detection__marker {
    transform: translateX(-50%) translateY(-50%) scale(0.5);
  }
}
@media only screen and (max-width: 1000px) {
  .country-detection {
    top: 113px;
  }
}
@media only screen and (max-width: 768px) {
  .country-detection__country-small,
  .country-detection__select-country-small {
    font-size: 12px;
    line-height: 18px;
    padding: 0 20px;
  }
  .country-detection__country-small > svg,
  .country-detection__select-country-small > svg {
    min-width: 20px;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 640px) {
  .country-detection {
    display: none;
  }
  .country-detection--expanded .country-detection__small {
    font-size: 10px;
    line-height: 14px;
  }
  .country-detection--expanded .country-detection__country {
    font-size: 16px;
  }
  .country-detection--expanded .country-detection__destination {
    font-size: 11px;
    line-height: 14px;
  }
  .country-detection--expanded .country-detection__block {
    width: 50%;
  }
  .country-detection--expanded .country-detection__block--grey {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .country-detection__country-small,
  .country-detection__select-country-small {
    position: relative;
    padding-left: 40px;
  }
  .country-detection__country-small > svg,
  .country-detection__select-country-small > svg {
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .country-detection__country-small > svg {
    top: 21px;
  }
  .country-detection__select-country-small > svg {
    left: 20px;
    top: 19px;
  }
}
.country-selection {
  position: fixed;
  display: flex;
  left: 0;
  top: 176px;
  z-index: 803;
  width: 100%;
  background: #f1f1f1;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease, transform .4s ease;
}
.country-selection.headroom--unpinned {
  transform: translateY(-56px);
}
.country-selection--open {
  opacity: 1;
  visibility: visible;
}
.country-selection__sites {
  display: flex;
  width: 50%;
}
.country-selection__sites-left,
.country-selection__sites-right {
  display: flex;
  flex-flow: column nowrap;
  width: 50%;
}
.country-selection__site:last-child .country-selection__site-anchor {
  border-bottom: 0;
}
.country-selection__site-anchor {
  font-family: "opensans-semibold";
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 82px;
  background: #222629;
  color: #c0c1c5;
  padding: 0 64px;
  text-transform: uppercase;
  border-right: 1px solid #383c3f;
  border-bottom: 1px solid #383c3f;
  transition: background .25s ease, color .25s ease;
}
.country-selection__site-anchor > svg {
  transform: rotate(-90deg);
}
.country-selection__site-anchor > svg path {
  transition: fill .25s ease;
}
.country-selection__site-anchor:hover {
  background: #6f1b74;
  color: white;
}
.country-selection__site-anchor:hover > svg path {
  fill: white;
}
.country-selection__site-anchor--has-sub {
  position: relative;
}
.country-selection__site-anchor--has-sub:after {
  position: absolute;
  top: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-top: 41px solid transparent;
  border-left: 40px solid #6f1b74;
  border-bottom: 41px solid transparent;
  transition: opacity .25s ease;
  opacity: 0;
  content: "";
}
.country-selection__site-anchor--has-sub:hover:after {
  opacity: 1;
}
.country-selection__site-anchor--return {
  font-family: "opensans-bold";
  width: 100%;
  border: 0;
  background: none;
  color: #6f1b74;
  text-transform: none;
  justify-content: flex-start;
  background: #f1f1f1;
  cursor: pointer;
}
.country-selection__site-anchor--return > svg {
  margin-right: 15px;
  transform: rotate(90deg);
}
.country-selection__site-anchor--country {
  font-weight: 400;
  background: none;
  border-right: 0;
  border-bottom: 0;
  text-transform: none;
  color: #222629;
}
.country-selection__site-anchor--country:hover {
  color: #612176;
  background: #e4e4e4;
}
.country-selection__countries {
  position: relative;
  width: 50%;
}
.country-selection__countries-close {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #e4e4e4;
}
.country-selection__countries-close > svg {
  transform: rotate(90deg);
}
.country-selection__countries-list {
  position: absolute;
  left: 40px;
  top: 82px;
  width: calc(100% - 80px);
  opacity: 0;
  visibility: hidden;
}
.country-selection__countries-list--active {
  opacity: 1;
  visibility: visible;
}
.country-selection__country {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 1280px) {
  .country-selection {
    top: 142px;
  }
  .country-selection__site-anchor {
    padding: 0 30px;
    height: 60px;
  }
  .country-selection__site-anchor--has-sub:after {
    right: -30px;
    border-top: 30px solid transparent;
    border-left: 30px solid #6f1b74;
    border-bottom: 30px solid transparent;
  }
  .country-selection__countries-list {
    top: 60px;
  }
}
@media only screen and (max-width: 1000px) {
  .country-selection {
    top: 113px;
  }
}
@media only screen and (max-width: 768px) {
  .country-selection__sites {
    width: 100%;
    transition: transform .5s ease;
    z-index: 2;
  }
  .country-selection__sites--open-sub {
    transform: translateX(-100%);
  }
  .country-selection__site-anchor {
    font-size: 12px;
    padding: 0px 15px;
  }
  .country-selection__site-anchor--has-sub:after {
    display: none;
  }
  .country-selection__countries {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .country-selection__countries-close {
    display: flex;
  }
  .country-selection__countries-list {
    transform: translateX(30px);
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
  }
  .country-selection__countries-list--active {
    transform: translateX(0);
    transition: transform .3s .6s ease, opacity .3s .6s ease, visibility .3s .6s ease;
  }
}
.neditor {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 26px;
  color: rgba(34, 38, 41, 0.8);
}
body.new-vmf .neditor {
  color: rgba(255, 255, 255, 0.6);
}
.neditor.big-italic p {
  font-family: "opensans-semibold";
  padding: 40px;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
  font-style: italic;
  color: rgba(34, 38, 41, 0.6);
}
body.new-vmf .neditor.big-italic p {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 767px) {
  .neditor.big-italic p {
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
  }
}
.neditor h1,
.neditor h2,
.neditor h3,
.neditor h4,
.neditor h5,
.neditor h6 {
  font-family: "opensans-bold";
  margin-bottom: 10px;
}
body.new-vmf .neditor h1,
body.new-vmf .neditor h2,
body.new-vmf .neditor h3,
body.new-vmf .neditor h4,
body.new-vmf .neditor h5,
body.new-vmf .neditor h6 {
  color: white;
}
.neditor h1 {
  font-size: 20px;
}
.neditor h2 {
  font-size: 18px;
}
.neditor h3 {
  font-size: 16px;
}
.neditor p {
  margin-bottom: 20px;
}
.neditor p,
.neditor a {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 26px;
  color: rgba(34, 38, 41, 0.8);
}
body.new-vmf .neditor p,
body.new-vmf .neditor a {
  color: rgba(255, 255, 255, 0.6);
}
.neditor a {
  text-decoration: underline;
}
.neditor a:hover {
  text-decoration: none;
}
.neditor ol,
.neditor ul {
  margin-bottom: 20px;
}
.neditor ol li,
.neditor ul li {
  position: relative;
  padding-left: 18px;
}
.neditor ol li:before,
.neditor ul li:before {
  position: absolute;
  left: 0;
  content: "";
}
.neditor ul li:before {
  width: 8px;
  height: 12px;
  top: 7px;
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-purple-right.svg') center center / 100% no-repeat;
}
.neditor ol {
  counter-reset: li-counter;
}
.neditor ol li:before {
  font-family: "opensans-bold";
  color: #6f1b74;
  content: counter(li-counter);
  counter-increment: li-counter;
}
.nform .wpcf7 .button {
  font-family: "opensans-bold" !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  height: 60px;
  background: #6f1b74;
  color: white;
  padding: 0 40px;
  transition: background .25s ease;
  border: 0;
  border-radius: 0;
}
.nform .wpcf7 .button:hover {
  background: #590f5e;
}
.nform .wpcf7 .button.green {
  background: #008525;
}
.nform .wpcf7 .button.green:hover {
  background: #00982a;
}
.nform .wpcf7 .button.normal-button {
  justify-content: flex-start;
  font-size: 14px;
  padding: 0 20px;
}
.nform .wpcf7 .button__chevron {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: -60px;
  width: 100%;
  max-width: 80px;
  height: 60px;
  background: #590f5e;
  transition: transform .25s ease;
  z-index: -1;
}
.nform .wpcf7 .button__chevron > svg {
  transform: rotate(-90deg) translateY(10px);
}
.nform .wpcf7 .button__chevron:after {
  position: absolute;
  top: 0;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 28px solid #590f5e;
  border-bottom: 30px solid transparent;
  content: "";
}
.nform .wpcf7 .button--with-chevron {
  display: inline-flex;
  align-items: center;
  font-size: 16px !important;
  color: white !important;
  text-decoration: none !important;
}
.nform .wpcf7 .button--with-chevron:hover .nbutton__chevron {
  transform: translateX(20px);
}
.nform .wpcf7 .button--contact {
  display: inline-flex;
  margin-bottom: 20px;
  color: white !important;
  text-decoration: none !important;
  font-size: 16px;
  line-height: 18px;
  padding-left: 70px;
}
.nform .wpcf7 .button--contact:before {
  position: absolute;
  left: 30px;
  font-size: 25px;
}
.nform .wpcf7 .button--mail:before {
  font-size: 18px;
}
.nform .wpcf7 .button--in-editor {
  display: inline-flex;
  color: white !important;
  text-decoration: none !important;
}
.nform .wpcf7 .button--in-editor:after {
  position: absolute;
  top: 0;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 28px solid #6f1b74;
  border-bottom: 30px solid transparent;
  transition: border .25s ease;
  content: "";
}
.nform .wpcf7 .button--in-editor:hover:after {
  border-left: 28px solid #590f5e;
}
@media only screen and (max-width: 480px) {
  .nform .wpcf7 .button {
    padding: 0 20px;
  }
  .nform .wpcf7 .button--contact {
    padding-left: 60px;
  }
  .nform .wpcf7 .button--contact:before {
    left: 20px;
  }
}
.nform .wpcf7 input,
.nform .wpcf7 textarea,
.nform .wpcf7 select {
  font-size: 13px;
}
body.new-vmf .nform .wpcf7 input,
body.new-vmf .nform .wpcf7 textarea,
body.new-vmf .nform .wpcf7 select {
  background: black;
  color: white;
  border: 1px solid black;
}
.popular-products {
  margin-top: 20px;
}
.popular-products,
.nproducts {
  background: white;
  padding: 95px 0 5px 0;
}
.popular-products__title,
.nproducts__title {
  font-family: "opensans-extrabold";
  font-size: 30px;
  color: #222629;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.popular-products__intro,
.nproducts__intro {
  max-width: 830px;
  margin-bottom: 40px;
}
body.new-vmf .popular-products,
body.new-vmf .nproducts {
  background: #1f1f1f;
}
@media only screen and (max-width: 1024px) {
  .popular-products,
  .nproducts {
    padding: 55px 0 35px;
  }
}
@media only screen and (max-width: 640px) {
  .popular-products,
  .nproducts {
    padding: 25px 0 0;
  }
}
.popular-product,
.nproduct {
  margin-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .popular-product,
  .nproduct {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .popular-product,
  .nproduct {
    margin-bottom: 20px;
  }
}
.popular-product__inner,
.nproduct__inner {
  display: flex;
  flex-flow: column nowrap;
  background: #131313;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #343434;
  padding: 20px;
  height: 100%;
}
.popular-product__inner:hover .popular-product__anchor,
.nproduct__inner:hover .popular-product__anchor,
.popular-product__inner:hover .nproduct__anchor,
.nproduct__inner:hover .nproduct__anchor {
  max-width: 80px;
}
.popular-product__inner:hover .popular-product__image,
.nproduct__inner:hover .popular-product__image,
.popular-product__inner:hover .nproduct__image,
.nproduct__inner:hover .nproduct__image {
  border-color: #c5c5c5;
}
.popular-product__inner:hover .popular-product__image:hover img,
.nproduct__inner:hover .popular-product__image:hover img,
.popular-product__inner:hover .nproduct__image:hover img,
.nproduct__inner:hover .nproduct__image:hover img {
  transform: scale(1.1);
}
.popular-product__inner--is-image,
.nproduct__inner--is-image {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.popular-product__inner--is-image:after,
.nproduct__inner--is-image:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #6f1b74;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
  content: "";
}
.popular-product__inner--is-image:hover:after,
.nproduct__inner--is-image:hover:after {
  opacity: .3;
  visibility: visible;
}
.popular-product__image,
.nproduct__image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 30px;
  height: 300px;
  border: 1px solid #EBEBEB;
  margin: -20px -20px 20px -20px;
  transition: border .25s ease;
  overflow: hidden;
  border-radius: 4px 4px 0px 0px;
}
.page-template-page-products .popular-product__image,
.page-template-page-products .nproduct__image,
.archive .popular-product__image,
.archive .nproduct__image {
  height: 268.75px;
}
.page-template-page-products .popular-product__image img,
.page-template-page-products .nproduct__image img,
.archive .popular-product__image img,
.archive .nproduct__image img {
  max-height: 160px;
}
body.new-vmf .popular-product__image,
body.new-vmf .nproduct__image {
  background: #f1f1f1;
  background: white;
  border: 0;
}
.popular-product__img,
.nproduct__img {
  max-width: calc(100% - 30px);
  max-height: 230px;
  transition: .3s ease;
  /*
		max-width: none;
	    max-height: none;
	    object-fit: cover;
	    width: 100%;
	    height: 100%;
	    filter: grayscale(100%);
*/
}
.popular-product__anchor,
.nproduct__anchor {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 60px;
  height: 60px;
  background: #6f1b74;
  transition: max-width 0.25s ease;
}
.popular-product__anchor > svg,
.nproduct__anchor > svg {
  transform: rotate(-90deg);
}
.popular-product__anchor:after,
.nproduct__anchor:after {
  position: absolute;
  top: 0;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-left: 28px solid #6f1b74;
  border-bottom: 30px solid transparent;
  content: "";
}
.popular-product__name,
.nproduct__name {
  color: #222629;
  line-height: 20px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
body.new-vmf .popular-product__name,
body.new-vmf .nproduct__name {
  color: #f1f1f1;
}
.popular-product__description,
.nproduct__description {
  color: #222629;
  font-size: 14px;
  line-height: 26px;
}
body.new-vmf .popular-product__description,
body.new-vmf .nproduct__description {
  color: #f1f1f1;
}
body.new-vmf .popular-product--download .nproduct__image,
body.new-vmf .nproduct--download .nproduct__image {
  height: 250px;
  background: #000000 url('/wp-content/themes/vmfencingsystems/static/images/pdf-file.svg') center center / 50px no-repeat;
}
@media only screen and (max-width: 1280px) {
  .popular-product__image,
  .nproduct__image {
    height: 300px;
  }
}
@media only screen and (max-width: 640px) {
  .popular-product__image,
  .nproduct__image {
    margin-bottom: 20px;
  }
}
.cta-section {
  padding: 0 0 56px 0;
  background: white;
}
body.new-vmf .cta-section {
  background: #1f1f1f;
}
.cta__inner {
  display: flex;
  height: 680px;
}
.cta__left {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 47.2222%;
  height: 100%;
  background: #6f1b74;
  z-index: 2;
  padding: 40px;
}
.cta__left:after {
  position: absolute;
  top: 0;
  right: -306px;
  width: 0;
  height: 0;
  border-top: 340px solid transparent;
  border-left: 306px solid #6f1b74;
  border-bottom: 340px solid transparent;
  content: "";
}
.cta__title {
  font-family: "opensans-extrabold";
  font-size: 45px;
  line-height: 48px;
  color: white;
  text-transform: uppercase;
}
.cta__subtitle {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 18px;
  max-width: 380px;
}
.cta__buttons {
  margin-top: 37px;
  display: flex;
}
.cta__button {
  margin-right: 20px;
}
.cta__right {
  position: relative;
  display: flex;
  width: 52.7777%;
  height: 100%;
}
.cta__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1024px) {
  .cta__inner {
    height: 450px;
  }
  .cta__left {
    padding-right: 0;
  }
  .cta__left:after {
    right: -202px;
    border-top: 225px solid transparent;
    border-left: 202px solid #6f1b74;
    border-bottom: 225px solid transparent;
  }
  .cta__title {
    font-size: 36px;
    line-height: 39px;
  }
}
@media only screen and (max-width: 900px) {
  .cta__buttons {
    flex-flow: column nowrap;
  }
  .cta__buttons a {
    margin-right: 0;
  }
  .cta__buttons a:last-of-type {
    margin-top: 10px;
    background: #590f5e;
  }
}
@media only screen and (max-width: 768px) {
  .cta__left {
    width: 55%;
    padding: 20px 0 20px 20px;
  }
  .cta__title {
    font-size: 28px;
    line-height: 30px;
  }
  .cta__right {
    width: 45%;
  }
}
@media only screen and (max-width: 640px) {
  .cta__inner {
    flex-flow: column nowrap;
  }
  .cta__title {
    font-size: 24px;
    line-height: 26px;
  }
  .cta__subtitle {
    margin-top: 10px;
  }
  .cta__buttons {
    margin-top: 20px;
  }
  .cta__left {
    width: 100%;
    padding: 20px;
    order: 2;
    align-items: stretch;
    flex: 0 1 auto;
  }
  .cta__left:after {
    display: none;
  }
  .cta__left-content {
    display: flex;
    flex-flow: column nowrap;
  }
  .cta__right {
    order: 1;
    width: 100%;
    flex: 0 0 auto;
    height: 200px;
  }
  .cta__image {
    height: 200px;
  }
}
.footer-2019 {
  background: #222629;
  background: black;
  padding: 96px 0;
  margin-top: 40px;
  z-index: 801;
}
@media only screen and (max-width: 1024px) {
  .footer-2019 {
    padding: 46px 0;
  }
}
@media only screen and (max-width: 1000px) {
  .footer-2019 {
    border-bottom: 1px solid black;
  }
}
.footer--no-margin {
  margin-top: 0;
}
.logos-footer.logos-footer-2019 {
  display: inline-flex;
  width: 100%;
  margin: 0;
  margin-top: 0px;
  padding: 40px 0;
  background: white;
}
.logos-footer.logos-footer-2019 .container .logo-footer {
  display: flex;
  justify-content: center;
}
.logos-footer.logos-footer-2019 .container .logo-footer img {
  filter: grayscale(100%);
  opacity: .6;
  max-height: 64px;
  max-width: 215px;
  align-self: center;
}
body.new-vmf .logos-footer.logos-footer-2019 {
  background: #1f1f1f;
}
@media only screen and (max-width: 1024px) {
  .logos-footer.logos-footer-2019 {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .logos-footer.logos-footer-2019 {
    margin-top: 0;
    padding: 0;
  }
  .logos-footer.logos-footer-2019 .container .logo-footer {
    margin-bottom: 30px;
  }
  .logos-footer.logos-footer-2019 .container .logo-footer:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 640px) {
  .logos-footer.logos-footer-2019 {
    margin-top: 30px;
  }
}
.footer .icon-container {
  display: flex;
  margin-top: 8px;
  gap: 10px;
}
.footer .facebook-icon {
  background-image: url("/wp-content/themes/vmfencingsystems/static/images/facebook-light-dark.svg");
}
.footer .instagram-icon {
  background-image: url("/wp-content/themes/vmfencingsystems/static/images/instagram-light-dark.svg");
}
.footer .linkedin-icon {
  background-image: url("/wp-content/themes/vmfencingsystems/static/images/linkedin-light-dark.svg");
}
.footer .facebook-icon,
.footer .instagram-icon,
.footer .linkedin-icon {
  height: 34px;
  width: 34px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: .25s ease;
}
.footer .facebook-icon:hover,
.footer .instagram-icon:hover,
.footer .linkedin-icon:hover {
  filter: brightness(1.4);
}
.footer__nav-container {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.footer__nav-container > ul {
  display: flex;
}
.footer__nav-container li:last-of-type a {
  margin-right: 0;
}
.footer__nav-container a {
  font-family: "opensans-bold";
  font-size: 16px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  margin-right: 40px;
  transition: color .25s ease;
}
.footer__nav-container a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.footer__logo {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 75px;
}
.footer__logo:before,
.footer__logo:after {
  position: absolute;
  left: 0;
  top: 19px;
  width: calc(50% - 56px);
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
  content: "";
}
.footer__logo:after {
  left: auto;
  right: 0;
}
.footer__logo-center {
  position: relative;
  display: flex;
  justify-content: center;
  width: 112px;
  height: 38px;
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
@media only screen and (max-width: 1200px) {
  .footer__bottom {
    flex-flow: column;
  }
}
.footer__bottom-left {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.footer__bottom-left h3 {
  color: #FFF;
  margin-bottom: 6px;
  font-size: 14px;
}
.footer__site-name {
  font-family: "opensans-bold";
  font-size: 16px;
  line-height: 24px;
  color: white;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
  .footer__site-name {
    margin-bottom: 30px;
  }
}
.footer__contact-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .footer__contact-info {
    justify-content: unset;
  }
}
@media only screen and (max-width: 768px) {
  .footer__contact-info {
    flex-flow: wrap;
    gap: 20px;
  }
}
.footer__contact-info-left {
  display: flex;
  flex-flow: column nowrap;
  margin-right: 70px;
}
@media only screen and (max-width: 768px) {
  .footer__contact-info-left {
    margin-right: 0;
    width: 100%;
  }
}
.footer__contact-info-left > p {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
}
.footer__contact-info-left > a {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
  transition: color .25s ease;
}
.footer__contact-info-left > a:hover {
  color: white;
}
.footer .created-by {
  margin-top: 5px;
}
.footer__contact-info-right {
  display: flex;
  flex-flow: column nowrap;
}
.footer__contact-info-right > a {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
  transition: color .25s ease;
}
.footer__contact-info-right > a:hover {
  color: white;
}
.footer__bottom-right {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
  .footer__bottom-right {
    align-items: center;
    margin-top: 40px;
  }
}
.footer__bottom-right p,
.footer__bottom-right a {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.3);
}
.footer__bottom-right a {
  transition: color .25s ease;
}
.footer__bottom-right a:hover {
  color: white;
}
@media only screen and (max-width: 1024px) {
  .footer__nav-container {
    margin-bottom: 30px;
  }
  .footer__logo {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__bottom {
    flex-flow: column nowrap;
  }
  .footer__bottom-right {
    align-items: flex-start;
    margin-top: 30px;
  }
  .footer__nav-container {
    margin-bottom: 10px;
  }
  .footer__nav-container > ul {
    flex-flow: row wrap;
  }
  .footer__nav-container > ul > li {
    text-align: center;
    width: 50%;
    flex-basis: 50%;
    margin-bottom: 20px;
  }
  .footer__nav-container a {
    margin-right: 0;
  }
}
.nsproduct {
  padding: 40px 0 0 0;
}
.nsproduct__nav {
  font-family: "opensans-regular";
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: rgba(34, 38, 41, 0.6);
  transition: color .25s ease;
  padding-left: 15px;
}
body.new-vmf .nsproduct__nav {
  color: #a5a5a5;
}
body.new-vmf .nsproduct__nav:hover {
  color: white;
}
body.new-vmf .nsproduct__nav:before {
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-left-white.svg') center center / 100% no-repeat;
}
.nsproduct__nav:hover {
  color: #222629;
}
.nsproduct__nav:before {
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 10px;
  background: url('/wp-content/themes/vmfencingsystems/static/images/chevron-left-grey.svg') center center / 100% no-repeat;
  content: "";
}
.nsproduct__nav > span {
  text-transform: uppercase;
}
.nsproduct__image-container {
  padding-right: 0px;
  height: 100%;
}
.nsproduct__image-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  min-height: 580px;
  border-radius: 4px;
  border: 0;
  background: white;
  height: 100%;
}
.nsproduct__image-link:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #6f1b74;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
  content: "";
}
.nsproduct__image-link:hover:after {
  opacity: .3;
  visibility: visible;
}
.nsproduct__image {
  max-width: 100%;
}
.nsproduct__basic-info {
  background: #131313;
  border: 1px solid #343434;
  padding: 30px;
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-flow: column;
}
@media only screen and (max-width: 768px) {
  .nsproduct__basic-info {
    height: unset;
  }
}
.nsproduct__title {
  display: flex;
  flex-flow: column nowrap;
  font-family: "opensans-extrabold";
  font-weight: 800 !important;
  font-size: 40px !important;
  line-height: 48px;
  color: #222629;
  text-transform: uppercase;
  margin-bottom: 24px !important;
}
body.new-vmf .nsproduct__title {
  color: white;
}
.nsproduct__large {
  margin-bottom: 6px;
}
.nsproduct__sub {
  font-family: "opensans-semibold";
  font-size: 14px;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(34, 38, 41, 0.6);
}
body.new-vmf .nsproduct__sub {
  color: #a1a1a1;
}
.nsproduct__security-container {
  display: inline-flex;
  padding: 18px 25px;
  background: #F1F1F1;
  margin-bottom: 32px;
}
body.new-vmf .nsproduct__security-container {
  background: black;
}
.nsproduct__sec-g path.active {
  fill: #6F1B74;
  opacity: 1;
}
body.new-vmf .nsproduct__sec-g path.active {
  fill: white;
}
.nsproduct__downloads {
  display: flex;
  flex-flow: column nowrap;
  align-items: baseline;
}
.nsproduct__downloads a {
  margin-bottom: 16px;
  min-width: 230px;
}
.nsproduct__security-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding-left: 17px;
}
.nsproduct__security-content p {
  font-family: "opensans-bold";
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #6f1b74;
  margin: 0 !important;
}
body.new-vmf .nsproduct__security-content p {
  color: white;
}
.nsproduct__security-content p.nsproduct__security-note {
  font-family: "opensans-semibold";
  font-size: 12px;
  line-height: 14p;
  margin-top: 8px !important;
  color: rgba(34, 38, 41, 0.6);
  text-transform: none;
}
body.new-vmf .nsproduct__security-content p.nsproduct__security-note {
  color: rgba(255, 255, 255, 0.6);
}
.nsproduct__security-svg {
  position: relative;
  width: 52px;
  height: 45px;
}
.nsproduct__security-nr {
  font-family: "opensans-extrabold";
  font-size: 14px !important;
  line-height: 1 !important;
  color: #6f1b74 !important;
  position: absolute;
  bottom: 12px;
  margin-bottom: 0 !important;
  left: 50%;
  transform: translateX(-50%);
}
body.new-vmf .nsproduct__security-nr {
  color: white !important;
}
.nsproduct__short-desc {
  margin-bottom: 32px;
}
.nsproduct__short-desc p {
  color: rgba(34, 38, 41, 0.8);
  margin-bottom: 0;
}
body.new-vmf .nsproduct__short-desc p {
  color: rgba(255, 255, 255, 0.6);
}
.nsproduct__short-desc p:nth-child(2) {
  margin-top: 14px;
}
.nsproduct__applications {
  display: flex;
  flex-flow: row wrap;
  max-width: 550px;
  margin-bottom: 32px !important;
}
body.new-vmf .nsproduct__applications-title {
  color: white;
}
.nsproduct__application {
  width: 50%;
  padding-right: 18px;
}
body.new-vmf .nsproduct__application {
  color: rgba(255, 255, 255, 0.6);
}
.nsproduct__show-form {
  margin-top: 16px;
}
.nsproduct__tabs {
  background: white;
}
body.new-vmf .nsproduct__tabs {
  background: #1f1f1f;
}
.nsproduct__tab-buttons {
  display: flex;
  flex-flow: row nowrap;
}
.nsproduct__tab-button {
  font-family: "opensans-semibold";
  font-size: 13px;
  line-height: 28px;
  color: rgba(34, 38, 41, 0.6);
  text-transform: uppercase;
  height: 56px;
  padding: 0 32px;
  border: 0;
  transition: color .25s ease, background .25s ease;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  white-space: nowrap;
}
body.new-vmf .nsproduct__tab-button {
  background: #171717;
  color: rgba(255, 255, 255, 0.6);
}
body.new-vmf .nsproduct__tab-button:hover {
  color: white;
}
body.new-vmf .nsproduct__tab-button--active {
  background: black;
  color: white;
}
.nsproduct__tab-button:hover {
  color: #6f1b74;
}
.nsproduct__tab-button--active {
  font-family: "opensans-bold";
  background: #f6f6f6;
  color: #6f1b74;
}
.nsproduct__tab-content-wrapper {
  background: #f6f6f6;
}
body.new-vmf .nsproduct__tab-content-wrapper {
  background: black;
}
.nsproduct__tab-content-container {
  position: relative;
  min-height: 300px;
  transition: all .4s ease;
}
.nsproduct__tab-content {
  position: absolute;
  top: 88px;
  left: 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}
.nsproduct__tab-content--active {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s .2s ease, visibility .25s .2s ease;
}
.nsproduct__tab-content-left,
.nsproduct__tab-content-right {
  flex-shrink: 0;
  flex-basis: 50%;
}
.nsproduct__tab-content-left {
  padding-right: 30px;
}
.nsproduct__tab-content-right {
  padding-left: 30px;
}
.nsproduct__related-title {
  display: flex;
  justify-content: center;
}
.nsproduct__related-title h2 {
  font-family: "opensans-extrabold";
  font-size: 32px;
  line-height: 1;
  color: #222629;
  text-transform: uppercase;
  margin-bottom: 48px;
}
body.new-vmf .nsproduct__related-title h2 {
  color: white;
}
.nsproduct__wp-content {
  max-width: 830px;
}
.nsproduct__gal-image {
  position: relative;
  display: flex;
  width: 100%;
  height: 395px;
  overflow: hidden;
  margin-bottom: 40px;
}
.nsproduct__gal-image:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #6f1b74;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
  content: "";
}
.nsproduct__gal-image:hover:after {
  opacity: .3;
  visibility: visible;
}
.nsproduct__gal-image--video {
  background-color: white;
}
.nsproduct__gal-image--video:before {
  top: calc(50% - 25px);
  left: calc(50% - 20px);
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 40px;
  border-color: transparent transparent transparent #6f1b74;
  opacity: 1;
  content: "";
  z-index: 10;
}
.nsproduct__gal-img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.nsproduct__gal-img--video {
  max-width: 80%;
  max-height: 80%;
  min-width: 80%;
  min-height: 0;
  opacity: .7;
}
.nsproduct--tabs,
.nsproduct--gallery {
  padding: 0 0 0 0;
  margin-top: 100px;
  background: #f6f6f6;
}
body.new-vmf .nsproduct--tabs,
body.new-vmf .nsproduct--gallery {
  background: black;
}
.nsproduct--gallery {
  padding: 90px 0;
}
.nsproduct--tabs-wp-content {
  padding: 90px 0;
}
.nsproduct--related {
  padding: 100px 0 40px;
}
@media only screen and (max-width: 1400px) {
  .nsproduct {
    margin-top: 60px;
  }
  .nsproduct--gallery,
  .nsproduct--related,
  .nsproduct--tabs {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nsproduct__title {
    font-size: 32px !important;
    line-height: 40px;
  }
  .nsproduct__tab-content {
    top: 44px;
  }
  .nsproduct--gallery,
  .nsproduct--related {
    margin-top: 0;
    padding: 60px 0 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .nsproduct {
    margin-top: 0;
  }
  .nsproduct--tabs {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 900px) {
  .nsproduct__tab-content-wrapper {
    background: none;
  }
  .nsproduct__tab-content-container {
    background: #f6f6f6;
  }
  .nsproduct__tab-buttons {
    flex-flow: row wrap;
  }
  .nsproduct__tab-button {
    border: 1px solid #f6f6f6;
    width: 50%;
    flex-basis: 50%;
    padding: 0 15px;
  }
  .nsproduct__tab-content {
    padding: 0 20px;
  }
  .nsproduct--tabs {
    background: none;
  }
}
@media only screen and (max-width: 768px) {
  .nsproduct__image-container {
    padding-right: 0;
  }
  .nsproduct__basic-info {
    padding: 20px;
    margin: 20px 0 20px 0;
  }
}
@media only screen and (max-width: 640px) {
  .nsproduct__basic-info {
    padding: 10px;
  }
  .nsproduct__nav {
    margin-bottom: 20px;
  }
  .nsproduct__image-link {
    padding: 20px;
    min-height: 400px;
  }
  .nsproduct__title {
    font-size: 24px !important;
    line-height: 32px;
  }
  .nsproduct__security-container {
    padding: 18px;
  }
  .nsproduct__tab-button {
    font-size: 11px;
    line-height: 14px;
    white-space: normal;
    padding: 0 8px;
  }
  .nsproduct--tabs {
    margin-top: 10px;
  }
  .nsproduct--tabs-wp-content {
    padding: 40px 0 0 0;
  }
  .nsproduct__tab-content {
    flex-flow: column nowrap;
    top: 30px;
  }
  .nsproduct__tab-content-left {
    padding-right: 0;
  }
  .nsproduct__tab-content-right {
    padding-left: 0;
  }
  .nsproduct__related-title {
    justify-content: flex-start;
  }
  .nsproduct__related-title h2 {
    font-size: 22px;
    margin-bottom: 32px;
  }
  .nsproduct__gal-image {
    height: 250px;
  }
  .nsproduct--first {
    padding-top: 20px;
  }
  .nsproduct--gallery,
  .nsproduct--related {
    padding: 40px 0 0 0;
  }
}
@media only screen and (max-width: 420px) {
  .nsproduct__image-link {
    min-height: 250px;
  }
}
.ncontent h1,
.ncontent h2,
.ncontent h3,
.ncontent h4,
.ncontent h5,
.ncontent h6 {
  color: #6f1b74;
}
body.new-vmf .ncontent h1,
body.new-vmf .ncontent h2,
body.new-vmf .ncontent h3,
body.new-vmf .ncontent h4,
body.new-vmf .ncontent h5,
body.new-vmf .ncontent h6 {
  color: white;
}
.ncontent__block-title {
  font-size: 20px !important;
  padding: 30px 40px !important;
  color: #6f1b74 !important;
}
body.new-vmf .ncontent__block-title {
  color: white !important;
}
.ncontent__block-list li a {
  color: #222629 !important;
  padding-left: 80px !important;
}
.ncontent__block-list li a:hover {
  color: #6f1b74 !important;
}
.ncontent__block-list li a:before {
  display: none;
}
.ncontent__block-list li a:after {
  position: absolute;
  left: 40px;
  top: 20px;
  width: 19px;
  height: 21px;
  background: url('/wp-content/themes/vmfencingsystems/static/images/pdf-file.svg') center center / 100% no-repeat;
  content: "";
}
body.new-vmf .ncontent__block-list li {
  border-top: 1px solid #1f1f1f;
}
body.new-vmf .ncontent__block-list li a {
  color: rgba(255, 255, 255, 0.6) !important;
}
body.new-vmf .ncontent__block-list li a:hover {
  color: white !important;
}
.ncontent__buttons-wrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: baseline;
}
.ncontent__locations {
  display: flex;
}
.ncontent__location {
  flex-shrink: 0;
  flex-basis: 50%;
}
.ncontent__inside {
  background: none !important;
}
.ncontent__row {
  margin-left: 0;
  margin-right: 0;
}
.ncontent__row h3 {
  background: #e9e9e9 !important;
  color: #6f1b74 !important;
}
body.new-vmf .ncontent__row h3 {
  background: #171717 !important;
  color: white !important;
}
@media only screen and (max-width: 640px) {
  .ncontent__block-title {
    padding: 20px !important;
  }
  .ncontent__block-list li a {
    padding: 15px 20px !important;
    padding-left: 60px !important;
  }
  .ncontent__block-list li a:after {
    left: 20px;
    top: 16px;
  }
}
.ncontent--page {
  padding: 7rem 0;
}
.ncontent--page h1,
.ncontent--page h2,
.ncontent--page h3,
.ncontent--page h4,
.ncontent--page h5,
.ncontent--page h6 {
  margin-bottom: 2.4rem;
}
.ncontent__block .ncontent__inner {
  border-top: 0;
  border-bottom: 0;
  background: #f6f6f6;
  padding-bottom: 10px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
body.new-vmf .ncontent__block .ncontent__inner {
  background: black;
}
.triggers-2019 .trigger-wrapper {
  border-color: #6f1b74;
  border-radius: 0;
}
.triggers-2019 .trigger-wrapper a {
  transition: color .4s ease;
}
.triggers-2019 .trigger-wrapper a:before {
  background: #6f1b74;
}
.triggers-2019 .trigger-wrapper a.active {
  color: white;
}
body.new-vmf .triggers-2019 a {
  color: rgba(255, 255, 255, 0.6);
}
body.new-vmf .triggers-2019 a.active {
  color: white;
}
.popup-container.popup-container-2019 {
  border-top: 0;
}
.popup-container.popup-container-2019 .close:before,
.popup-container.popup-container-2019 .close:after {
  background: #6f1b74;
}
.ncontact {
  padding: 90px 0 0 0;
}
@media only screen and (max-width: 640px) {
  .ncontact {
    padding: 30px 0 0 0;
  }
}
.ncontact-block {
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ncontact-block:nth-child(3),
.ncontact-block:nth-child(4) {
  margin-bottom: 0px;
}
.ncontact-block__inner {
  display: flex;
  height: 100%;
}
.ncontact-block__left,
.ncontact-block__right {
  display: flex;
  flex-flow: column nowrap;
}
.ncontact-block__left {
  padding-right: 12px;
  width: 50%;
}
.ncontact-block__right {
  width: 50%;
  padding: 16px;
  background: black;
}
.ncontact-block__location {
  color: white;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 24px;
  min-height: 40px;
}
.ncontact-block__address {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 48px;
}
.ncontact-block__buttons {
  display: flex;
  flex-flow: column nowrap;
  margin-top: auto;
}
.ncontact-block__button {
  font-size: 13px;
  height: 50px;
  line-height: 26px;
  text-align: center;
  padding: 0 15px 0 35px;
  white-space: nowrap;
}
.ncontact-block__button:before {
  left: 15px;
}
.ncontact-block__button:last-of-type {
  margin-bottom: 0;
}
.ncontact-block__button.nbutton--phone:before {
  left: 12px;
}
.ncontact-block__title {
  color: white;
  line-height: 1.5;
  margin-bottom: 21px;
}
.ncontact-block__person {
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ncontact-block__person:last-of-type {
  margin-bottom: 0;
  border-bottom: 0;
}
.ncontact-block__name,
.ncontact-block__function {
  color: white;
  line-height: 1.5;
  font-size: 14px;
}
.ncontact-block__name {
  font-weight: 700;
}
.ncontact-block__function {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 12px;
  font-size: 14px;
}
.ncontact-block__email,
.ncontact-block__phone {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  line-height: 1.5;
}
.ncontact-block__email:hover,
.ncontact-block__phone:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1200px) {
  .ncontact-block__inner {
    flex-flow: column;
  }
  .ncontact-block__left {
    padding-right: 0px;
    width: 100%;
  }
  .ncontact-block__right {
    width: 100%;
    height: 100%;
  }
  .ncontact-block__location {
    min-height: 35px;
  }
  .ncontact-block__address {
    min-height: 62px;
  }
  .ncontact-block__buttons {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 895px) {
  .ncontact-block__location {
    min-height: 55px;
  }
}
@media only screen and (max-width: 768px) {
  .ncontact-block:nth-child(3),
  .ncontact-block:nth-child(4) {
    margin-bottom: 50px;
  }
  .ncontact-block__location {
    min-height: 35px;
  }
  .ncontact-block__inner {
    flex-flow: unset;
  }
  .ncontact-block__left {
    width: 50%;
    padding-right: 12px;
  }
  .ncontact-block__right {
    width: 50%;
  }
  .ncontact-block__buttons {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 640px) {
  .ncontact-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .ncontact-block:nth-child(3),
  .ncontact-block:nth-child(4) {
    margin-bottom: 20px;
  }
  .ncontact-block__inner {
    flex-flow: column nowrap;
  }
  .ncontact-block__left,
  .ncontact-block__right {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .ncontact-block__right {
    margin-top: 20px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .ncontact-block__address {
    margin-bottom: 20px;
  }
  .ncontact-block__location {
    min-height: 0;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 1330px) {
  body.new-vmf .nheader__logo {
    width: 200px;
    height: 60px;
    background: url('/wp-content/themes/vmfencingsystems/static/images/VMFencingSystems_WHITE.png') top left / 200px no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media only screen and (max-width: 1292px) {
  body.new-vmf .nheader__logo {
    width: 160px;
    height: 60px;
    background: url('/wp-content/themes/vmfencingsystems/static/images/VMFencingSystems_WHITE.png') top left / 160px no-repeat;
    background-size: contain;
    background-position: center;
  }
  .nheader__main-nav .menu-item a {
    padding: 0 18px;
  }
  .nheader__main-nav .menu-item:last-child {
    margin-left: 15px;
  }
  .nheader__main-nav .menu-item:last-child a {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .nheader__main-nav .menu-item a {
    height: 54px;
  }
  .nheader__main-nav .menu-item:last-child {
    margin-left: 0px;
    padding: 20px 20px 0 20px;
  }
}
@media only screen and (max-width: 1280px) {
  body.home .nheader-image {
    height: 486px;
  }
}
@media only screen and (max-width: 1024px) {
  body.home .nheader-image {
    height: 300px;
  }
}
@media only screen and (max-width: 782px) {
  video.nheader-image__bg {
    object-fit: cover;
  }
}
/******--------****--------******\
 * Section: Navigation
\******---------**---------******/
@media only screen and (max-width: 782px) {
  .nheader__main-nav .current-menu-item {
    color: #000;
  }
}
/* --------------------
Introduction Block
-------------------- */
.section__mobile-only {
  margin-bottom: -45px;
  position: relative;
  z-index: 899;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 1050px) {
  .section__mobile-only {
    margin-bottom: 0px;
  }
}
.section__mobile-only .col-middle {
  flex: 0 0 45%;
  margin: 0 auto;
  margin-top: 45px;
  position: relative;
  border: 1px solid #3b3b3b;
  padding: 20px;
}
@media only screen and (max-width: 1200px) {
  .section__mobile-only .col-middle {
    flex: 0 0 90%;
    margin: 50px auto 0px auto;
  }
}
@media only screen and (max-width: 1050px) {
  .section__mobile-only .col-middle {
    flex: 0 0 90%;
    margin: 75px auto 0px auto;
  }
}
@media only screen and (max-width: 1025px) {
  .section__mobile-only .col-middle {
    margin: 55px auto 0px auto;
  }
}
@media only screen and (max-width: 640px) {
  .section__mobile-only .col-middle {
    flex: unset;
    width: 100%;
    margin: 25px 20px 0px 20px;
  }
}
.section__mobile-only .col-middle p {
  color: #FFFFFF;
}
.section__mobile-only .col-middle h3 {
  color: #FFFFFF;
  width: 90%;
  line-height: 26px;
}
.msg-container {
  position: relative;
}
.col-middle-header {
  position: absolute;
  background: #0000008a;
  padding: 20px;
  width: 420px;
  right: 20px;
  top: 200px;
  z-index: 900;
}
@media only screen and (max-width: 1050px) {
  .col-middle-header {
    display: none;
  }
}
.col-middle-header p {
  color: #FFFFFF;
}
.col-middle-header h3 {
  margin-bottom: 0.7rem;
  color: #FFFFFF;
  width: 90%;
  line-height: 22px;
}
.col-middle-header .close-window {
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 20px;
  font-size: 30px;
  transition: .3s ease;
}
.col-middle-header .close-window:hover {
  color: #FFFFFF;
}
@media only screen and (max-width: 1000px) {
  .col-middle,
  .col-middle-header {
    flex: unset;
    margin: 45px 20px 0px 20px;
  }
}
@media only screen and (max-width: 768px) {
  span.nheader__nav-trigger {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .col-middle,
  .col-middle-header {
    flex: unset;
    margin: 30px 20px 0px 20px;
  }
}
/******--------****--------******\
 * Section: 404 Errors
\******---------**---------******/
.error404 h3 {
  margin-bottom: 30px;
  padding: 0 20px;
  margin-left: -20px;
  font-size: 16px;
  color: #FFF;
}
/******--------****--------******\
 * Section: Animations
\******---------**---------******/
/******-----Animations-----******\
 * slide-in-left-1
\******---------**---------******/
.slide-in-left-1 {
  animation: slide-in-left-1 0.6s ease both;
}
@keyframes slide-in-left-1 {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/******-----Animations-----******\
 * slide-in-left-2
\******---------**---------******/
.slide-in-left-2 {
  opacity: 0;
  animation: slide-in-left-2 0.6s ease both 0.25s;
}
@keyframes slide-in-left-2 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/******-----Animations-----******\
 * slide-in-left-3
\******---------**---------******/
.slide-in-left-3 {
  opacity: 0;
  animation: slide-in-left-3 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;
}
@keyframes slide-in-left-3 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/******-----Animations-----******\
 * fade-in-bottom-scroll
\******---------**---------******/
.show,
.time-item {
  opacity: 0;
}
.fade-in-bottom-scroll {
  animation: fade-in-bottom-scroll 0.9s cubic-bezier(0.39, 0.575, 0.5649999999999999, 1) 0.65s both;
}
@keyframes fade-in-bottom-scroll {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/******-----Animations-----******\ 
 * fade-in-bottom
\******---------**---------******/
.fade-in-bottom {
  animation: fade-in-bottom 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s both;
  opacity: 0;
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/******-----Animations-----******\
 * fade-in
\******---------**---------******/
.fade-in {
  opacity: 0;
  animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.5649999999999999, 1) both;
}
@keyframes fade-in {
  100% {
    opacity: 1;
  }
}
.gradient-overlay {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.79877889) 40%, #6f1b74 130%);
  z-index: 10;
}
.header-content {
  z-index: 20;
}
.header-content .primary-title {
  margin: -12vh 0 0 0;
}
@media only screen and (max-width: 992px) {
  .header-content .primary-title {
    margin: -4vh 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .header-content .primary-title {
    margin: -8vh 0 0 0;
  }
}
.header-content .title-1,
.header-content .title-2 {
  display: block;
  font-family: 'opensans-bold';
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 64px;
  line-height: 64px;
}
@media only screen and (max-width: 768px) {
  .header-content .title-1,
  .header-content .title-2 {
    font-size: 42px;
    line-height: 42px;
  }
}
.header-content .title-2 {
  margin-top: -14px;
}
.header-content .title-dot {
  color: #6f1b74;
}
.header-content .subtitle {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 4px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-top: 10px;
  animation: fade 1s ease both 0.55s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.intro-msg {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #3b3b3b;
  padding: 20px;
  height: 100%;
  border-radius: 4px;
  background: #171717;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
@media only screen and (max-width: 540px) {
  .intro-msg {
    padding: 15px;
  }
}
.intro-msg .close-window {
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 20px;
  font-size: 30px;
  transition: .3s ease;
}
.intro-msg .close-window:hover {
  color: #FFFFFF;
}
.intro-msg p {
  color: #FFFFFF;
}
.intro-msg h3 {
  margin-bottom: 0rem;
  color: #b6b6b6;
  line-height: 24px;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  .intro-msg h3 {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 540px) {
  .intro-msg h3 {
    font-size: 10px;
    line-height: 16px;
  }
}
.start-section {
  padding: 0px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .start-section {
    padding: 20px 0 0 0;
    gap: 20px;
  }
}
.catalog-card {
  display: flex;
  align-items: center;
  padding: 20px;
  height: 100%;
  border-radius: 4px;
  transition: .3s ease;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  background: linear-gradient(145deg, #6f1b74 0%, #300c40 100%);
}
@media only screen and (max-width: 540px) {
  .catalog-card {
    padding: 15px;
  }
}
.catalog-card:hover {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 50px;
}
.catalog-card:hover .catalog-card--image {
  transform: translateX(160px) scale(1.1);
  filter: brightness(1.3);
}
@media only screen and (max-width: 1200px) {
  .catalog-card:hover .catalog-card--image {
    transform: translateX(135px) scale(1.1);
  }
}
@media only screen and (max-width: 992px) {
  .catalog-card:hover .catalog-card--image {
    transform: translateX(110px) scale(1);
  }
}
@media only screen and (max-width: 540px) {
  .catalog-card:hover .catalog-card--image {
    height: 96px;
    transform: translateX(100px) scale(1);
    bottom: 10px;
  }
}
.catalog-card--title {
  z-index: 1;
}
.catalog-card h3 {
  color: #FFFFFF;
  font-family: 'opensans-extrabold';
  font-size: 28px;
  line-height: 34px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: initial;
}
@media only screen and (max-width: 1200px) {
  .catalog-card h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 540px) {
  .catalog-card h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.catalog-card--image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  height: 130px;
  margin: 0 auto;
  width: fit-content;
  transform: translateX(160px) scale(1);
  transition: 0.35s ease;
}
@media only screen and (max-width: 1200px) {
  .catalog-card--image {
    transform: translateX(135px) scale(1);
  }
}
@media only screen and (max-width: 992px) {
  .catalog-card--image {
    transform: translateX(110px) scale(1);
  }
}
@media only screen and (max-width: 850px) {
  .catalog-card--image {
    position: relative;
    transform: unset;
    bottom: unset;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-card--image {
    position: absolute;
    bottom: 15px;
    transform: translateX(160px) scale(1);
  }
}
@media only screen and (max-width: 540px) {
  .catalog-card--image {
    height: 80px;
    transform: translateX(80px) scale(1);
    bottom: 10px;
  }
}
.catalog-card--image img {
  height: 100%;
  width: fit-content;
  object-fit: contain;
}
.catalog-card--year {
  margin-left: auto;
  z-index: 1;
}
.catalog-card--year p {
  font-family: 'opensans-extrabold';
  font-size: 42px;
  line-height: 36px;
  color: #FFFFFF;
  width: 50px;
  word-break: break-all;
}
@media only screen and (max-width: 992px) {
  .catalog-card--year p {
    font-size: 32px;
    line-height: 26px;
    width: 38px;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-card--year p {
    font-size: 42px;
    line-height: 36px;
    width: 50px;
  }
}
@media only screen and (max-width: 540px) {
  .catalog-card--year p {
    font-size: 28px;
    line-height: 24px;
    width: 33px;
  }
}
.background-image-mobile {
  display: none;
}
.background-image-mobile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 60%;
}
@media only screen and (max-width: 768px) {
  .background-image-mobile {
    display: flex;
    width: 100%;
    padding: 0 20px 40px 20px;
    max-height: 360px;
  }
}
.page-end {
  position: relative;
  float: left;
  width: calc(100% - 80px);
  margin: 40px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .page-end {
    margin: 0;
    width: 100%;
  }
}
.page-end.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}
.page-end .content-block {
  margin: 80px 0 80px 0;
  padding: 80px 40px 80px 40px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
@media only screen and (max-width: 768px) {
  .page-end .content-block {
    margin: 40px 0 20px 0;
    padding: 40px 20px 40px 20px;
  }
}
.page-end .content-block.gradient {
  background: linear-gradient(145deg, #6f1b74 50%, #300c40 140%);
}
@media only screen and (max-width: 992px) {
  .page-end .content-block.gradient {
    min-width: unset;
  }
}
.page-end .content-block .button2023 {
  font-family: "opensans-bold";
  font-size: 16px;
  line-height: 18px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding: 0 36px;
  width: fit-content;
  transition: background .25s ease, color .25s ease, border .25s ease;
}
@media only screen and (max-width: 768px) {
  .page-end .content-block .button2023 {
    width: 100%;
  }
}
.page-end .content-block .button2023.outline {
  background: #6f1b74;
  color: white;
  border: 1px solid #FFFFFF;
}
.page-end .content-block .button2023.outline:hover {
  background: #FFFFFF;
  color: #6f1b74;
}
.page-end .content-block .button2023.no-background {
  background: none;
  color: white;
}
.page-end .content-block .button2023.no-background:hover {
  background: #FFFFFF;
  color: #6f1b74;
}
.page-end .content-block h2 {
  font-family: 'opensans-extrabold';
  text-transform: uppercase;
  font-size: 40px;
}
@media only screen and (max-width: 1200px) {
  .page-end .content-block h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 450px) {
  .page-end .content-block h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.page-end .content-block h2.white {
  color: #ffffff;
}
.page-end .content-block h2.black {
  color: #000000;
}
.page-end .content-block--content {
  margin: 25px 0 0 0;
}
.page-end .content-block--content p {
  color: #FFFFFF;
  font-size: 14px;
  margin-bottom: 1.5rem;
}
.page-end .content-block .title-small {
  color: #ffffff;
  text-transform: none;
  font-size: 14px;
  line-height: 24px;
  margin: 40px 0 0 0;
  font-weight: initial;
  font-style: normal;
  font-family: 'opensans-bold';
}
@media only screen and (max-width: 768px) {
  .page-end .content-block .title-small {
    font-size: 14px;
    margin: 20px 0 0 0;
  }
}
.page-end .button-container-page-end {
  display: flex;
  gap: 20px;
  margin: 25px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .page-end .button-container-page-end {
    flex-flow: column;
  }
}
@media only screen and (max-width: 768px) {
  .page-end .image-container {
    display: none;
  }
}
.page-end .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 70%;
  position: absolute;
  filter: brightness(0.65);
}
.catalog-book {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  padding: 0 20px 0 20px;
  z-index: 10;
}
@font-face {
  font-family: 'flipbook';
  src: url('/wp-content/themes/vmfencingsystems/static/fonts/flipbook.woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="fa-"],
[class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'flipbook' !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;
}
i.fa-bookmark:before {
  content: "\e900";
  color: #fff;
}
i.fa-arrows-alt:before {
  content: "\e901";
  color: #fff;
}
i.fa-forward:before {
  content: "\e902";
  color: #fff;
}
i.fa-backward:before {
  content: "\e903";
  color: #fff;
}
i.fa-search-plus:before {
  content: "\e904";
  color: #fff;
}
i.fa-search-minus:before {
  content: "\e905";
  color: #fff;
}
.fa-times:before {
  content: "\e907" !important;
  color: #fff;
}
.fb3d-modal .cmd-close {
  font-size: 26px !important;
  color: #fff !important;
  padding: 13px;
  background: purple;
  right: 20px !important;
  top: 20px !important;
  transition: .25s ease !important;
}
.fb3d-modal .cmd-close:hover {
  background: #590f5e;
}
.fb3d-modal .cmd-close:active {
  padding: 15px !important;
}
.fb3d-modal {
  transition: opacity 0.5s, visibility 0.5s ease !important;
}
.fb3d-modal.visible {
  transition: 0.5s ease !important;
}
.body-above-title {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (max-width: 450px) {
  .body-above-title {
    font-size: 12px;
    margin-bottom: 6px;
  }
}
.body-title {
  font-family: 'opensans-extrabold';
  text-transform: uppercase;
  font-size: 40px;
  color: #FFF;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1200px) {
  .body-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 450px) {
  .body-title {
    font-size: 24px;
    line-height: 28px;
  }
}
.body-start-margin {
  margin-top: -20px;
}
@media only screen and (max-width: 768px) {
  .body-start-margin {
    margin-top: -40px;
  }
}
.cta-container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.cta-container .nbutton {
  margin: 0;
  font-size: 14px;
  text-decoration: none;
  color: white !important;
  padding: 0 20px;
  width: 100%;
}
.cta-container.column {
  flex-flow: column;
  align-items: flex-start;
  background: #181818;
  border: 1px solid #343434;
  padding: 15px;
  border-radius: 4px;
  gap: 0px;
}
.cta-container.column .explain-text {
  margin-bottom: 14px;
  line-height: 22px;
}
.cta-container.column h3 {
  margin-bottom: 4px;
}
@media only screen and (max-width: 992px) {
  .cta-container {
    flex-flow: wrap;
    gap: 10px;
  }
}
.cta-container--item {
  display: flex;
  flex-flow: wrap;
  width: 50%;
}
.cta-container--item.single-item {
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .cta-container--item {
    width: 100%;
  }
}
.cta-container--item span {
  margin-bottom: 8px;
  color: white;
  font-family: "opensans-bold";
}
@media only screen and (max-width: 1400px) {
  .margin-bottom {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .margin-bottom {
    margin-bottom: 40px;
  }
}
.sub-menu li a {
  color: white;
}
[aria-current="page"] {
  position: relative;
  color: #6f1b74 !important;
}
.menu-cta [aria-current="page"] {
  color: #fff !important;
}
.menu-cta:hover a {
  background: #590f5e !important;
  color: white !important;
}
/* Contact */
.contact-block {
  margin-bottom: 40px;
}
.contact-block iframe {
  height: calc(100% - 50px);
  width: 100%;
  max-width: 100%;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  .contact-block iframe {
    height: 400px;
  }
}
.contact-block h3 {
  color: #FFF;
  margin-bottom: 6px;
  font-size: 18px;
}
.contact-block--inner {
  background: #131313;
  padding: 40px;
  margin-bottom: 20px;
}
.contact-block--inner:last-child {
  margin-bottom: 0;
}
.contact-block--buttons {
  display: flex;
  flex-flow: column;
  margin-top: 20px;
  gap: 10px;
}
.contact-block .location-buttons {
  display: flex;
  margin-bottom: 10px;
}
.contact-block .location-buttons button {
  cursor: pointer;
  height: 40px;
  padding: 0 20px;
  font-family: "opensans-bold";
  background: none;
  border: none;
  color: white;
  transition: .25s ease;
}
.contact-block .location-buttons button:hover {
  background: #2f2f2f;
}
.contact-block .location-buttons button.active {
  background: #6f1b74;
}
.contact-block .office-map,
.contact-block .logistics-map {
  display: none;
}
.contact-block .office-map.active {
  display: block;
}
.contact-block .logistics-map.active {
  display: block;
}
.top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .top-bar {
    flex-flow: wrap;
    margin-bottom: 20px;
  }
}
.top-bar .catalog-button {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 60px;
  padding: 0 20px;
  border-radius: 0px;
  background: linear-gradient(145deg, #6f1b74 0%, #300c40 100%);
  color: white;
  font-family: "opensans-bold";
  transition: .25s ease;
}
@media only screen and (max-width: 768px) {
  .top-bar .catalog-button {
    width: 100%;
  }
}
.top-bar .catalog-button:hover {
  filter: brightness(1.4);
}
.top-bar .catalog-button--label {
  position: absolute;
  display: flex;
  align-items: center;
  height: 20px;
  padding: 0 5px;
  background: #006d40;
  top: -10px;
  left: 20px;
  border-radius: 4px;
  font-size: 12px;
}
.catalog-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 18px;
  height: 60px;
  width: 100%;
  padding: 0 10px;
  border-radius: 0px;
  background: linear-gradient(145deg, #6f1b74 0%, #300c40 100%);
  color: white;
  font-family: "opensans-bold";
  transition: .25s ease;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .catalog-button {
    width: 100%;
  }
}
.catalog-button:hover {
  filter: brightness(1.4);
}
.catalog-button--label {
  position: absolute;
  display: flex;
  align-items: center;
  height: 20px;
  padding: 0 5px;
  background: #006d40;
  top: -10px;
  left: 10px;
  border-radius: 4px;
  font-size: 12px;
}
/* Edits 30-05-2024 */
/* --------------------
Import all template parts
-------------------- */
/* --------------------
Header Template
-------------------- */
.border-r {
  border-radius: 10px;
}
.border-r-6 {
  border-radius: .375rem;
}
.border-r-16 {
  border-radius: 1rem;
}
.border-r-22 {
  border-radius: 1.375rem;
}
.bold-upper {
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
}
.flex-center {
  display: flex;
  align-items: center;
}
.flex-c-j {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-column {
  display: flex;
  flex-flow: column;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-column-gap {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.container {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 992px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.head {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  padding: 14px 44px 14px 44px;
  transform: translateY(46px);
  background: transparent;
  transition: transform 0.5s cubic-bezier(0.18, 1.085, 0.28, 1.035);
  /* Hamburger Menu */
}
@media (max-width: 992px) {
  .head {
    padding: 14px 20px 14px 20px;
    transform: translateY(0px);
  }
}
@media (max-width: 768px) {
  .head {
    padding: 14px 0 14px 0;
    transform: translateY(0);
  }
}
.head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  transform: translateY(-130px);
  z-index: -1;
  transition: transform 0.5s cubic-bezier(0.18, 1.085, 0.28, 1.035);
}
.head.scroll-effect {
  transform: translateY(0px);
}
.head.scroll-effect::after {
  transform: translateY(0px);
}
.head--inner {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.head--inner .menu-container {
  display: flex;
}
@media (max-width: 992px) {
  .head--inner .menu-container {
    display: flex;
    flex-flow: column;
  }
  .head--inner .menu-container .separator {
    width: 100%;
    height: 1px;
    background: #313131;
  }
}
.head--inner .menu-container ul {
  display: flex;
  align-items: center;
  gap: 0px;
}
@media (max-width: 992px) {
  .head--inner .menu-container ul {
    flex-flow: column;
    align-items: unset;
    padding: 30px 20px 30px 20px;
  }
}
@media (max-width: 992px) {
  .head--inner .menu-container ul li {
    width: 100%;
    border-bottom: 1px solid #313131;
  }
  .head--inner .menu-container ul li:last-child {
    border-bottom: none;
  }
}
.head--inner .menu-container ul li a {
  display: flex;
  align-items: center;
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  height: 52px;
  border: 1px solid transparent;
  padding: 0 18px 0 18px;
  border-radius: 8px;
  background: transparent;
  transition: all 0.25s ease;
}
@media (max-width: 768px) {
  .head--inner .menu-container ul li a {
    border: none;
  }
}
.head--inner .menu-container ul li a:hover {
  background: #000000;
  border: 1px solid #ffffff;
}
@media (max-width: 768px) {
  .head--inner .menu-container ul li a:hover {
    border: none;
  }
}
@media (max-width: 768px) {
  .head--inner .menu-container ul li a {
    padding: 0;
  }
}
@media (max-width: 992px) {
  .head--inner .menu-container {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 82px 0 0 0;
    background: #000000;
    overflow-y: scroll;
    z-index: -1;
    transform: translateX(100%);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .head--inner .menu-container.active {
    transform: translateX(0%) !important;
  }
}
@media (max-width: 768px) {
  .head--inner .menu-container {
    padding: 70px 0 0 0;
  }
}
.head--inner .menu-tools {
  display: flex;
  align-items: center;
  height: 52px;
  margin: 0 0 0 10px;
}
@media (max-width: 1200px) {
  .head--inner .menu-tools {
    width: fit-content;
  }
}
@media (max-width: 992px) {
  .head--inner .menu-tools {
    width: auto;
    justify-content: space-between;
    margin: 0 20px 0 20px;
  }
}
.head--inner .menu-tools--icon {
  padding: 0 16px 0 16px;
  border: 1px solid #313131;
  height: 100%;
  background: #000000;
  display: flex;
  align-items: center;
  -webkit-transition: opacity;
  -moz-transition: opacity;
  -ms-transition: opacity;
  -o-transition: opacity;
  transition: opacity;
  transition: opacity 0.25s ease;
}
.head--inner .menu-tools--icon:first-child {
  border-radius: 6px 0 0 6px;
}
.head--inner .menu-tools--icon:last-child {
  border-radius: 0 6px 6px 0;
}
@media (max-width: 992px) {
  .head--inner .menu-tools--icon {
    width: 100%;
    justify-content: center;
  }
}
.head--inner .menu-tools--icon:hover {
  border: 1px solid #ffffff;
}
.head--nav-toggle {
  display: none;
  height: 52px;
  width: 52px;
  background: #000000;
  border-radius: .375rem;
  border: 1px solid #313131;
  padding: 12px 10px;
  margin: 0;
  justify-content: space-between;
  margin-left: 20px;
}
@media (max-width: 992px) {
  .head--nav-toggle {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    display: flex;
    flex-flow: column;
  }
}
@media (max-width: 768px) {
  .head--nav-toggle {
    height: 42px;
    width: 42px;
  }
}
.head--nav-toggle--line {
  height: 3px;
  width: 100%;
  border-radius: 100px;
  background: #ffffff;
}
@media (max-width: 768px) {
  .head--nav-toggle--line {
    height: 2px;
  }
}
@keyframes slide {
  100% {
    transform: translateY(0px);
  }
}
.npage-header {
  display: flex;
}
.npage-header .header-content {
  margin-left: 2.5rem;
  margin-top: -2vh;
}
@media (max-width: 1200px) {
  .npage-header .header-content {
    margin-top: 1vh;
  }
}
@media (max-width: 992px) {
  .npage-header .header-content {
    margin-left: 1.25rem;
  }
}
@media (max-width: 768px) {
  .npage-header .header-content {
    margin-left: 0;
  }
}
.npage-header .header-content .primary-title {
  margin: 0;
}
.npage-header .header-content .title-1,
.npage-header .header-content .title-2 {
  font-size: 68px;
  line-height: 1.1;
  font-family: 'opensans-extrabold', sans-serif;
}
@media (max-width: 1200px) {
  .npage-header .header-content .title-1,
  .npage-header .header-content .title-2 {
    font-size: 5vw;
  }
}
@media (max-width: 992px) {
  .npage-header .header-content .title-1,
  .npage-header .header-content .title-2 {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .npage-header .header-content .title-1,
  .npage-header .header-content .title-2 {
    font-size: 48px;
    line-height: 1;
  }
}
@media (max-width: 496px) {
  .npage-header .header-content .title-1,
  .npage-header .header-content .title-2 {
    font-size: 40px;
  }
}
.npage-header .header-content .subtitle {
  font-size: 16px;
  line-height: 1.625;
  max-width: 480px;
}
@media (max-width: 992px) {
  .npage-header .header-content .subtitle {
    font-size: .875rem;
  }
}
@media (max-width: 496px) {
  .npage-header .header-content .subtitle {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
@media (max-width: 992px) {
  .npage-header .page .header-content__title {
    font-size: 2.625rem;
  }
}
.page-start {
  position: relative;
  margin-top: -20px;
  z-index: 999;
}
body[data-site-id="4"] .page-start,
body[data-site-id="3"] .page-start {
  padding: 0 40px 0 40px;
}
@media (max-width: 992px) {
  body[data-site-id="4"] .page-start,
  body[data-site-id="3"] .page-start {
    margin-top: 20px;
    padding: 0 0 0 0;
  }
}
body[data-site-id="4"] .npage-header,
body[data-site-id="3"] .npage-header {
  margin: 40px 40px 0 40px;
}
@media (max-width: 992px) {
  body[data-site-id="4"] .npage-header,
  body[data-site-id="3"] .npage-header {
    margin: 20px 20px 0 20px;
  }
}
@media (max-width: 768px) {
  body[data-site-id="4"] .npage-header,
  body[data-site-id="3"] .npage-header {
    margin: 0;
  }
}
body[data-site-id="4"] .nheader-image,
body[data-site-id="3"] .nheader-image {
  height: 680px;
  border-radius: 1.375rem;
}
@media (max-width: 1200px) {
  body[data-site-id="4"] .nheader-image,
  body[data-site-id="3"] .nheader-image {
    border-radius: 14px;
  }
}
@media (max-width: 992px) {
  body[data-site-id="4"] .nheader-image,
  body[data-site-id="3"] .nheader-image {
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  body[data-site-id="4"] .nheader-image,
  body[data-site-id="3"] .nheader-image {
    border-radius: 0;
  }
}
body[data-site-id="4"] .nheader-image::before,
body[data-site-id="3"] .nheader-image::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(145deg, rgba(0, 0, 0, 0.79877889) 40%, #6f1b74 130%);
}
body[data-site-id="4"] .nheader-image img,
body[data-site-id="3"] .nheader-image img {
  height: 100%;
}
@media (max-width: 1400px) {
  body[data-site-id="4"] .nheader-image,
  body[data-site-id="3"] .nheader-image {
    height: 640px;
  }
}
@media (max-width: 992px) {
  body[data-site-id="4"] .nheader-image,
  body[data-site-id="3"] .nheader-image {
    height: 480px;
  }
}
@media (max-width: 768px) {
  body[data-site-id="4"] .nheader-image,
  body[data-site-id="3"] .nheader-image {
    height: 460px;
  }
}
body[data-site-id="4"] .nheader-image.page,
body[data-site-id="3"] .nheader-image.page {
  height: 400px;
  padding-top: 60px;
}
@media (max-width: 992px) {
  body[data-site-id="4"] .nheader-image.page,
  body[data-site-id="3"] .nheader-image.page {
    height: 280px;
    padding-top: 30px;
  }
  body[data-site-id="4"] .nheader-image.page img,
  body[data-site-id="3"] .nheader-image.page img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  body[data-site-id="4"] .nheader-image.page,
  body[data-site-id="3"] .nheader-image.page {
    height: 180px;
    padding-top: 30px;
  }
  body[data-site-id="4"] .nheader-image.page img,
  body[data-site-id="3"] .nheader-image.page img {
    width: 100%;
    height: 100%;
  }
}
.nheader-image__bg {
  object-fit: cover;
}
/* --------------------
Intro Message
-------------------- */
.nintro-msg {
  position: relative;
  display: flex;
  border: 1px solid #3b3b3b;
  border-radius: 10px;
  padding: 20px 30px;
  height: 100%;
  background: #171717;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
@media (max-width: 992px) {
  .nintro-msg {
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .nintro-msg {
    display: none;
  }
}
.nintro-msg .close-window {
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 20px;
  font-size: 30px;
  transition: .3s ease;
}
.nintro-msg .close-window:hover {
  color: #FFFFFF;
}
.nintro-msg p {
  color: #FFFFFF;
}
.nintro-msg h3 {
  margin-bottom: 0rem;
  color: #b6b6b6;
  line-height: 24px;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  .nintro-msg h3 {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 540px) {
  .nintro-msg h3 {
    font-size: 10px;
    line-height: 16px;
  }
}
/* --------------------
Catalog Card
-------------------- */
.n-catalog-card {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 22px 26px;
  height: 100%;
  transition: .3s ease;
  background: linear-gradient(145deg, #6f1b74 0%, #300c40 100%);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 30px -10px;
}
@media (max-width: 992px) {
  .n-catalog-card {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .n-catalog-card {
    margin: 8px 0 0 0;
    padding: 16px;
    height: unset;
  }
}
.n-catalog-card:hover {
  filter: brightness(1.2);
  box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 50px;
  transform: translateY(-2px);
}
@media (max-width: 992px) {
  .n-catalog-card:hover {
    filter: unset;
  }
}
.n-catalog-card:hover .white-s {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 40px -10px;
}
.n-catalog-card:hover .white-s img {
  transform: translateX(6px);
}
.n-catalog-card:hover .round {
  border: 1px solid #ffffff;
}
.n-catalog-card--title {
  z-index: 1;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.n-catalog-card h3 {
  color: #FFFFFF;
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 1.2;
  font-style: normal;
  font-weight: initial;
}
@media (max-width: 1200px) {
  .n-catalog-card h3 {
    font-size: 24px;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .n-catalog-card h3 {
    line-height: 1.3;
  }
}
@media (max-width: 374px) {
  .n-catalog-card h3 {
    font-size: 1.25rem;
  }
}
.n-catalog-card--image {
  position: absolute;
  right: 150px;
  bottom: unset;
  height: 150px;
  width: fit-content;
  transition: 0.35s ease;
}
@media (max-width: 992px) {
  .n-catalog-card--image {
    right: 150px;
    height: 130px;
  }
}
@media (max-width: 768px) {
  .n-catalog-card--image {
    height: 112px;
    width: fit-content;
    left: unset;
    right: 110px;
  }
}
@media (max-width: 374px) {
  .n-catalog-card--image {
    height: 6.125rem;
    right: 1.5rem;
  }
}
.n-catalog-card--image img {
  height: 100%;
  width: fit-content;
  object-fit: contain;
}
.n-catalog-card--specs {
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: .5rem;
}
@media (max-width: 768px) {
  .n-catalog-card--specs {
    margin-top: 3px;
    margin-left: 1px;
  }
}
.n-catalog-card--specs--size {
  font-family: 'opensans-bold';
  font-size: .875rem;
  opacity: 0.4;
  color: #ffffff;
}
.n-catalog-card--year {
  margin-left: auto;
  z-index: 1;
}
.n-catalog-card--year p {
  font-family: 'opensans-extrabold';
  font-size: 40px;
  line-height: 1;
  color: #FFFFFF;
  word-break: break-all;
  margin-bottom: 12px;
}
@media only screen and (max-width: 992px) {
  .n-catalog-card--year p {
    font-size: 32px;
    line-height: 1;
  }
}
@media (max-width: 374px) {
  .n-catalog-card--year {
    display: none;
  }
}
/* --------------------
Titles
-------------------- */
.body-above-title {
  letter-spacing: .1875rem;
  margin-bottom: .875rem;
}
@media (max-width: 992px) {
  .body-above-title {
    line-height: 1.4;
    letter-spacing: .125rem;
  }
}
.body-under-title {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-top: 10px;
}
.n-body-title {
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-size: 2.375rem;
  line-height: 1.2;
}
.n-body-title.old {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .n-body-title {
    font-size: 1.875rem;
    letter-spacing: 1px;
  }
}
@media (max-width: 768px) {
  .n-body-title {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}
@media (max-width: 374px) {
  .n-body-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
.n-background {
  background: #1A171C !important;
}
/* --------------------
Layout spacing
-------------------- */
.m-top-xl {
  margin-top: 10em;
}
@media (max-width: 992px) {
  .m-top-xl {
    margin-top: 7em;
  }
}
.m-bottom-xl {
  margin-bottom: 10em;
}
@media (max-width: 992px) {
  .m-bottom-xl {
    margin-bottom: 7em;
  }
}
@media (max-width: 992px) {
  .m-bottom-s {
    margin-bottom: 20px;
  }
}
.n-content p {
  color: #ffffff;
  margin-bottom: 1.5em;
}
.n-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .n-content--content {
    margin-top: 3.125rem;
  }
}
@media (max-width: 768px) {
  .n-content--content {
    margin-top: 1.875rem;
  }
}
@media (max-width: 374px) {
  .n-content--content {
    margin-top: 1.5rem;
  }
}
.indent-left {
  margin-left: 2.875rem;
}
@media (max-width: 992px) {
  .indent-left {
    margin-left: 0;
  }
}
.indent-right {
  margin-right: 2.875rem;
}
@media (max-width: 992px) {
  .indent-right {
    margin-right: 0;
  }
}
/* --------------------
Buttons
-------------------- */
.button-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .button-container {
    flex-flow: column;
  }
}
.button-container.m-top-l {
  margin-top: 50px;
}
@media (max-width: 992px) {
  .button-container.desktop-only {
    display: none;
  }
}
.button-container.mobile-only {
  display: none;
}
@media (max-width: 992px) {
  .button-container.mobile-only {
    display: flex;
  }
}
.n-button {
  padding: 18px 24px;
  border-radius: .375rem;
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .n-button {
    font-size: .875rem;
  }
}
.n-button.white {
  background: #ffffff;
  color: #222629;
  transition: all 0.25s ease;
}
.n-button.white:hover {
  background: #d9d9d9;
}
.n-button.white-s {
  background: #ffffff;
  color: #222629;
  box-shadow: rgba(0, 0, 0, 0) 0px 20px 30px -10px;
  transition: all 0.25s ease;
}
.n-button.white-s:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 30px -10px;
}
.n-button.outline {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.n-button.round {
  border-radius: 100%;
  padding: 0;
  height: 42px;
  width: 42px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: none;
  margin-left: auto;
  transition: all 0.25s ease;
}
.n-button.justify-center {
  justify-content: center;
}
.n-button.transparant {
  background: transparent;
  color: #ffffff;
  border: 1px solid transparent;
  transition: all 0.25s ease;
}
.n-button.transparant:hover {
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.05);
}
.n-button.center-button {
  justify-content: center;
}
.n-button.m-top-auto {
  margin-top: auto;
}
@media (max-width: 768px) {
  .n-button.m-width {
    width: 100%;
    justify-content: center;
  }
}
.n-button img {
  transition: all 0.25s ease;
  padding-left: .5rem;
}
.n-button:hover {
  transform: scale3d(0.98, 0.98, 1.01);
}
.n-button:hover img {
  transform: translateX(6px);
}
/* --------------------
WYSIWYG changes
-------------------- */
.text-orange {
  color: #FF9900;
}
/* --------------------
Global Cards
-------------------- */
.n-card {
  border-radius: 1rem;
  padding: 46px;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  display: flex;
  flex-flow: column;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 60px;
}
@media (max-width: 992px) {
  .n-card {
    padding: 30px;
  }
}
@media (max-width: 768px) {
  .n-card {
    padding: 20px;
  }
}
.n-card.height {
  height: 100%;
}
.n-card.black {
  background: #171717;
  border: 1px solid #2E2E2E;
}
.n-card--top {
  display: flex;
  align-items: center;
  gap: .625rem;
  margin-bottom: 1rem;
}
.n-card--top--label {
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  font-size: .875rem;
  color: #00C376;
  border: 1px solid #00C376;
  border-radius: 3.125rem;
  padding: 2px 6px;
}
.n-card--top--toptitle {
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .1875rem;
  color: #ffffff;
}
@media (max-width: 374px) {
  .n-card--top--toptitle {
    font-size: .875rem;
  }
}
.n-card--title {
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-size: 2.375rem;
  line-height: 1.1;
  margin-bottom: 2.625rem;
}
@media (max-width: 768px) {
  .n-card--title {
    font-size: 1.875rem;
    line-height: 1.2;
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 374px) {
  .n-card--title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.n-card--list {
  margin-bottom: 3rem;
}
.n-card--list li {
  display: flex;
  align-items: center;
  margin: 0 0 1rem 0;
  color: #ffffff;
}
.n-card--list li:last-child {
  margin: 0;
}
.n-card--list li img {
  margin-right: .75rem;
}
@media (max-width: 374px) {
  .n-card--list li {
    font-size: .875rem;
  }
}
.n-card.normal {
  display: block;
  position: relative;
}
.n-image-container {
  z-index: -1;
}
.n-image-container img {
  display: flex;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.n-image-container.absolute-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.n-image-container .solar-logo {
  object-fit: contain;
  width: 9.375rem;
  position: absolute;
  z-index: 1;
  left: 3.125rem;
  top: 1.875rem;
  height: auto;
  border-radius: 0px;
}
@media (max-width: 768px) {
  .n-image-container .solar-logo {
    width: 6.875rem;
    top: 1.25rem;
    left: 2.5rem;
  }
}
.bg-section {
  margin-left: 40px;
  width: calc(100% - 80px);
  border-radius: 1.375rem;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 60px;
}
@media (max-width: 992px) {
  .bg-section {
    margin-left: 20px;
    width: calc(100% - 40px);
  }
}
.bg-section--inner {
  border-radius: 1.375rem;
  position: relative;
  overflow: hidden;
}
.bg-section--content {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 11.875rem 0 11.875rem 0;
}
@media (max-width: 992px) {
  .bg-section--content {
    padding: 7.875rem 0 7.875rem 0;
  }
}
@media (max-width: 768px) {
  .bg-section--content {
    padding: 3.875rem 0 3.875rem 0;
  }
}
.bg-section--content--titles {
  text-align: center;
}
.bg-section--content .n-body-title {
  font-size: 3rem;
  letter-spacing: 1px;
  text-align: center;
  max-width: 590px;
}
@media (max-width: 768px) {
  .bg-section--content .n-body-title {
    max-width: 100%;
    font-size: 2rem;
  }
}
/* --------------------
Grids
-------------------- */
.flex-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 76px;
  row-gap: 40px;
  padding-top: 54px;
}
@media (max-width: 1400px) {
  .flex-grid {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 40px;
  }
}
@media (max-width: 992px) {
  .flex-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
  }
}
/* --------------------
Country selector
-------------------- */
.countries-card.current-language {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}
.countries-card--top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  text-align: center;
  gap: 12px;
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  padding: 0 8px 0 8px;
  height: 132px;
  gap: 14px;
}
.countries-card--top img {
  height: 24px;
}
.countries-card--top h3 {
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  color: #000000;
}
@media (max-width: 374px) {
  .countries-card--top h3 {
    font-size: .875rem;
  }
}
@media (max-width: 768px) {
  .countries-card--top img {
    height: 20px;
  }
}
@media (max-width: 374px) {
  .countries-card--top {
    height: 6.25rem;
  }
}
.countries-card--bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #171717;
  border: 1px solid #2E2E2E;
  border-radius: 0 0 10px 10px;
  padding: 18px 0 18px 0;
  transition: border .15s ease;
}
.countries-card--bottom h4 {
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}
@media (max-width: 768px) {
  .countries-card--bottom h4 {
    font-size: .875rem;
  }
}
@media (max-width: 374px) {
  .countries-card--bottom h4 {
    font-size: .75rem;
  }
}
.countries-card:hover {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 40px -10px;
}
.countries-card:hover .countries-card--bottom {
  border: 1px solid #ffffff;
}
.nheader__main-nav.active {
  transform: translateX(0%);
}
/* --------------------
Footer
-------------------- */
.footer__logo.new {
  margin: 0;
}
.footer__contact-info.new {
  margin-bottom: 76px;
}
.footer__contact-info.new h3 {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .footer__contact-info.new {
    gap: 40px;
  }
}
.footer__site-name.new {
  margin-bottom: 40px;
}
.n-footer {
  padding: 90px 40px 90px 40px;
}
@media (max-width: 768px) {
  .n-footer {
    padding: 40px 20px 40px 20px;
  }
}
.n-footer--logos {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .n-footer--logos {
    margin-top: 40px;
  }
  .n-footer--logos:first-child {
    margin-top: 0;
  }
}
.n-footer--logos img {
  filter: grayscale(100%);
  opacity: .6;
  max-height: 64px;
  max-width: 215px;
  object-fit: contain;
}
.n-footer-main {
  background: #000000;
  padding: 90px 0 26px 0;
}
.n-footer-main--bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 4px;
}
@media (max-width: 768px) {
  .n-footer-main--bottom {
    justify-content: center;
    flex-flow: wrap;
    padding-top: 18px;
  }
}
.n-footer-main--bottom a,
.n-footer-main--bottom p {
  font-family: "opensans-regular";
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.3);
}
.n-footer-main--bottom a {
  transition: .25s ease;
}
.n-footer-main--bottom a:hover {
  color: #ffffff;
}
.n-footer-main .icon-container {
  display: flex;
  margin-top: 8px;
  gap: 10px;
}
.n-footer-main .icon-container .facebook-icon {
  background-image: url("/wp-content/themes/vmfencingsystems/static/images/facebook-new.svg");
}
.n-footer-main .icon-container .instagram-icon {
  background-image: url("/wp-content/themes/vmfencingsystems/static/images/instagram-new.svg");
}
.n-footer-main .icon-container .linkedin-icon {
  background-image: url("/wp-content/themes/vmfencingsystems/static/images/linkedin-new.svg");
}
.n-footer-main .icon-container .facebook-icon,
.n-footer-main .icon-container .instagram-icon,
.n-footer-main .icon-container .linkedin-icon {
  height: 46px;
  width: 46px;
  background-position: center;
  border: 1px solid #313131;
  background-repeat: no-repeat;
  transition: border .25s ease;
  border-radius: .375rem;
}
.n-footer-main .icon-container .facebook-icon:hover,
.n-footer-main .icon-container .instagram-icon:hover,
.n-footer-main .icon-container .linkedin-icon:hover {
  border: 1px solid #ffffff;
}
.n-footer-main--gradient {
  position: absolute;
  right: 30px;
  top: 1px;
  width: 54px;
  height: 44px;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
  pointer-events: none;
}
.n-footer-main--language {
  position: relative;
}
.n-footer-main--language::before {
  content: '';
  background-image: url("/wp-content/themes/vmfencingsystems/assets/images/icons/language.svg");
  background-repeat: no-repeat;
  display: block;
  height: 18px;
  left: 14px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}
.n-footer-main--language::after {
  content: '';
  background-image: url("/wp-content/themes/vmfencingsystems/assets/images/icons/chevron.svg");
  background-repeat: no-repeat;
  display: block;
  height: 5px;
  width: 8px;
  right: 14px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.n-footer-main--language select {
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  padding: .5rem 42px;
  background: #000000;
  color: #ffffff;
  border-radius: .375rem;
  appearance: none;
  max-width: 232px;
  height: 2.875rem;
  border: 1px solid #313131;
  transition: border .25s ease;
}
.n-footer-main--language:hover select {
  border: 1px solid #ffffff;
}
.footer__contact-info-left:last-child {
  margin-right: 0;
}
.header-content .subtitle {
  animation: fade 0.6s ease both 0.3s;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Contact Page */
@media (max-width: 992px) {
  .n-contact {
    padding: 90px 0 0 0;
  }
}
.n-contact .n-body-title {
  max-width: 480px;
}
@media (max-width: 992px) {
  .n-contact .n-body-title {
    max-width: 100%;
  }
}
.n-contact .contact-block__top {
  margin-bottom: 20px;
}
@media (max-width: 496px) {
  .n-contact .contact-block__top {
    margin-bottom: 0;
  }
}
.n-contact .contact-block__card-image img {
  height: 100%;
  max-height: 110px;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
@media (max-width: 992px) {
  .n-contact .contact-block__card-image img {
    max-height: 150px;
    height: 150px;
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .n-contact .contact-block__card-image img {
    margin-top: 10px;
    max-height: 110px;
    height: 1100px;
  }
}
@media (max-width: 1200px) {
  .n-contact .contact-block {
    flex-flow: nowrap;
    margin-top: 20px;
  }
  .n-contact .contact-block .n-card {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .n-contact .contact-block {
    flex-flow: column;
    margin-top: 20px;
  }
  .n-contact .contact-block .n-card {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .client-logo img {
    max-width: 9.375rem;
  }
}
.fb3d-fullscreen-mode {
  position: fixed;
  height: 100vh;
  z-index: 99999;
}
.catalog-presentation {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  background: #1A171C;
}
.catalog-presentation__navigation {
  position: fixed;
  right: 82px;
  top: 20px;
  display: flex;
  gap: 10px;
  z-index: 99999999;
}
.catalog-loader {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 99999999;
  background: #300c40;
  animation: page-load 1.9s ease both 1s;
  pointer-events: none;
}
.catalog-loader::after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  background: linear-gradient(-45deg, #6f1b74 0%, #300c40 100%);
  animation: gradient-flow 2.4s ease-in-out infinite both 0s;
  filter: blur(200px);
  opacity: 0.8;
}
.catalog-loader__title {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.catalog-loader__title img {
  width: 310px;
  animation: enter-logo 2s ease both;
}
@media (max-width: 496px) {
  .catalog-loader__title img {
    width: 280px;
  }
}
.catalog-loader__title h1 {
  font-size: 20px;
  margin-top: 16px;
  margin-left: 10px;
  line-height: 1.2;
  font-family: 'opensans-extrabold', sans-serif;
  letter-spacing: 10px;
  color: #ffffff;
  text-transform: uppercase;
  animation: enter-logo 2s ease both 0.15s;
}
@media (max-width: 768px) {
  .catalog-loader__title h1 {
    font-size: 14px;
    margin-top: 30px;
    margin-left: 14px;
    letter-spacing: 12px;
  }
}
.catalog-loader__title .title-fr {
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.2;
  font-family: 'opensans-extrabold', sans-serif;
  letter-spacing: 7.8px;
  color: #ffffff;
  margin-left: 6px;
  text-transform: uppercase;
  animation: enter-logo 2s ease both 0.15s;
}
@media (max-width: 768px) {
  .catalog-loader__title .title-fr {
    font-size: 14px;
    margin-top: 30px;
    margin-left: 8px;
    letter-spacing: 7.4px;
  }
}
.cmd-contact,
.cmd-exit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.25rem;
  padding: 0 1.5rem;
  font-family: 'opensans-extrabold';
  font-size: 16px;
  text-transform: uppercase;
  border-radius: .25rem;
  background: #000;
  transition: .25s ease;
  color: #FFF;
  border: .0625rem solid #FFF;
  z-index: 999999;
}
.cmd-contact:hover,
.cmd-exit:hover {
  background: #ffffff;
  color: #000000;
  transform: scale3d(0.98, 0.98, 1.01);
}
@media (max-width: 374px) {
  .cmd-contact,
  .cmd-exit {
    font-size: .75rem;
    padding: 0 1.25rem;
  }
}
@media (max-height: 960px) {
  .tocview {
    max-height: calc(100vh - 225px) !important;
  }
}
/* --------------------
Animations template
-------------------- */
/* Slide up > in with blur effect */
.slide-up-in {
  opacity: 0;
}
.slide-up-in.animate {
  animation: slide-up-in 0.75s backwards;
  will-change: transform, filter, opacity;
  opacity: 1;
}
.slide-up-in {
  opacity: 0;
}
.slide-up-in.animate {
  animation: slide-up-in 0.75s backwards 0.15s;
  will-change: transform, filter, opacity;
  opacity: 1;
}
.slide-up-in--footer-e1 {
  opacity: 0;
}
.slide-up-in--footer-e1.animate {
  animation: slide-up-in 0.75s backwards 0.4s;
  will-change: transform, filter, opacity;
  opacity: 1;
}
.slide-up-in--footer-e2 {
  opacity: 0;
}
.slide-up-in--footer-e2.animate {
  animation: slide-up-in 0.75s backwards 0.5s;
  will-change: transform, filter, opacity;
  opacity: 1;
}
.slide-up-in--cta-e1 {
  opacity: 0;
}
.slide-up-in--cta-e1.animate {
  animation: slide-up-in 0.75s backwards 0.3s;
  will-change: transform, filter, opacity;
  opacity: 1;
}
.slide-up-in-1 {
  opacity: 0;
}
.slide-up-in-1.animate {
  animation: slide-up-in 0.75s backwards 0.15s;
  will-change: transform, filter, opacity;
  opacity: 1;
}
.slide-up-in--home {
  animation: slide-up-in 0.8s backwards;
  will-change: transform, filter, opacity;
  opacity: 1;
}
@keyframes slide-up-in {
  0% {
    filter: blur(1rem);
    opacity: 0;
    transform: translate3d(0, 2rem, 0);
  }
  100% {
    filter: blur(0);
    opacity: 1;
    transform: translateZ(0);
  }
}
/* Fade in */
@media (min-width: 1200px) {
  .fade--home-2 {
    opacity: 0;
  }
  .fade--home-2.animate {
    animation: fade 1s ease both 0.4s;
    opacity: 1;
  }
  .fade--home-3 {
    opacity: 0;
  }
  .fade--home-3.animate {
    animation: fade 1s ease both 0.6s;
    opacity: 1;
  }
  .slide-up-in--home-2 {
    animation: slide-up-in 0.8s backwards 0.7s;
    will-change: transform, filter, opacity;
    opacity: 1;
  }
  .fade-in {
    opacity: 0;
    animation: fade-in 1s ease both 1.1s;
    opacity: 1;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.image-clip {
  opacity: 0;
}
.image-clip.animate {
  opacity: 1;
  animation: image-clip 1.2s ease both 0s;
  will-change: polygon;
}
@keyframes image-clip {
  0% {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
.bottom-scale-in--home {
  transform-origin: top;
  animation: bottom-scale-in-head 1.5s ease both 0s;
}
.bottom-scale-in {
  transform-origin: top;
  opacity: 0;
}
.bottom-scale-in.animate {
  animation: bottom-scale-in 1.5s ease both 0s;
}
.bottom-scale-in-s {
  transform-origin: top;
  opacity: 0;
}
.bottom-scale-in-s.animate {
  animation: bottom-scale-in-s 0.65s ease both 0s;
}
@keyframes bottom-scale-in {
  0% {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1);
  }
}
@keyframes bottom-scale-in-s {
  0% {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px) scale(0.975);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1);
  }
}
@keyframes bottom-scale-in-head {
  0% {
    opacity: 0;
    transform: scale3d(0.95, 0.95, 1.01);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.loader {
  width: 65px;
  aspect-ratio: 1;
  --g: radial-gradient(farthest-side, #000000 0 calc(92%), #ffffff calc(97%) 98%, #000000 0 101%) no-repeat;
  background: var(--g), var(--g), var(--g);
  background-size: 30px 30px;
  animation: l10 1.5s infinite;
}
@keyframes l10 {
  0% {
    background-position: 0 0, 0 100%, 100% 100%;
  }
  25% {
    background-position: 100% 0, 0 100%, 100% 100%;
  }
  50% {
    background-position: 100% 0, 0 0, 100% 100%;
  }
  75% {
    background-position: 100% 0, 0 0, 0 100%;
  }
  100% {
    background-position: 100% 100%, 0 0, 0 100%;
  }
}
@keyframes page-load {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes enter-logo {
  0% {
    opacity: 0;
    filter: blur(1rem);
    transform: scale(1.2);
  }
  40% {
    opacity: 1;
    filter: blur(0rem);
    transform: scale(1);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes gradient-flow {
  0% {
    transform: translate3d(100%, 100%, 0) scale(1.2);
  }
  50% {
    transform: translate3d(0%, 100%, 0) scale(3);
  }
  100% {
    transform: translate3d(150%, 100%, 0) scale(1);
  }
  @media (max-width: 768px) {
    0% {
      transform: translate3d(150%, 100%, 0) scale(1);
    }
    50% {
      transform: translate3d(0%, 100%, 0) scale(5);
    }
    100% {
      transform: translate3d(150%, 100%, 0) scale(1);
    }
  }
}
.custom-form {
  margin: 3rem 0 0 0;
}
.wpforms-container input[type='email'] {
  height: 52px;
  border-radius: .375rem;
  border: 1px solid transparent;
  background: #ffffff;
  padding: 0 16px 0 16px;
  font-family: 'opensans-regular', sans-serif;
  font-size: .875rem;
  transition: box-shadow 0.25s ease;
}
.wpforms-field-container {
  display: flex;
  flex-flow: wrap;
}
.wpforms-field-container .width-50 {
  width: calc(50% - 7px);
}
.wpforms-field-container .width-50:first-child {
  margin-right: 7px;
}
.wpforms-field-container .width-50:nth-child(2) {
  margin-left: 7px;
}
.wpforms-field-container .wpforms-field-radio {
  width: 100%;
}
.wpforms-field-container .wpforms-field-textarea {
  width: 100%;
}
.wpforms-container {
  padding: 0;
  margin: 0;
}
.wpforms-container .wpforms-hidden {
  display: none;
}
.wpforms-container label,
.wpforms-container legend {
  font-family: 'opensans-bold', sans-serif;
  font-size: .875rem;
  color: #ffffff;
  margin-bottom: 10px;
}
.wpforms-container .wpforms-required-label {
  display: none;
}
.wpforms-container em.wpforms-error {
  font-family: 'opensans-regular';
  font-size: .875rem;
  font-style: normal;
  color: #ff7b7b;
}
.wpforms-container input[type='text'],
.wpforms-container input[type='email'] {
  height: 52px;
  border-radius: .375rem;
  border: 1px solid transparent;
  background: #ffffff;
  padding: 0 16px 0 16px;
  font-family: 'opensans-regular', sans-serif;
  font-size: .875rem;
  transition: box-shadow 0.25s ease;
}
.wpforms-container input[type='text']:focus,
.wpforms-container input[type='email']:focus {
  box-shadow: 0 0 0px 2px #171717, 0 0 0px 3px #ffffff61;
}
.wpforms-container input[type='text'].wpforms-error,
.wpforms-container input[type='email'].wpforms-error {
  border: 2px solid #ff7b7b;
}
.wpforms-container .wpforms-field {
  display: flex;
  flex-flow: column;
}
.wpforms-container .wpforms-field textarea {
  font-family: 'opensans-regular', sans-serif;
  font-size: 14px;
  color: #000000;
  padding: 16px;
  border-radius: .375rem;
  border: 1px solid #313131;
  background: #ffffff;
  max-width: 100%;
  transition: box-shadow 0.25s ease;
}
.wpforms-container .wpforms-field textarea:focus {
  box-shadow: 0 0 0px 2px #171717, 0 0 0px 3px #ffffff61;
}
.wpforms-container .wpforms-field textarea.wpforms-error {
  border: 2px solid #ff7b7b;
}
.wpforms-container .wpforms-field em {
  margin-top: 8px;
}
.wpforms-container .wpforms-field ul {
  display: flex;
  gap: 14px;
  border-radius: .375rem;
}
@media (max-width: 768px) {
  .wpforms-container .wpforms-field ul {
    flex-flow: column;
  }
}
.wpforms-container .wpforms-field ul li {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.wpforms-container .wpforms-field ul li label {
  position: relative;
  font-family: 'opensans-bold', sans-serif;
  font-size: .875rem;
  margin: 0;
  color: #000000;
  height: 52px;
  width: 100%;
  padding-left: 38px;
  padding-right: 14px;
  display: flex;
  align-items: center;
  border: 1px solid #000000;
  background: #ffffff;
  border-radius: .375rem;
  transition: .25s ease;
}
.wpforms-container .wpforms-field ul li input[type="radio"] {
  position: absolute;
  left: 14px;
  height: 18px;
  width: 18px;
  border: none;
  margin: 0 6px 0 0px;
  z-index: 1;
}
.wpforms-container .wpforms-field ul li:hover label {
  background: #d9d9d9;
  cursor: pointer;
}
.wpforms-container .wpforms-field ul li.wpforms-selected label {
  background: #000000;
  color: #ffffff;
  border: 1px solid #444444;
}
.wpforms-container .wpforms-submit {
  height: 52px;
  padding: 18px 24px;
  border-radius: .375rem;
  font-family: 'opensans-extrabold', sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border: 1px solid #000000;
  cursor: pointer;
  background: #129d46;
  color: #ffffff;
  transition: .25s ease;
}
@media (max-width: 768px) {
  .wpforms-container .wpforms-submit {
    width: 100%;
    justify-content: center;
  }
}
.wpforms-container .wpforms-submit:hover {
  background: #1d7d41;
  transform: scale3d(0.98, 0.98, 1.01);
}
.wpforms-container .wpforms-submit:hover.wpforms-disabled {
  cursor: not-allowed;
  transform: unset;
  background: #1d7d41;
}
.wpforms-container .wpforms-submit.wpforms-disabled {
  cursor: not-allowed;
}
.wpforms-container .wpforms-field-radio {
  margin: 1.4rem 0 1.4rem 0;
}
.wpforms-container .wpforms-submit-container {
  margin-top: 1.4rem;
}
.wpforms-container .wpforms-confirmation-container {
  border: 1px solid #1e7940;
  background: rgba(46, 190, 0, 0.1);
  border-radius: 6px;
  padding: 6px 10px;
}
.wpforms-container .wpforms-confirmation-container p {
  color: #ffffff;
  line-height: 1.6;
}
.wpforms-container-full:not(:empty) {
  padding: 0;
  margin: 0;
}
.wpforms-submit-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 38px;
  width: 38px;
}