@charset "UTF-8";

/* noto-sans-hk-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-hk-v31-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-sans-hk-v31-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-hk-v31-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-hk-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-hk-v31-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-hk-v31-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-hk-v31-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/noto-sans-hk-v31-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-hk-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-hk-v31-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-hk-v31-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus{outline:0}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:10060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:10060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0;width:100%;height:auto}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-image iframe{border:0}}@media (min-width:50em){.sl-wrapper .sl-image iframe{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease .2s;transition:-ms-transform ease .2s;transition:-o-transform ease .2s;transition:-webkit-transform ease .2s;transition:transform ease .2s}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}


.videos{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  max-width: 60%;
  margin: 0 auto;
}

.vid .video-headline{
  background: #00AEE2;
  font-weight: 700;
  color: #fff;
  padding: 1rem;
}
.video-el{
  width: 100%;
  height: auto;
  display: block;
}

@media(max-width: 768px){
  .videos{
    max-width: 90%;
    grid-template-columns: 1fr;
  }
}
/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #1E261C;
  background: rgba(30, 38, 28, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}




/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }
  
  
  .js-lazy-image{
	  min-width: 1px;
	  min-height: 1px;
  }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-nav button.owl-next{
	right: 30px;
	font-size: 40px;
}

.owl-carousel .owl-nav button.owl-prev{
	left: 20px;
	font-size: 40px;
	display: none;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 40px;
  margin: 5px;
  padding: 4px 7px;  opacity: 0.5;
  position: absolute;
  top: 44%;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
 opacity: 1}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #282828; }

.row:after {
  content: "";
  display: table;
  clear: both; }
.row.boxed {
  max-width: 1020px;
  margin: 0 auto; }
.row.boxed-outer {
  max-width: 1400px;
  margin: 0 auto; }
.row .col {
  float: left;
  padding: 0 15px; }
  .row .col.no-pad {
    padding: 0; }
    
    
    

 
    
    
    #canvas-single .scroll-downs {
  position: absolute;
left: 50%;

margin-left: -17px;
  bottom: 30px;
  z-index: 100;
  width :34px;
  height: 55px;
}
   #canvas-single .mousey {
 width: 30px;
    height: 45px;
    cursor: pointer;
    padding: 10px 11px;
    border: 2px solid #fff;
    border-radius: 15px;
    opacity: 0.75;
}
#canvas-single .scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}



.row .col.xs-1-12 {
  width: 8.3333333333%; }
.row .col.offset-xs-1-12 {
  margin-left: 8.3333333333%; }

.row .col.xs-2-12 {
  width: 16.6666666667%; }
.row .col.offset-xs-2-12 {
  margin-left: 16.6666666667%; }

.row .col.xs-3-12 {
  width: 25%; }
.row .col.offset-xs-3-12 {
  margin-left: 25%; }

.row .col.xs-4-12 {
  width: 33.3333333333%; }
.row .col.offset-xs-4-12 {
  margin-left: 33.3333333333%; }

.row .col.xs-5-12 {
  width: 41.6666666667%; }
.row .col.offset-xs-5-12 {
  margin-left: 41.6666666667%; }

.row .col.xs-6-12 {
  width: 50%; }
.row .col.offset-xs-6-12 {
  margin-left: 50%; }

.row .col.xs-7-12 {
  width: 58.3333333333%; }
.row .col.offset-xs-7-12 {
  margin-left: 58.3333333333%; }

.row .col.xs-8-12 {
  width: 66.6666666667%; }
.row .col.offset-xs-8-12 {
  margin-left: 66.6666666667%; }

.row .col.xs-9-12 {
  width: 75%; }
.row .col.offset-xs-9-12 {
  margin-left: 75%; }

.row .col.xs-10-12 {
  width: 83.3333333333%; }
.row .col.offset-xs-10-12 {
  margin-left: 83.3333333333%; }

.row .col.xs-11-12 {
  width: 91.6666666667%; }
.row .col.offset-xs-11-12 {
  margin-left: 91.6666666667%; }

.row .col.xs-12-12 {
  width: 100%; }
.row .col.offset-xs-12-12 {
  margin-left: 100%; }

@media (min-width: 650px) {
  .row .col.sm-1-12 {
    width: 8.3333333333%; }
  .row .col.offset-sm-1-12 {
    margin-left: 8.3333333333%; }

  .row .col.sm-2-12 {
    width: 16.6666666667%; }
  .row .col.offset-sm-2-12 {
    margin-left: 16.6666666667%; }

  .row .col.sm-3-12 {
    width: 25%; }
  .row .col.offset-sm-3-12 {
    margin-left: 25%; }

  .row .col.sm-4-12 {
    width: 33.3333333333%; }
  .row .col.offset-sm-4-12 {
    margin-left: 33.3333333333%; }

  .row .col.sm-5-12 {
    width: 41.6666666667%; }
  .row .col.offset-sm-5-12 {
    margin-left: 41.6666666667%; }

  .row .col.sm-6-12 {
    width: 50%; }
  .row .col.offset-sm-6-12 {
    margin-left: 50%; }

  .row .col.sm-7-12 {
    width: 58.3333333333%; }
  .row .col.offset-sm-7-12 {
    margin-left: 58.3333333333%; }

  .row .col.sm-8-12 {
    width: 66.6666666667%; }
  .row .col.offset-sm-8-12 {
    margin-left: 66.6666666667%; }

  .row .col.sm-9-12 {
    width: 75%; }
  .row .col.offset-sm-9-12 {
    margin-left: 75%; }

  .row .col.sm-10-12 {
    width: 83.3333333333%; }
  .row .col.offset-sm-10-12 {
    margin-left: 83.3333333333%; }

  .row .col.sm-11-12 {
    width: 91.6666666667%; }
  .row .col.offset-sm-11-12 {
    margin-left: 91.6666666667%; }

  .row .col.sm-12-12 {
    width: 100%; }
  .row .col.offset-sm-12-12 {
    margin-left: 100%; } }
@media (min-width: 1024px) {
  .row .col.md-1-12 {
    width: 8.3333333333%; }
  .row .col.offset-md-1-12 {
    margin-left: 8.3333333333%; }

  .row .col.md-2-12 {
    width: 16.6666666667%; }
  .row .col.offset-md-2-12 {
    margin-left: 16.6666666667%; }

  .row .col.md-3-12 {
    width: 25%; }
  .row .col.offset-md-3-12 {
    margin-left: 25%; }

  .row .col.md-4-12 {
    width: 33.3333333333%; }
  .row .col.offset-md-4-12 {
    margin-left: 33.3333333333%; }

  .row .col.md-5-12 {
    width: 41.6666666667%; }
  .row .col.offset-md-5-12 {
    margin-left: 41.6666666667%; }

  .row .col.md-6-12 {
    width: 50%; }
  .row .col.offset-md-6-12 {
    margin-left: 50%; }

  .row .col.md-7-12 {
    width: 58.3333333333%; }
  .row .col.offset-md-7-12 {
    margin-left: 58.3333333333%; }

  .row .col.md-8-12 {
    width: 66.6666666667%; }
  .row .col.offset-md-8-12 {
    margin-left: 66.6666666667%; }

  .row .col.md-9-12 {
    width: 75%; }
  .row .col.offset-md-9-12 {
    margin-left: 75%; }

  .row .col.md-10-12 {
    width: 83.3333333333%; }
  .row .col.offset-md-10-12 {
    margin-left: 83.3333333333%; }

  .row .col.md-11-12 {
    width: 91.6666666667%; }
  .row .col.offset-md-11-12 {
    margin-left: 91.6666666667%; }

  .row .col.md-12-12 {
    width: 100%; }
  .row .col.offset-md-12-12 {
    margin-left: 100%; } }
@media (min-width: 1440px) {
  .row .col.lg-1-12 {
    width: 8.3333333333%; }
  .row .col.offset-lg-1-12 {
    margin-left: 8.3333333333%; }

  .row .col.lg-2-12 {
    width: 16.6666666667%; }
  .row .col.offset-lg-2-12 {
    margin-left: 16.6666666667%; }

  .row .col.lg-3-12 {
    width: 25%; }
  .row .col.offset-lg-3-12 {
    margin-left: 25%; }

  .row .col.lg-4-12 {
    width: 33.3333333333%; }
  .row .col.offset-lg-4-12 {
    margin-left: 33.3333333333%; }

  .row .col.lg-5-12 {
    width: 41.6666666667%; }
  .row .col.offset-lg-5-12 {
    margin-left: 41.6666666667%; }

  .row .col.lg-6-12 {
    width: 50%; }
  .row .col.offset-lg-6-12 {
    margin-left: 50%; }

  .row .col.lg-7-12 {
    width: 58.3333333333%; }
  .row .col.offset-lg-7-12 {
    margin-left: 58.3333333333%; }

  .row .col.lg-8-12 {
    width: 66.6666666667%; }
  .row .col.offset-lg-8-12 {
    margin-left: 66.6666666667%; }

  .row .col.lg-9-12 {
    width: 75%; }
  .row .col.offset-lg-9-12 {
    margin-left: 75%; }

  .row .col.lg-10-12 {
    width: 83.3333333333%; }
  .row .col.offset-lg-10-12 {
    margin-left: 83.3333333333%; }

  .row .col.lg-11-12 {
    width: 91.6666666667%; }
  .row .col.offset-lg-11-12 {
    margin-left: 91.6666666667%; }

  .row .col.lg-12-12 {
    width: 100%; }
  .row .col.offset-lg-12-12 {
    margin-left: 100%; } }
@media (min-width: 1800px) {
  .row .col.xl-1-10 {
    width: 10%; }
  .row .col.offset-xl-1-10 {
    margin-left: 10%; }

  .row .col.xl-2-10 {
    width: 20%; }
  .row .col.offset-xl-2-10 {
    margin-left: 20%; }

  .row .col.xl-3-10 {
    width: 30%; }
  .row .col.offset-xl-3-10 {
    margin-left: 30%; }

  .row .col.xl-4-10 {
    width: 40%; }
  .row .col.offset-xl-4-10 {
    margin-left: 40%; }

  .row .col.xl-5-10 {
    width: 50%; }
  .row .col.offset-xl-5-10 {
    margin-left: 50%; }

  .row .col.xl-6-10 {
    width: 60%; }
  .row .col.offset-xl-6-10 {
    margin-left: 60%; }

  .row .col.xl-7-10 {
    width: 70%; }
  .row .col.offset-xl-7-10 {
    margin-left: 70%; }

  .row .col.xl-8-10 {
    width: 80%; }
  .row .col.offset-xl-8-10 {
    margin-left: 80%; }

  .row .col.xl-9-10 {
    width: 90%; }
  .row .col.offset-xl-9-10 {
    margin-left: 90%; }

  .row .col.xl-10-10 {
    width: 100%; }
  .row .col.offset-xl-10-10 {
    margin-left: 100%; }

  .row .col.xl-1-12 {
    width: 8.3333333333%; }
  .row .col.offset-xl-1-12 {
    margin-left: 8.3333333333%; }

  .row .col.xl-2-12 {
    width: 16.6666666667%; }
  .row .col.offset-xl-2-12 {
    margin-left: 16.6666666667%; }

  .row .col.xl-3-12 {
    width: 25%; }
  .row .col.offset-xl-3-12 {
    margin-left: 25%; }

  .row .col.xl-4-12 {
    width: 33.3333333333%; }
  .row .col.offset-xl-4-12 {
    margin-left: 33.3333333333%; }

  .row .col.xl-5-12 {
    width: 41.6666666667%; }
  .row .col.offset-xl-5-12 {
    margin-left: 41.6666666667%; }

  .row .col.xl-6-12 {
    width: 50%; }
  .row .col.offset-xl-6-12 {
    margin-left: 50%; }

  .row .col.xl-7-12 {
    width: 58.3333333333%; }
  .row .col.offset-xl-7-12 {
    margin-left: 58.3333333333%; }

  .row .col.xl-8-12 {
    width: 66.6666666667%; }
  .row .col.offset-xl-8-12 {
    margin-left: 66.6666666667%; }

  .row .col.xl-9-12 {
    width: 75%; }
  .row .col.offset-xl-9-12 {
    margin-left: 75%; }

  .row .col.xl-10-12 {
    width: 83.3333333333%; }
  .row .col.offset-xl-10-12 {
    margin-left: 83.3333333333%; }

  .row .col.xl-11-12 {
    width: 91.6666666667%; }
  .row .col.offset-xl-11-12 {
    margin-left: 91.6666666667%; }

  .row .col.xl-12-12 {
    width: 100%; }
  .row .col.offset-xl-12-12 {
    margin-left: 100%; } }












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

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

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

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

.icon-inbox:before {
  content: "\e939"; }

.icon-mail:before {
  content: "\e954"; }

.icon-image:before {
  content: "\e938"; }

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

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

.icon-link:before {
  content: "\e950"; }

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

.icon-music:before {
  content: "\e966"; }

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

.icon-notifications:before {
  content: "\e968"; }

.icon-notifications-filled:before {
  content: "\e967"; }

.icon-notifications-off:before {
  content: "\e969"; }

.icon-folder:before {
  content: "\e933"; }

.icon-folder-filled:before {
  content: "\e932"; }

.icon-folder-opened:before {
  content: "\e934"; }

.icon-bubble:before {
  content: "\e916"; }

.icon-bubble-filled:before {
  content: "\e915"; }

.icon-heart:before {
  content: "\e936"; }

.icon-heart-filled:before {
  content: "\e935"; }

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

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

.icon-ribbon:before {
  content: "\e97b"; }

.icon-ribbon-filled:before {
  content: "\e97a"; }

.icon-ribbon-plus:before {
  content: "\e97c"; }

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

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

.icon-star-filled:before {
  content: "\e983"; }

.icon-menu-left-1:before {
  content: "\e958"; }

.icon-menu-center-1:before {
  content: "\e956"; }

.icon-menu-right-1:before {
  content: "\e95a"; }

.icon-menu-left-2:before {
  content: "\e959"; }

.icon-menu-center-2:before {
  content: "\e957"; }

.icon-menu-right-2:before {
  content: "\e95b"; }

.icon-enter-left:before {
  content: "\e92e"; }

.icon-enter-right:before {
  content: "\e92f"; }

.icon-exit-left:before {
  content: "\e930"; }

.icon-exit-right:before {
  content: "\e931"; }

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

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

.icon-settings-1:before {
  content: "\e97d"; }

.icon-settings-2:before {
  content: "\e97e"; }

.icon-settings-3:before {
  content: "\e97f"; }

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

.icon-target-2:before {
  content: "\e98f"; }

.icon-download:before {
  content: "\e92b"; }

.icon-share-1:before {
  content: "\e980"; }

.icon-share-2:before {
  content: "\e981"; }

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

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

.icon-backward:before {
  content: "\e94a"; }

.icon-backward-filled:before {
  content: "\e949"; }

.icon-forward:before {
  content: "\e94c"; }

.icon-forward-filled:before {
  content: "\e94b"; }

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

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

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

.icon-dashboard-filled:before {
  content: "\e923"; }

.icon-plus-circle:before {
  content: "\e95f"; }

.icon-plus-circle-filled:before {
  content: "\e95e"; }

.icon-minus-circle:before {
  content: "\e962"; }

.icon-minus-circle-filled:before {
  content: "\e961"; }

.icon-ok-circle:before {
  content: "\e96b"; }

.icon-ok-circle-filled:before {
  content: "\e96a"; }

.icon-blocks:before {
  content: "\e914"; }

.icon-blocks-filled:before {
  content: "\e913"; }

.icon-tiles:before {
  content: "\e996"; }

.icon-tiles-filled:before {
  content: "\e995"; }

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

.icon-close-circle-filled:before {
  content: "\e91d"; }

.icon-list:before {
  content: "\e955"; }

.icon-text-align-justify:before {
  content: "\e991"; }

.icon-text-align-left:before {
  content: "\e992"; }

.icon-text-align-center:before {
  content: "\e990"; }

.icon-text-align-right:before {
  content: "\e993"; }

.icon-volume:before {
  content: "\e99a"; }

.icon-monitor:before {
  content: "\e94d"; }

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

.icon-smartphone:before {
  content: "\e94f"; }

.icon-watch:before {
  content: "\e99b"; }

.icon-duplicate:before {
  content: "\e92c"; }

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

.icon-resize-plus-1:before {
  content: "\e977"; }

.icon-resize-minus-1:before {
  content: "\e974"; }

.icon-resize-minus-2:before {
  content: "\e975"; }

.icon-resize-plus-2:before {
  content: "\e978"; }

.icon-resize-minus-3:before {
  content: "\e976"; }

.icon-resize-plus-3:before {
  content: "\e979"; }

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

.icon-battery-low:before {
  content: "\e912"; }

.icon-battery-half:before {
  content: "\e911"; }

.icon-battery-full:before {
  content: "\e910"; }

.icon-signal:before {
  content: "\e982"; }

.icon-power:before {
  content: "\e943"; }

.icon-text:before {
  content: "\e994"; }

.icon-info:before {
  content: "\e93a"; }

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

.icon-document-filled:before {
  content: "\e925"; }

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

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

.icon-pencil:before {
  content: "\e96e"; }

.icon-pencil-filled:before {
  content: "\e96d"; }

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

.icon-switch:before {
  content: "\e98a"; }

.icon-switch-filled:before {
  content: "\e989"; }

.icon-switches:before {
  content: "\e98b"; }

.icon-repeat:before {
  content: "\e944"; }

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

.icon-arrow-left-1:before {
  content: "\e902"; }

.icon-arrow-right-1:before {
  content: "\e903"; }

.icon-arrow-up-1:before {
  content: "\e905"; }

.icon-arrow-down-1:before {
  content: "\e904"; }

.icon-arrow-left-2:before {
  content: "\e906"; }

.icon-arrow-right-2:before {
  content: "\e907"; }

.icon-arrow-up-2:before {
  content: "\e909"; }

.icon-arrow-down-2:before {
  content: "\e908"; }

.icon-arrows-left-right:before {
  content: "\e90c"; }

.icon-arrows-up-down:before {
  content: "\e90d"; }

.icon-jump-left-up:before {
  content: "\e93e"; }

.icon-jump-right-up:before {
  content: "\e940"; }

.icon-jump-down-left:before {
  content: "\e93b"; }

.icon-jump-up-right:before {
  content: "\e942"; }

.icon-jump-left-down:before {
  content: "\e93d"; }

.icon-jump-right-down:before {
  content: "\e93f"; }

.icon-jump-up-left:before {
  content: "\e941"; }

.icon-jump-down-right:before {
  content: "\e93c"; }

.icon-arrow-left-right:before {
  content: "\e90a"; }

.icon-arrow-up-down:before {
  content: "\e90b"; }

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

.icon-reload-2:before {
  content: "\e973"; }

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

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

.icon-ok:before {
  content: "\e96c"; }

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

.icon-dots-hr:before {
  content: "\e929"; }

.icon-dots-vr:before {
  content: "\e92a"; }

.icon-mic:before {
  content: "\e95c"; }

.icon-mic-off:before {
  content: "\e95d"; }

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

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

.icon-zoom-out:before {
  content: "\e99f"; }

.icon-zoom-out-filled:before {
  content: "\e99e"; }

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

.icon-dots:before {
  content: "\e901"; }

.icon-pin:before {
  content: "\e970"; }

.icon-pin-filled:before {
  content: "\e96f"; }

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

.icon-trash-filled:before {
  content: "\e997"; }

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

.icon-tag-filled:before {
  content: "\e98c"; }

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

.icon-cloud-filled:before {
  content: "\e920"; }

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

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

.icon-sun:before {
  content: "\e988"; }

.icon-sun-filled:before {
  content: "\e987"; }

.icon-moon:before {
  content: "\e965"; }

.icon-moon-filled:before {
  content: "\e964"; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
font-family: 'Noto Sans HK', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 110px;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #282828;
  line-height: 1.6; }

body.openSidenav{
	overflow: hidden;
}
body#tinymce{
	margin: 25px;
}
.font-speed {
  text-rendering: optimizeSpeed; }


.textcentermod{
	position: relative;
}

.textcentermod .inner{
	padding: 50px 100px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}



figure {
  margin: 0;
  padding: 0; }
  figure.fullwidth img {
    width: 100%;
    float: left;
    height: auto; }
  figure img {
    max-width: 100%;
    height: auto; }
  figure.goesPrevSection {
    position: relative;
    margin-bottom: 0px;
    margin-top: -350px; }

.special-txt {
  color: #627364; }

.dark-txt {
  color: #0053A1; }

.primary-txt {
  color: #00AEE2; }

.bg.special {
  background: #0053A1;
  color: #fff; }
.bg.dark {
  background: #0053A1;
  color: #fff; }
.bg.primary {
  background: #00AEE2;
  color: #282828; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.fleft {
  float: left; }

.fright, .row .fright {
  float: right; }

.mb.xsmall {
  margin-bottom: 25px; }
.mb.small {
  margin-bottom: 50px; }
.mb.medium {
  margin-bottom: 75px; }
.mb.large {
  margin-bottom: 100px; }
.mb.xlarge {
  margin-bottom: 150px; }

.mt.xsmall {
  margin-top: 25px; }
.mt.small {
  margin-top: 50px; }
.mt.medium {
  margin-top: 75px; }
.mt.large {
  margin-top: 100px; }
.mt.xlarge {
  margin-top: 150px; }

.mr.large {
  margin-right: 100px; }
.mr.medium {
  margin-right: 75px; }
.mr.small {
  margin-right: 50px; }
.mr.xsmall {
  margin-right: 25px; }
.mr.xlarge {
  margin-right: 150px; }

.ml.large {
  margin-left: 100px; }
.ml.medium {
  margin-left: 75px; }
.ml.small {
  margin-left: 50px; }
.ml.xsmall {
  margin-left: 25px; }
.ml.xlarge {
  margin-left: 150px; }

h1, h2, h3, h4 {
	 }

h1 {
  font-size: 40px;
  font-size: 2.5rem;
  margin: 0;
  padding: 0; }

h2 {
  font-size: 40px;
  font-size: 2.2rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  margin-bottom: 50px; }

h3 {
  font-size: 20px;
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
  font-weight: 600; }

h4 {
  font-size: 19px;
  font-size: 1.1875rem;
  margin: 0;
  padding: 0;
  font-weight: 600; }

.headline.dark small {
  color: #0053A1; }
.headline small {
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #00AEE2;
  font-size: 1rem;
  display: block;
  margin-bottom: 15px; }

.down header {
  transform: translate3d(0, -110px, 0); }
  
  .more-images{
	  width: 100%;
	  display: block;
	  float: left;
	  margin-bottom: 100px;
	  
	  
  }
  .video-background {
  background: #000;
  position: absolute;
  overflow: hidden;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background video {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
    transform: translate(-50%, 0%);
    
  pointer-events: none;
}

.admin-bar header{
	top: 32px;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: 0;
  background: #fff;
  z-index: 31;
  height: 110px; 
  }


header nav{
	float: right;
}


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

header nav ul li{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}


header #multisite-change{
	border: 1px solid #0053a1;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	float: left;
	text-align: center;
	line-height: 18px;
	margin-left: 20px;
	cursor: pointer;
	position: relative;
	margin-top: 12px;
	
}



header #multisite-change ul{
	position: absolute;
	background: #fff;
	padding: 0;
	margin: 0;
	
    top: 18px;
    right: -4px;
	list-style: none;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

header #multisite-change ul:after {
	top: -16px;
	right: 5px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #dadada;
	border-width: 8px;
	margin-left: -8px;
}

header #multisite-change ul{
	display: none;
}

header #multisite-change ul.act{
	display: block;
}

header #multisite-change ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}
header #brand #multisite-change img.arr{
	width: 10px;
	height: auto;
	position: relative;
	top: -4px;
}
header #brand #multisite-change  li {
	padding: 10px 0;
	border-bottom: 1px solid #dadada;
}
header #brand #multisite-change  li a{
	    width: 240px;
    padding: 10px 20px;
}header #brand #multisite-change  li a{
	float: none;
}header #brand #multisite-change  li:hover{
	background: #f7f8f7
}

header nav ul li a{
	
	padding: 0 40px 0 0 ;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #282828;
	font-weight: 600;
	line-height: 110px;
	display: block;
}
header nav ul li:last-of-type a{
	padding-right: 0;
}
header nav ul li a:hover, header nav ul li.current-menu-item a,

header nav ul li.current_page_parent > a{
	color: #00aee2;
}


header nav ul li .hovermenu {
    background: #00aee2;
    left: 0;
    width: 100%;
    right: 0;
	text-align: right;
	padding: 0 50px;
	/* border-bottom: 20px solid #fff; */
    position: absolute;
    
}
header nav ul li .hovermenu{
	display: none;
}
header nav ul li:hover .hovermenu{
	display: block;
}

