/* Colori (la numerazione va da chiaro a scuro) */
/* Breakpoint */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hide-accessible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

html, input, button, textarea {
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: #303030;
  font-size: 16px;
}

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'DINNextRoundedLTW01', sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
}

p {
  line-height: 1.45;
}

/*h1, h2, h3, h4, h5, h6, p, li, span, a {
	letter-spacing: 0.7px;
}*/
blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

*:focus {
  outline: initial !important;
}

a {
  text-decoration: none;
  color: #39A935;
}

strong {
  font-weight: 600;
}

/*p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
			
	&:hover {
		@include opacity(0.75);
	}
}*/
hr {
  border: 0;
  border-top: 2px dotted #303030;
  height: 0;
  margin: 0 0 25px;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: 0;
}

em {
  font-style: italic;
}

.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.fade-box .lazyload,
.fade-box .lazyloading {
  opacity: 0;
  transition: opacity 400ms;
}

.fade-box img.lazyloaded {
  opacity: 1;
}

/*.hide-accessible, .hide-accessibile {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}*/
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;
  backface-visibility: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-transform: translateZ(0);
  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: .87;
  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, visibility 0s linear .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, visibility 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;
  text-align: center;
  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;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  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: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -.25em;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide--image {
  overflow: visible;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px 6px 0 6px;
}

.fancybox-slide--iframe {
  padding: 44px 44px 0;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 6px 0;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  padding: 24px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  margin: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .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--html .fancybox-content {
  margin-bottom: 6px;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  margin: 0;
  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;
  height: calc(100% - 44px);
  margin-bottom: 44px;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  vertical-align: top;
}

.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;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  outline: none;
  padding: 10px;
  transition: color .2s;
  vertical-align: top;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff;
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
}

.fancybox-button svg {
  display: block;
  overflow: visible;
  position: relative;
  shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3;
}

.fancybox-button--play svg path:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg path:nth-child(1) {
  display: none;
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
  fill: currentColor;
}

.fancybox-button--share svg path {
  stroke-width: 1;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  height: 38px;
  opacity: 0;
  padding: 6px;
  position: absolute;
  top: 50%;
  width: 38px;
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
  transition: opacity .25s, visibility 0s, color .25s;
}

.fancybox-navigation .fancybox-button::after {
  content: '';
  left: -25px;
  padding: 50px;
  position: absolute;
  top: -25px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 6px;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #555;
  cursor: pointer;
  height: 44px;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10;
}

.fancybox-close-small svg {
  fill: transparent;
  opacity: .8;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: stroke .1s;
}

.fancybox-close-small:focus {
  outline: none;
}

.fancybox-close-small:hover svg {
  opacity: 1;
}

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  color: #ccc;
  padding: 5px;
  right: -12px;
  top: -44px;
}

.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg,
.fancybox-slide--iframe .fancybox-close-small:hover svg {
  background: transparent;
  color: #fff;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none;
}

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0;
}

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1;
}

.fancybox-caption::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0;
}

.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 {
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  border: 6px solid rgba(100, 100, 100, 0.5);
  border-radius: 100%;
  border-top-color: #fff;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: .6;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  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;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/* 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: #fff;
  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: transparent;
  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 > ul {
  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 > ul {
  overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs > ul > li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fancybox-thumbs > ul > li:before {
  border: 4px solid #4ea7f9;
  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.94);
  z-index: 99991;
}

.fancybox-thumbs .fancybox-thumbs-active:before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px);
  }
}
/* 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;
  margin-left: auto;
  margin-right: auto;
}

.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;
}

.img-arrow-right-black {
  background-image: url(../images//arrow-right-black.png);
  background-size: 8px 14px;
  width: 8px;
  height: 14px;
  display: inline-block;
}

.img-arrow-right-black.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 175%;
}

.img-arrow-right-white {
  background-image: url(../images//arrow-right-white.png);
  background-size: 8px 14px;
  width: 8px;
  height: 14px;
  display: inline-block;
}

.img-arrow-right-white.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 175%;
}

.img-email {
  background-image: url(../images//email.png);
  background-size: 14px 10px;
  width: 14px;
  height: 10px;
  display: inline-block;
}

.img-email.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 71.42857%;
}

.img-email-white {
  background-image: url(../images//email-white.png);
  background-size: 14px 10px;
  width: 14px;
  height: 10px;
  display: inline-block;
}

.img-email-white.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 71.42857%;
}

.img-facebook-footer {
  background-image: url(../images//facebook-footer.png);
  background-size: 7px 13px;
  width: 7px;
  height: 13px;
  display: inline-block;
}

.img-facebook-footer.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 185.71429%;
}

.img-facebook-header {
  background-image: url(../images//facebook-header.png);
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.img-facebook-header.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 100%;
}

.img-facebook-white {
  background-image: url(../images//facebook-white.png);
  background-size: 7px 13px;
  width: 7px;
  height: 13px;
  display: inline-block;
}

.img-facebook-white.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 185.71429%;
}

.img-logo--footer {
  background-image: url(../images//logo--footer.png);
  background-size: 263px 71px;
  width: 263px;
  height: 71px;
  display: inline-block;
}

.img-logo--footer.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 26.9962%;
}

.img-logo-footer {
  background-image: url(../images//logo-footer.png);
  background-size: 196px 73px;
  width: 196px;
  height: 73px;
  display: inline-block;
}

.img-logo-footer.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 37.2449%;
}

.img-logo--footer-v2 {
  background-image: url(../images//logo--footer-v2.png);
  background-size: 263px 71px;
  width: 263px;
  height: 71px;
  display: inline-block;
}

.img-logo--footer-v2.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 26.9962%;
}

.img-logo-header {
  background-image: url(../images//logo-header.png);
  background-size: 274px 65px;
  width: 274px;
  height: 65px;
  display: inline-block;
}

.img-logo-header.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 23.72263%;
}

.img-logo-vetro {
  background-image: url(../images//logo-vetro.png);
  background-size: 274px 65px;
  width: 274px;
  height: 65px;
  display: inline-block;
}

.img-logo-vetro.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 23.72263%;
}

.img-phone {
  background-image: url(../images//phone.png);
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.img-phone.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 100%;
}

.img-phone-white {
  background-image: url(../images//phone-white.png);
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.img-phone-white.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 100%;
}

.img-send {
  background-image: url(../images//send.png);
  background-size: 22px 16px;
  width: 22px;
  height: 16px;
  display: inline-block;
}

.img-send.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 72.72727%;
}

.img-twitter-footer {
  background-image: url(../images//twitter-footer.png);
  background-size: 15px 12px;
  width: 15px;
  height: 12px;
  display: inline-block;
}

.img-twitter-footer.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 80%;
}

.img-twitter-header {
  background-image: url(../images//twitter-header.png);
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.img-twitter-header.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 100%;
}

.img-twitter-white {
  background-image: url(../images//twitter-white.png);
  background-size: 12px 10px;
  width: 12px;
  height: 10px;
  display: inline-block;
}

.img-twitter-white.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 83.33333%;
}

.img-zaki-sign {
  background-image: url(../images//zaki-sign.png);
  background-size: 96px 16px;
  width: 96px;
  height: 16px;
  display: inline-block;
}

.img-zaki-sign.aspect-ratio {
  box-sizing: border-box;
  height: 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 16.66667%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .img-arrow-right-black {
    background-image: url(../images//arrow-right-black@2x.png);
  }

  .img-arrow-right-white {
    background-image: url(../images//arrow-right-white@2x.png);
  }

  .img-email {
    background-image: url(../images//email@2x.png);
  }

  .img-email-white {
    background-image: url(../images//email-white@2x.png);
  }

  .img-facebook-footer {
    background-image: url(../images//facebook-footer@2x.png);
  }

  .img-facebook-header {
    background-image: url(../images//facebook-header@2x.png);
  }

  .img-facebook-white {
    background-image: url(../images//facebook-white@2x.png);
  }

  .img-logo--footer {
    background-image: url(../images//logo--footer@2x.png);
  }

  .img-logo-footer {
    background-image: url(../images//logo-footer@2x.png);
  }

  .img-logo--footer-v2 {
    background-image: url(../images//logo--footer-v2@2x.png);
  }

  .img-logo-header {
    background-image: url(../images//logo-header@2x.png);
  }

  .img-logo-vetro {
    background-image: url(../images//logo-vetro@2x.png);
  }

  .img-phone {
    background-image: url(../images//phone@2x.png);
  }

  .img-phone-white {
    background-image: url(../images//phone-white@2x.png);
  }

  .img-send {
    background-image: url(../images//send@2x.png);
  }

  .img-twitter-footer {
    background-image: url(../images//twitter-footer@2x.png);
  }

  .img-twitter-header {
    background-image: url(../images//twitter-header@2x.png);
  }

  .img-twitter-white {
    background-image: url(../images//twitter-white@2x.png);
  }

  .img-zaki-sign {
    background-image: url(../images//zaki-sign@2x.png);
  }
}
/* Basi del sistema di colonne */
/*.row {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 10px;
	
	.row {
		margin-bottom: 0;
	}
	
	&.custom-margin {
		margin-bottom: 40px;
	}
	&.custom-margin-little {
		margin-bottom: 10px;
	}
	&.with-no-margin {
		margin-bottom: 0;
	}
	
	.no-margin-element {
		margin-bottom: 0 !important;
	}
	
	.col {
		padding-left: 15px;
		padding-right: 15px;
		float: left;
		
		&.no-margin {
			margin-bottom: 0;
		}
	}
	
	&.row-special-margins {
		margin-left: -10px;
		margin-right: -10px;
		padding-bottom: 15px;
		
		.col {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	
	&.row-special-margins--style2 {
		margin-left: -7px;
		margin-right: -7px;
		padding-bottom: 16px;
		
		.col {
			padding-left: 7px;
			padding-right: 7px;
			
			> a {
				margin-bottom: 14px;
			}
		}
	}
}*/
/* Colonne standard */
.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66666%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66666%;
}

.col-12 {
  width: 100%;
}

.col-12 {
  float: none !important;
}

.col-0-7 {
  width: 7.6923%;
}

/* Colonne desktop piccoli */
@media (max-width: 1099px) {
  .col-ds-1 {
    width: 8.33333%;
  }

  .col-ds-2 {
    width: 16.66667%;
  }

  .col-ds-3 {
    width: 25%;
  }

  .col-ds-4 {
    width: 33.33333%;
  }

  .col-ds-5 {
    width: 41.66666%;
  }

  .col-ds-6 {
    width: 50%;
  }

  .col-ds-7 {
    width: 58.33333%;
  }

  .col-ds-8 {
    width: 66.66666%;
  }

  .col-ds-9 {
    width: 75%;
  }

  .col-ds-10 {
    width: 83.33333%;
  }

  .col-ds-11 {
    width: 91.66666%;
  }

  .col-ds-12 {
    width: 100%;
  }

  .col-ds-12 {
    float: none !important;
  }
}
/* Colonne tablet */
@media (max-width: 959px) {
  .col-t-1 {
    width: 8.33333%;
  }

  .col-t-2 {
    width: 16.66667%;
  }

  .col-t-3 {
    width: 25%;
  }

  .col-t-4 {
    width: 33.33333%;
  }

  .col-t-5 {
    width: 41.66666%;
  }

  .col-t-6 {
    width: 50%;
  }

  .col-t-7 {
    width: 58.33333%;
  }

  .col-t-8 {
    width: 66.66666%;
  }

  .col-t-9 {
    width: 75%;
  }

  .col-t-10 {
    width: 83.33333%;
  }

  .col-t-11 {
    width: 91.66666%;
  }

  .col-t-12 {
    width: 100%;
  }

  .col-t-12 {
    float: none !important;
  }

  .hidden-tablet, .not-active-mobile {
    display: none;
  }

  .no-margin-tablet {
    margin: 0 0 10px !important;
  }
}
@media (min-width: 960px) {
  .visible-tablet {
    display: none;
  }
}
/* Colonne dispositivo medio */
@media (max-width: 699px) {
  .col-m-1 {
    width: 8.33333%;
  }

  .col-m-2 {
    width: 16.66667%;
  }

  .col-m-3 {
    width: 25%;
  }

  .col-m-4 {
    width: 33.33333%;
  }

  .col-m-5 {
    width: 41.66666%;
  }

  .col-m-6 {
    width: 50%;
  }

  .col-m-7 {
    width: 58.33333%;
  }

  .col-m-8 {
    width: 66.66666%;
  }

  .col-m-9 {
    width: 75%;
  }

  .col-m-10 {
    width: 83.33333%;
  }

  .col-m-11 {
    width: 91.66666%;
  }

  .col-m-12 {
    width: 100%;
  }

  .col-m-12 {
    float: none !important;
  }

  .hidden-medium {
    display: none !important;
  }
}
@media (min-width: 700px) {
  .visible-medium {
    display: none !important;
  }
}
/* Colonne smartphone normali */
@media (max-width: 549px) {
  .col-s-1 {
    width: 8.33333%;
  }

  .col-s-2 {
    width: 16.66667%;
  }

  .col-s-3 {
    width: 25%;
  }

  .col-s-4 {
    width: 33.33333%;
  }

  .col-s-5 {
    width: 41.66666%;
  }

  .col-s-6 {
    width: 50%;
  }

  .col-s-7 {
    width: 58.33333%;
  }

  .col-s-8 {
    width: 66.66666%;
  }

  .col-s-9 {
    width: 75%;
  }

  .col-s-10 {
    width: 83.33333%;
  }

  .col-s-11 {
    width: 91.66666%;
  }

  .col-s-12 {
    width: 100%;
  }

  .col-s-12 {
    float: none !important;
  }
}
/* Colonne smartphone piccoli */
@media (max-width: 399px) {
  .col-ss-1 {
    width: 8.33333%;
  }

  .col-ss-2 {
    width: 16.66667%;
  }

  .col-ss-3 {
    width: 25%;
  }

  .col-ss-4 {
    width: 33.33333%;
  }

  .col-ss-5 {
    width: 41.66666%;
  }

  .col-ss-6 {
    width: 50%;
  }

  .col-ss-7 {
    width: 58.33333%;
  }

  .col-ss-8 {
    width: 66.66666%;
  }

  .col-ss-9 {
    width: 75%;
  }

  .col-ss-10 {
    width: 83.33333%;
  }

  .col-ss-11 {
    width: 91.66666%;
  }

  .col-ss-12 {
    width: 100%;
  }

  .col-ss-12 {
    float: none !important;
  }
}
@font-face {
  font-family: 'dinalternate';
  src: url("../webfonts/din-alternate/dinmediumalternate-webfont.woff2") format("woff2"), url("../webfonts/din-alternate/dinmediumalternate-webfont.woff") format("woff"), url("../webfonts/din-alternate/dinmediumalternate-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINNextRoundedLTW01';
  src: url("../webfonts/din-next/DINNextRoundedLTW01-Medium.eot");
  src: url("../webfonts/din-next/DINNextRoundedLTW01-Medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/din-next/DINNextRoundedLTW01-Medium.woff2") format("woff2"), url("../webfonts/din-next/DINNextRoundedLTW01-Medium.woff") format("woff"), url("../webfonts/din-next/DINNextRoundedLTW01-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINNextRoundedLTW01';
  src: url("../webfonts/din-next/DINNextRoundedLTW01-Bold.eot");
  src: url("../webfonts/din-next/DINNextRoundedLTW01-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/din-next/DINNextRoundedLTW01-Bold.woff2") format("woff2"), url("../webfonts/din-next/DINNextRoundedLTW01-Bold.woff") format("woff"), url("../webfonts/din-next/DINNextRoundedLTW01-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINNextRoundedLTW01';
  src: url("../webfonts/din-next/DINNextRoundedLTW01-Light.eot");
  src: url("../webfonts/din-next/DINNextRoundedLTW01-Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/din-next/DINNextRoundedLTW01-Light.woff2") format("woff2"), url("../webfonts/din-next/DINNextRoundedLTW01-Light.woff") format("woff"), url("../webfonts/din-next/DINNextRoundedLTW01-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT Std Cn';
  src: url("../webfonts/helveticaneue/HelveticaNeueLTStd-CnO.woff2") format("woff2"), url("../webfonts/helveticaneue/HelveticaNeueLTStd-CnO.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT Std Lt Cn';
  src: url("../webfonts/helveticaneue/HelveticaNeueLTStd-LtCn.woff2") format("woff2"), url("../webfonts/helveticaneue/HelveticaNeueLTStd-LtCn.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT Std Lt Cn';
  src: url("../webfonts/helveticaneue/HelveticaNeueLTStd-LtCn.woff2") format("woff2"), url("../webfonts/helveticaneue/HelveticaNeueLTStd-LtCn.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT Std Cn';
  src: url("../webfonts/helveticaneue/HelveticaNeueLTStd-BdCn.woff2") format("woff2"), url("../webfonts/helveticaneue/HelveticaNeueLTStd-BdCn.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT Std Cn';
  src: url("../webfonts/helveticaneue/HelveticaNeueLTStd-Cn.woff2") format("woff2"), url("../webfonts/helveticaneue/HelveticaNeueLTStd-Cn.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT Std Cn';
  src: url("../webfonts/helveticaneue/HelveticaNeueLTStd-Cn.woff2") format("woff2"), url("../webfonts/helveticaneue/HelveticaNeueLTStd-Cn.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT Std Cn';
  src: url("../webfonts/helveticaneue/HelveticaNeueLTStd-BdCn.woff2") format("woff2"), url("../webfonts/helveticaneue/HelveticaNeueLTStd-BdCn.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINCond-BoldAlternate';
  src: url("../webfonts/dinalternate/DINCond-BoldAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DINCond-BoldAlternate.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINCond-BlackAlternate';
  src: url("../webfonts/dinalternate/DINCond-BlackAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DINCond-BlackAlternate.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN-RegularItalicAlt';
  src: url("../webfonts/dinalternate/DIN-RegularItalicAlt.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-RegularItalicAlt.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DIN';
  src: url("../webfonts/dinalternate/DIN-MediumAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-MediumAlternate.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN';
  src: url("../webfonts/dinalternate/DIN-RegularAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-RegularAlternate.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN-LightItalicAlt';
  src: url("../webfonts/dinalternate/DIN-LightItalicAlt.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-LightItalicAlt.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DIN';
  src: url("../webfonts/dinalternate/DIN-LightAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-LightAlternate.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINCond-RegularAlternate';
  src: url("../webfonts/dinalternate/DINCond-RegularAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DINCond-RegularAlternate.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN-BoldItalicAlt';
  src: url("../webfonts/dinalternate/DIN-BoldItalicAlt.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-BoldItalicAlt.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DIN';
  src: url("../webfonts/dinalternate/DIN-BlackAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-BlackAlternate.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN';
  src: url("../webfonts/dinalternate/DIN-BoldAlternate.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-BoldAlternate.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN-MediumItalicAlt';
  src: url("../webfonts/dinalternate/DIN-MediumItalicAlt.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-MediumItalicAlt.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'DIN-BlackItalicAlt';
  src: url("../webfonts/dinalternate/DIN-BlackItalicAlt.woff2") format("woff2"), url("../webfonts/dinalternate/DIN-BlackItalicAlt.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
.with-transition, #container #header #top-bar .menu-menu-principale-container > ul > li > ul, #container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul, #footer .row .wrapper .footer-newsletter form button[type="submit"], #main .page-content .row .wrapper article.post form input[type="submit"] {
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
}

.only-mobile,
.only-desktop,
.only-bigdesktop {
  display: none;
}

@media (max-width: 550px) {
  .only-mobile {
    display: block;
  }
}
@media (min-width: 551px) and (max-width: 2400px) {
  .only-desktop {
    display: block;
  }
}
@media (min-width: 2401px) {
  .only-bigdesktop {
    display: block;
  }
}
body {
  background-color: #e1e1e1;
}

#container {
  background-color: #F9F9F9;
  max-width: 1360px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
#container #pre-header {
  width: 100%;
  background-color: #1A1A1A;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  padding: 9px 0px;
  font-family: Roboto, arial;
  text-align: right;
}
#container #pre-header .img-email-white {
  transform: translateY(-1px);
}
#container #pre-header .img-twitter-white {
  transform: translateY(1px);
}
#container #pre-header .row {
  max-width: 1160px;
  margin: 0 auto;
}
#container #pre-header a {
  color: inherit;
  display: inline-block;
}
#container #pre-header a.margin {
  margin-right: 20px;
}
#container #pre-header a.big-margin {
  margin-right: 30px;
}
#container #pre-header a.bigger-margin {
  margin-right: 50px;
}
#container #pre-header a:last-child span {
  margin-right: 0;
}
@media screen and (max-width: 450px) {
  #container #pre-header {
    text-align: center;
    font-size: 0;
  }
  #container #pre-header a.margin {
    margin-right: 20px;
  }
  #container #pre-header a.big-margin {
    margin-right: 20px;
  }
  #container #pre-header a.bigger-margin {
    margin-right: 20px;
  }
}
#container #pre-header span {
  vertical-align: middle;
  margin-right: 9px;
  min-height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}
#container #pre-header .wrapper {
  padding: 0px 20px;
}
#container #header #top-bar {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0px;
  position: relative;
  z-index: 9999;
}
#container #header #top-bar .img-logo-vetro {
  transform: translateY(2px);
}
#container #header #top-bar .wrapper {
  padding: 0 20px;
}
#container #header #top-bar #top-contacts-socials {
  top: 25px;
  right: 20px;
  text-align: right;
  position: absolute;
}
#container #header #top-bar #top-contacts-socials div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 0;
}
#container #header #top-bar #top-contacts-socials div.first {
  width: 132px;
  text-align: left;
}
#container #header #top-bar #top-contacts-socials div.first a {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 2px;
}
#container #header #top-bar #top-contacts-socials div.first a .icon-phone,
#container #header #top-bar #top-contacts-socials div.first a .icon-email {
  margin-right: 6px;
  top: -1px;
  position: relative;
}
#container #header #top-bar #top-contacts-socials div a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 20px;
  color: #303030;
}
#container #header #top-bar .menu-menu-principale-container {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "DIN", sans-serif !important;
}
@media screen and (max-width: 1180px) {
  #container #header #top-bar .menu-menu-principale-container {
    top: 100%;
    background-color: #F9F9F9;
    right: 0;
    width: 100%;
    text-align: center;
  }
  #container #header #top-bar .menu-menu-principale-container > ul > li {
    display: inline-block;
  }
  #container #header #top-bar .menu-menu-principale-container > ul > li:first-child {
    margin-left: 0;
  }
  #container #header #top-bar .menu-menu-principale-container > ul > li > a {
    line-height: 30px !important;
  }
}
@media screen and (max-width: 900px) {
  #container #header #top-bar .menu-menu-principale-container {
    transform: none;
    background-color: rgba(10, 72, 8, 0.85);
  }
}
#container #header #top-bar .menu-menu-principale-container > ul > li {
  margin-left: 40px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
#container #header #top-bar .menu-menu-principale-container > ul > li > a {
  border-bottom: 5px solid transparent;
  font-family: "DIN", sans-serif !important;
  display: block;
  color: #303030;
  font-weight: 700;
  line-height: 85px;
  font-size: 14px;
}
#container #header #top-bar .menu-menu-principale-container > ul > li:hover > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current_page_item > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current-page-item > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current-post-ancestor > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current-menu-parent > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current-post-parent > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current_post_ancestor > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current_menu_parent > a, #container #header #top-bar .menu-menu-principale-container > ul > li.current_post_parent > a {
  color: #ABC898;
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: #eeeeee;
  top: 88px;
  left: -20px;
  z-index: 200;
  list-style: none;
  list-style-type: none;
}
@media screen and (max-width: 1050px) {
  #container #header #top-bar .menu-menu-principale-container > ul > li > ul {
    top: 35px;
  }
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul li:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 16px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul .menu-item-has-children:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 15px;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li {
  width: 250px;
  display: block;
  position: relative;
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > a {
  height: 40px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  display: block;
  color: #303030;
  line-height: 40px;
  padding-left: 20px;
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: #eeeeee;
  top: 0;
  left: 250px;
  z-index: 200;
  list-style: none;
  list-style-type: none;
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul li:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 16px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul .menu-item-has-children:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 15px;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul > li {
  width: 250px;
  display: block;
  position: relative;
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul > li > a {
  height: 40px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  display: block;
  color: #303030;
  line-height: 40px;
  padding-left: 20px;
}
#container #header #top-bar .menu-menu-principale-container > ul > li > ul > li:hover > ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  pointer-events: initial;
}
#container #header #top-bar .menu-menu-principale-container > ul > li:hover > ul {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  pointer-events: initial;
}
#container #header #top-slider,
#container #header #top-slider-internal {
  width: 100%;
  display: block;
  border-top: 1px solid #ffffff;
}
#container #header #top-slider .slide,
#container #header #top-slider-internal .slide {
  height: 632px;
  position: relative;
  overflow: hidden;
}
#container #header #top-slider .slide .slide-bg,
#container #header #top-slider-internal .slide .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#container #header #top-slider .slide .slide-content,
#container #header #top-slider-internal .slide .slide-content {
  margin: 0 auto;
  padding: 13% 20px 0;
  max-width: 1160px;
  width: 100%;
  text-align: right;
}
#container #header #top-slider .slide .slide-content .slide-content-box,
#container #header #top-slider-internal .slide .slide-content .slide-content-box {
  padding: 40px 32px;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  max-width: 490px;
  width: 100%;
  text-align: left;
  position: relative;
  padding-right: 78px;
  z-index: 100;
}
#container #header #top-slider .slide .slide-content .slide-content-box h3,
#container #header #top-slider-internal .slide .slide-content .slide-content-box h3 {
  font-family: "dinalternate", sans-serif;
  line-height: 35px;
  font-size: 40px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
}
#container #header #top-slider .slide .slide-content .slide-content-box p,
#container #header #top-slider-internal .slide .slide-content .slide-content-box p {
  margin-bottom: 20px;
}
#container #header #top-slider .slide .slide-content .slide-content-box p a,
#container #header #top-slider-internal .slide .slide-content .slide-content-box p a {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  position: relative;
  padding-right: 40px;
  display: block;
}
#container #header #top-slider .slide .slide-content .slide-content-box p a span,
#container #header #top-slider-internal .slide .slide-content .slide-content-box p a span {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#container #header #top-slider .slide .slide-content .slide-content-box a.link,
#container #header #top-slider-internal .slide .slide-content .slide-content-box a.link {
  font-family: 'DINNextRoundedLTW01';
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
}
#container #header #top-slider-internal .slide {
  height: 278px;
}
#container #header #top-slider-internal .slide .slide-bg:after {
  content: ' ';
  width: 45%;
  height: 100%;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
}
#container #header #top-slider-internal .slide .slide-content {
  position: relative;
  z-index: 20;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  padding: 65px 20px;
  text-align: left;
}
#container #header #top-slider-internal .slide .slide-content h5 {
  font-size: 40px;
  font-family: "dinalternate", sans-serif;
  color: #ffffff;
  margin-bottom: 0px;
}
#container #header #top-slider-internal .slide .slide-content p {
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
}
#container #header #top-bar-news {
  width: 100%;
  background-color: #E8E8E8;
  position: relative;
}
#container #header #top-bar-news:before {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -18px;
  background-color: #ACC898;
}
#container #header #top-bar-news:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 13.3333%;
  bottom: -18px;
  background-color: #ACC898;
}
#container #header #top-bar-news .row {
  height: 120px;
  position: relative;
}
#container #header #top-bar-news .row:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 26.6666%;
  bottom: -18px;
  background-color: #ACC898;
}
#container #header #top-bar-news .row .wrapper {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  padding: 35px 20px 20px;
}
#container #header #top-bar-news .row .wrapper h1,
#container #header #top-bar-news .row .wrapper h3 {
  font-size: 40px;
  font-family: "dinalternate", sans-serif;
}
#container #header #home-news-box {
  background-color: #1A1A1A;
  padding: 0;
  position: relative;
  margin-bottom: 18px;
}
#container #header #home-news-box:before {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -18px;
  background-color: #FFDC32;
  content: ' ';
}
#container #header #home-news-box:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 13.3333%;
  bottom: -18px;
  background-color: #35A8E0;
  content: ' ';
}
#container #header #home-news-box .row {
  position: relative;
}
#container #header #home-news-box .row:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 26.6666%;
  bottom: -18px;
  background-color: #39A935;
  content: ' ';
}
#container #header #home-news-box .row .wrapper {
  max-width: 1160px;
  margin: 0 auto;
  padding: 35px 20px;
  min-height: 90px;
  position: relative;
}
#container #header #home-news-box .row h4 {
  width: 180px;
  font-size: 40px;
  font-weight: 500;
  font-family: "dinalternate", sans-serif;
  line-height: 35px;
  position: absolute;
  top: 35px;
  left: 20px;
  color: #ffffff;
}
#container #header #home-news-box .row .news-space {
  margin-left: 200px;
  border-left: 1px solid #ffffff;
}
#container #header #home-news-box .row .news-space .single-news {
  width: 33.3333%;
  float: left;
  border-right: 1px solid #ffffff;
  min-height: 85px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
#container #header #home-news-box .row .news-space .single-news time {
  font-family: "DINNextRoundedLTW01", sans-serif;
  font-size: 12px;
  color: #ffffff;
}
#container #header #home-news-box .row .news-space .single-news h5 a {
  font-family: "DINNextRoundedLTW01", sans-serif;
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
}
#container #header #home-news-box .row .news-space .single-news .icon-arrow-right-white {
  position: absolute;
  color: #fff;
  right: 20px;
  bottom: 2px;
}