header nav ul li:hover a

header nav ul li .hovermenu ul{
}
header nav ul li .hovermenu ul li{
	display: inline-block;
	float: none;
	position: relative;
}

header nav ul li .hovermenu ul li a:before{
	content: "/";
	position: absolute;
	left: 15px;
	line-height: 80px;
	color: #fff;
	top: 0;
	
}

header nav ul li .hovermenu ul li.current-menu-item a{
	text-decoration: underline;
}


header nav ul li a span{
	display: block;
	position: relative;
}
header nav ul li .hovermenu ul li:first-of-type a:before{
	display: none; content: "";
}
header nav ul li .hovermenu li a{
	color: #fff;
	font-size: 0.9rem;
	line-height: 80px;
	padding: 0 0 0 40px;
}


header nav ul li.menu-item-has-children:hover > a span:after {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #00aee2;
	border-width: 8px;
	margin-left: -8px;
}

 
  header #brand {
    margin-top: 30px;
    float: left; }
    
    header #brand a{
	    float: left;
   width: 220px;
    display: block;
    }
    
    
    header #brand img {
      width: 100%;
      height: auto; }
      .langswitch{
	      float: right;
	      font-size: 14px;
      }
      
       header        .langswitch{
	       margin-left: 20px;
	       position: relative;
	       
       }
       
        header        .langswitch:before{
	        width: 1px;
	        height: 24px;
	        background: #ccc;
	        display: block;
	        position: absolute;
	        left: 0;
	        top: 44px;
	        content:  " ";
	        
        }   header        .langswitch ul{
	        margin: 0 0 0 8px;
	        padding: 0;
        }
        
         header        .langswitch li{
	         list-style: none;
	         margin: 0 0 0 0;
	         padding: 0;
	         display: inline-block;
         }
      header        .langswitch li a{
	      padding-left: 12px;
	      text-transform: uppercase;
	      text-decoration: none;
	      line-height: 110px;
	      letter-spacing: 1px;
	      
	      color: #ccc;
      }
      header  .langswitch li.current-lang a{
	  font-weight: 700;
	  color: #00AEE2;
  }
      /*.row.boxed-outer.langswitch{
	      float: right;
	      position: absolute;
	      left: 50%;
	      margin-left: -700px;
	      
    width: 1400px;
    padding-bottom: 0;
    text-align: right;
    z-index: 20;
	      font-size: 14px;
      }
.row.boxed-outer.langswitch ul{
	margin: 10px 0 0 0;
	padding: 0;
}
      .row.boxed-outer.langswitch li{
	      display: inline-block;
	      list-style: none;
	      margin: 0;
	      padding: 0;
	      
      }
  .row.boxed-outer.langswitch li.current-lang a{
	  font-weight: 700;
  }

      .row.boxed-outer.langswitch li a{
	      padding-left: 12px;
	      letter-spacing: 1px;
	      text-transform: uppercase;
	      color: #111;
	      opacity: 0.7;
	      text-decoration: none;
      }
      
      
      
      
      
      */
.subpage-listing .hover-image {
  position: relative; }
  .subpage-listing .hover-image:hover a {
    opacity: 1;
    filter: alpha(opacity=100); }
    
    
    .hover-image figure img, .hovimg img{
	    width: 100%;
	    float: left;
	    max-width: inherit;
    }
    
  .subpage-listing .hover-image figure:after {
    content: "";
    display: table;
    clear: both; }
  .subpage-listing .hover-image figure a {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    background: rgba(30, 38, 28, 0.78); }
    .subpage-listing .hover-image figure a span {
      display: inline-block;
      position: relative;
      transform: translateY(-50%);
      top: 50%;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #00AEE2;
      text-decoration: none; }
  .subpage-listing .hover-image figure img {
    float: left; }

.team-listing .hover-image {
  position: relative; }
  .team-listing .hover-image:hover .hover,
  
  .team-listing .hover-image .hover.touch {
    opacity: 1;
    filter: alpha(opacity=100); }
  .team-listing .hover-image figure:after {
    content: "";
    display: table;
    clear: both; }
  .team-listing .hover-image figure .hover {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    display: block;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    background: rgba(30, 38, 28, 0.78); }
    
    
    .team-listing p{
	    margin-top: 5px;
    }
    
    .team-listing .col{
	    margin-top: 30px;
    }
    
        .team-listing .col:nth-child(1),
        .team-listing .col:nth-child(2){
	            margin-top: 0;
            }
    
    .team-listing .hover-image figure .hover div {
      position: absolute;
      bottom: 30px;
      left: 30px; }
      .team-listing .hover-image figure .hover div h3 {
        color: #00AEE2;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 22px;
        margin: 0;
        padding: 0; }
      .team-listing .hover-image figure .hover div p {
        font-size: 16px;
        font-size: 1rem;
        margin: 0;
        padding: 0; }
        .team-listing .hover-image figure .hover div p a {
          color: #fff; }
        .team-listing .hover-image figure .hover div p:last-of-type {
          margin-top: 25px; }
  .team-listing .hover-image figure img {
    float: left; }

.carousel {
  position: relative; }
  .carousel .owl-dots {
    position: absolute;
    top: 45px;
    right: 50px;
    z-index: 10; }

.list-item {
  padding: 50px 75px;
  position: relative;
  min-height: 370px; }
 
  .list-item .list-hover{
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  display: block;
	  z-index: 10;
  }
  .list-item .show-ajax:after, .list-item .hide-ajax:after {
    content: "";
    display: table;
    clear: both; }
  .list-item.nopad {
    min-height: inherit;
    padding: 50px 0; }
  .list-item .show-ajax {
    display: none; }
  .list-item.shown .hide-ajax {
    display: none; }
  .list-item.shown .show-ajax {
    display: block; }
  .list-item.bordered {
    margin-bottom: 50px;
    border-bottom: 1px dotted #282828;
    padding: 50px 0; }
    
    .single .list-item.bordered{
      margin-bottom: 0;
      padding-bottom: 0;
    }
  .list-item.bg small:after {
    background: #fff; }
  .list-item.bg.primary small:after {
    background: #282828; }
  .list-item h2, section .textcentermod h2 {
    font-size: 30px;
    font-size: 1.5rem;
    line-height: 1.4;
    margin: 0;
    padding: 0; }
  .list-item small {
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px; }
    .list-item small:after {
      content: " ";
      height: 1px;
      width: 44px;
      display: block;
      background: #282828;
      margin-top: 16px;
      margin-bottom: 40px; }
  .list-item span {
    display: block; 
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #00AEE2; }
    
    
    .single .list-item span{
      display: inherit;
      letter-spacing: inherit;
      margin-bottom: inherit;
      text-transform: inherit;
      color: inherit
    }
  .list-item p {
    margin-bottom: 27px; }
    .list-item p a:not(.def) {
      color: #282828;
      border-bottom: 1px solid #282828;
      text-decoration: none; }
 .listing .list-item:first-of-type{
	  padding-top: 0;
  }
     .list-item p a.ajax-more,
     .list-item p a.ajax-less{
	     border-bottom: none;
     }
  
  
  
  .listing .list-item.bordered{
	  padding: 0 0 30px 0;
	  min-height: inherit;
  }
  
  #sidenav nav ul li .dropdownHandle {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 40px;
    z-index: 100;
    display: block;
}



.hamburger {
  padding: 0 0;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  float: right;
  
  margin: 40px 0 0 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }
  .hamburger.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
    .hamburger.is-active .hamburger-inner::before {
      transform: rotate(-45deg) translate3d(-5.7142857143px, -8px, 0);
      opacity: 0; }
    .hamburger.is-active .hamburger-inner::after {
      transform: translate3d(0, -20px, 0) rotate(-90deg); }

.hamburger-box {
  width: 40px;
  height: 22px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  /*&::before {
    top: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
  }

  &::after {
    bottom: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
  }*/ }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 2px;
    background-color: #222;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger-inner::after {
    top: 20px; }
.button.primary.play{
	
    height: auto;
    padding: 18px 19px 18px 24px;
    border-radius: 50%;
}


.certificate{
	margin-top: 30px;
}

.certificate h3{
	font-size: 0.9rem;
	hyphens: auto;
	margin-top: 12px;
}

.certificate h3 a{
	text-decoration: none;
	color: #282828;
}

.owl-carousel .owl-item .play img {
	
    height: auto;
    width: 22px;
}
.gallery .gridimg{
	width: 20%;
	float: left;
}

.gallery .gridimg.hidden{
	display: none;
}
.gallery .gridimg.four{
	width: 25%;
}

.gallery .gridimg.bigimg{
	width: 40%;
}
	.gallery .gridimg img{
		width: 100%;
		height: auto;
		float: left;
	}
	 .gallery .gridsizer{
	width: 20%;
}
	
	.gallery.masonry .gridimg{
		overflow: hidden;
	}
	

	
	.gallery.masonry .grid-img-3, 
	.gallery.masonry .grid-img-20, 
	.gallery.masonry .grid-img-54{
		width: 40%;
	}
	
	.tab span {
  background: #4B524A;
  padding: 60px 0;
  display: block;
  text-align: center;
  cursor: pointer;
  color: #282828;
  position: relative;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 600; }
  .tab span:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 15px;
    margin-left: -15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-top-color: #0053A1; }
  .tab span small {
    letter-spacing: 2px;
    display: block;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600; }
.tab:hover.bronze span, .tab.active.bronze span {
  background: #A0723E; }
  .tab:hover.bronze span:after, .tab.active.bronze span:after {
    border-top-color: #A0723E; }
.tab:hover.silver span, .tab.active.silver span {
  background: #AFAEAA; }
  .tab:hover.silver span:after, .tab.active.silver span:after {
    border-top-color: #AFAEAA; }
.tab:hover.gold span, .tab.active.gold span {
  background: #C7932E; }
  .tab:hover.gold span:after, .tab.active.gold span:after {
    border-top-color: #C7932E; }

/* Acordeon styles */
.tabs .tab-show {
  display: none; }
  .tabs .tab-show.active {
    display: block; }

.acc {
  position: relative;
  margin-bottom: 6px;
  width: 100%;
  overflow: hidden;
  /* :checked */
  /* Icon */ }
  .acc.white {
    color: #282828; }
    .acc.white .acc-content, .acc.white label {
      background: #F7F8F7; }
  .acc input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .acc > label {
    position: relative;
    display: block;
    padding: 10px 60px 10px 30px;
    background: #F7F8F7;
    font-weight: 600;
    cursor: pointer; }
    
    input[type="date"]:not(.has-value):before{
      content: attr(placeholder);
    }
    .odd .acc > label,
    .odd .acc .acc-content{
	    background: #fff;
    }
  .acc .acc-content {
    max-height: 0;
    overflow: hidden;
    background: #F7F8F7;
    transition: max-height .35s; }
    .acc .acc-content p,
    .acc .acc-content h4,
    .acc .acc-content h3,
    .acc .acc-content ul {
      margin: 15px 30px; }
      
      .acc .acc-content ul{
	      margin-bottom: 40px;
      }
          .acc .acc-content p a,
    .acc .acc-content ul a {
     color: #00AEE2; }
     
     .acc .acc-content p.cta-button a{
       color: #fff
     }
      
      img.alignright{
	      float: right;
	      position: relative;
	      top: -75px;
	      margin-left: 25px;
      }
      
    .clearer-lg,  .clearer-sm{
	      width: 100%;
	      height: 1px;
	      float: left;
	      display: none;
      }
      
      @media(min-width: 650px){
	      
          .clearer-sm{
	      display: block;
      }
     
     
       } 
       
          @media(min-width: 1024px){
	          .clearer-sm{
	      display: none;
      } .clearer-lg{
	      display: block;
      }
    
       
       } 
       
       
    
      
    .acc .acc-content form {
      margin: 15px 15px 30px 15px; }
      .acc .acc-content form p {
        margin-left: 0;
        margin-right: 0; }
  .acc input:checked ~ .acc-content {
    max-height: 180em; }
  .acc label::after {
    position: absolute;
    right: 0;
    top: 0;
    color: #969A95;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    transition: all .35s; }
  .acc input[type=checkbox] + label::after {
    content: "+"; }
  .acc input[type=radio] + label::after {
    content: "\25BC"; }
  .acc input[type=checkbox]:checked + label::after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg); }
  .acc input[type=radio]:checked + label::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); }

.bronze .acc input[type=checkbox]:checked + label {
  color: #A0723E; }

.silver .acc input[type=checkbox]:checked + label {
  color: #AFAEAA; }

.gold .acc input[type=checkbox]:checked + label {
  color: #C7932E; }

b, strong {
  font-weight: 600; }

.boxes.left-aligned .box > div h3 {
  text-align: left;
  margin-bottom: 0px; }
.boxes.pricing .box > div small {
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #00AEE2; }
.boxes.pricing .box > div h3 {
  text-align: left;
  font-size: 34px;
  font-size: 2.125rem;
  margin-bottom: 50px; }
  .boxes.pricing .box > div h3 small {
    color: #282828;
    font-size: 18px;
    font-size: 1.125rem;
    display: block; }
.boxes.pricing .box > div .price {
  line-height: 40px;
  height: 40px; }
  .boxes.pricing .box > div .price .bigger {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 40px; }
.boxes .box > div {
	position: relative;
  padding: 30px; }
  
  .boxes .box > div .boxlink{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  display: block;
	  z-index: 10;
  }
  .boxes .box > div h3 {
    text-align: center;
    margin-bottom: 0px; }
    
    .boxes .box > div p{
	    text-align: center;
    }
    #instafeed img{
	    width: 100%;
	    height: auto;
    }
    
    #instafeed{
	   /* padding: 0 15px; */
    }
.boxes .box .gray {
  background: #F7F8F7; }
.boxes .box .white, .boxes .box .box-3 {
  background: #fff;
  color: #282828; }
.boxes .box .box-1 {
	
    min-height: 590px;
  background: #627364; }
.boxes .box .box-2 {
    min-height: 590px;
  background: #2F382D; }

.boxes .box .box-3{
	
    min-height: 590px;
}


.select-style {
    overflow: hidden;
  width: 100%;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    background: #fff;
}


.select-style.w100 {
    width: 100%;
}
.select-style select {
    padding: 12px 11px;
    width: 130%;
    height: 44px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    position: relative;
    z-index: 3;
    outline: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.select-style:after {
    background: #fff;
    
    background-image: url("data:image/svg+xml,%0A%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23575757;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon-arrow-down%3C/title%3E%3Cpolygon class='cls-1' points='14 39.38 64 88.61 114 39.38 14 39.38'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    width: 30px;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    content: " ";
}

.instaphoto{
	width: 50%;
	float: left;
	position: relative;
	height: 320px
}

.instaphoto a{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.instarow{
	
	width: 50%;
	float: left;
}

.instaphoto img{
	width:	100%;
	float: left;
	height: auto;
}

.instacaption{
	
	width: 50%;
	height: 320px;
	float: left;
    background: #F7F8F7;
    position: relative;
    padding: 0 50px;
}

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

.instarow:nth-child(3) .instaphoto,
.instarow:nth-child(4) .instaphoto,
.instarow:nth-child(7) .instaphoto,
.instarow:nth-child(8) .instaphoto,
.instarow:nth-child(11) .instaphoto,
.instarow:nth-child(12) .instaphoto,
.instarow:nth-child(15) .instaphoto,
.instarow:nth-child(16) .instaphoto,
.instarow:nth-child(19) .instaphoto,
.instarow:nth-child(20) .instaphoto,
.instarow:nth-child(23) .instaphoto,
.instarow:nth-child(24) .instaphoto,
.instarow:nth-child(27) .instaphoto,
.instarow:nth-child(28) .instaphoto,
.instarow:nth-child(31) .instaphoto,
.instarow:nth-child(32) .instaphoto{
	float: right;
}

.instarow:nth-child(3) .instacaption,
.instarow:nth-child(7) .instacaption,
.instarow:nth-child(11) .instacaption,
.instarow:nth-child(15) .instacaption,
.instarow:nth-child(19) .instacaption,
.instarow:nth-child(23) .instacaption,
.instarow:nth-child(27) .instacaption,
.instarow:nth-child(31) .instacaption{
	color: #fff;
	background: #00AEE2;
}

.instarow:nth-child(4) .instacaption,
.instarow:nth-child(8) .instacaption,
.instarow:nth-child(12) .instacaption,
.instarow:nth-child(16) .instacaption,
.instarow:nth-child(20) .instacaption,
.instarow:nth-child(24) .instacaption,
.instarow:nth-child(28) .instacaption{
	color: #fff;
	background: #0053A1;
}
.linklist {margin-top: 40px;}
.linklist .linkcol{
	width: 23%;
	position: relative;
	margin-right: 2%;
	text-align: center;
	float: left;
	margin-bottom: 2%;
}

.linklist .linkcol a{
	display: block;
	text-decoration: none;
	padding: 0 10px;
	color: #282828;
	border: 1px solid #dadada;
	background: #fff;
	font-size: 1rem;
	height: 75px;
	position: relative;
}

.linklist .linkcol.primary a{
	
	color: #fff;
	background: #0053A1;
	border-color: #0053A1;
}

.linklist .linkcol span{
	position: relative; top: 50%; transform: translateY(-50%); display: block;
	hyphens: auto;
}
.linkheadline{
	width: 100%;margin-top: 40px;
	float: left;
}

.linkheadline h3{
	font-size: 1.2rem;
	margin-bottom: 20px;
}

.linklist .linkcol a:hover{
	color: #fff;
	background: #00AEE2;
	border-color: #00AEE2;
	
}
.pad-header{
	height: 100px;
	width: 100%;
}



.button {
  background: #fff;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 25px;
  padding: 0 25px;
  border: none;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  color: #00aee2; }
  .button.primary {
    background: #00AEE2;
    color: #fff; }
  .button.odd {
    background: #eeeeee;
    color: #222; }
  .button.border {
    border: 1px solid #00AEE2;
    background: transparent; }
  .button.full {
    display: block;
    padding: 0; }
  .button.circle {
    background: #fff;
    border-radius: 50%;
    width: 70px;
    cursor: pointer;
    height: 70px;
    display: inline-block; }
    .button.circle.primary {
      background: #00AEE2; }
    .button.circle.dark {
      background: #0053A1; }
    .button.circle.special {
      background: #627364; }

.btnmargs .button{
	margin: 0 6px;
}
.button:hover{-webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,.2);-moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,.2);box-shadow:2px 2px 10px 0px rgba(0,0,0,.2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}


.primary .button {
  background: #fff; }

.iconcircle {
  width: 40px;
  height: 40px;
  margin: 14px 0 0 -6px;
  display: inline-block; }
  .iconcircle.video.light {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' viewBox='0 0 512 512'%3e%3cg%3e%3c/g%3e%3cpath d='M152.443 136.417l207.114 119.573-207.114 119.593z' fill='%23ffffff' /%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px; }
  .iconcircle.video.dark {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' viewBox='0 0 512 512'%3e%3cg%3e%3c/g%3e%3cpath d='M152.443 136.417l207.114 119.573-207.114 119.593z' fill='%23$dark' /%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px; }
    
    
  

#canvas-single {
  width: 100%;
 /*  border-bottom: 50px solid #fff; */

  position: relative; }
  
  #canvas-single img{
	  width: 100%;
	  height: auto;
	  float: left;
  }
  
  #canvas-single.odd {
    background: #F7F8F7; }
    #canvas-single.odd .headline-canvas h2, #canvas-single.odd .headline-canvas small {
      color: #282828; }
  #canvas-single .row, #canvas-single .row > .col {
    height: 100%;
    position: relative; }
    #canvas-single .row .canvas-spacer, #canvas-single .row > .col .canvas-spacer {
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 100%;
    padding-left: 90px;
    left: 0;
    top: 0;}
  #canvas-single .headline-canvas {
    position: relative;
    display: inline-block;
    color: #fff;
    top: 65%;
    transform: translateY(-30%); }
    
    
      #canvas-single.small .headline-canvas{
    top: 45%;
	      
      }
    #canvas-single .headline-canvas.vertical-center {
      top: 50%;
      transform: translateY(-30%); }
    #canvas-single .headline-canvas small {
      letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 8px;
    background: #00aee2; }
    #canvas-single .headline-canvas h2 {
       line-height: 1.3;
    font-size: 1.8rem;
    font-weight: 600;
    background: #0053a1;
    padding: 6px 15px 12px 15px; }
      #canvas-single .headline-canvas h2.primary {
        color: #00AEE2; }
        
        
      #canvas-single .headline-canvas h2.default {
        color: #fff; }
        
        
 #canvas-single .headline-canvas small.default,
 #canvas-single .headline-canvas small.primary{
	 color: #fff;
 }
#canvas {
  width: 100%;
  padding: 140px 50px;
  background: #0053A1;
  position: relative; }
  #canvas .canvas-nav {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer; }
    #canvas .canvas-nav img {
      height: 12px;
      margin-top: 9px;
      width: auto; }
    #canvas .canvas-nav.next {
      right: 70px; }
    #canvas .canvas-nav.prev {
      left: 70px; }
  #canvas .owl-item {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
    #canvas .owl-item.active-canvas .canvas-item:before {
      opacity: 0.8;
      filter: alpha(opacity=80);
      z-index: 10; }
    #canvas .owl-item.active-canvas .canvas-content {
      z-index: 11;
      opacity: 1;
      filter: alpha(opacity=100); }
  #canvas .canvas-item {
    width: 100%;
    float: left;
    background: #fff;
    position: relative; }
    #canvas .canvas-item:before {
      position: absolute;
      top: 0;
      content: " ";
      display: block;
      left: 0;
      width: 100%;
      height: 100%;
      background: #0053A1;
      opacity: 0;
      filter: alpha(opacity=0);
      z-index: -1;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease; }
    #canvas .canvas-item .canvas-content {
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      position: relative;
       }
       
       
       
    #canvas .canvas-item .canvas-content a{
	       
	       display: block;
	       
      padding: 60px 20%;
       }
      #canvas .canvas-item .canvas-content .headline small, #canvas .canvas-item .canvas-content .headline h2 {
        color: #fff; }
      #canvas .canvas-item .canvas-content .headline h2 {
        line-height: 1.3; }

.iconlist {
  float: left;
  width: 100%; }
  .iconlist:after {
    content: "";
    display: table;
    clear: both; }
  .iconlist.inline-boxing .col {
    float: none;
    vertical-align: top;
    display: inline-block; }
    
    .hovimg img{
	    
    transition: transform .4s;
    }
    .hovimg img:hover{
	         transform: scale(1.02);
    }
    
    .iconlist p{
	      -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
    }
  .iconlist .col {
    padding-bottom: 50px; }
    .iconlist .col h3 {
      margin-bottom: 15px;
      font-size: 1.1rem;
      line-height: 1.3; }
    .iconlist .col figure.icon {
      margin-bottom: 40px; }
      .iconlist .col figure img {
        height: 70px;
        width: auto;
        margin: 0 auto; }
        
        .iconlist.autoheight .col figure img{
	        height: auto;
        }

.iconlist .col h3 a{
	text-decoration: none;
	color: #282828;
}
    .iconlist .col figure.image {
      margin-bottom: 20px; }
      .iconlist .col figure.image img {
        width: 100%;
        margin: 0 auto; }

body.openSidenav #sidenav {
  z-index: 20;
  right: 0; }

nav#subnav {
  background: #0053A1;
  padding: 30px 0;
  text-align: center; }
  nav#subnav ul {
    margin: 0;
    padding: 0; }
    nav#subnav ul li {
      margin: 0;
      padding: 0;
      list-style: none;
      display: inline-block; }
      nav#subnav ul li a {
        letter-spacing: 2px;
        text-transform: uppercase;
        display: block;
        text-decoration: none;
        color: #707070;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        border-bottom: 2px solid #0053A1;
        padding: 20px 30px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        nav#subnav ul li a:hover, nav#subnav ul li.current_page_item a {
          color: #00AEE2;
          border-color: #00AEE2; }

#sidenav {
  background: #00AEE2;
  position: fixed;
  height: 100%;
  width: 400px;
  top: 0;
  right: -400px;
  z-index: -1;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease; }
  #sidenav nav {
    padding: 200px 50px 100px 0; }
    #sidenav nav ul {
      margin: 0;
      padding: 0; }
      
      #sidenav li.language-menu{
	      margin-top: 30px;
      }
      #sidenav nav ul li {
        margin: 0;
        padding: 0;
        position: relative;
        list-style: none; }
        #sidenav nav ul li a.menulink ,
        #sidenav .lang-item a{
          letter-spacing: 2px;
          text-transform: uppercase;
          display: block;
          text-decoration: none;
          color: #fff;
          font-size: 20px;
          font-size: 1.25rem;
          position: relative;
          padding: 10px 0  0 50px;
          -webkit-transition: color 0.6s ease;
          -moz-transition: color 0.6s ease;
          -ms-transition: color 0.6s ease;
          -o-transition: color 0.6s ease;
          transition: color 0.6s ease; }
          #sidenav nav ul li a.menulink:hover ,
          #sidenav .lang-item a:hover{
            color: #ffffff; }
        #sidenav nav ul li.current-menu-item > a.menulink {
          color: #ffffff; }
        #sidenav nav ul li.has-children:hover > a.menulink:after {
          left: 0%;
          top: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-left-color: #fff;
          border-width: 12px;
          margin-top: -12px; }
        #sidenav nav ul li.current-menu-item > a.menulink, #sidenav nav ul li.current-menu-parent > a.menulink, #sidenav nav ul li.active > a {
          color: #ffffff; }
          
          
          #sidenav nav ul ul li a{
	          color: #00AEE2 
          }
        #sidenav nav ul li ul {
          display: none; }
      @media(min-width: 700px){
	        #sidenav nav ul:not(.service) li:hover ul {
          position: fixed;
          display: block;
          background: #fff;
          top: 0;
          height: 100%;
          width: 320px;
          right: 400px;
          padding: 200px 50px 100px 50px; }
          
          }
          #sidenav nav ul li:hover ul li a.menulink {
            font-size: 16px;
            font-size: 1rem;
            padding-left: 0;
            display: inline-block; }
            #sidenav nav ul li:hover ul li a.menulink:hover,  #sidenav nav ul li:hover ul li.current-menu-item a {
             
              color: #fff; font-weight: 700; }
      #sidenav nav ul.service {
        margin-top: 60px; }
        
                #sidenav nav ul.service li{
	        padding-left: 50px;
        }
        
        
       #sidenav nav ul.service li:first-of-type a.serv {
	        
        border-top: 1px solid #707070;
        }
        #sidenav nav ul.service li a.serv {
	        letter-spacing: 2px;
          text-transform: uppercase;
          display: block;
          text-decoration: none;
          color: #707070;
          position: relative;
          -webkit-transition: color 0.6s ease;
          -moz-transition: color 0.6s ease;
          -ms-transition: color 0.6s ease;
          -o-transition: color 0.6s ease;
          transition: color 0.6s ease;
          padding: 10px 0;
          border-bottom: 1px solid #707070;
          font-size: 14px;
          
          font-size: 0.875rem; }
          
              #sidenav nav ul.service li a.serv:hover{
	              color: #fff;
              }
          
          
          #sidenav nav ul.service li a.serv .icon {
            position: relative;
            width: 30px;
            display: inline-block;
            float: left; }
            #sidenav nav ul.service li a.serv .icon.small {
              margin-left: 3px; }
            #sidenav nav ul.service li a.serv .icon img {
              width: auto;
              top: 2px;
              position: relative;
              height: 16px; }
              
              
               #sidenav nav ul.service li  ul li{
	               padding-left: 0; font-size: 16px;
            font-size: 1rem;
            padding-left: 0;
                            }
                            
                            
                     #sidenav nav ul.service li  ul       li a {
	                            
          text-decoration: none;
          color: #0053A1;
                            }
                       
                 #sidenav nav ul.service li.showData ul{
	                 display: block;
          position: fixed;
          display: block;
          background: #fff;
          top: 0;
          height: 100%;
          width: 320px;
          right: 400px;
          padding: 200px 50px 100px 50px; 
                 }
                 
                 
                 #sidenav nav ul.service li li a:not(.button){