#logo-top {
  width: 196px;
  height: 73px;
  background-size: 196px 73px;
  background-image: url("../images/logo-header.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

/*#logo-bottom {
	width: 196px;
	height: 73px;
	background-size: 196px 73px;
	background-image: url('../images/logo-footer.png');
	background-position: center center;
	background-repeat: no-repeat;
	@include inline-block;
	position: relative;
}*/
.icon-arrow-right-black, #container #header #top-bar .menu-menu-principale-container > ul > li > ul li:after, #container #header #top-bar .menu-menu-principale-container > ul > li > ul .menu-item-has-children:after, #container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul li:after, #container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul .menu-item-has-children:after {
  background-image: url("../images/arrow-right-black.png");
  width: 8px;
  height: 14px;
  background-size: 8px 14px;
  background-position: center center;
  background-repeat: no-repeat;
  color: #000;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-arrow-right-white {
  background-image: url("../images/arrow-right-white.png");
  width: 8px;
  height: 14px;
  background-size: 8px 14px;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-email {
  background-image: url("../images/email.png");
  width: 14px;
  height: 10px;
  background-size: 14px 10px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-facebook-footer {
  background-image: url("../images/facebook-footer.png");
  width: 7px;
  height: 13px;
  background-size: 7px 13px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-facebook-header {
  background-image: url("../images/facebook-header.png");
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-phone {
  background-image: url("../images/phone.png");
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-send {
  background-image: url("../images/send.png");
  width: 22px;
  height: 16px;
  background-size: 22px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-twitter-footer {
  background-image: url("../images/twitter-footer.png");
  width: 15px;
  height: 12px;
  background-size: 15px 12px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.icon-twitter-header {
  background-image: url("../images/twitter-header.png");
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-top {
    background-image: url("../images/logo-header@2x.png");
  }

  /*#logo-bottom {
  	background-image: url('../images/logo-footer@2x.png');
  }*/
  .icon-arrow-right-black, #container #header #top-bar .menu-menu-principale-container > ul > li > ul li:after, #container #header #top-bar .menu-menu-principale-container > ul > li > ul .menu-item-has-children:after, #container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul li:after, #container #header #top-bar .menu-menu-principale-container > ul > li > ul > li > ul .menu-item-has-children:after {
    background-image: url("../images/arrow-right-black@2x.png");
  }

  .icon-arrow-right-white {
    background-image: url("../images/arrow-right-white@2x.png");
  }

  .icon-email {
    background-image: url("../images/email@2x.png");
  }

  .icon-facebook-footer {
    background-image: url("../images/facebook-footer@2x.png");
  }

  .icon-facebook-header {
    background-image: url("../images/facebook-header@2x.png");
  }

  .icon-phone {
    background-image: url("../images/phone@2x.png");
  }

  .icon-send {
    background-image: url("../images/send@2x.png");
  }

  .icon-twitter-footer {
    background-image: url("../images/twitter-footer@2x.png");
  }

  .icon-twitter-header {
    background-image: url("../images/twitter-header@2x.png");
  }
}
/*.only-mobile, .only-desktop, .only-bigdesktop {
	display: none;
}

@media (max-width: 550px) {
	.only-mobile {
		display: block;
	}
}
@media (min-width: 551px) and (max-width: 2400px) {
	.only-desktop {
		display: block;
	}
}
@media (min-width: 2401px) {
	.only-bigdesktop {
		display: block;
	}
}

#container {
	max-width: 1920px;
	background-color: #ffffff;
	overflow: hidden;
	width: 100%;
	display: block;
	margin: 0 auto;
	min-height: 500px;
	padding-top: 90px;

	#top-bar {
		max-width: 1920px;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-color: $blue;
		height: 90px;
		z-index: 100;

		#logo-top {
			width: 239px;
			height: 63px;
			background-size: 239px 63px;
			background-image: url('../images/logo-top.png');
			background-position: center center;
			background-repeat: no-repeat;
			@include inline-block;
			position: relative;

			&:before {
				content: ' ';
				position: absolute;
				left: 269px;
				top: 12px;
				height: 36px;
				width: 1px;
				font-size: 0;
				background-color: $white;
				@include opacity(0.5);
			}
			&:after {
				content: 'Industrie grassi lubrificanti';
				position: absolute;
				left: 300px;
				top: 32px;
				text-transform: uppercase;
				font-family: $font;
				font-size: em(14);
				font-weight: 300;
				color: $white;
				letter-spacing: 1.4px;
				@include opacity(0.8);
				width: 250px;
			}
		}

		.wrapper {
			padding: 12px 20px 5px;
			max-width: 1780px;
			width: 100%;
			box-sizing: border-box;
			margin: 0 auto;
		}

		#mini-menu {
			float: right;
			padding-right: 5px;
			padding-top: 22px;

			> li {
				@include inline-block;
				padding: 0 35px;
				border-left: 1px solid $white;

				&.first {
					border-left: 0 !important;
					padding-right: 26px;

					.wpml-ls-legacy-dropdown-click {
						width: auto !important;
					}

					.js-wpml-ls-sub-menu.wpml-ls-sub-menu {
						border: 2px solid $white !important;
						@include border-radius(4px);
						margin-top: 3px;
					}
				}

				a {
					color: #ffffff;
					text-transform: uppercase;
					font-size: em(14);
					position: relative;
					top: -1px;
					display: block;
				}
			}
		}

		#open-menu {
			background-color: $darkblue2;
			width: 95px;
			height: 90px;
			position: absolute;
			top: 0;
			right: 0;
			text-align: center;
			cursor: pointer;

			span {
				width: 27px;
				@include inline-block;
				position: relative;
				height: 18px;
				border-top: 2px solid $green;
				border-bottom: 2px solid $green;
				margin-top: 36px;
				@include opacity(0.75);

				@extend .with-transition;

				&:after {
					border-top: 2px solid $green;
					content: ' ';
					height: 0;
					left: 0;
					right: 0;
					top: 6px;
					position: absolute;
				}
			}

			&:hover {
				span {
					@include opacity(1);
				}
			}
		}

		#collapsable-menu {
			width: 462px;
			height: 808px;
			background-color: $darkblue2;
			top: 90px;
			right: 0;
			position: absolute;
			display: none;

			> div > ul {
				padding: 56px 38px;
				list-style: none;

				> li {
					margin-bottom: 25px;

					> a {
						font-size: em(17);
						text-transform: uppercase;
						color: $green;
						font-weight: 600;
					}

					> ul {
						list-style: disc;
						color: #ffffff;
						padding-top: 5px;
						padding-left: 25px;

						li, a {
							color: #ffffff;
							font-size: 17px;
						}
					}
				}
			}
		}
	}

	#top-slider, #top-slider-internal {
		width: 100%;
		display: block;

		.slide {
			height: 808px;
			position: relative;
			overflow: hidden;
			background-color: #111111;

			.slide-bg {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-position: center center;
				background-size: cover;
				background-repeat: no-repeat;
				@include opacity(0.75);

				&:after {
					content: ' ';
					width: 500px;
					height: 500px;
					border: 600px solid $overlayblue;
					position: absolute;
					top: -890px;
					left: -890px;
					@include border-radius(1100px);
				}
			}

			.slide-content {
				top: 25%;
				left: 20px;
				right: 20px;
				position: absolute;
				z-index: 5;
				text-align: center;

				> span {
					margin-bottom: 25px;
				}

				h1, h2, h3, h4, h5 {
					font-size: em(52);
					font-weight: 600;
					text-transform: uppercase;
					color: $white;
					letter-spacing: 8px;
					text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
					margin-bottom: 32px;
				}
			}
		}
	}

	#top-slider-internal {
		.slide {
			height: 404px;

			.slide-content {
				top: 40%;
			}

			.slide-bg {
				&:after {
					content: ' ';
					width: 250px;
					height: 250px;
					border: 300px solid $overlayblue;
					position: absolute;
					top: -445px;
					left: -445px;
					@include border-radius(550px);
				}
			}
		}
	}

	.slick-dots {
		text-align: center;
		bottom: 55px;
		display: block;
		position: absolute;
		z-index: 10;
		left: 0;
		right: 0;
		width: 100%;

		li {
			@include inline-block;
			margin: 0 6px;

			button {
				width: 12px;
				height: 12px;
				@include border-radius(2px);
				background-color: transparent;
				padding: 0;
				font-size: 0;
				border: 2px solid $white;
				cursor: pointer;
				@include rotate(45deg);
			}

			&.slick-active button, button:hover {
				background-color: $green;
				border: 0;
			}
		}
	}
}

.logo-alone {
	width: 57px;
	height: 61px;
	background-size: 57px 61px;
	background-image: url('../images/logo-alone.png');
	background-position: center center;
	background-repeat: no-repeat;
	@include inline-block;
}

.more-button {
	background-color: $green;
	font-size: 15px;
	font-weight: 600;
	color: $blue;
	text-transform: uppercase;
	box-sizing: border-box;
	height: 43px;
	min-width: 186px;
	padding: 0 20px;
	@include inline-block;
	line-height: 43px;
	@include border-radius(7px);
	text-align: center;
	letter-spacing: 0.7px;

	&:hover {
		color: $white;
		background-color: $blue;
	}
}

#main {
	display: block;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#container {
		#top-bar {
			#logo-top {
				background-image: url('../images/logo-top@2x.png');
			}
		}
	}
	.logo-alone {
		background-image: url('../images/logo-alone@2x.png');
	}
}

@media (max-height: 898px) {
	#collapsable-menu {
		bottom: 0 !important;
		height: calc(100vh - 90px) !important;
		overflow-y: auto;

		-ms-overflow-style: none; 
		scrollbar-width: none; 
	}

	#collapsable-menu::-webkit-scrollbar {
		display: none;
	}
}

@media (max-width: 1940px) {
	#container #top-bar .wrapper {
		margin-left: 70px;
		margin-right: 75px;
		width: auto;
	}
}

@media (max-width: 1500px) {
	#container #top-bar .wrapper {
		margin-left: 0;
	}
	#container #top-bar #mini-menu > li.first {
		padding-right: 11px;
	}
	#container #top-bar #mini-menu > li {
		padding: 0 20px;
	}
}

@media (max-width: 1250px) {
	#container #top-bar #logo-top:before, 
	#container #top-bar #logo-top:after {
		display: none;
	}
}

@media (max-width: 980px) {
	#container #top-slider .slide {
		height: 550px;
	}
	#container #top-slider-internal .slide {
		height: 250px;
	}

	#container #top-slider .slide .slide-content {
		top: 18%;

		h3 {
			font-size: em(30);
		}
	} 
	#container #top-slider-internal .slide .slide-content {
		h1 {
			font-size: em(30);
		}
	}
}

@media (max-width: 900px) {
	#container #top-bar #mini-menu {
		display: none;
	}
}

@media (max-width: 600px) {
	#container #top-bar #logo-top {
		@include transform(scale(0.7));
		-moz-transform-origin: left top;
	    -ms-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    transform-origin: left top;
	}

	#container #top-bar {
		height: 70px;
	}

	#container #top-bar #open-menu {
		width: 73px;
		height: 70px;
	}
	#container #top-bar #open-menu span {
		margin-top: 26px;
	}

	#container #top-bar #collapsable-menu {
		bottom: 0 !important;
		height: calc(100vh - 70px) !important;
		overflow-y: auto;
		top: 70px !important;
		width: 300px;

		-ms-overflow-style: none; 
		scrollbar-width: none;
	}

	#container #top-bar #collapsable-menu > div > ul {
		padding: 30px 25px !important;
	}

	#container {
		padding-top: 70px !important;
	}

	#container #top-slider .slide {
		height: 400px;
	}

	#container #top-slider-internal .slide {
		height: 140px;
	}

	#container #top-slider .slide .slide-content {
		top: 10% !important;

		h3 {
			font-size: em(20);
			line-height: 30px;
			letter-spacing: 1px;
		}
	}
	#container #top-slider-internal .slide .slide-content {
		h1 {
			font-size: em(20);
			line-height: 30px;
			letter-spacing: 1px;
		}
	}

	#container .slick-dots {
		bottom: 30px;
	}

	#container .slick-dots li button {
		width: 18px;
		height: 18px;
	}
	#container .slick-dots li {
		margin: 0 10px;
	}
}*/
#footer {
  background-color: #1A1A1A;
}
#footer .row {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}
#footer .row .wrapper {
  padding: 45px 20px 20px;
}
#footer .row .wrapper #footer-logo {
  padding: 6px 0;
  float: left;
  margin-bottom: 20px;
}
#footer .row .wrapper #footer-logo img {
  width: 196px;
  height: 73px;
}
#footer .row .wrapper .footer-pages-list {
  float: left;
  margin-top: 15px;
  border-right: 1px solid #707070;
  padding-left: 39px;
  padding-right: 39px;
  margin-bottom: 20px;
}
#footer .row .wrapper .footer-pages-list.last {
  border-right: 0;
}
#footer .row .wrapper .footer-pages-list h6 {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 10px;
  font-weight: 600;
}
#footer .row .wrapper .footer-pages-list p,
#footer .row .wrapper .footer-pages-list li {
  font-size: 12px;
  color: #eeeeee;
  font-weight: 300;
  line-height: 24px;
}
#footer .row .wrapper .footer-pages-list p a,
#footer .row .wrapper .footer-pages-list li a {
  color: #eeeeee;
}
#footer .row .wrapper .footer-pages-list p {
  margin-bottom: 0;
}
#footer .row .wrapper .footer-pages-list ul {
  margin-bottom: 0;
  list-style: none;
  list-style-type: none;
}
#footer .row .wrapper .footer-newsletter {
  width: 270px;
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}
#footer .row .wrapper .footer-newsletter h6 {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 10px;
  font-weight: 600;
}
#footer .row .wrapper .footer-newsletter form {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
#footer .row .wrapper .footer-newsletter form input[type="email"] {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
}
#footer .row .wrapper .footer-newsletter form button[type="submit"] {
  position: absolute;
  top: 0;
  right: -1px;
  height: 40px;
  width: 60px;
  background-color: #39A935;
  text-align: center;
  line-height: 40px;
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
}
#footer .row .wrapper .footer-newsletter form button[type="submit"]:hover {
  background-color: #40bc3b;
}
#footer .row .wrapper .footer-newsletter .icon-facebook-footer {
  margin-right: 15px;
}
#footer .row .wrapper .footer-newsletter .icon-twitter-footer {
  margin-top: 1px;
}

#site-closure {
  background-color: #232323;
}
#site-closure .row {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}
#site-closure .row .wrapper {
  padding: 16px 20px;
  text-align: right;
}
#site-closure .row .wrapper p {
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
  text-align: left;
  float: left;
}
#site-closure .row .wrapper a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: right;
}

@media (max-width: 1400px) {
  #footer .row .wrapper #footer-certifications {
    width: 100%;
    text-align: left;
    float: none;
    display: block;
    clear: both;
    padding-top: 20px;
  }
  #footer .row .wrapper #footer-certifications img {
    margin-left: 0;
    margin-right: 10px;
  }

  #footer .row .wrapper {
    padding: 56px 20px 50px;
  }
}
@media (max-width: 1050px) {
  #footer .row .wrapper #footer-infos {
    width: 300px;
  }
}
@media (max-width: 950px) {
  #footer .row .wrapper #footer-logo {
    width: 100%;
    text-align: center;
  }

  #footer .row .wrapper #footer-infos {
    padding-left: 0 !important;
  }
}
@media (max-width: 700px) {
  #footer .row .wrapper #footer-certifications {
    display: none;
  }

  #footer .row .wrapper #footer-infos,
  #footer .row .wrapper #footer-links,
  #footer .row .wrapper #footer-socials {
    width: 100%;
    border-right: 0;
    height: auto !important;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 30px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #footer .row .wrapper {
    padding-top: 36px;
    padding-bottom: 20px;
  }

  #footer .row .wrapper #footer-socials {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  #footer .row .wrapper #footer-socials a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 1.625em;
  }

  #bottom-map {
    height: 400px !important;
  }

  .marker-blue,
  .marker-green {
    width: 108.5px !important;
    height: 108.5px !important;
  }

  #footer .row .wrapper #footer-logo {
    display: none;
  }
}
#main .big-deco-image {
  height: 638px;
  width: 100%;
  position: relative;
}
#main .big-deco-image .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#main .big-deco-image .slide-content {
  margin: 0 auto;
  padding: 8% 75px 0;
  max-width: 1160px;
  width: 100%;
  text-align: right;
}
#main .big-deco-image .slide-content .slide-content-box {
  padding: 40px 32px 25px;
  background-color: rgba(0, 0, 0, 0.65);
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  max-width: 438px;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 100;
}
#main .big-deco-image .slide-content .slide-content-box h3 {
  font-family: "dinalternate", sans-serif;
  line-height: 35px;
  font-size: 40px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 550px) {
  #main .big-deco-image .slide-content .slide-content-box h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
#main .big-deco-image .slide-content .slide-content-box p {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
}
#main .big-deco-image .slide-content .slide-content-box p {
  margin-bottom: 20px;
  display: block;
  text-align: left;
}
#main .big-deco-image .slide-content .slide-content-box p a.box-link {
  color: #ffffff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  display: block;
  text-align: right;
  margin-top: 75px;
}
@media screen and (max-width: 700px) {
  #main .big-deco-image {
    height: auto;
    padding-bottom: 0px;
  }
  #main .big-deco-image .slide-content {
    padding: 20px;
  }
}
#main #consiglio-amministrazione {
  background-color: #1A1A1A;
  position: relative;
  		/*&:before {
  			width: 13.3333%;
  			height: 18px;
  			display: block;
  			position: absolute;
  			left: 0;
  			bottom: 0;
  			background-color: $yellow;
  			content: ' ';
  			z-index: 100;
  		}
  
  		&:after {
  			width: 13.3333%;
  			height: 18px;
  			display: block;
  			position: absolute;
  			left: 13.3333%;
  			bottom: 0;
  			background-color: $blue;
  			content: ' ';
  			z-index: 100;
  		}*/
}
#main #consiglio-amministrazione .row {
  position: relative;
  /*&:after {
  	width: 13.3333%;
  	height: 18px;
  	display: block;
  	position: absolute;
  	left: 26.6666%;
  	bottom: 0;
  	background-color: $green;
  	content: ' ';
  	z-index: 100;
  }*/
}
#main #consiglio-amministrazione .row .wrapper {
  max-width: 1160px;
  margin: 0 auto;
  padding: 75px 20px;
}
#main #consiglio-amministrazione .row .wrapper p {
  color: #ffffff;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-left {
  float: left;
  width: 50%;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-left .single-big {
  margin-bottom: 30px;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-left .single-big img {
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 25px;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-left .single-big p {
  font-weight: 300;
  padding-top: 25px;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-left .single-big p strong {
  font-weight: 600;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-right {
  float: left;
  width: 50%;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-right p.first-child {
  margin-bottom: 20px;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-right > div {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 20px;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-right .single-medium {
  float: left;
  width: 25%;
  margin-bottom: 25px;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-right .single-medium > * {
  padding-left: 15px;
  padding-right: 15px;
}
#main #consiglio-amministrazione .row .wrapper #consiglio-right .single-medium img {
  display: block;
  margin-bottom: 15px;
}
#main #consiglio-amministrazione .row .wrapper h5 {
  font-size: 40px;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ffffff;
  max-width: 550px;
  font-family: "dinalternate", sans-serif;
  color: #ffffff;
}
#main .classic-block {
  background-color: #E8E8E8;
}
#main .classic-block.flag-in {
  position: relative;
}
#main .classic-block.flag-in:before {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #FFDC32;
  content: ' ';
  z-index: 100;
}
#main .classic-block.flag-in:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 13.3333%;
  bottom: 0;
  background-color: #35A8E0;
  content: ' ';
  z-index: 100;
}
#main .classic-block.flag-in .row {
  position: relative;
}
#main .classic-block.flag-in .row:after {
  width: 18%;
  height: 18px;
  display: block;
  position: absolute;
  left: 26.6666%;
  bottom: 0;
  background-color: #39A935;
  content: ' ';
  z-index: 100;
}
#main .classic-block.flag-out {
  position: relative;
}
#main .classic-block.flag-out:before {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -18px;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}
#main .classic-block.flag-out:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 13.3333%;
  bottom: -18px;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}
#main .classic-block.flag-out .row {
  position: relative;
}
#main .classic-block.flag-out .row:after {
  width: 18%;
  height: 18px;
  display: block;
  position: absolute;
  left: 26.6666%;
  bottom: -18px;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}
#main .classic-block.without-flag {
  position: relative;
}
#main .classic-block .row .wrapper {
  max-width: 1160px;
  margin: 0 auto;
  padding: 62px 20px 70px;
}
#main .classic-block .side-deco-img {
  position: absolute;
  left: 0;
  right: 55.5%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 100;
}
#main .classic-block .side-deco-img .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#main .classic-block .row {
  min-height: 640px;
}
#main .classic-block .block-right {
  padding-left: 63.5%;
  padding-top: 7%;
}
#main .classic-block .block-right.no-padding-top {
  padding-top: 0;
}
#main .classic-block .block-right h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 25px;
  font-family: "dinalternate", sans-serif;
  position: relative;
}
#main .classic-block .block-right h3 span {
  font-family: "DINNextRoundedLTW01", sans-serif;
}
#main .classic-block .block-right h3:before {
  font-size: 0;
  width: 60%;
  bottom: 26px;
  left: -65%;
  border-bottom: 1px solid #303030;
  content: ' ';
  position: absolute;
  z-index: 30;
}
#main .classic-block .block-right h3:after {
  width: 8px;
  height: 8px;
  font-size: 0;
  content: ' ';
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #303030;
  left: -5.95%;
  bottom: 23px;
  position: absolute;
}
#main .classic-block .block-right p {
  font-size: 15px;
  font-weight: 300;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#main .classic-block .block-right p strong,