border-bottom: 1px solid #282828;}
                 
                 
              #sidenav nav ul.service li  ul li a, #sidenav nav ul.service li  ul li form button{
	     
	              margin-left: 0;
              }               
                #sidenav nav ul.service li  ul li a.button, #sidenav nav ul.service li  ul li form button{
	                height: 34px;
	                line-height: 34px;
                }
                #sidenav nav ul.service li  ul li .searchform button{
	              background: none;
              }
                   #sidenav nav ul.service li  ul li form{
	                   text-align: left;
                   }         
                   #sidenav nav ul.service li  hr, #mobiletab hr{
	                   border: none;
	                   
    border-bottom: 1px dotted #282828;
    margin: 50px 0;
                   }           
    #sidenav nav .button {
      margin-left: 50px; }

.holding-boxes figure{
	margin-bottom: 30px;
}
.holding-group{
	margin-bottom: 60px;
	border-bottom: 1px solid #d2d2d2;
}

figure.sameHight img{
	height: 120px;
	width: auto;
}

.holding-group{
	text-align: center;
	position: relative;
	padding-bottom: 31px;
	
}
.holding-group figure:before{
	height: 30px;
	bottom: 0px;
	width: 1px;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	border-left: 1px solid #d2d2d2;
	content: " "; display: block;

}
.holding-group figure{
	padding-bottom: 15px;
}
.list-item p a.morelink{
	border: none;
}