#main .classic-block .block-right p b {
  font-weight: 600;
}
#main .classic-block.black {
  background-color: #1A1A1A;
  background-color: #1A1A1A;
}
#main .classic-block.black h3 {
  color: #ffffff;
}
#main .classic-block.black h3:before {
  border-bottom-color: #ffffff;
}
#main .classic-block.black h3:after {
  background-color: #ffffff;
}
#main .classic-block.black p {
  color: #ffffff;
}
#main .about-us-block.flag-in,
#main .points-block.flag-in {
  position: relative;
}
#main .about-us-block.flag-in:before,
#main .points-block.flag-in:before {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}
#main .about-us-block.flag-in:after,
#main .points-block.flag-in:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 13.3333%;
  bottom: 0;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}
#main .about-us-block.flag-in .row,
#main .points-block.flag-in .row {
  position: relative;
}
#main .about-us-block.flag-in .row:after,
#main .points-block.flag-in .row:after {
  width: 18%;
  height: 18px;
  display: block;
  position: absolute;
  left: 26.6666%;
  bottom: 0;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}
#main .about-us-block.flag-out,
#main .points-block.flag-out {
  position: relative;
}
#main .about-us-block.flag-out:before,
#main .points-block.flag-out:before {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -18px;
  background-color: #FFDC32;
  content: ' ';
  z-index: 100;
}
#main .about-us-block.flag-out:after,
#main .points-block.flag-out:after {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 13.3333%;
  bottom: -18px;
  background-color: #35A8E0;
  content: ' ';
  z-index: 100;
}
#main .about-us-block.flag-out .row,
#main .points-block.flag-out .row {
  position: relative;
}
#main .about-us-block.flag-out .row:after,
#main .points-block.flag-out .row:after {
  width: 18%;
  height: 18px;
  display: block;
  position: absolute;
  left: 26.6666%;
  bottom: -18px;
  background-color: #39A935;
  content: ' ';
  z-index: 100;
}
#main .about-us-block.without-flag,
#main .points-block.without-flag {
  position: relative;
}
#main .about-us-block .row .wrapper,
#main .points-block .row .wrapper {
  max-width: 1160px;
  margin: 0 auto;
  padding: 62px 20px 70px;
}
#main .about-us-block .row .wrapper h3,
#main .points-block .row .wrapper h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "dinalternate", sans-serif;
}
#main .about-us-block .row .wrapper h3 span,
#main .points-block .row .wrapper h3 span {
  font-family: "DINNextRoundedLTW01", sans-serif;
}
#main .about-us-block .row .wrapper .block-text,
#main .points-block .row .wrapper .block-text {
  width: 43.3%;
  float: left;
  padding: 55px 40px 10px 0;
  border-top: 1px solid #303030;
  border-right: 1px solid #303030;
  position: relative;
  background-color: #f9f9f9;
  z-index: 50;
}
@media screen and (max-width: 750px) {
  #main .about-us-block .row .wrapper .block-text.full-mobile,
  #main .points-block .row .wrapper .block-text.full-mobile {
    width: 100%;
  }
}
#main .about-us-block .row .wrapper .block-text.no-border,
#main .points-block .row .wrapper .block-text.no-border {
  border: 0;
}
#main .about-us-block .row .wrapper .block-text.no-border-right,
#main .points-block .row .wrapper .block-text.no-border-right {
  border-right: 0;
}
#main .about-us-block .row .wrapper .block-text.no-padding,
#main .points-block .row .wrapper .block-text.no-padding {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-bottom: 0;
}
#main .about-us-block .row .wrapper .block-text:after,
#main .points-block .row .wrapper .block-text:after {
  width: 20px;
  height: 109px;
  bottom: 0;
  right: -10px;
  background-color: #f9f9f9;
  content: ' ';
  position: absolute;
}
#main .about-us-block .row .wrapper .block-text p,
#main .points-block .row .wrapper .block-text p {
  font-size: 15px;
  font-weight: 300;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#main .about-us-block .row .wrapper .block-text p strong,
#main .about-us-block .row .wrapper .block-text p b,
#main .points-block .row .wrapper .block-text p strong,
#main .points-block .row .wrapper .block-text p b {
  font-weight: 600;
}
#main .about-us-block .row .wrapper .block-points,
#main .points-block .row .wrapper .block-points {
  float: left;
  width: 56.7%;
  list-style: none;
  list-style-type: none;
  margin-bottom: 0;
  counter-reset: list;
  border-left: 1px solid #303030;
  padding-top: 60px;
}
#main .about-us-block .row .wrapper .block-points.home-icons-list,
#main .points-block .row .wrapper .block-points.home-icons-list {
  position: relative;
  border-left: 0;
}
#main .about-us-block .row .wrapper .block-points.home-icons-list:before,
#main .points-block .row .wrapper .block-points.home-icons-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 60px;
  background-color: #303030;
}
#main .about-us-block .row .wrapper .block-points.home-icons-list li,
#main .points-block .row .wrapper .block-points.home-icons-list li {
  border-left: 1px solid #303030;
  position: relative;
  z-index: 50;
}
#main .about-us-block .row .wrapper .block-points.home-icons-list li p,
#main .about-us-block .row .wrapper .block-points.home-icons-list li h5,
#main .points-block .row .wrapper .block-points.home-icons-list li p,
#main .points-block .row .wrapper .block-points.home-icons-list li h5 {
  padding-left: 100px;
}
@media screen and (max-width: 750px) {
  #main .about-us-block .row .wrapper .block-points.home-icons-list li img,
  #main .points-block .row .wrapper .block-points.home-icons-list li img {
    margin-top: 0;
  }
}
@media screen and (max-width: 550px) {
  #main .about-us-block .row .wrapper .block-points.home-icons-list,
  #main .points-block .row .wrapper .block-points.home-icons-list {
    padding-top: 20px;
  }
  #main .about-us-block .row .wrapper .block-points.home-icons-list li img,
  #main .points-block .row .wrapper .block-points.home-icons-list li img {
    margin-top: -13px;
  }
}
#main .about-us-block .row .wrapper .block-points.long-list,
#main .points-block .row .wrapper .block-points.long-list {
  padding-top: 0;
  border-left: 0;
}
#main .about-us-block .row .wrapper .block-points.long-list.show-list-mobile,
#main .points-block .row .wrapper .block-points.long-list.show-list-mobile {
  display: none;
  z-index: 51;
  position: relative;
}
@media screen and (max-width: 900px) {
  #main .about-us-block .row .wrapper .block-points.long-list,
  #main .points-block .row .wrapper .block-points.long-list {
    display: none;
  }
  #main .about-us-block .row .wrapper .block-points.long-list.show-list-mobile,
  #main .points-block .row .wrapper .block-points.long-list.show-list-mobile {
    display: block;
  }
}
@media screen and (max-width: 550px) {
  #main .about-us-block .row .wrapper .block-points.long-list,
  #main .points-block .row .wrapper .block-points.long-list {
    margin-top: 70px;
  }
}
#main .about-us-block .row .wrapper .block-points.long-list li,
#main .points-block .row .wrapper .block-points.long-list li {
  padding-left: 13%;
  border-left: 1px solid #303030;
}
#main .about-us-block .row .wrapper .block-points.long-list li::before,
#main .points-block .row .wrapper .block-points.long-list li::before {
  width: 10%;
}
#main .about-us-block .row .wrapper .block-points.long-list li::after,
#main .points-block .row .wrapper .block-points.long-list li::after {
  left: 9.7%;
}
#main .about-us-block .row .wrapper .block-points li,
#main .points-block .row .wrapper .block-points li {
  padding-top: 10px;
  padding-left: 36%;
  position: relative;
}
#main .about-us-block .row .wrapper .block-points li:last-child,
#main .points-block .row .wrapper .block-points li:last-child {
  border-left: 0;
}
#main .about-us-block .row .wrapper .block-points li .zk-half,
#main .points-block .row .wrapper .block-points li .zk-half {
  width: 50%;
  float: left;
  transform: translateY(-50px);
}
#main .about-us-block .row .wrapper .block-points li .zk-half.full,
#main .points-block .row .wrapper .block-points li .zk-half.full {
  width: 100%;
}
@media screen and (max-width: 750px) {
  #main .about-us-block .row .wrapper .block-points li .zk-half,
  #main .points-block .row .wrapper .block-points li .zk-half {
    transform: translateY(-16px);
  }
}
#main .about-us-block .row .wrapper .block-points li:before,
#main .points-block .row .wrapper .block-points li:before {
  font-size: 0;
  width: 33%;
  top: 0;
  left: -1px;
  border-bottom: 1px solid #303030;
  content: ' ';
  position: absolute;
  z-index: 30;
}
#main .about-us-block .row .wrapper .block-points li:after,
#main .points-block .row .wrapper .block-points li:after {
  width: 8px;
  height: 8px;
  font-size: 0;
  content: ' ';
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #303030;
  left: 33%;
  top: -3px;
  position: absolute;
}
@media screen and (max-width: 550px) {
  #main .about-us-block .row .wrapper .block-points li,
  #main .points-block .row .wrapper .block-points li {
    padding-left: 20px !important;
  }
  #main .about-us-block .row .wrapper .block-points li .zk-half,
  #main .points-block .row .wrapper .block-points li .zk-half {
    transform: none;
    text-align: center;
    box-sizing: border-box;
    padding: 0px 10px;
    padding-top: 0px;
    position: relative;
    counter-increment: list;
  }
  #main .about-us-block .row .wrapper .block-points li .zk-half .centered,
  #main .points-block .row .wrapper .block-points li .zk-half .centered {
    padding-top: 20px;
    padding-left: 45px;
    top: -14px;
  }
  #main .about-us-block .row .wrapper .block-points li:before, #main .about-us-block .row .wrapper .block-points li:after,
  #main .points-block .row .wrapper .block-points li:before,
  #main .points-block .row .wrapper .block-points li:after {
    top: 50%;
    transform: translateY(-50%);
    display: none;
  }
}
#main .about-us-block .row .wrapper .block-points li img,
#main .about-us-block .row .wrapper .block-points li span.number,
#main .points-block .row .wrapper .block-points li img,
#main .points-block .row .wrapper .block-points li span.number {
  float: left;
  width: 100px;
  height: 100px;
  display: block;
  font-weight: 700;
}
#main .about-us-block .row .wrapper .block-points li span.number,
#main .points-block .row .wrapper .block-points li span.number {
  background-color: #dddddd;
  width: 50px;
  height: 50px;
  border: 15px solid #f9f9f9;
  box-sizing: content-box;
  font-size: 35px;
  line-height: 50px;
  text-align: center;
  font-family: "HelveticaNeueLT Std Cn", sans-serif;
}
#main .about-us-block .row .wrapper .block-points li h5,
#main .points-block .row .wrapper .block-points li h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  padding-top: 20px;
}
#main .about-us-block .row .wrapper .block-points li h5.centered,
#main .points-block .row .wrapper .block-points li h5.centered {
  font-family: "dinalternate", sans-serif;
  padding-top: 28px;
}
#main .about-us-block .row .wrapper .block-points li p,
#main .points-block .row .wrapper .block-points li p {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 0;
}
#main .about-us-block.black,
#main .points-block.black {
  background-color: #1A1A1A;
  background-color: #1A1A1A;
}
#main .about-us-block.black .row .wrapper h3,
#main .points-block.black .row .wrapper h3 {
  color: #ffffff;
}
#main .about-us-block.black .row .wrapper .block-text,
#main .points-block.black .row .wrapper .block-text {
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  background-color: #1A1A1A;
  background-color: #1A1A1A;
}
#main .about-us-block.black .row .wrapper .block-text.no-border,
#main .points-block.black .row .wrapper .block-text.no-border {
  border: 0;
}
#main .about-us-block.black .row .wrapper .block-text.no-border-right,
#main .points-block.black .row .wrapper .block-text.no-border-right {
  border-right: 0;
}
#main .about-us-block.black .row .wrapper .block-text.no-padding,
#main .points-block.black .row .wrapper .block-text.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
#main .about-us-block.black .row .wrapper .block-text:after,
#main .points-block.black .row .wrapper .block-text:after {
  width: 20px;
  height: 45px;
  bottom: 0;
  right: -10px;
  background-color: #1A1A1A;
  content: ' ';
  position: absolute;
}
#main .about-us-block.black .row .wrapper .block-text p,
#main .points-block.black .row .wrapper .block-text p {
  color: #ffffff;
}
#main .about-us-block.black .row .wrapper .block-points li:before,
#main .points-block.black .row .wrapper .block-points li:before {
  border-bottom: 1px solid #ffffff;
}
#main .about-us-block.black .row .wrapper .block-points li:after,
#main .points-block.black .row .wrapper .block-points li:after {
  background-color: #ffffff;
}
#main .about-us-block.black .row .wrapper .block-points li span.number,
#main .points-block.black .row .wrapper .block-points li span.number {
  background-color: #707070;
  width: 50px;
  height: 50px;
  border: 25px solid #1A1A1A;
  box-sizing: content-box;
  color: #ffffff;
  font-size: 35px;
  line-height: 50px;
  text-align: center;
}
#main .about-us-block.black .row .wrapper .block-points li h5,
#main .points-block.black .row .wrapper .block-points li h5 {
  color: #ffffff;
}
#main .about-us-block.black .row .wrapper .block-points li p,
#main .points-block.black .row .wrapper .block-points li p {
  color: #ffffff;
}
#main .flag-out + .classic-block .row .wrapper h3,
#main .flag-out + .points-block .row .wrapper h3 {
  padding-top: 18px;
}
#main .page-content .row {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}
#main .page-content .row .wrapper {
  padding: 85px 20px 50px;
}
#main .page-content .row .wrapper h1,
#main .page-content .row .wrapper h2.like-h1 {
  font-size: 40px;
  line-height: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #303030;
  margin-bottom: 50px;
  font-family: "dinalternate", sans-serif;
}
#main .page-content .row .wrapper article.post {
  /*&.with-sidebar {
  	width: 57%;
  	margin-right: 7%;
  	float: left;
  }*/
}
#main .page-content .row .wrapper article.post.with-sidebar h2.like-h1 {
  margin-bottom: 65px;
}
#main .page-content .row .wrapper article.post time {
  color: #555555;
  font-weight: 300;
  margin-bottom: 25px;
  display: block;
}
#main .page-content .row .wrapper article.post p,
#main .page-content .row .wrapper article.post ul,
#main .page-content .row .wrapper article.post ol {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 25px;
  line-height: 20px;
}
#main .page-content .row .wrapper article.post p strong,
#main .page-content .row .wrapper article.post ul strong,
#main .page-content .row .wrapper article.post ol strong {
  font-weight: 600;
}
#main .page-content .row .wrapper article.post p a,
#main .page-content .row .wrapper article.post ul a,
#main .page-content .row .wrapper article.post ol a {
  color: #39A935;
}
#main .page-content .row .wrapper article.post p a.zk-white,
#main .page-content .row .wrapper article.post ul a.zk-white,
#main .page-content .row .wrapper article.post ol a.zk-white {
  color: #fff;
}
#main .page-content .row .wrapper article.post ol {
  list-style: decimal;
}
#main .page-content .row .wrapper article.post ul,
#main .page-content .row .wrapper article.post ol {
  margin-left: 20px;
}
#main .page-content .row .wrapper article.post.main h2,
#main .page-content .row .wrapper article.post.main h3,
#main .page-content .row .wrapper article.post.main h4,
#main .page-content .row .wrapper article.post.main h5,
#main .page-content .row .wrapper article.post.main h6 {
  margin-bottom: 20px;
  color: #39A935;
}
#main .page-content .row .wrapper article.post.main h2 {
  font-size: 21px;
}
#main .page-content .row .wrapper article.post.main h3 {
  font-size: 19px;
}
#main .page-content .row .wrapper article.post.main h4,
#main .page-content .row .wrapper article.post.main h5,
#main .page-content .row .wrapper article.post.main h6 {
  font-size: 17px;
  color: #1A1A1A;
}
#main .page-content .row .wrapper article.post #attachments {
  list-style: none;
  list-style-type: none;
  margin-bottom: 23px;
  margin-left: 0;
}
#main .page-content .row .wrapper article.post #attachments li {
  margin-bottom: 2px;
}
#main .page-content .row .wrapper article.post #attachments li a {
  color: #1A1A1A;
  font-size: 15px;
  font-weight: 500;
}
#main .page-content .row .wrapper article.post #attachments li a span {
  margin-right: 6px;
  top: -1px;
  position: relative;
}
#main .page-content .row .wrapper article.post form {
  padding-top: 20px;
  margin-bottom: 25px;
  margin-left: -10px;
  margin-right: -10px;
  max-width: 40%;
  width: 100%;
  float: left;
}
#main .page-content .row .wrapper article.post form input[type="text"],
#main .page-content .row .wrapper article.post form input[type="email"],
#main .page-content .row .wrapper article.post form input[type="tel"],
#main .page-content .row .wrapper article.post form textarea {
  border: 1px solid #E0E0E0;
  background-color: #ffffff;
  margin-bottom: 18px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 300;
  font-family: "DINNextRoundedLTW01", sans-serif;
}
#main .page-content .row .wrapper article.post form input[type="file"] {
  margin-bottom: 25px;
  margin-top: -5px;
}
#main .page-content .row .wrapper article.post form textarea {
  height: 150px;
  padding: 15px 20px;
  line-height: 20px;
}
#main .page-content .row .wrapper article.post form .wpcf7-not-valid-tip {
  display: none !important;
}
#main .page-content .row .wrapper article.post form .half-space {
  clear: both;
}
#main .page-content .row .wrapper article.post form .half-space > * {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  float: left;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#main .page-content .row .wrapper article.post form .half-space > * input {
  max-width: 100%;
}
#main .page-content .row .wrapper article.post form .full-space {
  clear: both;
}
#main .page-content .row .wrapper article.post form .full-space > * {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  display: block;
}
#main .page-content .row .wrapper article.post form .full-space > * label,
#main .page-content .row .wrapper article.post form .full-space > * textarea,
#main .page-content .row .wrapper article.post form .full-space > * input {
  max-width: 100%;
}
#main .page-content .row .wrapper article.post form .full-space > * label,
#main .page-content .row .wrapper article.post form .full-space > * textarea {
  width: 100%;
}
#main .page-content .row .wrapper article.post form .full-space > * label {
  font-size: 15px;
  font-weight: 300;
  font-family: "DINNextRoundedLTW01", sans-serif;
}
#main .page-content .row .wrapper article.post form .full-space label {
  font-size: 15px;
  font-weight: 300;
  font-family: "DINNextRoundedLTW01", sans-serif;
}
#main .page-content .row .wrapper article.post form span.wpcf7-list-item {
  margin-left: 0;
}
#main .page-content .row .wrapper article.post form input[type="submit"] {
  margin-top: 20px;
  margin-left: 10px;
  width: 188px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  background-color: #1A1A1A;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
  border: 0;
  cursor: pointer;
}
#main .page-content .row .wrapper article.post form input[type="submit"]:hover {
  background-color: #272727;
}
#main .page-content .row .wrapper article.post form input[type="submit"]:disabled {
  cursor: not-allowed;
  background-color: #1A1A1A !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
#main .page-content .row .wrapper article.post iframe {
  max-width: 50%;
  float: right;
}
#main .page-content .row .wrapper #sidebar,
#main .page-content .row .wrapper .secondary-sidebar {
  width: 42%;
  float: right;
  padding-left: 7%;
  margin-bottom: 30px;
  background-color: #f9f9f9;
}
#main .page-content .row .wrapper #sidebar #side-menu,
#main .page-content .row .wrapper .secondary-sidebar #side-menu {
  background-color: #1A1A1A;
  padding: 32px 30px;
  position: relative;
  margin-bottom: 25px;
  margin-top: -110px;
}
#main .page-content .row .wrapper #sidebar #side-menu:after,
#main .page-content .row .wrapper .secondary-sidebar #side-menu:after {
  content: ' ';
  background-color: #1A1A1A;
  top: 0;
  width: 500px;
  bottom: 0;
  height: 100%;
  right: -488px;
  position: absolute;
}
#main .page-content .row .wrapper #sidebar #side-menu ul,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul {
  list-style: none;
  list-style-type: none;
  margin-left: 36px;
  margin-bottom: 0;
  font-family: "DIN", sans-serif;
}
#main .page-content .row .wrapper #sidebar #side-menu ul li,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul li {
  color: #ffffff;
  font-size: 20.5px;
  font-weight: 300;
  padding: 8px 0;
  position: relative;
}
#main .page-content .row .wrapper #sidebar #side-menu ul li:before,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul li:before {
  content: ' ';
  position: absolute;
  width: 14px;
  height: 14px;
  border: 1px solid #ffffff;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  top: 11px;
  left: -30px;
}
#main .page-content .row .wrapper #sidebar #side-menu ul li.current,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul li.current {
  font-weight: 400;
}
#main .page-content .row .wrapper #sidebar #side-menu ul li.current:before,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul li.current:before {
  background-color: #ffffff;
}
#main .page-content .row .wrapper #sidebar #side-menu ul li.current a,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul li.current a {
  font-family: "DIN", sans-serif;
}
#main .page-content .row .wrapper #sidebar #side-menu ul li.indented,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul li.indented {
  margin-left: 20px;
}
#main .page-content .row .wrapper #sidebar #side-menu ul li a,
#main .page-content .row .wrapper .secondary-sidebar #side-menu ul li a {
  color: #ffffff;
}
#main .page-content .row .wrapper #sidebar #side-gallery img,
#main .page-content .row .wrapper #sidebar .secondary-gallery img,
#main .page-content .row .wrapper .secondary-sidebar #side-gallery img,
#main .page-content .row .wrapper .secondary-sidebar .secondary-gallery img {
  width: 100%;
}
#main .page-content .row .wrapper #sidebar #side-gallery .slick-dots,
#main .page-content .row .wrapper #sidebar .secondary-gallery .slick-dots,
#main .page-content .row .wrapper .secondary-sidebar #side-gallery .slick-dots,
#main .page-content .row .wrapper .secondary-sidebar .secondary-gallery .slick-dots {
  margin-left: 0 !important;
  padding-top: 10px;
}
#main .page-content .row .wrapper #sidebar #side-gallery .slick-dots li,
#main .page-content .row .wrapper #sidebar .secondary-gallery .slick-dots li,
#main .page-content .row .wrapper .secondary-sidebar #side-gallery .slick-dots li,
#main .page-content .row .wrapper .secondary-sidebar .secondary-gallery .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
}
#main .page-content .row .wrapper #sidebar #side-gallery .slick-dots li button,
#main .page-content .row .wrapper #sidebar .secondary-gallery .slick-dots li button,
#main .page-content .row .wrapper .secondary-sidebar #side-gallery .slick-dots li button,
#main .page-content .row .wrapper .secondary-sidebar .secondary-gallery .slick-dots li button {
  font-size: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #303030;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
}
#main .page-content .row .wrapper #sidebar #side-gallery .slick-dots li.slick-active button,
#main .page-content .row .wrapper #sidebar .secondary-gallery .slick-dots li.slick-active button,
#main .page-content .row .wrapper .secondary-sidebar #side-gallery .slick-dots li.slick-active button,
#main .page-content .row .wrapper .secondary-sidebar .secondary-gallery .slick-dots li.slick-active button {
  background-color: #303030;
}
#main .page-content .row .wrapper .secondary-sidebar.on-left {
  width: 38%;
  float: left;
  padding-right: 3% !important;
  padding-left: 0 !important;
  margin-bottom: 10px;
}
#main .page-content .row .wrapper .secondary-sidebar.on-right {
  width: 38%;
  float: left;
  padding-left: 3% !important;
  padding-left: 0 !important;
  margin-bottom: 10px;
}

.only-mobile-gallery img {
  width: 100%;
}
.only-mobile-gallery .slick-dots {
  margin-left: 0 !important;
  padding-top: 10px;
}
.only-mobile-gallery .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
}
.only-mobile-gallery .slick-dots li button {
  font-size: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #303030;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
}
.only-mobile-gallery .slick-dots li.slick-active button {
  background-color: #303030;
}

.page-content + .page-content .wrapper {
  padding-top: 5px !important;
}

#news-space .row {
  width: 100%;
  margin: 0 auto;
}
#news-space .row .wrapper {
  padding: 0px 110px 0px;
}
@media screen and (max-width: 1250px) {
  #news-space .row .wrapper {
    padding: 0px 20px;
  }
}
#news-space .row .wrapper.gray {
  background-color: #E8E8E8;
}
@media screen and (max-width: 820px) {
  #news-space .row .wrapper.gray {
    background-color: transparent;
  }
}
#news-space .row .wrapper .graybox {
  width: 100%;
  background-color: #E8E8E8;
  height: 100px;
  float: left;
  display: none;
}
@media screen and (max-width: 820px) {
  #news-space .row .wrapper .graybox {
    display: none !important;
  }
}
#news-space .row .wrapper .single-post {
  width: 33.3333%;
  float: left;
  padding: 70px 0px 80px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 550px) {
  #news-space .row .wrapper .single-post {
    padding: 20px 10px;
    width: calc(100% + 20px) !important;
    margin: 0px -10px;
  }
  #news-space .row .wrapper .single-post:nth-child(even) {
    background-color: #E8E8E8;
  }
}
#news-space .row .wrapper .single-post > div {
  margin: 0 10px;
}
#news-space .row .wrapper .single-post > div time {
  font-size: 12px;
  font-weight: 500;
  color: #555555;
  display: block;
  margin-bottom: 5px;
}
#news-space .row .wrapper .single-post > div h4 {
  font-size: 18px;
  color: #303030;
  line-height: 20px;
  margin-bottom: 15px;
}
#news-space .row .wrapper .single-post > div h4 a {
  color: #303030;
}
#news-space .row .wrapper .single-post > div a.archive-title {
  display: block;
}
#news-space .row .wrapper .single-post > div p.article-content {
  display: block;
}
#news-space .row .wrapper .single-post > div p {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 25px;
}
#news-space .row .wrapper .single-post > div p a {
  color: #303030;
  font-weight: 600;
}
#news-space .row .wrapper .single-post > div img {
  width: 100%;
}

@media (max-width: 990px) {
  #container #header #top-slider-internal .slide .slide-content p {
    display: none;
  }
}
@media (max-width: 950px) {
  #site-closure .row .wrapper a {
    float: none;
    margin-top: 15px;
  }

  #consiglio-left {
    width: 100% !important;
    float: none !important;
  }

  #consiglio-right {
    width: 100% !important;
    float: none !important;
  }
}
@media (max-width: 820px) {
  #main #consiglio-amministrazione:before,
  #main #consiglio-amministrazione:after,
  #main #consiglio-amministrazione .row:after {
    display: none;
  }
}
@media (max-width: 550px) {
  #main #consiglio-amministrazione .row .wrapper h5 {
    font-size: 25px;
    line-height: 24px;
  }

  #main #consiglio-amministrazione .row .wrapper {
    padding: 40px 20px 40px;
  }
}
@media (max-width: 500px) {
  #main #consiglio-amministrazione .row .wrapper #consiglio-right > div {
    margin-left: -5px;
    margin-right: -5px;
  }

  #main #consiglio-amministrazione .row .wrapper #consiglio-right .single-medium > * {
    padding-left: 5px;
    padding-right: 5px;
  }

  #top-bar .img-logo-vetro {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
  }
}
@media (max-width: 400px) {
  #main #consiglio-amministrazione .row .wrapper #consiglio-left .single-big img {
    width: 100px;
    height: 100px;
  }

  #main #consiglio-amministrazione .row .wrapper #consiglio-right .single-medium {
    width: 33.3333%;
  }
}
@media (max-width: 900px) {
  #header .menu-menu-principale-container {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #39A935;
    background-color: rgba(10, 72, 8, 0.85);
    text-align: center !important;
    z-index: 99998;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 30px 20px !important;
    overflow-y: auto;
  }
  #header .menu-menu-principale-container.active {
    display: block;
  }

  .close-mobile-menu {
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    text-transform: uppercase;
    color: #ffffff;
    padding: 15px 20px;
    position: fixed;
    display: none;
    cursor: pointer;
  }
  .close-mobile-menu.active {
    display: block;
  }

  #container #header #top-bar .menu-menu-principale-container > ul > li {
    width: 100% !important;
    margin-left: 0 !important;
  }

  #container #header #top-bar .menu-menu-principale-container > ul > li > a {
    height: 42px !important;
    line-height: 42px !important;
    color: #ffffff !important;
    border: 0 !important;
  }

  body #container #header #top-bar .menu-menu-principale-container > ul > li > ul {
    display: none !important;
  }

  #container #header #top-slider .slide,
  #container #header #top-slider-internal .slide {
    height: 450px !important;
  }

  #container #header #top-slider .slide .slide-content,
  #container #header #top-slider-internal .slide .slide-content {
    padding-top: 7% !important;
  }

  #container #header #top-slider-internal .slide {
    height: 200px !important;
  }
}
body article.single-post {
  padding-bottom: 30px;
  position: relative;
  /*&:after {
  	position: absolute;
  	bottom: 0;
  	left: 10px;
  	right: 10px;
  	content: ' ';
  	font-size: 0;
  	border-top: 1px solid #cccccc;
  }*/
}

.only-mobile-gallery {
  display: none;
}