.list-item p a.morelink svg{
	transform: rotate(-90deg);
}
.text-max-width ul{
	
    padding-left: 16px;
}

.sitemap li a{
	color: #282828;
	text-decoration: none;
}

.infobox {
  color: #fff;
  background: #00AEE2;
  padding: 30px;
  position: absolute; }
  .infobox h3 {
    font-size: 1.2rem;
    line-height: 1.4; }
  .infobox p {
    margin: 0 0 30px 0;
    line-height: 1.5;
    font-size: 1rem; }
   section  .infobox p a {
      color: #fff; border-color: #fff; }
    .infobox p:last-of-type {
      margin-bottom: 0; }


#backtotop{position:fixed;bottom:200px;right:40px;width:54px;height:54px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.73 141.73'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23dbd7d2;%7d%3c/style%3e%3c/defs%3e%3ctitle%3etopback%3c/title%3e%3cpath class='cls-1' d='M70.9,4.42a66.42,66.42,0,1,0,66.42,66.42A66.5,66.5,0,0,0,70.9,4.42Zm0,124.3a57.88,57.88,0,1,1,57.88-57.88A57.94,57.94,0,0,1,70.9,128.72Z'/%3e%3cpath class='cls-1' d='M103,91.56a4.65,4.65,0,0,1-3.3-1.37L70.9,61.38,42.08,90.19a4.66,4.66,0,0,1-6.59-6.59L67.6,51.49a4.66,4.66,0,0,1,6.59,0L106.3,83.6a4.66,4.66,0,0,1-3.3,8Z'/%3e%3c/svg%3e"); cursor: pointer; background-size:54px 54px;display:block;opacity:0;z-index:200}#backtotop.show{opacity:.5}
section p a , section ul li a{
	color: #0053A1;
	border-bottom: none;
	text-decoration: none;
}

section p img{
	max-width: 100%;
	height: auto;
	margin-top: 30px;
}

.infobox img {
  width: 100%;
  margin-bottom: 20px;
  height: auto; }

.infobox .close {
  cursor: pointer;
  float: right;
  font-size: 17px;
  height: 40px;
  line-height: 40px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0; }

.infobox .close i {
  line-height: 40px; }

section {
  padding: 100px 0; }
  
  section.small{
	  padding: 50px 0;
  }
  .boxes .box .box{
	  background: #F7F8F7;
  }
  section #map-holder #map {
    height: 500px;
    position: relative; }
  section.border.top {
    border-top: 1px dotted #282828; }
  section.dark, .pad-header.dark {
    background: #0053A1;
    color: #fff; }
  section.odd, .pad-header.odd, .messes .mess .carousel, .textboxmod, section.output-more {
    background: #F7F8F7; }
    
    
    
    
    
  section.primary, .pad-header.primary {
    background: #00AEE2; }
    section.primary .headline small {
      color: #fff; }
  section .headline h1, section .headline h2 {
    line-height: 1.4; }
  section.video {
    position: relative; }
    section.video:after {
      content: "";
      display: table;
      clear: both; }
   
   section.primary p, section.primary h2{
	   color: #fff;
   }
  section.imageGoesInto {
    padding-bottom: 270px; }
  section.no.pd {
    padding: 0; }
  section.no.pdt {
    padding-top: 0; }
  section.no.pdb {
    padding-bottom: 0; }


section.imageGoesInto h2{
	color: #fff;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section.dark form .agree a{
	color: #fff;
}
footer {
  padding: 100px 0 0 0;
  background: #f7f8f7;
  color: #282828;
  position: relative; }
  
  
  footer.no-pad{
	  padding: 0;
  }
  footer.light{
	  background: #fff;
  }
    footer .copyright {
    margin-top: 50px;
    border-top: 1px solid #dadada;
    padding: 20px; }
    footer .copyright span, footer .copyright a {
      display: inline-block;
      color: #282828;
      text-decoration: none;
      margin-right: 30px;
      font-size: 14px;
      font-size: 0.875rem; }
  footer h4 {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 2px;
    text-transform: uppercase; }
  footer p {
    margin-bottom: 21px; }
    footer p a {
      color: #282828; }
      
      
      footer p.socials a{
	      margin-right: 9px;
      }
      footer p.socials a img{
	      width: 32px;
	      height: auto;
      }


form .row{
	margin: 0 -15px;
}


.acc-content form .row{
	margin: 0;
}
form {
  /* Reset Select */
  /* Custom Select */
  /* Arrow */
  /* Transition */ }
  form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    color: #282828;
    background-image: none;
    background: transparent; }
  form .select {
    position: relative;
    display: block;
    width: 98%;
    background: #fff;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    outline: none; }
  form select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px 15px;
    display: block;
    cursor: pointer; }
  form select::-ms-expand {
    display: none; }
  form .select::after {
    content: '\25BC';
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 1em;
    pointer-events: none; }
  form .select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease; }
    
    .primary .agree{
      margin-top: 40px;
      color: #fff;
    }
    
    .primary  form .agree a{
      color: #fff;
    }
  form .agree {
    padding: 0 15px;
    margin-bottom: 40px;
    font-size: 14px;
    font-size: 0.875rem; }
    form .agree a {
      color: #282828; }
  form .input-field {
    width: 100%;
    margin-bottom: 24px; }
    form .input-field label,
    form .input-field .lbl {
      letter-spacing: 2px;
      display: block;
      font-size: 14px;
      margin-bottom: 4px; }
    form .input-field input[type="text"],
    form .input-field input[type="date"],
    form .input-field input[type="password"],
    form .input-field input[type="email"],
    form .input-field input[type="tel"],
    form .input-field textarea {
      width: 100%;
      display: block;
      background: #fff;
      padding: 11px 15px;
      border: 1px solid #D2D2D2;
      box-sizing: border-box;
      outline: none; }
    form .input-field textarea {
      width: 100%; }


.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}


/* style 2 */

.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


/* style 3 */

.inputfile-3 + label {
    color: #d3394c;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}


/* style 4 */

.inputfile-4 + label {
    color: #d3394c;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #722040;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #722040;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 5 */

.inputfile-5 + label {
    color: #d3394c;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #722040;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #d3394c;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #722040;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #dfc8ca;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #722040;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #d3394c;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 6 */

.inputfile-6 + label {
    color: #d3394c;
}

.inputfile-6 + label {
    border: 1px solid #d3394c;
    background-color: #f1e5e6;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #d3394c;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 50em) {
  .inputfile-6 + label strong {
    display: block;
  }
}


.inputfile::-webkit-file-upload-button {
  visibility: hidden;
}
.inputfile::before {
  content: 'Datei auswählen';
  display: inline-block;
  background: #fff;
  border: none;
  border-radius: none;
  padding: 8px 12px;
  color: #333;
  border-radius: 20px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
}
.inputfile:hover::before {
  border-color: black;
}
.inputfile:active::before {
  background:#622A80;
}

.file-wrapper{
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #dadada;
}

.file-wrapper label{
  font-size: 0.9rem;
  color: #fff;
}

.inputfile{
  width: 100%;
}
div.wpcf7 input[type="file"]{
  color: #fff
}

.text-max-width p,
  .text-max-width li
    {
	    max-width: 90%;
	    }
	    
	    
	    .border-dotted{
		    width: 100%;
		    height: 1px;
		    
	    }
	    .border-dotted:before{
		    border-top: 1px dotted #282828;
		    content: " "; 
		    width: 100%;
		    display: block;
	    }
	    
	    section hr{
		    border: none;
		    border-top: 1px dotted #282828;
		   
		   margin:		   50px 0;
		    width: 100%;
		    display: block;
	    
	    
	    }
	    
	    form span.wpcf7-not-valid-tip{
		    font-size: 12px;
		    margin-top: 5px;
	    }
	    
	    form div.wpcf7-validation-errors, 
	    form div.wpcf7-acceptance-missing{
		    margin: 25px 0;
		    border: none;
		    background: #0053A1;
		    color: #fff;
		    font-size: 16px;
		    padding: 15px;
    width: 99%;
	    }
	    
	    
	    
	  

form.searchform{
	position: relative;
}

form.searchform button{
	position: absolute;
	border: none;
	right: 10px;
	top: 9px;
}

.cookie-notice-container{
	padding: 20px !important;
}	    
.cookie-notice-container .button{
	margin: 20px 0 0 0;
}
.cookie-notice-container a{
	color: #d2d2d2;
}
	    
@media(max-width: 1380px){
	
header nav ul li a{
	font-size: 14px;
}

 
}


@media(min-width: 700px) and (max-width: 1600px){

  #sidenav nav ul:not(.service) li:hover ul {
          padding: 130px 50px 100px 50px; }
          
          
}

@media(max-width: 1500px){
	 
	       .linklist .linkcol{
	width: 100%;
	margin-right: 0;
}
	     
}
    @media(max-width: 1400px){
	    header .row.boxed-outer{
		    padding: 0 50px;
}

.row.boxed-outer.langswitch {

    left: 0;
    margin-left: 0;
    padding: 0 50px;
    width: 100%;
    
}


    }
 

@media(max-width: 1300px){
	header nav ul li a{
		padding-right: 30px;
		font-size: 0.85rem;
	}
	     header #brand a{
		     width: 190px;
	     }  header #brand{
		     margin-top: 35px;
	     }
	     
	     .list-item, .textcentermod .inner{
		     padding: 40px 60px;
	     }
	     
}
@media(min-width: 700px) and (max-width: 1500px){


}

@media(max-width: 1024px){
	.textcentermod .inner{
		position: static;
		transform: inherit;
	}
	
	header.transparent{
		background: transparent;
	}
	
	.owl-theme .owl-nav{
	margin-top: 0;
	display: none;
}
.instarow{
	width: 100%;
}
section{
	padding: 60px 0;
}

.row.boxed-outer.langswitch {


     padding: 0;
    width: auto;
    right: 120px;
    top: 30px;
}



.instarow:nth-child(2) .instaphoto, .instarow:nth-child(4) .instaphoto, .instarow:nth-child(6) .instaphoto, .instarow:nth-child(8) .instaphoto, .instarow:nth-child(10) .instaphoto, .instarow:nth-child(12) .instaphoto, .instarow:nth-child(14) .instaphoto, .instarow:nth-child(16) .instaphoto, .instarow:nth-child(18) .instaphoto{
	float: right
}


.instarow:nth-child(3) .instaphoto  {
    float: left;
}


}
@media(max-width: 660px){
	.iconlist .col{
		padding-bottom: 0;
	}
	
	.instarow .instaphoto,
	.instarow .instacaption{
		width: 100%;
	}
	header #multisite-change{
		display: none;
	}
}

   @media(min-width: 1023px) and (max-height: 768px){
	
	       .boxes.pricing .box > div p:first-of-type{
		       min-height: 120px;
	       }
       }
 
       .nav-sites{
	       padding: 20px;       }
	       .linklist span.primary{
		           color: #00AEE2;
		           font-weight: 700;
	       }
	       
       @media(max-width: 767px){
	          section.messes{
	          margin-top: 30px;
          }
	       #canvas .canvas-item .canvas-content a{
		       padding: 20px;
	       }
	       #canvas .canvas-item .canvas-content a img{
		       width: 100%;
		       height: auto
	       }
	       
	       #canvas .canvas-item{
		       margin: 10px 0 20px 0;
		       float: none;
	       }
	       
	       #canvas-single .row .canvas-spacer, #canvas-single .row > .col .canvas-spacer{
		       position: static;
		       padding: 0;
	       }#canvas-single .headline-canvas small{
		       margin-bottom: 0;
		       display: block;
		       padding: 8px 15px;
	       }#canvas-single .headline-canvas h2{
		       max-width: 100% !important;
		       margin-bottom: 0;
	       }
	       
	       #canvas-single .headline-canvas{
		       position: static;
		       display: block;
		       transform: inherit;
	       }
	     /*  .gallery .gridimg, .gallery .gridimg.bigimg{
		       width: 100%;
	       }.gallery .gridimg.portrait{
		         width: 100%;
	       }
	       */
	       .gallery .gridimg.four{
		       width: 50%;
	       }
	       .gallery .gridsizer{
		       width: 50%;
	       }
	       .gallery.masonry .grid-img-3, .gallery.masonry .grid-img-20, .gallery.masonry .grid-img-54,
	       .gallery.masonry .gridimg{
		       width: 50%;
	       }
	       section.messes{
		       margin-top: 20px !important;
	       }
	       .mt.medium{
		       margin-top: 30px;
	       }
       }