@media (max-width: 820px) {
  #container #header #home-news-box {
    height: 0 !important;
    background-color: transparent;
  }
  #container #header #home-news-box .wrapper {
    display: none !important;
  }

  #container #header #home-news-box {
    margin-bottom: 10px;
  }

  #container #header #home-news-box:before,
  #container #header #top-bar-news:before {
    width: 33.3333%;
    height: 10px;
    bottom: -10px;
  }

  #container #header #home-news-box:after,
  #container #header #top-bar-news:after {
    width: 33.3333%;
    left: 33.3333%;
    height: 10px;
    bottom: -10px;
  }

  #container #header #home-news-box .row:after,
  #container #header #top-bar-news .row:after {
    width: 33.3333%;
    left: 66.6666%;
    height: 10px;
    bottom: -10px;
  }

  #main .page-content .row .wrapper article.post iframe {
    max-width: 100% !important;
    width: 100%;
    float: none;
    height: 350px;
    margin-bottom: 35px;
  }

  #main .page-content .row .wrapper article.post form {
    max-width: none;
    width: auto !important;
  }

  body article.single-post {
    width: 50% !important;
  }

  #side-gallery {
    display: none !important;
  }

  .only-mobile-gallery {
    display: block !important;
  }
}
@media screen and (max-width: 790px) {
  #footer .row .wrapper .footer-pages-list,
  #footer .row .wrapper .footer-newsletter {
    width: 100%;
    padding-left: 0;
    border: 0;
  }
}
@media (max-width: 750px) {
  #main .about-us-block .row .wrapper .block-points li img,
  #main .about-us-block .row .wrapper .block-points li span.number,
  #main .points-block .row .wrapper .block-points li img,
  #main .points-block .row .wrapper .block-points li span.number {
    margin-top: -35px;
  }

  #main .about-us-block .row .wrapper .block-points li,
  #main .points-block .row .wrapper .block-points li {
    padding-left: 13%;
  }

  #main .about-us-block .row .wrapper .block-points li:before,
  #main .points-block .row .wrapper .block-points li:before {
    width: 8%;
  }

  #main .about-us-block .row .wrapper .block-points li:after,
  #main .points-block .row .wrapper .block-points li:after {
    left: 7.5%;
  }

  #main .about-us-block .row .wrapper .block-text,
  #main .points-block .row .wrapper .block-text {
    width: 48.7%;
  }

  #main .about-us-block .row .wrapper .block-points,
  #main .points-block .row .wrapper .block-points {
    width: 51.3%;
  }

  #main .about-us-block .row .wrapper,
  #main .points-block .row .wrapper,
  #main .classic-block.flag-out .row .wrapper {
    padding: 32px 20px 30px;
  }

  #main .classic-block.flag-in .row .wrapper {
    padding: 32px 20px 30px;
  }

  #main .classic-block.without-flag .row .wrapper {
    padding: 32px 20px 30px;
  }

  .flag-out:before, .flag-out:after,
  .flag-in:before,
  .flag-in:after {
    display: none !important;
  }
  .flag-out .row:after,
  .flag-in .row:after {
    display: none !important;
  }

  #main .classic-block .block-right {
    padding-left: 48%;
  }

  #footer .row .wrapper .footer-pages-list,
  #footer .row .wrapper .footer-newsletter {
    width: 100%;
    padding-left: 0;
    border: 0;
  }

  #container #header #top-slider-internal .slide .slide-bg:after {
    width: 100%;
  }

  #main .classic-block .block-right img {
    margin-left: initial !important;
  }

  #main .about-us-block .row .wrapper .block-points li h5.centered,
  #main .points-block .row .wrapper .block-points li h5.centered {
    text-align: left;
    position: relative;
    transform: translateY(-35px);
    padding-left: 80px;
  }
}
@media (max-width: 550px) {
  body.single-post {
    /*#main .page-content .row .wrapper h1, #main .page-content .row .wrapper h2.like-h1 {
    	margin-top: -20px;
    }*/
  }
  body.single-post #sidebar {
    display: none !important;
  }

  #main .about-us-block .row .wrapper h3,
  #main .points-block .row .wrapper h3,
  #main .classic-block .block-right h3,
  #container #header #top-bar-news .row .wrapper h1,
  #container #header #top-bar-news .row .wrapper h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }

  #main .about-us-block .row .wrapper .block-text,
  #main .points-block .row .wrapper .block-text {
    border: 0;
    width: 100%;
    padding: 0;
    float: none;
  }

  #main .about-us-block .row .wrapper .block-points,
  #main .points-block .row .wrapper .block-points {
    width: auto;
    display: block;
    float: none;
    margin-left: -22px;
  }
  #main .about-us-block .row .wrapper .block-points li,
  #main .points-block .row .wrapper .block-points li {
    padding-top: 0;
    padding-bottom: 10px;
  }
  #main .about-us-block .row .wrapper .block-points li h5,
  #main .points-block .row .wrapper .block-points li h5 {
    padding-top: 10px;
  }

  #main .classic-block .block-right {
    padding: 0 !important;
  }

  #main .classic-block .side-deco-img {
    display: none;
  }

  #main .classic-block .row {
    min-height: 300px;
  }

  #container #header #top-slider .slide .slide-content .slide-content-box h3,
  #container #header #top-slider-internal .slide .slide-content .slide-content-box h3 {
    font-size: 25px;
    line-height: 24px;
  }

  #container #header #top-slider .slide .slide-content .slide-content-box p,
  #container #header #top-slider-internal .slide .slide-content .slide-content-box p {
    line-height: 20px;
  }
  #container #header #top-slider .slide .slide-content .slide-content-box p a,
  #container #header #top-slider-internal .slide .slide-content .slide-content-box p a {
    font-size: 16px;
    line-height: 20px;
  }

  #container #header #top-slider .slide .slide-content .slide-content-box,
  #container #header #top-slider-internal .slide .slide-content .slide-content-box {
    padding: 25px 20px;
  }

  #container #header #top-slider .slide,
  #container #header #top-slider-internal .slide {
    height: 350px !important;
  }

  #container #header #top-bar #top-contacts-socials {
    max-width: 115px;
  }

  #container #header #top-bar #top-contacts-socials div {
    text-align: center !important;
    width: 100% !important;
    display: block;
  }

  #container #header #top-bar #top-contacts-socials div.first {
    display: block;
    margin-bottom: 10px;
  }
  #container #header #top-bar #top-contacts-socials div.first a {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #container #header #top-bar #top-contacts-socials div a {
    margin-left: 5px;
    margin-right: 5px;
  }

  #container #header #top-bar {
    padding-top: 12px;
  }

  #container #header #top-bar #top-contacts-socials {
    top: 12px;
  }

  .big-deco-image {
    display: block;
  }

  #footer {
    margin-top: 0px;
  }

  #container #header #top-slider-internal .slide {
    height: 140px !important;
  }

  #container #header #top-slider-internal .slide .slide-content h5,
  #main .page-content .row .wrapper h1,
  #main .page-content .row .wrapper h2.like-h1 {
    font-size: 25px;
  }

  #main .page-content .row .wrapper h1,
  #main .page-content .row .wrapper h2.like-h1 {
    margin-bottom: 20px;
  }

  #main .page-content .row .wrapper {
    padding: 35px 20px 25px;
  }

  #main .page-content .row .wrapper #sidebar,
  #main .page-content .row .wrapper .secondary-sidebar {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    margin-bottom: 30px !important;
    padding-right: 0 !important;
  }

  #main .page-content .row .wrapper .secondary-sidebar.on-left {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #main .page-content .row .wrapper #sidebar #side-menu,
  #main .page-content .row .wrapper .secondary-sidebar #side-menu {
    margin-top: 0;
    margin-left: -34px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #main .page-content .row .wrapper #sidebar #side-menu ul li,
  #main .page-content .row .wrapper .secondary-sidebar #side-menu ul li {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #main .page-content .row .wrapper #sidebar #side-menu ul li:before,
  #main .page-content .row .wrapper .secondary-sidebar #side-menu ul li:before {
    width: 10px;
    height: 10px;
    top: 10px;
    margin-top: -1px;
  }

  #main .classic-block .block-right h3:after,
  #main .classic-block .block-right h3:before {
    display: none;
  }

  #main .about-us-block .row .wrapper .block-points li h5.centered,
  #main .points-block .row .wrapper .block-points li h5.centered {
    position: relative;
    text-align: left;
  }

  body article.single-post {
    width: 100% !important;
    margin-bottom: 30px !important;
  }

  #news-space .row .wrapper {
    padding: 45px 10px 20px;
  }

  #main .about-us-block .row .wrapper .block-points li span.number,
  #main .points-block .row .wrapper .block-points li span.number {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border: 0px solid transparent;
  }
}
/*@media (max-width: 380px) {*/
@media (max-width: 550px) {
  #logo-top {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
}
.mobile-menu-opener {
  position: absolute;
  color: #ffffff;
  padding: 10px 17px;
  background-color: #39A935;
  bottom: 0;
  right: 20px;
  text-transform: uppercase;
  z-index: 150;
  font-size: 16px;
  cursor: pointer;
}

@media (max-width: 550px) {
  #container #header #top-bar #top-contacts-socials div.last-el a {
    display: none;
  }
}
@media (min-width: 901px) {
  .mobile-menu-opener {
    display: none !important;
  }

  .close-mobile-menu {
    display: none !important;
  }
}
/*
#main {
	.content-box {
		padding: 60px 20px 70px;
		box-sizing: border-box;
		overflow: hidden;
		position: relative;

		&.white {
			background-color: $white;
		}
		&.grey {
			background-color: $grey4;
		}

		&.with-circle {
			&:after {
				content: ' ';
				width: 650px;
				height: 650px;
				border: 750px solid $green;
				position: absolute;
				bottom: -1050px;
				left: 50%;
				@include border-radius(1300px);
			}
		}


		&.with-image {
			.content-box-bg {
				position: absolute;
				top: 0;
				left: 0;
				right: 50%;
				bottom: 0;
				background-position: center center;
				background-size: cover;
				background-repeat: no-repeat;
				width: 50%;

				&:after {
					content: ' ';
					width: 100%;
					height: 100%;
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-color: $overlayblue;
					@include opacity(0.6);
				}
			}
		}

		&.revert {
			&:after {
				left: auto;
				right: 50%;
			}

			.content-box-bg {
				left: 50%;
				right: auto;
			}
		}

		&.azure {
			background-color: $lightblue;

			&:after {
				border: 750px solid $verylightblue;
			}

			.left-part {
				.typo-subhead, &.typo-subhead:after {
					color: $green !important;
				}

				p {
					color: $blue !important;
				}
			}

			form p input[type="text"], 
			form p input[type="tel"], 
			form p input[type="email"], 
			form p textarea {
				background-color: $white !important;
			}
		}

		.wrapper {
			max-width: 1420px;
			margin: 0 auto;
			position: relative;
			z-index: 11;

			&.medium {
				padding: 12px 20px 5px;
			    max-width: 1540px;
			    width: 100%;
			    box-sizing: border-box;
			    margin: 0 auto;
			}

			&.larger {
				padding: 12px 20px 5px;
			    max-width: 1780px;
			    width: 100%;
			    box-sizing: border-box;
			    margin: 0 auto;
			}

			.left-part, .right-part, .center-part {
				width: 50%;
				padding: 0 60px;
				float: left;

				.typo-subhead {
					padding-left: 23px;
					position: relative;
					font-size: em(20);
					color: $green;
					text-transform: uppercase;
					font-weight: 600;
					margin-bottom: 25px;
					letter-spacing: 1.5px;

					&:after {
						content: ' ';
						width: 12px;
						height: 12px;
						@include border-radius(2px);
						padding: 0;
						font-size: 0;
						cursor: pointer;
						@include rotate(45deg);
						background-color: $green;
						border: 0;
						@include inline-block;
						position: absolute;
						top: 12px;
						left: 1px;
					}
				}

				.typo-title {
					color: $blue;
					font-size: em(36);
					text-transform: uppercase;
					margin-bottom: 30px;
					letter-spacing: 1.5px;
					font-weight: 500;
					line-height: 37px;
					margin-left: -3px;
				}

				p, ol, ul {
					margin-bottom: 30px;
				}
				p, li {
					font-size: em(18);
					color: $black;
					line-height: 36px;
				}

				.more-button {
					margin-top: 20px;
				}

				&.invert-color {
					padding-top: 158px;

					.typo-subhead {
						color: $white;

						&:after {
							background-color: $white;
						}
					}

					p, li {
						color: $white;
					}

					.more-button {
						background-color: $blue;
						color: $white;

						&:hover {
							color: $blue;
							background-color: $white;
						}
					}
				}
			}

			.right-part {
				margin-left: 50%;
			}

			.numbers-part {
				width: 50%;
				padding: 38px 100px 0 160px;
				float: left;

				> div {
					margin-bottom: 9px;

					img {
						float: left;
						margin-right: 15px;
					}

					span {
						display: block;

						&.number {
							font-size: em(42);
							font-weight: 700;
							color: $blue;
							text-transform: uppercase;
							padding-top: 8px;

							sup {
								font-size: em(10);
								position: relative;
								top: -12px;
							}
						}
						&.label {
							font-size: em(23);
							font-weight: 400;
							text-transform: uppercase;
							line-height: 24px;
							letter-spacing: 0.5px;
							color: $blue;
						}
					}

					&:last-child {
						margin-bottom: 0;

						span.number {
							padding-top: 15px;
						}
					}
				}
			}

			.form-part {
				margin-left: 0;
				float: left;
				padding-top: 20px;

				form {
					width: 100%;

					p {
						margin-bottom: 10px;

						input[type="text"], input[type="tel"], input[type="email"], textarea {
							padding: 0 20px;
							height: 52px;
							line-height: 52px;
							background-color: $grey3;
							border: 0;
							@include border-radius(0);
							width: 100%;
							font-size: em(16);
							font-family: $font;
							display: block;
						}
						textarea {
							height: 120px;
							padding-top: 15px;
							line-height: 22px;
							max-width: 100%;
							max-height: 120px;
							min-height: 120px;
							min-width: 100%;
							resize: none;
						}

						input[type="submit"] {
							background-color: $blue;
							font-size: em(15);
							font-weight: 600;
							color: $white;
							text-transform: uppercase;
							box-sizing: border-box;
							height: 43px;
							min-width: 186px;
							padding: 0 20px;
							@include inline-block;
							line-height: 43px;
							@include border-radius(7px);
							text-align: center;
							letter-spacing: 0.7px;
							border: 0;
							margin-top: -42px;
							position: relative;
							z-index: 5;
							cursor: pointer;

							@extend .with-transition;
							float: right;

							&:hover {
								color: $blue;
								background-color: $green;
							}

							&:disabled {
								@include opacity(0.5);
								background-color: $blue !important;
								color: $white !important;
								cursor: not-allowed;
							}
						}

						label {
							font-size: em(11);
						}
						.wpcf7-form-control-wrap.zaki-privacy {
							line-height: 13px;
							margin-right: 206px;
							padding-left: 10px;
							@include inline-block;
							padding-top: 10px;

						}
						input[type="checkbox"] {
							margin: 0 7px 0 -23px;
							position: relative;
							top: 2px;
						}

						.wpcf7-not-valid-tip {
							background-color: #cd1f1f;
						    color: #fff;
						    padding: 0 20px 2px;
						}
					}
				}
			}
		}

		&.light-blue {
			background-color: $lightblue;
		}

		&.full-box {
			.center-part {
				text-align: center;
				width: 100% !important;
				float: none !important;

				> .typo-subhead, > .typo-title, > p {
					text-align: center;
				}

				.typo-subhead {
					@include inline-block;
					display: inline-block !important;
				}
			}

			.box-values {
				padding: 30px 0 20px;

				.single-value {
					width: 26.6666%;
					float: left;

					> div {
						border: 3px solid $white;
						height: 290px;
						text-align: center;
						position: relative;

						&.block-1 {
							border-top: 0;
							border-left: 0;
						}
						&.block-2 {
							border-top: 0;
							border-left: 0;
						}
						&.block-3 {
							border-top: 0;
							border-left: 0;
							border-right: 0;
						}
						&.block-4 {
							border-top: 0;
							border-left: 0;
							border-bottom: 0;
						}
						&.block-5 {
							border-top: 0;
							border-left: 0;
							border-bottom: 0;
						}
						&.block-6 {
							border: 0;
						}

						.logo-alone {
							margin-top: 65px;
							margin-bottom: 35px;
						}

						.value-label {
							font-weight: 700;
							font-size: em(36);
							color: $blue;
							text-transform: uppercase;
							letter-spacing: 1.2px;
						}

						.on-hover {
							@include opacity(0);
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							width: 100%;
							height: 100%;
							position: absolute;
							background-color: $blue;

							&:after {
								content: ' ';
								@include opacity(0.35);
								background-image: url('../images/menu-deco.png');
								background-repeat: no-repeat;
								position: absolute;
								z-index: 12;
								top: 0;
								width: 204px;
								height: 216px;
								right: -1px;
								background-size: 204px 216px;
							}

							&:hover {
								@include opacity(1);
							}

							p {
								color: $white;
								font-size: em(18);
								font-weight: 500;
								padding: 47px 20px 10px;
								position: relative;
								z-index: 14;
							}
						}
					}
				}
			}
		}

		&.page-content {
			.center-part {
				text-align: left !important;

				h2, h3, h4, h5, h6, li, p {
					text-align: left !important;
				}

				.typo-title.internal {
					margin-bottom: 60px;
					position: relative;

					&:after {
						content: ' ';
						width: 12px;
						height: 12px;
						@include border-radius(2px);
						padding: 0;
						font-size: 0;
						cursor: pointer;
						@include rotate(45deg);
						background-color: $green;
						border: 0;
						@include inline-block;
						position: absolute;
						top: 12px;
						left: -25px;
					}
				}
			}
		}

		&.with-shadows {
			-webkit-box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.35);
			-moz-box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.35);
			box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.35);
			position: relative;
			z-index: 2;
		}
	}

	.big-deco-image {
		height: 700px;
		width: 100%;
		position: relative;
		margin-top: -550px;

		&.internal {
			margin-top: 0;
		}
		&.with-space-before {

			#infographic-space {
				max-width: 1480px;
			    margin: 0 auto;
			    position: relative;
			    z-index: 11;
			    padding-left: 30px;
			    padding-right: 30px;

			    #infographic-container {
			    	padding: 45px 60px;
			    	margin: 0 300px 50px 0;
			    	position: relative;
			    	top: -50px;
			    	background-color: $blue;

			    	img {
			    		width: 120px;
			    		height: 120px;
			    		float: left;
			    		margin-top: -10px;
			    		margin-left: -10px;
			    	}

			    	h3, h4, h5 {
			    		color: $white;
			    		padding-top: 40px;
			    		@include inline-block;
			    		text-transform: uppercase;
			    		letter-spacing: 1.5px;
			    		font-size: em(36);
			    	}

			    	> p {
			    		text-transform: uppercase;
			    		margin-bottom: 44px;
			    		text-transform: uppercase;
			    		color: $white;
			    		display: block;
			    		max-width: 700px;
			    	}

			    	#infographic-left {
			    		width: 46%;
			    		float: left;
			    		position: relative;

			    		&:before {
			    			height: 30px;
			    			top: 50%;
			    			font-size: 0;
			    			content: ' ';
			    			border-top: 2px solid $green;
			    			width: 25%;
			    			right: -3px;
			    			position: absolute;
			    			display: block;
			    		}

			    		> p {
			    			color: #AECD55;
			    			font-size: em(22);
			    			font-weight: 600;
			    			text-transform: uppercase;
			    			margin-bottom: 12px;
			    		}

			    		ul {
			    			list-style: none;
			    			list-style-type: none;
			    			color: #ffffff;
			    			position: relative;

			    			&:after {
			    				width: 76px;
			    				content: ' ';
			    				font-size: 0;
			    				top: 20px;
			    				bottom: 60px;
			    				left: 280px;
			    				background-color: $blue;
			    				border: 2px solid $green;
			    				border-left: 0;
			    				display: block;
			    				position: absolute;
			    			}

			    			li {
			    				font-size: em(22);
			    				text-transform: uppercase;
			    				padding-bottom: 35px;

			    				strong {
			    					font-size: 37px;
			    					font-weight: 700;
			    					display: block;
			    				}

			    				sup {
			    					font-size: 17px;
			    					top: -5px;
			    					position: relative;
			    				}
			    			}
			    		}
			    	}
			    	#infographic-right {
			    		width: 54%;
			    		float: left;

			    		> p {
			    			color: #AECD55;
			    			font-size: 22px;
			    			font-weight: 600;
			    			text-transform: uppercase;
			    			margin-bottom: 12px;
			    		}

			    		ul {
			    			list-style: none;
			    			list-style-type: none;
			    			color: #ffffff;
			    			margin-left: 105px;
			    			position: relative;

			    			&:after {
			    				width: 76px;
			    				content: ' ';
			    				font-size: 0;
			    				top: 20px;
			    				bottom: 60px;
			    				left: -106px;
			    				background-color: $blue;
			    				border: 2px solid $green;
			    				border-right: 0;
			    				display: block;
			    				position: absolute;
			    			}

			    			li {
			    				font-size: em(22);
			    				text-transform: uppercase;
			    				padding-bottom: 40px;

			    				span {
			    					font-size: 55px;
			    					color: #AECD55;
			    					float: left;
			    					margin-right: 12px;
			    					line-height: 52px;
			    					font-weight: 700;
			    				}

			    				strong {
			    					font-weight: 700;
			    					display: block;
			    				}
			    			}
			    		}
			    	}
			    }
			}
		}

		.slide-bg {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;

			&:after {
				content: ' ';
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background-color: $overlayblue;
				@include opacity(0.6);
			}
		}
	}
}

#services-slider {
	margin: -5px -20px 0 -20px;
	position: relative;
	z-index: 12;

	.slide {
		padding: 20px;

		.over-box {
			-webkit-box-shadow: 0px 0px 24px -5px rgba(0, 0, 0, 0.35);
			-moz-box-shadow: 0px 0px 24px -5px rgba(0, 0, 0, 0.35);
			box-shadow: 0px 0px 24px -5px rgba(0, 0, 0, 0.35);
			position: relative;
			border-bottom: 20px solid $blue;
			padding: 40px 30px 55px;
			text-align: center;
			background-color: $white;

			img {
				width: 220px;
				height: 220px;
				margin-bottom: 2px;
				@include inline-block;
			}

			h3 {
				font-size: em(30);
				color: $blue;
				text-transform: uppercase;
				font-weight: 600;
				margin-bottom: 28px;
			}

			p {
				font-size: em(18);
				margin-bottom: 20px;
				line-height: 36px;
			}

			.no-text-button {
				background-color: $green;
				width: 40px;
				height: 40px;
				@include border-radius(7px);
				font-size: 0;
				@include inline-block;
				@include transform(rotate(-45deg));
				position: relative;
				@extend .with-transition;

				&:after {
					content: ' ';
					font-size: 0;
					width: 8px;
				    height: 8px;
				    border: 2px solid $white;
				    @include border-radius(2px);
				    position: absolute;
				    top: 48%;
				    left: 37%;
				    font-size: 0;
				    padding: 0;
				    background-color: transparent !important;
				    margin-top: -5px;
				    cursor: pointer;
					@include transform(rotate(90deg));
					border-left: 0;
					border-bottom: 0;
				}

				&:hover {
					background-color: $blue;
				}
			}
		}
	}

	.slick-dots {
		bottom: -20px;
	}
}

#logos-slider {
	padding: 10px 25px;

	.slide {
		text-align: center;

		a {
			display: block;
		}

		img {
			max-width: 160px;
			height: auto;
			@include inline-block;
			margin: 0;
		}
	}

	.slick-prev, .slick-next {
		width: 22px;
		height: 22px;
		border: 2px solid $blue;
		@include border-radius(2px);
		position: absolute;
		top: 50%;
		font-size: 0;
		padding: 0;
		background-color: transparent !important;
		margin-top: -11px;
		cursor: pointer;
	}
	.slick-prev {
		left: 3px;
		border-right: 0;
		border-bottom: 0;
		@include transform(rotate(-45deg));
	}
	.slick-next {
		right: 3px;
		border-left: 0;
		border-bottom: 0;
		@include transform(rotate(45deg));
	}
}

.marker-blue {
	background-image: url('../images/map-blue.png');
	background-size: cover;
	width: 217px;
	height: 217px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -50px;
}
.marker-green {
	background-image: url('../images/map-green.png');
	background-size: cover;
	width: 217px;
	height: 217px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -50px;
}

#bottom-map {
	width: 100%;
	height: 650px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#main .content-box.full-box .box-values .single-value > div .on-hover:after {
		background-image: url('../images/menu-deco@2x.png');
	}
	.marker-blue {
		background-image: url('../images/map-blue@2x.png');
	}
	.marker-green {
		background-image: url('../images/map-green@2x.png');
	}
	.page-content .center-part #sidebar #side-menu:after {
		background-image: url('../images/menu-deco@2x.png') !important;
	}
}

@media (max-width: 1740px) {
	#main .content-box.full-box .box-values .single-value > div .on-hover p {
		font-size: em(15);
	}
}

@media (max-width: 1500px) {
	#main .content-box .wrapper .left-part {
		padding-left: 0;
	}
	#main .content-box .wrapper .right-part {
		padding-right: 0;
	}
	#main .content-box {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 1370px) {
	#main .content-box .wrapper .numbers-part > div span.number {
		font-size: em(32);
		padding-top: 12px;
	}
}

@media (max-width: 1220px) {
	#main .content-box.with-circle:after {
		@include border-radius(0);
		background-color: $green;
		width: 50%;
		border: 0;
		bottom: 0;
		top: 0;
		height: 100%;
		bottom: -30px;
	}

	#main .content-box .wrapper .numbers-part {
		padding: 20px 0 0 60px;
	}

	#main .content-box.full-box .box-values .single-value > div .on-hover p {
		font-size: em(14);
	}
	#main .content-box.full-box .box-values .single-value > div .value-label {
		font-size: em(25);
	}
}

@media (max-width: 1080px) {
	#main .content-box.full-box .box-values .single-value > div .on-hover p {
		padding: 20px 20px 10px;
		font-size: em(13);
	}
}

@media (max-width: 950px) {
	#main .content-box .wrapper .numbers-part, 
	#main .content-box.with-circle:after {
		display: none;
	}
	#main .content-box .wrapper .left-part, #main .content-box .wrapper .right-part {
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	#main .content-box.with-image .content-box-bg {
		width: auto;
		right: auto;
		left: auto;
		height: 250px;
		position: relative;
		margin-bottom: 35px;
		margin-left: -30px;
		margin-top: -30px;
		margin-right: -30px;
	}

	#main .content-box {
		padding-top: 30px;
		padding-bottom: 55px;
	}

	#main .content-box.full-box .box-values {
		display: none;
	}
	#main .content-box .wrapper.larger {
		display: none;
	}
	#main .content-box.full-box#values-special .center-part > p {
		margin-bottom: 0;
	}

	#main .big-deco-image {
		height: 580px !important;
	}

	#main .big-deco-image {
		display: none;
	}

	#special-contacts {
		background-color: #E2EAF1 !important;

		.left-part {
			display: none !important;
		}
	}

	#main .content-box .wrapper .form-part form p input[type="text"], #main .content-box .wrapper .form-part form p input[type="tel"], #main .content-box .wrapper .form-part form p input[type="email"], #main .content-box .wrapper .form-part form p textarea {
		background-color: $white !important;
	}

	#container #services-special {
		.slick-dots li button {
			border-color: $green !important;
		}
	}
}

@media (max-width: 550px) {
	#main .content-box .wrapper .left-part .typo-subhead, #main .content-box .wrapper .right-part .typo-subhead, #main .content-box .wrapper .center-part .typo-subhead {
		font-size: em(15);
		margin-bottom: 20px;
	}
	#main .content-box .wrapper .left-part .typo-title, #main .content-box .wrapper .right-part .typo-title, #main .content-box .wrapper .center-part .typo-title {
		font-size: em(22);
		line-height: 28px;
	}
	#main .content-box .wrapper .left-part p, #main .content-box .wrapper .left-part li, #main .content-box .wrapper .right-part p, #main .content-box .wrapper .right-part li, #main .content-box .wrapper .center-part p, #main .content-box .wrapper .center-part li {
		font-size: em(16);
		line-height: 26px;
	}
	#services-slider .slide .over-box p {
		font-size: em(16);
		line-height: 26px;
	}

	#main .content-box .wrapper .left-part, #main .content-box .wrapper .right-part, #main .content-box .wrapper .center-part {
		padding: 0;
	}
	#main .content-box .wrapper .left-part .typo-subhead:after, #main .content-box .wrapper .right-part .typo-subhead:after, #main .content-box .wrapper .center-part .typo-subhead:after {
		width: 10px;
		height: 10px;
		top: 8px;
	}

	#main .content-box.full-box#values-special .center-part > p {
		margin-bottom: 20px;
	}

	#services-slider .slide .over-box img {
		width: 110px;
		height: 110px;
	}

	#services-slider .slide .over-box h3 {
		font-size: em(22);
	}

	#services-slider .slide .over-box {
		padding: 20px 20px 25px;
	}

	#main .content-box .wrapper .form-part form p input[type="submit"] {
		margin-top: 15px;
	}
	#main .content-box .wrapper .form-part form p .wpcf7-form-control-wrap.zaki-privacy {
		margin-right: 0;
	}

	#main .content-box.full-box#values-special {
		margin-bottom: 0;
		padding-bottom: 35px;
	}

	#main .content-box.with-shadows {
		padding-bottom: 40px;
	}

	#main .content-box .wrapper.medium {
		padding-left: 0;
		padding-right: 0;
	}
}

body.parent-pageid-14 {
	#main #special-contacts {
		&:after {
			border-color: $blue;
		}

		.left-part .typo-title {
			color: $green;
		}

		.more-button {
			background-color: $green;
			color: $blue;

			&:hover {
				color: $blue;
				background-color: $white;
			}
		}
	}
}

.page-content {
	overflow: initial !important;
	padding-bottom: 40px;

	.center-part {
		position: relative;

		.post {

			ul, ol {
				padding-left: 20px;
			}

			h2, h3, h4, h5 {
				margin-bottom: 30px;
				color: $blue;
				text-transform: uppercase;
				margin-left: -3px;
			}

			h2 {
				font-size: em(30);
			}
			h3 {
				font-size: em(28);
			}
			h4 {
				font-size: em(26);
			}
			h5 {
				font-size: em(24);
			}

			strong, b {
				font-weight: 600;
			}

			em, i {
				font-style: italic;
			}

			a {
				color: lighten($blue, 12%);
			}

			blockquote {
				padding-left: 20px;
				border-left: 4px solid $green;
			}

			p, li {
				sup {
					position: relative;
					font-size: 12px;
					top: -2px;
				}
			}
		}

		.post.with-sidebar {
			width: 65%;
			float: left;
			padding-right: 40px;
		}

		#sidebar {
			width: 35%;
			float: left;

			margin-bottom: 25px;
			min-height: 100px;
			padding-left: 40px;

			position: relative;

			&:before {
				content: ' ';
				font-size: 0;
				position: absolute;
				left: 0;
				top: -60px;
				bottom: 0;
				border-left: 1px solid #C1C0C0;
				width: 0;
			}

			#side-menu {
				background-color: $green;
				padding: 56px 40px 80px;
				margin-top: -166px;
				z-index: 20;
				position: relative;
				margin-bottom: 40px;
				@include border-radius(4px);

				&:after {
					content: ' ';
					@include opacity(0.75);
					background-image: url('../images/menu-deco.png');
					background-repeat: no-repeat;
					position: absolute;
					z-index: 22;
					top: 0;
					width: 204px;
					height: 216px;
					right: -1px;
					background-size: 204px 216px;
				}

				> ul {
					list-style: none;
					margin-bottom: 0;
					position: relative;
					z-index: 24;

					> li > a {
						font-size: 23px;
						color: $white;
						text-transform: uppercase;
						font-weight: 600;
					}

					ul {
						list-style: disc;
						margin-left: 20px;
						margin-bottom: 0;

						li {
							color: $blue;

							a {
								font-size: 23px;
							}

							&.current {
								a {
									font-weight: 700;
								}
							}
						}
					}
				}
			}

			#side-gallery {
				.slick-dots {
					position: relative;
					bottom: initial;
					text-align: left;
					margin-left: -6px;
					margin-bottom: 40px;

					button {
						border-color: $grey1;
					}
				}

				a.link {
					display: block;
				}

				img {
					display: block;
					margin: 0;
				}
			}

			#side-elements {
				list-style: none;
				margin-bottom: 10px;
				padding-top: 10px;

				li {
					margin-bottom: 30px;
				}

				.attachment-icon {
					width: 32px;
					height: 44px;
					@include inline-block;
					position: relative;
					top: -5px;
					margin-right: 16.5px;
					margin-left: 3.5px;
				}
				.video-icon {
					width: 39px;
					height: 28px;
					margin-top: 7.5px;
					margin-bottom: 7.5px;
					@include inline-block;
					position: relative;
					top: -2px;
					margin-right: 13px;
				}

				a {
					text-transform: uppercase;
					font-size: 20px;
				}
			}
		}
	}
}

#team-container, #files-container {
	margin-bottom: 40px;

	.team-box, .files-box {
		padding-left: 30px;
		padding-right: 30px;

		&.grey {
			background-color: $lightblue;
		}

		.wrapper {
			max-width: 1420px;
		    margin: 0 auto;
		    position: relative;
		    padding: 25px 60px 40px;

		    img {
		    	float: left;
		    	margin-right: 20px;
		    	width: 70px;
		    	height: 70px;
		    }

		    .team-area, .files-area {
		    	@include inline-block;
		    	color: $blue;
		    	font-size: em(36);
		    	text-transform: uppercase;
		    	padding-top: 13px;
		    	font-weight: 600;
		    }

		    .team-member, .files-file {
		    	padding-top: 10px;
		    	padding-bottom: 10px;
		    	border-bottom: 1px solid #BEBCBC;
		    	color: $blue;
		    	font-size: em(18);

		    	strong {
		    		font-weight: 600;
		    		font-size: 22px;
		    	}
		    }
		}
	}
}

#files-container {
	margin-top: -103px !important;
}
#files-container .files-box .wrapper .files-file {
	padding-top: 14px !important;
}

#files-container .files-box .wrapper img {
    width: 32px;
    height: 44px;
    @include inline-block;
    float: none;
    position: relative;
    top: -5px;
    margin-right: 16.5px;
    margin-left: 3.5px;
}

#history-space {
	height: 1100px;
	position: relative;
}
#history-container {
	padding: 80px 0 75px 40px;
	background-color: $blue;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;

	&:after {
		content: ' ';
		@include opacity(0.25);
		background-image: url('../images/menu-deco.png');
		background-repeat: no-repeat;
		position: absolute;
		z-index: 22;
		top: 0;
		width: 204px;
		height: 216px;
		right: -1px;
		background-size: 204px 216px;
	}

	.single-year {
		position: relative;
		z-index: 24;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		padding: 30px 0;

		.year-left {
			width: 20%;
			font-size: em(36);
			color: $green;
			font-weight: 600;
			float: left;
		}
		.year-right {
			color: $white;
			font-size: 18px !important;
			float: left;
			width: 80%;
			padding-top: 3px;

			p, ul, ol {
				padding-right: 40px;
				color: $white !important;
				margin-bottom: 0 !important;
			}
			ul, ol {
				margin-left: 20px !important;
			}
			p, li {
				line-height: 30px !important;
				color: $white !important;

				a {
					color: $white;
				}
			}
		}
	}
}

@media (max-width: 1200px) {
	body.page #main .content-box.page-content .wrapper .center-part {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#main .content-box.page-content .center-part .typo-title.internal:after {
		display: none;
	}

	#team-container .team-box .wrapper, #files-container .files-box .wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 950px) {
	.page-content .center-part .post.with-sidebar {
		width: 100%;
		float: none;
		padding-right: 0;
		margin-bottom: 40px;
		height: auto !important;
	}
	.page-content .center-part #sidebar {
		width: 100%;
		float: none;
		padding-left: 0;
		border-left: 0;
		height: auto !important;
	}
	.page-content .center-part #sidebar:before {
		display: none !important;
	}
	.page-content .center-part #sidebar #side-menu {
		margin-top: 0 !important;
	}
	.page-content .center-part #sidebar #side-gallery .slick-dots {
		padding-top: 10px;
	}
	.page-content .center-part #sidebar #side-menu > ul ul li a {
		font-size: 18px;
	}
	.page-content .center-part #sidebar #side-menu {
		padding: 36px 30px 45px;
	}

	#history-space {
		height: auto !important;
	}
	#history-container {
		position: relative;
	}
}

@media (max-width: 850px) {
	#team-container .team-box .wrapper img {
		width: 44px;
		height: 44px;
		margin-right: 10px;
	}
	#team-container .team-box .wrapper .team-area, #files-container .files-box .wrapper .files-area {
		font-size: 24px !important;
	}
	#team-container .team-box .wrapper .team-member strong {
		font-size: 18px;
	}
	#team-container .team-box .wrapper .team-member {
		font-size: 15px !important;
	}
}

@media (max-width: 650px) {
	#history-container .single-year .year-left {
		font-size: 25px !important;
	}
	#history-container .single-year .year-right {
		padding-top: 1px !important;

		p, ul, ol {
			font-size: 16px !important;
		}
	}

	#history-container {
		padding: 40px 0 45px 25px;

		.single-year {
			.year-right {
				p, ul, ol {
					padding-right: 25px !important;
				}
			}
		}
	}
}

@media (max-width: 450px) {
	#history-container .single-year .year-left, 
	#history-container .single-year .year-right {
		width: 100%;
		float: none;
		height: auto !important;
	}
}

@media (max-width: 1350px) {
	#main .big-deco-image.with-space-before #infographic-space #infographic-container #infographic-left ul:after, 
	#main .big-deco-image.with-space-before #infographic-space #infographic-container #infographic-right ul:after {
		width: 36px;
	}
	#main .big-deco-image.with-space-before #infographic-space #infographic-container #infographic-right ul:after {
		left: -66px;
	}
	#main .big-deco-image.with-space-before #infographic-space #infographic-container #infographic-right ul {
		margin-left: 65px;
	}
	#main .big-deco-image.with-space-before #infographic-space #infographic-container #infographic-left {
		width: 55%;
	}
	#main .big-deco-image.with-space-before #infographic-space #infographic-container #infographic-right {
		width: 45%;
	}
	#main .big-deco-image.with-space-before #infographic-space #infographic-container #infographic-left:before {
		width: 31%;
	}
}

@media (max-width: 1160px) {
	#main .big-deco-image.with-space-before #infographic-space #infographic-container {
		margin-right: 220px;
	}
}

@media (max-width: 1160px) {
	#main .big-deco-image.with-space-before #infographic-space #infographic-container {
		margin-right: 150px;
	}
}

@media (max-width: 1090px) {
	#main .big-deco-image.with-space-before #infographic-space #infographic-container {
		margin-right: 60px;
	}
}

@media (max-width: 990px) {
	#main .big-deco-image.with-space-before #infographic-space {
		display: none !important;
	}
}

@media (min-width: 991px) {
	#main .big-deco-image.with-space-before {
	    margin-top: 50px;
	    height: 920px;
	}
}

#square-infographic {
	margin-left: -2px;
	margin-right: -2px;

	.info-square {
		@include border-radius(5px);
		width: 25%;
		border: 2px solid $white;
		box-sizing: border-box;
		background-color: $green;
		float: left;
		padding: 30px 20px;
		min-height: 173px;
		position: relative;
		overflow: hidden;

		p {
			margin-bottom: 0 !important;
			font-size: 16px !important;
			line-height: 20px !important;
			text-transform: uppercase;
			color: $blue !important;
			font-weight: 400 !important;

			strong {
				font-size: 37px;
				font-weight: 700;

				sup {
					font-size: 23px;
					position: relative;
					top: -16px;
				}
			}
		}

		&.last-square:after {
		    content: ' ';
		    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
		    opacity: 0.75;
		    background-image: url('../images/menu-deco.png');
		    background-repeat: no-repeat;
		    position: absolute;
		    z-index: 22;
		    top: 0;
		    width: 204px;
		    height: 216px;
		    right: -35px;
		    background-size: 204px 216px;
		}
	}
}

@media (max-width: 1100px) {
	#square-infographic .info-square {
		width: 50%;
	}
}

@media (max-width: 500px) {
	#square-infographic .info-square {
		width: 100% !important;
		float: none !important;
		height: auto !important;
		min-height: 40px !important;

		&.last-square {
			display: none !important;
		}
	}
}

@media (max-width: 1220px) {
	#main .content-box.with-circle.azure:after {
	    background-color: $lightblue !important;
	} 
	#main .content-box.with-circle.white.revert:after {
	    background-color: $blue !important;
	} 
}

#values-special .slick-dots {
	bottom: 0 !important;
}
*/
.have-green-bar {
  position: relative;
  margin-bottom: 18px;
}
.have-green-bar::after {
  width: 44.6%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -18px;
  background-color: #ACC898;
  content: ' ';
}
@media screen and (max-width: 750px) {
  .have-green-bar::after {
    width: 49%;
  }
}