@media(min-height: 480px) and (max-width: 1200px){
header.transparent{
	padding-bottom: 0;
}
h2{
	
    font-size: 2.2rem;
}      
#sidenav nav {
    padding-top: 130px;
}



#sidenav nav ul li a.menulink,
#sidenav nav ul li:hover ul li a.menulink{
	font-size: 1rem;
}
#sidenav nav ul.service li a.serv {
    padding: 8px 0;
    font-size: 0.7rem;
}
#sidenav nav ul.service, #sidenav nav .button{
	margin-top: 30px;
}
#sidenav nav ul.service li.showData ul{
	padding-top: 100px;
}

}



@media(max-width: 1050px){
	 #canvas .canvas-nav.prev,
	       #canvas .canvas-nav.next{
		 display: none;
	       }
	       
	       
	      
	       
	      
}

   @media(max-width: 1200px){
	   
	   
    #canvas .canvas-nav.next {
      right: 25px; }
    #canvas .canvas-nav.prev {
      left: 25px; }


	       nav#subnav ul li a{
		           padding: 10px 20px;
    font-size: 0.8rem;
	       }
       }
       
       @media(max-width: 1100px){
	      .row.boxed,
	       .row.boxed-outer{
		      
		      width: 90%;
	      }#canvas-single .scroll-downs{
		      display: none;
	      }
	      
	      #canvas-single .row, #canvas-single .row > .col{
		      width: 100%;
	      }
	      header .row.boxed-outer{
		      padding: 0;
	      }
	      
	      .list-item, .textcentermod .inner{
		      padding: 40px;
	      }
       }
       
          
       @media(max-width: 1200px){
header nav{
	display: none;
}

.hamburger{
	display: block;
}

#sidenav nav ul ul li a.menulink{
	color: #00AEE2
}

  .langswitch {
		   display: none;
	   }
       }
   @media(max-width: 900px){
	       section.imageGoesInto{
		       padding-bottom: 250px;
	       }figure.goesPrevSection {
   
    margin-top: -270px;
}


.linklist .linkcol{
	width: 48%;
}


       }
       
       @media(max-width: 1025px){
	      
	      
	       

	       
	      
       }
       
       .ampel{
	       width: 12px;
	       height: 12px;
	       position: relative;
	       border-radius: 50%;
	       background: #627364; display: inline-block;
	       margin-right: 4px;
       }
       
       
    

   @media(max-width: 780px){
	       
	       section{
		       padding: 50px 0;
	       }
	    
	    
	       .hold{
		       margin-bottom: 50px;
	       }
	       
	       #backtotop{
		       position: absolute;
	       }
	       h1, h2{
		       
    font-size: 1.7rem;
	       }
	     #canvas-single .headline-canvas h2 {
    font-size: 1.6rem;
    max-width: 80%;
}
	       h3{
		       
    font-size: 1.6rem;
	       }
	    .list-item{
		    padding: 30px 9%;
	    }
       .box{
	       margin-bottom: 30px;
       }
       
       #sidenav{
	       right: -100%;
       }
       
       .holding-group{
	       margin-bottom: 0;
	       border: none;
       }
       .holding-group:before,
       .holding-group:after,
       .holding-group figure:before{
	       display: none;
       }
       
       figure.sameHight img{
	       height: 120px;
       }
       
       figure.sameHight{
	       border-bottom: 1px dotted #282828;
       }
       }
       
       
       .show-ajax img{
	       max-width: 100%;
	       height: auto;
       }
       .mobileservice{
	       display: none;
       }
       
       #mobiletab{
	       display: none;
       }
       @media(max-width: 700px){
	       
	       /* MOBILE NAV */
	       #sidenav nav ul ul li a.menulink{
	color: #fff
}
	       #sidenav  {
		       overflow: auto;
	       }
	       
	        .mobileservice{
		       display: block;
	       margin: 0 0 30px 0;
	       padding: 0;
	       list-style: none;
	       }
	       .mobileservice ul{
		       
	       display: none;
       }
       
.mobileservice:after {
  content: "";
  display: table;
  clear: both; }
       
  #sidenav  .mobileservice  li{
	       width: 25%;
	       float: left;
	       list-style: none;
	       margin: 0;
	       padding: 0;
	       border: none;
       }
       
       .mobileservice  li > a{
	       border: none;
	       display: block;
	       text-align: center
       }
       #mobiletab{
	       display: block;
	       background: #fff;
    max-height: 0;
    transition: max-height .85s;
    overflow: hidden;
       }
       #mobiletab.act{
	       max-height: 60em;
       }
       #mobiletab ul{
	       padding: 40px 20px;
	       list-style: none;
	       margin: 0;
       }
      #sidenav  #mobiletab ul li{
	       list-style: none;
	       margin: 0;
	       padding: 0;
	       border: none;
	       
       }
       
      #mobiletab a:not(.button){
	          text-decoration: none;
    color: #0053A1;
    border-bottom: 1px solid #0053A1
      }
       
       #mobiletab .searchform button{
	       background: none;
       }
       
       #mobiletab form.searchform .input-field{
	       margin-bottom: 0;
       }
	    
	       
	       #sidenav nav ul ul{
		       border: none;
	       }
	       #sidenav nav ul li:hover ul li a.menulink:hover, #sidenav nav ul li:hover ul li.current-menu-item a{
		       border: none;
	       }
	       #sidenav{
		       width: 100%;
	       }
	       
	       #sidenav nav ul li a.menulink,
	       #sidenav .lang-item a
	      {
		       padding: 8px 20px;
	       }
	       
	        #sidenav nav .button{
		        display: none;
	        }
	        
	        #sidenav nav ul:not(.service) li:hover ul{
		        display: inherit;
		        height: auto;
	        }
	         #sidenav nav ul:not(.service) li ul{
		           max-height: 0;
    transition: max-height .85s;
		      display: inherit;
    overflow: hidden;
	         }
	        
	        #sidenav nav ul:not(.service) li.hover ul{
		        position: static;
		        width: 100%;
		      display: inherit;
		      padding-left: 20px;
		      max-height: 80em;
	        }
	        
	        #sidenav nav ul:not(.service) li ul li{
		        border: none;
	        }
	        
	        #sidenav nav ul:not(.service) li.hover ul li a{
		        padding: 4px 20px;
		        
		            font-size: 14px;
   
    padding-left: 0;
    display: inline-block;
	        }
	        
	         
	        