p.pre-textarea {
  color: #000000;
  margin-bottom: 7px !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  padding-top: 25px !important;
  padding-left: 15px !important;
}

body .zk-no-border {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.zk-font-white {
  color: #fff;
}

.zk-font-2 {
  font-family: 'DINNextRoundedLTW01', sans-serif;
}

.zk-font-3 {
  font-family: 'dinalternate';
}

.zk-left-box {
  width: 40%;
  float: left;
}
.zk-left-box p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
}
@media screen and (max-width: 750px) {
  .zk-left-box {
    width: 49%;
  }
}

#main .about-us-block .row .wrapper,
#main .points-block .row .wrapper {
  max-width: 1150px;
}

#main .points-block .row .wrapper {
  padding: 110px 20px 95px;
}

.zk-no-padding-right {
  padding-right: 0;
}

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

.zk-weight-100 {
  font-weight: 100;
}

.zk-weight-200 {
  font-weight: 200;
}

.zk-weight-300 {
  font-weight: 300;
}

.zk-weight-400 {
  font-weight: 400;
}

.zk-weight-500 {
  font-weight: 500;
}

.zk-weight-600 {
  font-weight: 600;
}

.zk-weight-700 {
  font-weight: 700;
}

.zk-weight-800 {
  font-weight: 800;
}

@media screen and (max-width: 550px) {
  .points-block .row .wrapper {
    padding: 20px 20px 40px !important;
  }
}

.points-block a {
  color: #fff;
}

.news-block {
  background-color: #fff;
  padding: 68px 0px 100px;
}
.news-block .row {
  max-width: 1150px;
  padding: 0px 20px;
  margin: 0 auto;
}
.news-block h3.box-title {
  display: block;
  font-size: 40px;
  padding-bottom: 18px;
  font-weight: 700;
  border-bottom: 1px solid #303030;
  position: relative;
  margin-bottom: 80px;
  max-width: 41%;
}
@media screen and (max-width: 550px) {
  .news-block h3.box-title {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
.news-block h3.box-title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #303030;
  display: block;
}
@media screen and (max-width: 750px) {
  .news-block h3.box-title {
    max-width: 49%;
  }
}
@media screen and (max-width: 500px) {
  .news-block h3.box-title {
    max-width: 100%;
  }
}
.news-block .news-container {
  margin: 0px -10px;
}
.news-block .news-container .news {
  width: 33.333333333%;
  box-sizing: border-box;
  padding: 0px 10px;
  float: left;
}
.news-block .news-container .news .date {
  font-size: 12px;
  color: rgba(148, 148, 148, 0.5);
  margin-bottom: 6px;
}
.news-block .news-container .news .title {
  font-size: 19px;
  color: #303030;
  margin-bottom: 13px;
}
.news-block .news-container .news .content {
  font-size: 16px;
  color: #303030;
  line-height: 20px;
  margin-bottom: 25px;
}
.news-block .news-container .news .readmore {
  margin-bottom: 19px;
}
.news-block .news-container .news a {
  color: #1A1A1A;
}
.news-block .news-container .news .preview {
  width: 100%;
  padding-top: 67%;
  background-color: #E2E2E2;
  display: block;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 750px) {
  .news-block {
    padding-bottom: 10px;
  }
  .news-block h3.box-title {
    margin-bottom: 30px;
  }
  .news-block .news-container .news {
    width: 100%;
    margin-bottom: 30px;
  }
  .news-block .news-container .news .preview {
    float: left;
    width: 140px;
    height: 85px;
    padding-top: 0;
  }
  .news-block .news-container .news .news-content-block {
    float: right;
    width: calc(100% - 140px);
    box-sizing: border-box;
    padding-left: 20px;
  }
}
@media screen and (max-width: 440px) {
  .news-block .news-container .news {
    margin-bottom: 20px;
    position: relative;
    padding-top: calc(64% + 10px);
  }
  .news-block .news-container .news .preview {
    width: auto;
    padding-top: 64%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 10px;
    right: 0px;
  }
  .news-block .news-container .news .news-content-block {
    width: 100%;
    padding-left: 0;
  }
}

.zk-flag-in {
  position: relative;
}
.zk-flag-in:before {
  width: 13.3333%;
  height: 18px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}
.zk-flag-in:after {
  width: 32%;
  height: 18px;
  display: block;
  position: absolute;
  left: 13.3333%;
  bottom: 0;
  background-color: #ACC898;
  content: ' ';
  z-index: 100;
}

.aside-gallery {
  height: 100%;
  position: relative;
}
.aside-gallery *[class^="slick"] {
  height: 100%;
}
.aside-gallery .slick-dots {
  height: auto;
  position: absolute;
  list-style: none;
  bottom: 20px;
  right: 18px;
  margin: 0;
  padding: 0;
}
.aside-gallery .slick-dots li {
  margin: 0;
  padding: 0;
  float: left;
  padding-right: 7px;
}
.aside-gallery .slick-dots li:last-child {
  padding-right: 0;
}
.aside-gallery .slick-dots li.slick-active button {
  background-color: transparent;
}
.aside-gallery .slick-dots li button {
  font-size: 0;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  outline: none;
  border-radius: 100%;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  display: block;
}

.slick-dots {
  opacity: 0;
  transition-duration: 0.5s;
}
.slick-dots.slick-dots-visible {
  opacity: 1;
}

@media screen and (min-width: 550px) {
  .page-id-2 .block-points li * {
    transform: translateY(-65px);
  }
}

#main .about-us-block .row .wrapper .block-text {
  border-right: 0;
}

.block-right ul {
  margin-left: 20px;
  color: inherit;
}
.block-right ul li {
  margin-bottom: 10px;
  font-weight: 300;
  color: inherit;
}

.classic-block.black .block-right ul li {
  color: #fff;
}

#main .page-content .row .wrapper h1,
#main .page-content .row .wrapper h2.like-h1 {
  margin-bottom: 35px;
  padding-bottom: 24px;
}

p.zk-subtitle {
  font-weight: 500 !important;
}

body a.inherit-color {
  color: inherit;
}

body #main .classic-block .block-right img.zk-chart-img {
  max-width: 370px;
  width: 100%;
  height: 100%;
  margin-left: -8%;
}
@media screen and (max-width: 550px) {
  body #main .classic-block .block-right img.zk-chart-img {
    margin: 0 auto !important;
    margin-left: auto !important;
    width: 90%;
  }
}

#main .page-content .row .wrapper h1,
#main .page-content .row .wrapper h2.like-h1 {
  color: #303030;
}

#main .page-content .row .wrapper article.post p,
#main .page-content .row .wrapper article.post ul,
#main .page-content .row .wrapper article.post ol {
  color: #303030;
}

input[type=submit] {
  font-family: "DIN", sans-serif;
  font-weight: 700;
}

/* ORGANIGRAMMA */
body #main #zk-chart {
  width: 100%;
  background-color: #303030;
  padding: 0;
}
body #main #zk-chart .row .wrapper {
  padding: 55px 20px 115px;
}
body #main #zk-chart .chart-title {
  width: 100%;
  max-width: 665px;
  box-sizing: border-box;
  font-family: "DIN", sans-serif;
  font-size: 40px;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  margin-bottom: 58px;
  padding-bottom: 22px;
  color: #fff;
}
@media screen and (max-width: 670px) {
  body #main #zk-chart .chart-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 550px) {
  body #main #zk-chart .chart-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 670px) {
  body #main #zk-chart #boxes {
    display: none;
  }
}
body #main #zk-chart #boxes .box {
  width: 210px;
  padding: 18px 14px;
  background-color: #898989;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 95px;
}
body #main #zk-chart #boxes .box div p {
  text-align: center;
  font-family: "DINNextRoundedLTW01", sans-serif;
}
body #main #zk-chart #boxes .box div p.text {
  color: #fff;
  font-weight: 500;
  line-height: 17px;
  font-size: 15px;
  margin-bottom: 15px;
}
body #main #zk-chart #boxes .box div p.big-text {
  color: #FFDC32;
  font-weight: 700;
  font-size: 24px;
  line-height: 16px;
  margin-bottom: 17px;
  text-transform: uppercase;
}
body #main #zk-chart #boxes .box div p.big-text:last-child {
  margin-bottom: 0;
}
body #main #zk-chart #boxes .separator-box-right {
  width: 210px;
  margin: 0 auto;
  height: 35px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  body #main #zk-chart #boxes .separator-box-right.is-single {
    height: auto;
    width: 275px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body #main #zk-chart #boxes .separator-box-right.is-single::after {
    content: none;
  }
}
body #main #zk-chart #boxes .separator-box-right::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  bottom: 0;
  background-color: #fff;
  margin-left: -1px;
  display: block;
  content: " ";
}
body #main #zk-chart #boxes .separator-box-right::after {
  position: absolute;
  top: 50%;
  left: calc(50% + 1px);
  width: 155px;
  height: 2px;
  background-color: #fff;
  margin-left: -1px;
  display: block;
  content: " ";
}
body #main #zk-chart #boxes .separator-box-right.no-right::after {
  content: none;
}
body #main #zk-chart #boxes .separator-box-right .box {
  position: absolute;
  top: 50%;
  left: calc(50% + 155px);
  transform: translateY(-50%);
  width: 275px;
}
@media screen and (max-width: 980px) {
  body #main #zk-chart #boxes .separator-box-right .box {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    transform: none;
  }
}
body #main #zk-chart #boxes .separator-double-box {
  width: 211px;
  margin: 0 auto;
  height: 175px;
  position: relative;
  z-index: 0;
}
body #main #zk-chart #boxes .separator-double-box::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  bottom: 0;
  background-color: #fff;
  margin-left: -1px;
  display: block;
  content: " ";
}
body #main #zk-chart #boxes .separator-double-box::after {
  position: absolute;
  top: 95px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  display: block;
  content: " ";
}
body #main #zk-chart #boxes .separator-double-box .box {
  position: absolute;
  top: 95px;
  transform: translateY(-50%);
  z-index: 5;
}
body #main #zk-chart #boxes .separator-double-box .box:nth-child(1) {
  left: 0;
  transform: translateY(-50%) translateX(-100%);
}
body #main #zk-chart #boxes .separator-double-box .box:nth-child(2) {
  left: 100%;
}
@media screen and (max-width: 675px) {
  body #main #zk-chart #boxes .separator-double-box {
    width: 80px;
  }
}
body #main #zk-chart #boxes .separator-horizzontal {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  border-top: 2px solid #fff;
}
body #main #zk-chart #boxes .separator-horizzontal .half {
  width: 50%;
  float: left;
}
body #main #zk-chart #boxes .separator-horizzontal .half .inner {
  width: 210px;
  margin-right: 60px;
  float: left;
  position: relative;
}
body #main #zk-chart #boxes .separator-horizzontal .half .inner.first::before {
  content: "";
  display: block;
  width: calc(50% - 1px);
  height: 4px;
  position: absolute;
  top: -2px;
  left: 0;
  background-color: #303030;
}
body #main #zk-chart #boxes .separator-horizzontal .half .inner.last::after {
  content: "";
  display: block;
  width: calc(50% - 1px);
  height: 4px;
  position: absolute;
  top: -2px;
  right: 0;
  background-color: #303030;
}
@media screen and (max-width: 1004px) {
  body #main #zk-chart #boxes .separator-horizzontal .half .inner {
    width: calc(50% - 20px);
    margin-right: 30px;
  }
}
body #main #zk-chart #boxes .separator-horizzontal .half .inner:last-child {
  margin-right: 0;
}
body #main #zk-chart #boxes .separator-horizzontal .half .inner .box {
  width: 100%;
}
body #main #zk-chart #boxes .separator-horizzontal .half .inner .separator-box-right {
  width: 100%;
}
body #main #zk-chart #boxes .separator-horizzontal .half:nth-child(2) .inner {
  margin-right: 0;
  margin-left: 60px;
  float: right;
}
@media screen and (max-width: 1004px) {
  body #main #zk-chart #boxes .separator-horizzontal .half:nth-child(2) .inner {
    margin-left: 30px;
  }
}
body #main #zk-chart #boxes .separator-horizzontal .half:nth-child(2) .inner:last-child {
  margin-left: 0;
}
body #main #zk-chart #mobile-boxes {
  display: none;
  font-size: 18px;
}
@media screen and (max-width: 670px) {
  body #main #zk-chart #mobile-boxes {
    display: block;
  }
}
body #main #zk-chart #mobile-boxes #first-role {
  max-width: 170px;
  padding-bottom: 15px;
  font-family: "DINNextRoundedLTW01", sans-serif;
  color: #fff;
}
body #main #zk-chart #mobile-boxes ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 470px;
}
body #main #zk-chart #mobile-boxes ul:nth-child(3) {
  margin-left: 25px;
}
body #main #zk-chart #mobile-boxes ul:nth-child(4) {
  margin-left: 50px;
}
body #main #zk-chart #mobile-boxes ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 10px 20px 10px 65px;
  position: relative;
  font-family: "DINNextRoundedLTW01", sans-serif;
  border-left: 2px solid #fff;
  color: #fff;
  min-height: 75px;
  box-sizing: border-box;
}
body #main #zk-chart #mobile-boxes ul li > div {
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
}
body #main #zk-chart #mobile-boxes ul li::before {
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 55px;
  height: 2px;
  background-color: #fff;
  position: absolute;
}