#sidenav {
	padding: 110px  0 0 0;
}
		     body.openSidenav #brand{
			     display: none;
		     }   
	        
#sidenav nav{
	padding:  0;
}
	       body.openSidenav header{
		       background: transparent;
	       }
	       ul.service{
		       display: none;
	       }
	       body.openSidenav{
		       overflow: auto;
	       }
	       
	       
	     
	       /* MOBILE NAV */
	       
	       
	       
	       img.alignright {
    float: right;
    position: relative;
    top: -75px;
    max-width: 90%;
    margin-left: 25px;
    height: auto;
}
.tab.bronze,
.tab.silver,
.tab.gold{
	margin-bottom: 30px;
}

.tab.active span:after{
	display: none !important;
}

body{
	font-size: 1rem;
}


footer .col{
	margin-bottom: 30px;
}


	          figure.goesPrevSection{
		       margin-top: -150px;
	       }
	       section.imageGoesInto{
		       padding-bottom: 100px;
	       }
	       
	       header #brand a{
		       width: 170px;
	       }
	       header #brand #multisite-change li a{
		       width: 170px;
	       }
	       header header, header.background{
		       padding: 0;
	       }
	  
	       
	       #canvas .canvas-item .canvas-content .headline h2{
		       font-size: 1.6rem;
	       }
	       
	       
	       
	       
	      #canvas .canvas-item  .button:not(.play) {
    height: 36px;
    line-height: 36px;
    font-size: 0.5125rem;

}.owl-carousel .owl-item .play img {
    height: auto;
    width: 14px;
}
       }
       
     .mobileImage{
	     display: none;
     }  
     
     .owl-carousel.off{
	     display: block
     }
     
       #canvas.owl-carousel.off .canvas-item{
		     float: none;
	     }
     @media (max-width: 600px){
	     
	     #canvas{
		     padding: 40px;
	     }
	 
	     
	     .iconlist.autoheight .col{
		     margin-bottom: 30px;
	     }
	     section h2 br, section h1 br{
		     display:		     none
	     }
	     .carousel .owl-dots{
		     display: none;
	     }
	     section p, section li{
		     hyphens: auto;
	     }
	     .desktopImage{
		     display: none;
	     }
	       .mobileImage{
	     display: block;
     }  
     
	     h2, .list-item h2, section .textcentermod h2{
		     hyphens: auto;
	     }
     }
       
       @media (max-width: 360px){
h2, .list-item h2, section .textcentermod h2{
    font-size: 1.5rem;
}

}





 a.scroller {
	 width: 30px;
	 height: 30px;
	 bottom: 80px;
	 left: 50%;
	 position: absolute;
	 margin-left: -15px;
	 z-index: 19;
}
a.scroller span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
.social-links {
	text-align: right;
}
.social-links  img{
	width: 30px;
	height: auto;
}

.social-links a{
	margin-top: 40px;
	display: inline-block;
	margin-left: 12px;
}

section.primary form .input-field input[type=text], section.primary .input-field input[type=date], section.primary form .input-field input[type=password], section.primary form .input-field input[type=email], section.primary form .input-field textarea, section.primary form .input-field input[type=tel]{
	background: #fff;
  height: 44px;
	border-color: #fff;
}
section.primary form .input-field textarea{
  height: auto;
}

section.primary .select-style {
  border: none;
}
section.primary .select-style select{
  font-size: 14px;
  border: none;
}

section.primary .wpcf7-form{
	margin-top: 40px;
}

.list-item.single img{
	max-width: 100%;
	height: auto;
}

@media(max-width: 1024px){
	.social-links{
		text-align: left
	}
	
	.social-links a{
	margin-left: 0;
	margin-right: 12px;
}
 #sidenav nav ul:not(.service) li.menu-item-has-children > a:after{
		        content:  " ";
		        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='13.53' width='24' viewBox='0 0 72.013 40.588'%3e%3cpath d='M432.954,577.5a4.551,4.551,0,0,1-3.229-1.341L401.54,547.962l-28.2,28.194a4.56,4.56,0,1,1-6.449-6.449l31.424-31.423a4.56,4.56,0,0,1,6.449,0l31.424,31.424a4.56,4.56,0,0,1-3.229,7.829Z' transform='translate(437.564 577.536) rotate(180)' fill='%23ffffff'/%3e%3c/svg%3e"); background-repeat: no-repeat;
		        background-size: 12px 7px;
		        width: 12px;
		        height: 7px;
		        margin-top: 8px;
    opacity: 0.5;
		        float: right;
	        }
	        
	        
	         #sidenav nav ul:not(.service) li.menu-item-has-children.hover > a:after{
		        content:  " ";
		        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='72.013' height='40.588' viewBox='0 0 72.013 40.588'%3e%3cpath d='M432.954,577.5a4.551,4.551,0,0,1-3.229-1.341L401.54,547.962l-28.2,28.194a4.56,4.56,0,1,1-6.449-6.449l31.424-31.423a4.56,4.56,0,0,1,6.449,0l31.424,31.424a4.56,4.56,0,0,1-3.229,7.829Z' transform='translate(-365.552 -536.948)' fill='%23fff'/%3e%3c/svg%3e"); background-repeat: no-repeat;
		        background-size: 12px 7px;
    opacity: 0.5;
		        width: 12px;
		        height: 7px;
		        margin-top: 8px;
		        float: right;
	        }

}


@media(max-width: 1740px){
	
	nav#subnav ul{
		
    max-width: 80%;
    margin: 0 auto;
	}
}

#modal .banner_link {
  z-index: 29;
  position: absolute;
  
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}


#modal{
	max-width: 740px;
	margin-left: -370px;
	position: absolute;
	left: 50%;
	z-index: 9991;
	background: #00AEE2;
	top: 20%;
}
#modal-content{
	padding: 40px;
	color: #fff;
}
#modal-close{
	width: 40px;
	height: 40px;
	    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 30;
    cursor: pointer;
	background: #00AEE2;

}
#modal-close span{
	 font-size: 40px;
    display: inline-block;
    font-weight: 300;
    top: -12px;
    left: 10px;
    position: relative;
    color: #fff;
    text-decoration: none;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#modal-content h2{
	font-size: 1.6rem;
	margin-bottom: 30px;
}

#modal-content p:last-of-type{
	margin-bottom: 0;
}

#modal figure{
	margin: 0;
	padding: 0;
}

#modal figure img{
	max-width: 100%;
	height: auto;
}

#overlay {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #efefef;
  background: rgba(247, 247, 247, 0.85);
  outline: none !important;

  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media(max-width: 750px){
	#modal{
		width: 90%;
		left: 5%;
		margin-left: 0;
	}
	
	#modal-content h2{
	font-size: 1.3rem;
	margin-bottom: 30px;
}

}




  #media-container .media-item img {
  max-width: 100%;
}

  #media-container.boxes {
  display: flex;
  flex-wrap: wrap;
  margin: 20px auto;
}

  #media-container .box {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 50%; /* Zwei Boxen pro Zeile */
  min-height: 120px;
  color: #fff;
  overflow: hidden;
}

/* Jedes 3. Element */
  #media-container .box.sort a {
  order: 2; /* Verschiebe das 4. Element nach hinten */
}


 #media-container .box p{
   padding: 20px;
 }   #media-container .box a{
   width: 50%;
   flex-shrink: 0;
   display: block
 }
  #media-container .box img,
   #media-container .box video {
  width: 100%;
  height: auto;
  display: block
}

 #media-container .gray {
  background: #efefef;
  color: #282828;
}

 #media-container .white {
  background: #fff;
  color: #282828;
}

 #media-container .box-1 {
  background: #00AEE2;
}

 #media-container .box-2 {
  background: #0053A1;
}

 #media-container .box-3 {
  background: #fff;
  color: #282828;
}

 #media-container .box p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}



@media(max-width: 1180px){
  #media-container .box{
    width: 100%;
  }
}


@media(max-width: 600px){
  #media-container .box{
  }
  #media-container .box.sort a {
    order:1; /* Verschiebe das 4. Element nach hinten */
  }  #media-container .box.sort p {
    order:2; /* Verschiebe das 4. Element nach hinten */
  }
  #media-container .box a{
    width: 100%
  }
  #media-container .box {
   
      flex-direction: column;
    }
}

.video-container .brlbs-cmpnt-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 1rem;
    background: #f8f8f8;
    text-align: center;
}
.button__group, .alm-btn-wrap{
  margin-top: 20px;
  display: flex;
}
.box .headline{
  margin-top: 20px;
}
.button__group .button, .alm-btn-wrap .button{
  margin-right: 2rem;
}
.row{
  max-width: 1200px;
  margin: 0 auto;
}



 .stage video, .video video, .box__media video, 
 .box__media img, .media__item img {
  
  width: 100%;
  height: auto;
  display: block;
}.stage video, .stage img{
  max-width: 1400px;
  height: auto;
  margin:  auto;
}
.grid__2fr{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
}



@media(max-width: 767px){
  
  .buztton__group{
    
    flex-wrap: wrap;
  }
  .grid__2fr{
    grid-template-columns: 1fr;
    width: 90%;
    margin-left: 5%
  }
  .grid__2fr h3{
    font-size: 18px;
  }
}