@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&subset=latin-ext&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,700,900&subset=latin-ext&display=swap');
@charset "utf-8";
.android_browser_suxx {
  width: 10%;
}
/*                                                            */
/*  Environment Variables                                     */
/*                                                            */
:root {
  --background-color: #202020;
  --background-color-light: #505050;
  --text-color: #d0d0d0;
  --capt-color: #f0f0ff;
  --capthead-color: #ffffff;
  --head-color-H1: #ffa000;
  --head-color-H2: #e08000;
  --logoColor_Bracket: #808088;
  --logoColor_BracketOp: .6;
  --logoColor_BracketBld: multiply;
  --logoColor_Draw: #ffa000;
  --logoColor_DrawOp: 1;
  --logoColor_DrawBld: normal;
  --logoColor_Text: #202020;
  --logoColor_TextOp: 1;
  --logoColor_TextBld: normal;
  --logoColor_Acc: #202020;
  --logoColor_AccOp: 1;
  --logoColor_AccBld: normal;
  --logoColor_Emp: #ffa000;
  --logoColor_EmpOp: 1;
  --logoColor_EmpBld: normal;
  --logoColor_Mcc: #202020;
  --logoColor_MccOp: .6;
  --logoColor_MccBld: normal;
  --logoColor_McS: #ffa000;
  --logoColor_McSOp: .6;
  --logoColor_McSBld: normal;
}
/*                                                            */
/*  RESET CSS                                                 */
/*                                                            */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
hgroup,
menu,
footer,
header,
nav,
section,
summary,
time,
mark,
audio,
video,
main {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  outline-offset: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video,
main {
  display: block;
}
img {
  border: 0;
}
html {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}
document {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  font: 16px/1.38em Arial, helvetica, sans serif;
  -webkit-text-size-adjust: 100%;
}
.small,
small {
  font-size: 0.8em;
  line-height: 1.3em;
}
table {
  width: 100%;
  height: auto;
  border: none;
  border-collapse: collapse;
}
/*  Selection colors                                          */
::selection {
  background: rgba(224, 128, 0, 0.35);
}
::-moz-selection {
  background: rgba(224, 128, 0, 0.35);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  -webkit-tap-highlight-color: rgba(224, 128, 0, 0);
}
/*  Hover instructions                                       */
:link,
:hover,
:active,
:visited {
  text-decoration: none;
  text-decoration: inherit;
}
/*  Typography                                               */
body {
  font: normal normal 300 18px/1.4em "Source Sans Pro", Arial, helvetica, sans-serif;
  margin: 0 0 1.2em;
  letter-spacing: 0px;
  color: var(--text-color);
  margin: 0;
  background: var(--background-color);
  background-size: cover;
}
p {
  margin: 0 0 1.2em;
}
b,
strong {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
h1 {
  font: normal normal 900 2.5em/1.08em 'Montserrat', sans-serif;
  margin: 30px 0 20px;
  letter-spacing: 0px;
  color: var(--head-color-H1);
}
h2 {
  font: normal normal 900 2em/1.08em 'Montserrat', sans-serif;
  margin: 30px 0 20px;
  letter-spacing: 0px;
  color: var(--head-color-H1);
}
h3 {
  font: normal normal 700 1.8em/1.08em 'Montserrat', sans-serif;
  margin: 30px 0 20px;
  letter-spacing: 0px;
  color: var(--head-color-H2);
}
h4 {
  font: normal normal 700 1.5em/1.08em 'Montserrat', sans-serif;
  margin: 30px 0 20px;
  letter-spacing: 0px;
  color: var(--head-color-H2);
}
h5 {
  font: normal normal 700 1.3em/1.08em 'Montserrat', sans-serif;
  margin: 30px 0 20px;
  letter-spacing: 0px;
  color: var(--head-color-H2);
}
h6 {
  font: normal normal 700 1.2em/1.08em 'Montserrat', sans-serif;
  margin: 30px 0 20px;
  letter-spacing: 0px;
  color: var(--head-color-H2);
}
h1 + h1,
h2 + h1,
h3 + h1,
h4 + h1,
h5 + h1,
h6 + h1 {
  margin: -10px 0 20px;
}
h1 + h2,
h2 + h2,
h3 + h2,
h4 + h2,
h5 + h2,
h6 + h2 {
  margin: -10px 0 20px;
}
h1 + h3,
h2 + h3,
h3 + h3,
h4 + h3,
h5 + h3,
h6 + h3 {
  margin: -10px 0 20px;
}
h1 + h4,
h2 + h4,
h3 + h4,
h4 + h4,
h5 + h4,
h6 + h4 {
  margin: -10px 0 20px;
}
h1 + h5,
h2 + h5,
h3 + h5,
h4 + h5,
h5 + h5,
h6 + h5 {
  margin: -10px 0 20px;
}
h1 + h6,
h2 + h6,
h3 + h6,
h4 + h6,
h5 + h6,
h6 + h6 {
  margin: -10px 0 20px;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin: -0.8em 0 1.2em;
}
p + p {
  margin: -0.8em 0 1.2em;
}
a,
a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}
.caption,
.caption .p {
  font-face: 'Source Sans Pro', Arial, helvetica, sans-serif;
  color: var(--capt-color);
  text-decoration: none;
  font-weight: 500;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.2em;
  letter-spacing: 0px;
  margin: 0 0 0.3em;
}
/* /RESET CSS                                                 */
body {
  overflow: hidden;
  overflow-y: scroll;
  background: var(--background-color);
}
.marginextend {
  background: none;
  width: 100%;
  height: 1px;
}
/*                                                            */
body > #mainframe,
body > #maincontent,
main {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 5;
  transition: filter 1500ms linear;
  -o-transition: -o-filter 1500ms linear;
  -moz-transition: -moz-filter 1500ms linear;
  -webkit-transition: -webkit-filter 1500ms linear;
}
body > #mainframe.footfix:after,
body > #maincontent.footfix:after,
main.footfix:after {
  content: '';
  width: 100%;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0));
  position: absolute;
  bottom: -20px;
  left: 0px;
  z-index: 3;
}
body > #mainframe.scrollfixed,
body > #maincontent.scrollfixed,
main.scrollfixed {
  filter: grayscale(80%);
  -webkit-filter: grayscale(80%);
}
body > div > section,
body > main > section,
div.section,
div.overbox {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
  display: block;
  overflow: hidden;
  background: transparent;
}
body > div > section.full,
body > main > section.full,
div.section.full,
div.overbox.full {
  min-height: 100%;
  height: auto;
  background: var(--background-color) no-repeat 50% 0px fixed;
  background-size: cover;
}
body.mobile body > div > section.full,
body.mobile body > main > section.full,
body.mobile div.section.full,
body.mobile div.overbox.full {
  min-height: 100vh;
}
body > div > section.middle-block,
body > main > section.middle-block,
div.section.middle-block,
div.overbox.middle-block {
  white-space: nowrap;
}
body > div > section.middle-block::before,
body > main > section.middle-block::before,
div.section.middle-block::before,
div.overbox.middle-block::before {
  content: '';
  position: relative;
  display: inline-block;
  width: 0px;
  height: 100vh;
  margin: 0 -0.25em 0 0;
  vertical-align: middle;
}
body > div > section.middle-block > article,
body > main > section.middle-block > article,
div.section.middle-block > article,
div.overbox.middle-block > article,
body > div > section.middle-block > div,
body > main > section.middle-block > div,
div.section.middle-block > div,
div.overbox.middle-block > div {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
body > div > section.transparent,
body > main > section.transparent,
div.section.transparent,
div.overbox.transparent {
  background: transparent;
}
body > div > section.darkbg,
body > main > section.darkbg,
div.section.darkbg,
div.overbox.darkbg {
  background: #000000;
}
body > div > section.graybg,
body > main > section.graybg,
div.section.graybg,
div.overbox.graybg {
  background: linear-gradient(155deg, #d0d0d0 20%, #f0f0f0 80%);
  -o-background: -o-linear-gradient(155deg, #d0d0d0 20%, #f0f0f0 80%);
  -ms-background: -ms-linear-gradient(155deg, #d0d0d0 20%, #f0f0f0 80%);
  -moz-background: -moz-linear-gradient(155deg, #d0d0d0 20%, #f0f0f0 80%);
  -webkit-background: -webkit-linear-gradient(155deg, #d0d0d0 20%, #f0f0f0 80%);
}
body > div > section.lightbg,
body > main > section.lightbg,
div.section.lightbg,
div.overbox.lightbg {
  background: linear-gradient(155deg, #303030 20%, #585858 80%);
  -o-background: -o-linear-gradient(155deg, #303030 20%, #585858 80%);
  -ms-background: -ms-linear-gradient(155deg, #303030 20%, #585858 80%);
  -moz-background: -moz-linear-gradient(155deg, #303030 20%, #585858 80%);
  -webkit-background: -webkit-linear-gradient(155deg, #303030 20%, #585858 80%);
}
div.overbox {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 100;
  transition: background 500ms linear;
  -o-transition: background 500ms linear;
  -moz-transition: background 500ms linear;
  -webkit-transition: background 500ms linear;
}
div.overbox.hidden {
  visibility: hidden;
  background: rgba(0, 0, 0, 0);
}
div.overbox.hidden.activeFrame {
  visibility: visible;
  background: rgba(0, 0, 0, 0.6);
}
div.overbox .actionbutton {
  z-index: 100;
  position: fixed;
  background: transparent;
  cursor: pointer;
  top: 0px;
  right: -100px;
  transition: right 333ms ease-out;
  -o-transition: right 333ms ease-out;
  -moz-transition: right 333ms ease-out;
  -webkit-transition: right 333ms ease-out;
}
div.overbox .actionbutton::before {
  color: rgba(255, 255, 255, 0.8);
}
div.overbox .actionbutton:hover::before {
  color: #ffffff;
}
div.overbox > section,
div.overbox .section {
  position: relative;
  display: inline-block;
  margin: 0px auto;
  width: 100%;
  max-width: 1200px;
  height: auto;
  overflow: visible;
  background: transparent;
  text-align: left;
}
div.overbox > section.rightblock,
div.overbox .section.rightblock,
div.overbox > section.leftblock,
div.overbox .section.leftblock {
  display: block;
  height: auto;
  min-height: 100vh;
  margin: 0px 0px 0px auto;
  right: -500px;
  width: 100%;
  max-width: 400px;
  background: #f0f0f0;
  box-shadow: -10px 0px 30px rgba(0,0,0,.2);
  -moz-box-shadow: -10px 0px 30px rgba(0,0,0,.2);
  -webkit-box-shadow: -10px 0px 30px rgba(0,0,0,.2);
  transition: right 333ms ease-out;
  -o-transition: right 333ms ease-out;
  -moz-transition: right 333ms ease-out;
  -webkit-transition: right 333ms ease-out;
}
div.overbox > section.leftblock,
div.overbox .section.leftblock {
  margin: 0px auto 0px 0px;
  right: auto;
  left: -500px;
  box-shadow: 10px 0px 30px rgba(0,0,0,.2);
  -moz-box-shadow: 10px 0px 30px rgba(0,0,0,.2);
  -webkit-box-shadow: 10px 0px 30px rgba(0,0,0,.2);
  transition: left 333ms ease-out;
  -o-transition: left 333ms ease-out;
  -moz-transition: left 333ms ease-out;
  -webkit-transition: left 333ms ease-out;
}
div.overbox > section.middleblock,
div.overbox .section.middleblock {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  max-width: 500px;
  height: auto;
  background: #f0f0f0;
  white-space: normal;
  text-align: center;
  transform: translate(0px,100px);
  -o-transform: translate(0px,100px);
  -ms-transform: translate(0px,100px);
  -moz-transform: translate(0px,100px);
  -webkit-transform: translate(0px,100px);
  opacity: 0;
  box-shadow: 10px 0px 30px rgba(0,0,0,.2);
  -moz-box-shadow: 10px 0px 30px rgba(0,0,0,.2);
  -webkit-box-shadow: 10px 0px 30px rgba(0,0,0,.2);
  transition: transform 333ms ease-out, opacity 333ms ease-out;
  -o-transition: -o-transform 333ms ease-out, opacity 333ms ease-out;
  -moz-transition: -moz-transform 333ms ease-out, opacity 333ms ease-out;
  -webkit-transition: -webkit-transform 333ms ease-out, opacity 333ms ease-out;
  padding: 20px;
}
div.overbox > section.middleblock h1,
div.overbox .section.middleblock h1,
div.overbox > section.middleblock h2,
div.overbox .section.middleblock h2,
div.overbox > section.middleblock h3,
div.overbox .section.middleblock h3,
div.overbox > section.middleblock h4,
div.overbox .section.middleblock h4,
div.overbox > section.middleblock h5,
div.overbox .section.middleblock h5,
div.overbox > section.middleblock h6,
div.overbox .section.middleblock h6 {
  margin: 0 0 15px;
  text-align: left;
}
div.overbox > section.middleblock p,
div.overbox .section.middleblock p {
  margin: 0 0 .4em;
  font-size: 16px;
  color: #606060;
  text-align: justify;
}
div.overbox > section.middleblock .buttoncontainer,
div.overbox .section.middleblock .buttoncontainer {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  text-align: right;
}
div.overbox > section.middleblock .orderid,
div.overbox .section.middleblock .orderid {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 10px auto;
  padding: 8px;
  border: 2px solid #d0d0d0;
  background: #ffffff;
  float: none;
  font-size: 1.6em;
  font-weight: bold;
  color: #000040;
}
div.overbox > section h3,
div.overbox .section h3 {
  font-size: 1.5em;
  line-height: 1.1em;
  margin-top: 1em;
  margin-bottom: .3em;
  width: calc(100% - 40px);
  height: auto;
  margin: 20px auto 5px;
}
div.overbox.activeFrame > section.rightblock,
div.overbox.activeFrame .section.rightblock {
  right: 0px;
}
div.overbox.activeFrame > section.leftblock,
div.overbox.activeFrame .section.leftblock {
  left: 0px;
}
div.overbox.activeFrame > section.middleblock,
div.overbox.activeFrame .section.middleblock {
  transform: translate(0px,0px);
  -o-transform: translate(0px,0px);
  -ms-transform: translate(0px,0px);
  -moz-transform: translate(0px,0px);
  -webkit-transform: translate(0px,0px);
  opacity: 1;
}
div.cookiebox {
  width: 100vw;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: -200px;
  z-index: 1000;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
  color: #d0d0d0;
  transition: top 500ms ease-out;
  -o-transition: top 500ms ease-out;
  -moz-transition: top 500ms ease-out;
  -webkit-transition: top 500ms ease-out;
}
div.cookiebox h4 {
  color: #ffffff;
  margin: 0 0 5px 0;
}
div.cookiebox p {
  margin: 0 0 5px;
}
div.cookiebox.active {
  top: 0;
  transition: top 500ms ease-in;
  -o-transition: top 500ms ease-in;
  -moz-transition: top 500ms ease-in;
  -webkit-transition: top 500ms ease-in;
}
div.cookiebox > section,
div.cookiebox > .section {
  width: 100%;
  max-width: 790px;
  margin: 10px auto 5px;
  padding: 0 20px;
  text-align: left;
}
div.cookiebox > section .buttoncontainer,
div.cookiebox > .section .buttoncontainer {
  position: relative;
  display: block;
  vertical-align: middle;
  width: auto;
  height: auto;
  float: right;
  text-align: center;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
div.cookiebox > section .buttoncontainer > *,
div.cookiebox > .section .buttoncontainer > * {
  white-space: normal;
}
div.cookiebox > section .buttoncontainer .button,
div.cookiebox > .section .buttoncontainer .button {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px 10px 3px;
  margin: 5px;
  background-color: #101010;
  color: #d0d0d0;
  font-weight: bold;
  border: 1px solid #505050;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: color 1000ms linear, background 1000ms linear;
  -o-transition: color 1000ms linear, background 1000ms linear;
  -moz-transition: color 1000ms linear, background 1000ms linear;
  -webkit-transition: color 1000ms linear, background 1000ms linear;
}
div.cookiebox > section .buttoncontainer .button.cookieokay,
div.cookiebox > .section .buttoncontainer .button.cookieokay {
  font-size: 24px;
  font-weight: 700;
  padding: .1em .5em .1em .5em;
  text-align: right;
  line-height: 1.5em;
  color: #ffffff;
  background: #ff6000;
}
div.cookiebox > section .buttoncontainer .button.cookieokay:hover,
div.cookiebox > .section .buttoncontainer .button.cookieokay:hover {
  color: #000000;
  background-color: #ffe0b0;
}
div.cookiebox > section .buttoncontainer .button:hover,
div.cookiebox > .section .buttoncontainer .button:hover {
  color: #000;
  background-color: #ffffff;
  transition: color 333ms linear, background 333ms linear;
  -o-transition: color 333ms linear, background 333ms linear;
  -moz-transition: color 333ms linear, background 333ms linear;
  -webkit-transition: color 333ms linear, background 333ms linear;
}
/*  FORM ELEMENTS design                                     */
form select {
  display: block;
  border: none;
  outline: none;
  color: #000000;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 5px 10px;
  width: calc(100% - 40px);
  height: auto;
  margin: 5px auto 20px;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,20%);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,20%);
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,20%);
  transition: box-shadow 500ms linear;
  -o-transition: -o-box-shadow 500ms linear;
  -moz-transition: -moz-box-shadow 500ms linear;
  -webkit-transition: -webkit-box-shadow 500ms linear;
}
form select:focus {
  box-shadow: 0px 3px 10px 2px rgba(0,0,64,40%);
  -moz-box-shadow: 0px 3px 10px 2px rgba(0,0,64,40%);
  -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,64,40%);
}
form option {
  font-size: 16px;
  line-height: 1.0em;
}
form optgroup {
  font-size: 8px;
  line-height: 1em;
}
form .radiomod,
form .postselect {
  display: block;
  position: relative;
  padding: 3px 3px 3px 30px;
  width: calc(100% - 40px);
  height: auto;
  margin: 0px auto 0px;
  text-align: left;
  cursor: pointer;
  background: transparent;
  transition: background .5s linear;
  -o-transition: background .5s linear;
  -moz-transition: background .5s linear;
  -webkit-transition: background .5s linear;
}
form .radiomod.checked,
form .postselect.checked {
  background: #e0e0e0;
  transition: background .2s linear;
  -o-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -webkit-transition: background .2s linear;
}
form .radiomod:hover,
form .postselect:hover {
  background: #ffffff;
  transition: background .2s linear;
  -o-transition: background .2s linear;
  -moz-transition: background .2s linear;
  -webkit-transition: background .2s linear;
}
form .radiomod h1,
form .postselect h1,
form .radiomod h2,
form .postselect h2 {
  color: #000040;
  font-size: 19px;
  line-height: 1.05em;
  margin: 5px 0;
}
form .radiomod h2,
form .postselect h2 {
  font-size: 16px;
  line-height: 1.05em;
}
form .radiomod input[type=radio],
form .postselect input[type=radio],
form .radiomod input[type=checkbox],
form .postselect input[type=checkbox] {
  display: none;
}
form .radiomod .checkmark,
form .postselect .checkmark {
  display: flex;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  color: #ffffff;
  text-align: center;
  background: #d0d0d0;
}
form .radiomod .checkmark:after,
form .postselect .checkmark:after {
  content: "";
  display: flex;
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: center;
}
form .radiomod input[type=radio]:checked ~ .checkmark,
form .postselect input[type=radio]:checked ~ .checkmark,
form .radiomod input[type=checkbox]:checked ~ .checkmark,
form .postselect input[type=checkbox]:checked ~ .checkmark {
  background: #ff8040;
}
form .radiomod input[type=radio]:checked ~ .checkmark:after,
form .postselect input[type=radio]:checked ~ .checkmark:after,
form .radiomod input[type=checkbox]:checked ~ .checkmark:after,
form .postselect input[type=checkbox]:checked ~ .checkmark:after {
  content: "✔";
}
form .radiomod .adds,
form .postselect .adds {
  display: none;
  margin-top: 10px;
}
form .radiomod input[type=radio]:checked ~ .adds,
form .postselect input[type=radio]:checked ~ .adds,
form .radiomod input[type=checkbox]:checked ~ .adds,
form .postselect input[type=checkbox]:checked ~ .adds {
  display: block;
}
form .radiomod .priceframe,
form .postselect .priceframe {
  display: block;
  width: auto;
  height: 100%;
  float: right;
}
form .radiomod .timeframe,
form .postselect .timeframe,
form .radiomod .noteframe,
form .postselect .noteframe {
  display: block;
  margin: 0 0 6px;
}
form .radiomod .timeframe,
form .postselect .timeframe {
  font-weight: bold;
  color: #404040;
  font-size: 14px;
  line-height: 1.2em;
}
form .radiomod .noteframe,
form .postselect .noteframe {
  font-style: italic;
  color: #808080;
  font-size: 14px;
  line-height: 1.2em;
}
.postnote {
  display: block;
  width: calc(100% - 40px);
  height: auto;
  margin: 10px auto 0;
  text-align: left;
  font-size: .92em;
  font-style: italic;
  line-height: 1.2em;
  color: #606060;
}
.postnote p {
  margin-bottom: .3em;
}
.buttoncontainer {
  display: block;
  width: calc(100% - 40px);
  height: auto;
  margin: 10px auto 0;
  text-align: left;
}
.buttoncontainer input[type=button] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 7px 12px;
  margin: 0 5px 0 0;
  border: none;
  outline: none;
  background: #707070;
  color: #ffffff;
  font-size: 1.2em;
  line-height: 1em;
  font-weight: bold;
  transition: background .5s linear, color .5s linear;
  -o-transition: background .5s linear, color .5s linear;
  -moz-transition: background .5s linear, color .5s linear;
  -webkit-transition: background .5s linear, color .5s linear;
}
.buttoncontainer input[type=button]:hover {
  background: #ffffff;
  color: #000000;
  transition: background .2s linear, color .2s linear;
  -o-transition: background .2s linear, color .2s linear;
  -moz-transition: background .2s linear, color .2s linear;
  -webkit-transition: background .2s linear, color .2s linear;
}
.contactcontainer {
  width: calc(100% + 2 * 25px);
  max-width: 900px;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
.contactcontainer h1,
.contactcontainer h2 {
  font-size: 24px;
  line-height: 1.08em;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  .contactcontainer {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
}
.contactcontainer .contactbox {
  display: block;
  margin: 10px !important;
  flex: 0 0 auto;
  width: auto !important;
  height: auto;
}
.openhours {
  display: block;
  width: auto;
  height: auto;
  display: grid;
  grid-template-columns: max-content max-content;
  white-space: nowrap;
}
.openhours dt {
  grid-column-start: 1;
  text-align: right;
  clear: both;
}
.openhours dd {
  grid-column-start: 2;
  text-align: left;
  width: auto;
  margin: 0 0 0 .5em;
  font-weight: bold;
}
.idopontfoglalas {
  display: block;
  width: 100%;
  height: auto;
  background: #ffffff;
  padding: 0 0 10px !important;
}
.idopontfoglalas .infobox {
  border: 2px solid #ffffff;
  background: #c0c0c0;
  margin: 10px auto 30px;
  padding: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 5px 15px 4px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 5px 15px 4px rgba(0,0,0,.25);
  -webkit-box-shadow: 0px 5px 15px 4px rgba(0,0,0,.25);
  width: calc(100% - 40px);
  max-width: 700px;
  height: auto;
  text-align: center;
}
.idopontfoglalas .infobox h1 {
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  color: #400000;
  margin: 0;
  padding: 0;
}
.idopontfoglalas .infobox h2 {
  text-align: center;
  font-size: 28px;
  line-height: 28px;
  color: #000000;
  margin: 10px 0;
  padding: 0;
}
.idopontfoglalas .infobox p {
  text-align: center;
}
.idopontfoglalas .infobox p:last-child {
  margin-bottom: 0;
}
.idopontfoglalas .infobox a {
  padding: 3px 10px;
  margin: -3px -10px;
}
.idopontfoglalas .infobox a:hover {
  background-color: #ffffff;
}
/*                                                            */
/*  Menürendszer és vezérlő elemek                            */
/*                                                            */
/*
.image404 {
	width:90vw;
	max-width:900px;
	height:auto;
} /* */
.ERROR h1,
.ERROR h2,
.ERROR h3,
.ERROR p {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}
.ERROR .image404 {
  display: inline-block;
  clear: both;
  float: none;
  width: 100%;
  max-width: 1500px;
  height: auto;
  min-height: 175px;
  object-fit: cover;
  object-position: center center;
  margin: 0 auto;
}
.actionbutton {
  display: none;
  position: fixed;
  top: 20px;
  right: 0px;
  z-index: 20;
  visibility: visible;
  width: 45px;
  height: 45px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
}
.actionbutton:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: 'Source Sans Pro', Arial, helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight: 100;
  font-style: normal;
  font-size: 2em;
  line-height: 45px;
  letter-spacing: 0px;
  margin: 0;
}
.actionbutton.menu {
  right: 0px;
  transition: right 333ms ease-out 0ms;
  -o-transition: right 333ms ease-out 0ms;
  -moz-transition: right 333ms ease-out 0ms;
  -webkit-transition: right 333ms ease-out 0ms;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  .actionbutton.menu {
    display: block;
  }
}
.actionbutton.menu:before {
  content: "≡";
}
.actionbutton.menu.show {
  right: calc(100% - 45px);
}
.actionbutton.menu.show:before {
  content: "×";
}
.actionbutton.exit {
  right: 0px;
  transition: right 333ms ease-out 0ms;
  -o-transition: right 333ms ease-out 0ms;
  -moz-transition: right 333ms ease-out 0ms;
  -webkit-transition: right 333ms ease-out 0ms;
  display: block;
}
.actionbutton.exit:before {
  content: "×";
}
.actionbutton.top {
  top: auto;
  bottom: 20px;
}
.actionbutton.top:before {
  content: "^";
}
/*   HEADER                                                */
@media (min-width:1200px), (min-width:900px) and (max-width:1199px) {
  body > header {
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: visible;
    z-index: 10;
    background: url('Template/Foldmunka/Images/sraff01.jpg') repeat-x center bottom;
    background-size: 2560px 100px;
  }
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  body > header {
    display: block;
    width: 100%;
    height: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: visible;
    z-index: 10;
  }
}
body > header nav {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  height: auto;
  margin: 0 auto;
  display: block;
  overflow: visible;
}
body > header nav .logo_main {
  display: block;
  float: left;
  margin-top: 2px;
  width: auto;
  height: auto;
}
body > header nav .logo_main img {
  width: 260px;
  height: auto;
  margin: -6px 0 -33px 0px;
  transition: all 500ms ease-out 0ms;
  -o-transition: all 500ms ease-out 0ms;
  -moz-transition: all 500ms ease-out 0ms;
  -webkit-transition: all 500ms ease-out 0ms;
  text-shadow: 0 6px 10px 10px rgba(0, 0, 0, 0.8);
}
@media (min-width:900px) and (max-width:1199px), (min-width:1200px) {
  body > header nav.scrolled .logo_main img {
    width: 180px;
    height: auto;
    margin: 0px 0 -21px 0px;
  }
  body > header nav ul.menu_mobi,
  body > header nav ul.menu_foot {
    display: none;
  }
  body > header nav ul.menu_main,
  body > header nav ul {
    display: block;
    position: static;
    float: right;
    max-width: 1200px;
    width: auto;
    height: auto;
    margin: 16px 0;
    overflow: visible;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 0px;
    word-spacing: -.26em;
    line-height: 0px;
    transition: all 500ms ease-out 0ms;
    -o-transition: all 500ms ease-out 0ms;
    -moz-transition: all 500ms ease-out 0ms;
    -webkit-transition: all 500ms ease-out 0ms;
  }
  body > header nav ul.menu_main li,
  body > header nav ul li {
    display: block;
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    min-height: 32px;
    float: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    word-spacing: normal;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0);
    color: #FFFFFF;
    transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -o-transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -moz-transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -webkit-transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    text-shadow: 0 2px 4px #000000, 0 4px 10px rgba(0, 0, 0, 0.75);
  }
  body > header nav ul.menu_main li:hover,
  body > header nav ul li:hover {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -o-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -moz-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -webkit-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    text-shadow: none;
  }
  body > header nav ul.menu_main li:hover > ul,
  body > header nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
    -o-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
    -moz-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
    -webkit-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
  }
  body > header nav ul.menu_main li > a,
  body > header nav ul li > a,
  body > header nav ul.menu_main li > span,
  body > header nav ul li > span {
    display: block;
    padding: 0px 10px;
    line-height: 32px;
    white-space: nowrap;
    margin: 0;
    overflow: visible;
    color: inherit !important;
  }
  body > header nav ul.menu_main li > a > span.ph,
  body > header nav ul li > a > span.ph,
  body > header nav ul.menu_main li > span > span.ph,
  body > header nav ul li > span > span.ph {
    display: block;
    display: inline-block;
    vertical-align: top;
    height: 32px;
  }
  body > header nav ul.menu_main li > ul,
  body > header nav ul li > ul {
    width: auto;
    position: absolute;
    top: 32px;
    left: 0px;
    margin: 0;
    padding: 0;
    z-index: 5;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease-out 0ms, visibility 0ms linear 500ms, opacity 500ms ease-out 0ms;
    -o-transition: all 500ms ease-out 0ms, visibility 0ms linear 500ms, opacity 500ms ease-out 0ms;
    -moz-transition: all 500ms ease-out 0ms, visibility 0ms linear 500ms, opacity 500ms ease-out 0ms;
    -webkit-transition: all 500ms ease-out 0ms, visibility 0ms linear 500ms, opacity 500ms ease-out 0ms;
  }
  body > header nav ul.menu_main li > ul.rightaligned,
  body > header nav ul li > ul.rightaligned {
    left: auto;
    right: 0px;
  }
  body > header nav ul.menu_main li > ul li,
  body > header nav ul li > ul li {
    width: 100%;
    text-align: left;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0);
    color: #FFFFFF;
    transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -o-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -moz-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -webkit-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    text-shadow: 0 2px 4px #000000, 0 4px 10px rgba(0, 0, 0, 0.75);
  }
  body > header nav ul.menu_main li > ul li:hover,
  body > header nav ul li > ul li:hover {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -o-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -moz-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -webkit-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    text-shadow: none;
  }
  body > header nav ul.menu_main li > ul li > a,
  body > header nav ul li > ul li > a {
    width: 100%;
  }
  body > header nav.scrolled ul.menu_main,
  body > header nav.scrolled ul {
    margin: 8px 0;
  }
  body > header nav.scrolled ul.menu_main li,
  body > header nav.scrolled ul li {
    font-size: 16px;
    line-height: 26px;
  }
  body > header nav.scrolled ul.menu_main li > ul,
  body > header nav.scrolled ul li > ul {
    top: 32px;
  }
  body > header nav .copyright {
    display: none;
  }
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  body > header nav {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 100vh;
    top: 0;
    left: 100vw;
    padding: 0 0 50px 0;
    transition: left 333ms ease-out 0ms;
    -o-transition: left 333ms ease-out 0ms;
    -moz-transition: left 333ms ease-out 0ms;
    -webkit-transition: left 333ms ease-out 0ms;
    overflow: hidden;
    overflow-y: auto;
    background: #404040;
    background-color: rgba(32, 32, 48, 0.85);
    background-size: cover;
  }
  body > header nav .copyright {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    height: auto;
    color: #c0c0c0;
    text-align: center;
    font-size: .8em;
    line-height: 1.1em;
    font-weight: 500;
  }
  body > header nav.show {
    left: 0;
  }
  body > header nav .logo_main {
    display: block;
    float: none;
    width: 75%;
    height: auto;
    max-width: 350px;
    margin: 40px auto 30px;
    text-align: center;
  }
  body > header nav .logo_main img {
    width: 100%;
    height: auto;
  }
  body > header nav ul li {
    display: block;
    border-top: 1px solid #808080;
    border-top-color: rgba(255, 255, 255, 0.2);
  }
  body > header nav ul li:last-child {
    border-bottom: 1px solid #808080;
    border-bottom-color: rgba(255, 255, 255, 0.2);
  }
  body > header nav ul.menu_plus {
    display: none;
  }
  body > header nav ul.menu_main,
  body > header nav ul.menu_foot {
    color: #ffffff;
    width: 50%;
    min-width: 250px;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 1.7em;
    line-height: 1.15em;
    font-weight: 300;
    text-align: center;
  }
  body > header nav ul.menu_main li > a,
  body > header nav ul.menu_foot li > a,
  body > header nav ul.menu_main li > span,
  body > header nav ul.menu_foot li > span {
    width: 100%;
    display: block;
    padding: .3em 0;
    color: inherit;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0);
    color: #FFFFFF;
    transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -o-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -moz-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    -webkit-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
    text-shadow: 0 2px 4px #000000, 0 4px 10px rgba(0, 0, 0, 0.75);
  }
  body > header nav ul.menu_main li > a:hover,
  body > header nav ul.menu_foot li > a:hover,
  body > header nav ul.menu_main li > span:hover,
  body > header nav ul.menu_foot li > span:hover {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -o-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -moz-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    -webkit-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
    text-shadow: none;
  }
  body > header nav ul.menu_main li.sub > a,
  body > header nav ul.menu_foot li.sub > a,
  body > header nav ul.menu_main li.sub > span,
  body > header nav ul.menu_foot li.sub > span {
    color: #ffe0a0;
  }
  body > header nav ul.menu_main li.sub > a:after,
  body > header nav ul.menu_foot li.sub > a:after,
  body > header nav ul.menu_main li.sub > span:after,
  body > header nav ul.menu_foot li.sub > span:after {
    content: ":";
  }
  body > header nav ul.menu_main li.sub > a:hover,
  body > header nav ul.menu_foot li.sub > a:hover,
  body > header nav ul.menu_main li.sub > span:hover,
  body > header nav ul.menu_foot li.sub > span:hover {
    color: #000000;
  }
  body > header nav ul.menu_main li ul li,
  body > header nav ul.menu_foot li ul li {
    border-top: none;
    border-bottom: none !important;
    padding: 0 0px 0 0px;
    font-size: .85em;
    line-height: 1.11em;
  }
  body > header nav ul.menu_foot {
    padding-top: 30px;
    font-size: 1.2em;
    line-height: 1.15em;
    font-weight: 500;
    color: #d0d0d0;
  }
  body > header nav ul.menu_mobi {
    width: 50%;
    min-width: 250px;
    height: auto;
    margin: 25px auto 0;
    display: table;
    font-size: 1.5em;
    line-height: 1.15em;
    text-align: center;
  }
  body > header nav ul.menu_mobi li {
    display: table-cell;
    width: 20%;
    text-align: center;
  }
  body > header nav ul.menu_mobi li > a,
  body > header nav ul.menu_mobi li > span {
    padding: .3em 0;
  }
}
body > header .actionbutton {
  display: none;
  position: fixed;
  top: 20px;
  right: 0px;
  z-index: 20;
  visibility: visible;
  width: 45px;
  height: 45px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
}
body > header .actionbutton:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: 'Source Sans Pro', Arial, helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight: 100;
  font-style: normal;
  font-size: 2em;
  line-height: 45px;
  letter-spacing: 0px;
  margin: 0;
}
body > header .actionbutton.menu {
  right: 0px;
  transition: right 333ms ease-out 0ms;
  -o-transition: right 333ms ease-out 0ms;
  -moz-transition: right 333ms ease-out 0ms;
  -webkit-transition: right 333ms ease-out 0ms;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  body > header .actionbutton.menu {
    display: block;
  }
}
body > header .actionbutton.menu:before {
  content: "≡";
}
body > header .actionbutton.menu.show {
  right: calc(100% - 45px);
}
body > header .actionbutton.menu.show:before {
  content: "×";
}
body > header .actionbutton.top {
  top: auto;
  bottom: 20px;
}
body > header .actionbutton.top:before {
  content: "^";
}
/*   FOOTER                                               */
body > footer {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #606080;
  z-index: 1;
}
body > footer.fixed {
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding-top: 50px;
  padding-bottom: 15px;
}
body > footer > div {
  width: calc(100% - 50px);
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  display: block;
  overflow: visible;
  position: relative;
}
body > footer .logo_foot {
  display: block;
  width: 30%;
  height: auto;
  min-width: 220px;
  margin: 0;
  position: relative;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  body > footer .logo_foot {
    margin: 0 auto;
  }
}
body > footer .logo_foot > img {
  width: 100%;
  height: auto;
  opacity: .5;
  transition: opacity 1000ms linear;
  -o-transition: opacity 1000ms linear;
  -moz-transition: opacity 1000ms linear;
  -webkit-transition: opacity 1000ms linear;
}
body > footer .logo_foot:hover > img {
  opacity: 1;
  transition: opacity 333ms linear;
  -o-transition: opacity 333ms linear;
  -moz-transition: opacity 333ms linear;
  -webkit-transition: opacity 333ms linear;
}
body > footer .footer_container {
  width: 100%;
  height: auto;
  display: flex;
  padding: 10px;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  color: #ffffff;
}
body > footer .footer_container h1,
body > footer .footer_container h2 {
  margin: 10px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.08em;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  body > footer .footer_container {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
  }
}
body > footer .footer_container p {
  margin-bottom: .4em;
}
body > footer .foorterblock {
  width: 25%;
  padding: 0 5px;
  margin: 0;
  flex: 0 0 auto;
}
body > footer .foorterblock:link,
body > footer .foorterblock:hover,
body > footer .foorterblock:active,
body > footer .foorterblock:visited {
  color: #ffffff;
}
body > footer .foorterblock.openinfo {
  color: #ffffff;
  font-size: .8em;
  line-height: 1.25em;
}
body > footer ul {
  display: block;
  position: static;
  float: none;
  max-width: 1200px;
  width: auto;
  height: auto;
  margin: 5px 0;
  overflow: visible;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 0px;
  word-spacing: -.26em;
  line-height: 0px;
  transition: all 500ms ease-out 0ms;
  -o-transition: all 500ms ease-out 0ms;
  -moz-transition: all 500ms ease-out 0ms;
  -webkit-transition: all 500ms ease-out 0ms;
}
body > footer ul li {
  display: block;
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  min-height: 26px;
  float: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  word-spacing: normal;
  font-size: 15px;
  line-height: 26px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0);
  color: #FFFFFF;
  transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
  -o-transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
  -moz-transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
  -webkit-transition: all 500ms ease-out 0ms, color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms, text-shadow 1000ms ease-out 400ms;
  text-shadow: 0 2px 4px #000000, 0 4px 10px rgba(0, 0, 0, 0.75);
}
body > footer ul li:hover {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000000;
  transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
  -o-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
  -moz-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
  -webkit-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms, text-shadow 100ms ease-out 0ms;
  text-shadow: none;
}
body > footer ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
  -o-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
  -moz-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
  -webkit-transition: visibility 0ms linear 0ms, opacity 200ms ease-out 0ms;
}
body > footer ul li > a,
body > footer ul li > span {
  display: block;
  padding: 0px 10px;
  line-height: 32px;
  white-space: nowrap;
  margin: 0;
  overflow: visible;
  color: inherit !important;
}
body > footer ul li > a > span.ph,
body > footer ul li > span > span.ph {
  display: block;
  display: inline-block;
  vertical-align: top;
  height: 32px;
}
body > footer ul li > ul {
  display: none;
}
body > footer .copyright {
  display: block;
  width: 100%;
  height: auto;
  color: #d0d0d0;
  text-align: center;
  font-size: .85em;
  line-height: 1.1em;
  font-weight: 500;
}
footer .logo_foot {
  display: block;
  width: 60%;
  height: auto;
  min-width: 160px;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
footer .logo_foot > div.logocontainer {
  display: block;
  position: relative;
  width: 100%;
  height: 0px;
  padding: 0 0 28.444% 0;
}
footer .logo_foot > div.logocontainer > img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: .5;
  transition: opacity 1000ms linear;
  -o-transition: opacity 1000ms linear;
  -moz-transition: opacity 1000ms linear;
  -webkit-transition: opacity 1000ms linear;
}
body.light footer .logo_foot > div.logocontainer > img.forDark,
body.dark footer .logo_foot > div.logocontainer > img.forLight {
  opacity: 0 !important;
}
footer .logo_foot > div.logocontainer:hover > img {
  opacity: 1;
  transition: opacity 333ms linear;
  -o-transition: opacity 333ms linear;
  -moz-transition: opacity 333ms linear;
  -webkit-transition: opacity 333ms linear;
}
/*                                                            */
.covers {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient();
}
body.mobile .covers {
  Width: 100%;
  height: 100vh;
}
.covers .bottomlay {
  display: block;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  width: 100%;
  height: auto;
  min-height: 30px;
  overflow: hidden;
  background: transparent no-repeat center bottom scroll;
  background-size: 100% 60px;
}
.covers .bottomlay > div,
.covers .bottomlay a {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 50%;
  max-width: 98px;
  min-width: 50px;
}
.covers .middlelay {
  z-index: 2;
  white-space: nowrap;
  word-spacing: .25em;
}
.covers .middlelay::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 0px;
  height: 100vh;
  margin: 0 -0.25em 0 0;
  vertical-align: middle;
  text-align: center;
}
.covers .middlelay > * {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  vertical-align: middle;
  white-space: normal;
  word-spacing: normal;
  padding: 20px 0 20px;
}
.covers .middlelay.tobottom {
  white-space: normal;
  word-spacing: normal;
}
.covers .middlelay.tobottom::before {
  vertical-align: bottom;
}
.covers .middlelay.tobottom > * {
  vertical-align: bottom;
  width: 100%;
}
.covers .overbuttons {
  width: 100%;
  height: auto;
  text-align: center;
}
.covers .overbuttons > a,
.covers .overbuttons span {
  display: block;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: auto;
  margin: 5px;
  padding: 8px 15px 8px;
  font-size: 1.2em;
  white-space: nowrap;
  font-weight: 600;
  background-color: #404040;
  background-color: rgba(64, 64, 64, 0.5);
  color: #c0c0c0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.covers .overbuttons > a,
.covers .overbuttons a:link,
.covers .overbuttons a:hover,
.covers .overbuttons a:active,
.covers .overbuttons a:visited {
  background-color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms;
  -o-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms;
  -moz-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms;
  -webkit-transition: color 1000ms ease-out 0ms, background-color 1000ms ease-out 0ms;
}
.covers .overbuttons > a:hover {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.95);
  color: #000000;
  transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms;
  -o-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms;
  -moz-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms;
  -webkit-transition: color 200ms ease-out 0ms, background-color 200ms ease-out 0ms;
}
.underlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000000;
  overflow: hidden;
  z-index: -1;
}
.underlay > img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  object-position: center center;
  object-fit: cover;
  transform: scale(1.33,1.33);
  -o-transform: scale(1.33,1.33);
  -ms-transform: scale(1.33,1.33);
  -moz-transform: scale(1.33,1.33);
  -webkit-transform: scale(1.33,1.33);
  transition: transform 5000ms ease-in 0ms, visibility 0ms linear 2000ms, opacity 0ms linear 2000ms, filter 0ms linear 2000ms;
  -o-transition: -o-transform 5000ms ease-in 0ms, visibility 0ms linear 2000ms, opacity 0ms linear 2000ms, -o-filter 0ms linear 2000ms;
  -moz-transition: -moz-transform 5000ms ease-in 0ms, visibility 0ms linear 2000ms, opacity 0ms linear 2000ms, -moz-filter 0ms linear 2000ms;
  -webkit-transition: -webkit-transform 5000ms ease-in 0ms, visibility 0ms linear 2000ms, opacity 0ms linear 2000ms, -webkit-filter 0ms linear 2000ms;
}
.underlay > img.active {
  display: block;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -webkit-transform: scale(1,1);
  transition: transform 3000ms ease-out 0ms, visibility 0ms linear 0ms, opacity 2000ms ease-in 0ms, filter 3000ms linear 0ms;
  -o-transition: -o-transform 3000ms ease-out 0ms, visibility 0ms linear 0ms, opacity 2000ms ease-in 0ms, -o-filter 3000ms linear 0ms;
  -moz-transition: -moz-transform 3000ms ease-out 0ms, visibility 0ms linear 0ms, opacity 2000ms ease-in 0ms, -moz-filter 3000ms linear 0ms;
  -webkit-transition: -webkit-transform 3000ms ease-out 0ms, visibility 0ms linear 0ms, opacity 2000ms ease-in 0ms, -webkit-filter 3000ms linear 0ms;
}
article,
div.article {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
article.paddingbox,
div.article.paddingbox {
  margin: 100px auto;
  word-spacing: -.25em;
}
article.paddingbox > *,
div.article.paddingbox > * {
  word-spacing: 0em;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  article.paddingbox,
  div.article.paddingbox {
    margin: 5% auto;
  }
}
.content-link {
  display: inline-block;
  background: transparent;
  width: 29.2%;
  height: auto;
  margin: 2%;
  vertical-align: top;
  position: relative;
  overflow: visible;
  text-align: left;
}
.content-link,
.content-link:link,
.content-link:hover,
.content-link:active,
.content-link:visited {
  color: inherit;
  cursor: pointer;
}
.content-link h1 {
  font-size: 2em;
}
.content-link h2 {
  font-size: 1.6em;
}
.content-link::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  clear: both;
}
.content-link > * {
  clear: both;
}
.content-link > img {
  display: block;
  margin: 0 -3% 0 -3%;
  width: 106%;
  height: auto;
  max-width: 450px;
  float: left;
  z-index: 5;
}
.content-link span.button {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  float: left;
  margin: 5px 0;
  padding: 8px;
  overflow: visible;
  word-spacing: normal;
  font-size: 18px;
  line-height: 1em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  background-color: #808080;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  .content-link {
    width: 80%;
    max-width: 276.92307692px;
    margin: 0 auto;
    padding: 2vh 0;
    display: block;
    border-bottom: 1px solid #d0d0d0;
  }
}
.gallery-content-link {
  display: block;
  display: inline-block;
  background: transparent;
  width: 30.2%;
  height: 0px;
  padding: 0 0 30.2% 0;
  margin: 1.5%;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  text-align: left;
  box-shadow: 0 5px 20px rgba(0,0,0,.4);
  -moz-box-shadow: 0 5px 20px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.4);
}
@media (min-width:900px) and (max-width:1199px) {
  .gallery-content-link {
    width: 40%;
    height: 0px;
    padding: 0 0 40% 0;
  }
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  .gallery-content-link {
    width: 80vw;
    height: 80vw;
    padding: 0 0 0 0;
    margin: 20px;
    max-width: 340px;
    max-height: 340px;
  }
}
.gallery-content-link,
.gallery-content-link:link,
.gallery-content-link:hover,
.gallery-content-link:active,
.gallery-content-link:visited {
  color: inherit;
  cursor: pointer;
}
.gallery-content-link h1,
.gallery-content-link h2,
.gallery-content-link h3,
.gallery-content-link h4,
.gallery-content-link h5,
.gallery-content-link h6,
.gallery-content-link p {
  width: 100%;
  max-width: none;
  color: #ffffff;
  text-shadow: 0 0 5px #000000, 0 5px 15px #000000;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7), 0 5px 15px rgba(0, 0, 0, 0.7);
  text-align: inherit;
}
.gallery-content-link h1 {
  font-size: 2em;
}
.gallery-content-link h2 {
  font-size: 1.6em;
}
.gallery-content-link > * {
  clear: both;
}
.gallery-content-link > img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -webkit-transform: scale(1,1);
  transform-origin: 50% 80%;
  -moz-transform-origin: 50% 80%;
  -webkit-transform-origin: 50% 80%;
  transition: transform 1.5s ease-out;
  -o-transition: -o-transform 1.5s ease-out;
  -moz-transition: -moz-transform 1.5s ease-out;
  -webkit-transition: -webkit-transform 1.5s ease-out;
}
.gallery-content-link > div.head {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  text-align: right;
  padding: 2% 5%;
}
.gallery-content-link:hover > img {
  transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transition: transform 5s ease-out;
  -o-transition: -o-transform 5s ease-out;
  -moz-transition: -moz-transform 5s ease-out;
  -webkit-transition: -webkit-transform 5s ease-out;
}
.gallery-link {
  display: inline-block;
  background: #ffe6cd;
  width: 30%;
  height: 0px;
  margin: 1.5%;
  padding: 0 0 30% 0;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}
.gallery-link > img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 5;
  transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -webkit-transform: scale(1,1);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transition: transform 1.5s ease-out;
  -o-transition: -o-transform 1.5s ease-out;
  -moz-transition: -moz-transform 1.5s ease-out;
  -webkit-transition: -webkit-transform 1.5s ease-out;
}
.gallery-link > span {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.6);
  font: normal normal normal 24px/48px 'Montserrat', sans-serif;
  word-spacing: normal;
  color: #c08000;
  text-align: center;
  display: block;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 10%;
  z-index: 5;
  transition: color 1s ease-out, background 1s ease-out;
  -o-transition: color 1s ease-out, background 1s ease-out;
  -moz-transition: color 1s ease-out, background 1s ease-out;
  -webkit-transition: color 1s ease-out, background 1s ease-out;
}
.gallery-link:hover > img {
  transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transition: transform 10s ease-out;
  -o-transition: -o-transform 10s ease-out;
  -moz-transition: -moz-transform 10s ease-out;
  -webkit-transition: -webkit-transform 10s ease-out;
}
.gallery-link:hover > span {
  background-color: #303030;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffaf0e;
  transition: color .5s ease-out, background .5s ease-out;
  -o-transition: color .5s ease-out, background .5s ease-out;
  -moz-transition: color .5s ease-out, background .5s ease-out;
  -webkit-transition: color .5s ease-out, background .5s ease-out;
}
@media (min-width:900px) and (max-width:1199px), (min-width:600px) and (max-width:899px) {
  .gallery-link {
    width: 44%;
    padding-bottom: 44%;
    margin: 2.9%;
  }
  .gallery-link > span {
    font-size: 4vw;
    line-height: 8vw;
  }
}
@media (max-width:599px) {
  .gallery-link {
    width: 90%;
    padding-bottom: 90%;
    margin: 4.95%;
  }
  .gallery-link > span {
    font-size: 8vw;
    line-height: 16vw;
  }
}
/*                                                            */
/*   Machines elements                                        */
/*                                                            */
.sraffline48 {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 50px;
  background: url('Template/Foldmunka/Images/sraff02.jpg') repeat-x center bottom;
  background-size: 2560px 100px;
  box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
}
.machinescontainer,
.servicescontainer {
  display: flex;
  position: relative;
  overflow: visible;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  min-height: 100vh;
  margin: 0 auto;
}
.machinescontainer .headline,
.servicescontainer .headline {
  display: block;
  width: 90%;
  height: auto;
  flex-grow: 1;
  margin: 10px auto 0em;
  font-size: 4em;
  text-shadow: 0 1px 4px #000000, 0 5px 15px rgba(0, 0, 0, 0.8);
}
@media (min-width:600px) and (max-width:899px) {
  .machinescontainer .headline,
  .servicescontainer .headline {
    font-size: 2.6em;
  }
}
@media (max-width:599px) {
  .machinescontainer .headline,
  .servicescontainer .headline {
    font-size: 2em;
  }
}
.machinescontainer > .machineblock,
.servicescontainer > .machineblock,
.machinescontainer > .serviceblock,
.servicescontainer > .serviceblock {
  display: block;
  position: relative;
  width: 26%;
  height: auto;
  overflow: visible;
  padding: 0 0 6em;
  margin: 0 3.5% 2em;
  color: #ffffff;
  background: linear-gradient(180deg, rgba(255, 160, 0, 0) 40%, rgba(255, 160, 0, 0.25) 90%);
  border-radius: 0 0 1em 1em;
  -moz-border-radius: 0 0 1em 1em;
  -webkit-border-radius: 0 0 1em 1em;
}
@media (min-width:600px) and (max-width:899px) {
  .machinescontainer > .machineblock,
  .servicescontainer > .machineblock,
  .machinescontainer > .serviceblock,
  .servicescontainer > .serviceblock {
    width: 35%;
    margin: 0 4% 2em;
  }
}
@media (max-width:599px) {
  .machinescontainer > .machineblock,
  .servicescontainer > .machineblock,
  .machinescontainer > .serviceblock,
  .servicescontainer > .serviceblock {
    width: 65%;
    margin: 0 5% 2em;
  }
}
.machinescontainer > .machineblock .machineimg,
.servicescontainer > .machineblock .machineimg,
.machinescontainer > .serviceblock .machineimg,
.servicescontainer > .serviceblock .machineimg {
  display: block;
  position: absolute;
  z-index: 4;
  top: 0;
  left: -25%;
  width: 160%;
  height: auto;
}
.machinescontainer > .machineblock .backhexa,
.servicescontainer > .machineblock .backhexa,
.machinescontainer > .serviceblock .backhexa,
.servicescontainer > .serviceblock .backhexa,
.machinescontainer > .machineblock .hexa,
.servicescontainer > .machineblock .hexa,
.machinescontainer > .serviceblock .hexa,
.servicescontainer > .serviceblock .hexa {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 0px;
  padding: 0 0 100% 0;
}
.machinescontainer > .machineblock .backhexa > svg,
.servicescontainer > .machineblock .backhexa > svg,
.machinescontainer > .serviceblock .backhexa > svg,
.servicescontainer > .serviceblock .backhexa > svg,
.machinescontainer > .machineblock .hexa > svg,
.servicescontainer > .machineblock .hexa > svg,
.machinescontainer > .serviceblock .hexa > svg,
.servicescontainer > .serviceblock .hexa > svg {
  display: block;
  position: absolute;
  width: 80%;
  height: 100%;
  top: 2em;
  left: 10%;
  --logoColor_Bracket: #ffffff;
  --logoColor_BracketOp: .25;
  --logoColor_BracketBld: screen;
}
.machinescontainer > .machineblock .bottom,
.servicescontainer > .machineblock .bottom,
.machinescontainer > .serviceblock .bottom,
.servicescontainer > .serviceblock .bottom {
  display: block;
  position: absolute;
  top: auto;
  bottom: 16px;
  left: 0px;
  width: 100%;
  height: auto;
}
.machinescontainer > .machineblock .txtblock,
.servicescontainer > .machineblock .txtblock,
.machinescontainer > .serviceblock .txtblock,
.servicescontainer > .serviceblock .txtblock,
.machinescontainer > .machineblock .txtblock2,
.servicescontainer > .machineblock .txtblock2,
.machinescontainer > .serviceblock .txtblock2,
.servicescontainer > .serviceblock .txtblock2 {
  display: block;
  position: relative;
  z-index: 10;
  margin: -15px auto 0;
  padding: 0 20px;
  width: 100%;
  height: auto;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.1em;
  text-shadow: 0 1px 4px #000000, 0 5px 15px rgba(0, 0, 0, 0.6);
}
.machinescontainer > .machineblock .txtblock > *,
.servicescontainer > .machineblock .txtblock > *,
.machinescontainer > .serviceblock .txtblock > *,
.servicescontainer > .serviceblock .txtblock > *,
.machinescontainer > .machineblock .txtblock2 > *,
.servicescontainer > .machineblock .txtblock2 > *,
.machinescontainer > .serviceblock .txtblock2 > *,
.servicescontainer > .serviceblock .txtblock2 > * {
  text-align: center;
}
.machinescontainer > .machineblock .txtblock2,
.servicescontainer > .machineblock .txtblock2,
.machinescontainer > .serviceblock .txtblock2,
.servicescontainer > .serviceblock .txtblock2 {
  margin: .65em auto 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.1em;
  text-shadow: 0 1px 4px #000000, 0 5px 15px rgba(0, 0, 0, 0.6);
}
.machinescontainer > .machineblock .more,
.servicescontainer > .machineblock .more,
.machinescontainer > .serviceblock .more,
.servicescontainer > .serviceblock .more {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  margin: 5px auto 0;
  padding: 5px 15px;
  z-index: 11;
  font-face: 'Montserrat', sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1em;
  border: 2px solid currentcolor;
  background: rgba(224, 128, 0, 0.5);
  box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  transition: border 1000ms linear, color 1000ms linear, background 1000ms linear;
  -o-transition: border 1000ms linear, color 1000ms linear, background 1000ms linear;
  -moz-transition: border 1000ms linear, color 1000ms linear, background 1000ms linear;
  -webkit-transition: border 1000ms linear, color 1000ms linear, background 1000ms linear;
}
.machinescontainer > .machineblock .more:hover,
.servicescontainer > .machineblock .more:hover,
.machinescontainer > .serviceblock .more:hover,
.servicescontainer > .serviceblock .more:hover {
  border-color: #e08000;
  color: #202020;
  background: rgba(255, 255, 255, 0.9);
  transition: border 333ms linear, color 333ms linear, background 333ms linear;
  -o-transition: border 333ms linear, color 333ms linear, background 333ms linear;
  -moz-transition: border 333ms linear, color 333ms linear, background 333ms linear;
  -webkit-transition: border 333ms linear, color 333ms linear, background 333ms linear;
}
.servicescontainer .serviceblock {
  background: none;
  width: 22%;
  margin: 0 1.4% 1em;
  padding: 0;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
}
.servicescontainer .serviceblock .txtblock {
  color: var(--capt-color);
  font-size: 1em;
  line-height: 1.25em;
}
.servicescontainer .serviceblock .txtblock h1 {
  color: var(--head-color-H2);
  font-size: 1.75em;
  line-height: 1.08em;
  width: auto;
  text-shadow: 0 1px 4px #000000, 0 5px 15px rgba(0, 0, 0, 0.6);
}
.servicescontainer .serviceblock .hexa {
  margin: 0 0 -80%;
  z-index: 1;
}
.servicescontainer .serviceblock .hexa > svg {
  top: 0;
}
@media (min-width:900px) and (max-width:1199px) {
  .servicescontainer .serviceblock {
    width: 30%;
    margin: 0 1.4% 2em;
  }
}
@media (min-width:600px) and (max-width:899px) {
  .servicescontainer .serviceblock {
    width: 40%;
    margin: 0 2.5% 2em;
  }
}
@media (max-width:599px) {
  .servicescontainer .serviceblock {
    width: 65%;
    margin: 0 5% 2em;
  }
}
.machinedatacontainer {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100vh;
  margin: 0 auto;
}
.machinedatacontainer > HGROUP {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  overflow: visible;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: auto;
}
.machinedatacontainer > HGROUP .machineBox {
  display: block;
  position: relative;
  z-index: 1;
  order: 2;
  width: 50%;
  height: 0px;
  padding: 0 0 50% 0;
}
.machinedatacontainer > HGROUP .machineBox .backhexa {
  position: absolute;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  top: 0;
  left: 10%;
  z-index: 1;
  --logoColor_Bracket: #ffffff;
  --logoColor_BracketOp: 30%;
}
.machinedatacontainer > HGROUP .machineBox .backhexa svg {
  width: 100%;
  height: 100%;
}
.machinedatacontainer > HGROUP .machineBox .machineHimg {
  position: absolute;
  width: 150%;
  height: auto;
  margin: 0;
  top: -6%;
  left: -25%;
  z-index: 2;
}
.machinedatacontainer > HGROUP .machineHead {
  display: block;
  position: relative;
  z-index: 2;
  order: 1;
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0 0 0 25px;
  text-align: right;
}
.machinedatacontainer > HGROUP .machineHead > * {
  text-align: right;
  text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6), 0px 2px 6px #000000;
}
@media (max-width:599px) {
  .machinedatacontainer > HGROUP {
    flex-flow: column;
  }
  .machinedatacontainer > HGROUP .machineBox {
    order: 1;
    width: 70%;
    padding: 0 0 60%;
  }
  .machinedatacontainer > HGROUP .machineHead {
    order: 2;
    width: 100%;
    text-align: center;
    margin: -30px 0 0;
    padding: 0 20px;
  }
  .machinedatacontainer > HGROUP .machineHead > * {
    text-align: center;
  }
}
.machinedatacontainer .machineContent {
  text-align: justify;
}
/*                                                            */
/*   Home Galleries elements                                  */
/*                                                            */
.galleriescontainer {
  display: flex;
  position: relative;
  overflow: visible;
  flex-flow: row wrap;
  justify-content: center;
  align-items: strech;
  align-content: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100vh;
  margin: 0 auto;
}
.galleriescontainer.maincnt {
  padding-top: 0;
}
@media (min-width:1200px), (min-width:900px) and (max-width:1199px) {
  .galleriescontainer.maincnt {
    padding-top: 62px;
  }
}
.galleriescontainer .headline {
  display: block;
  width: 70%;
  height: auto;
  flex-grow: 1;
  margin: 10px auto 15px;
  font-size: 4em;
  text-shadow: 0 1px 4px #000000, 0 5px 15px rgba(0, 0, 0, 0.8);
}
@media (min-width:600px) and (max-width:899px) {
  .galleriescontainer .headline {
    font-size: 2.6em;
  }
}
@media (max-width:599px) {
  .galleriescontainer .headline {
    font-size: 2em;
  }
}
.galleriescontainer > .galleryblock {
  display: block;
  position: relative;
  width: 100%;
  height: 50vh;
  overflow: hidden;
  padding: 0;
  margin: 0;
  color: #ffffff;
  background: linear-gradient(180deg, rgba(255, 160, 0, 0) 40%, rgba(255, 160, 0, 0.25) 90%);
  /*		.backhexa {
			display:block;
			position:relative;
			z-index:2;
			width:100%;
			height:0px;
			padding:0 0 100% 0;
			
			> svg {
				display:block;
				position:absolute;
				width:80%;
				height:100%;
				top:2em;
				left:10%;
				
				--logoColor_Bracket: #ffffff;
				--logoColor_BracketOp: .25;
				--logoColor_BracketBld: screen;
			}
		}	/* */
}
.galleriescontainer > .galleryblock .galleryimg {
  display: block;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transition: transform 1200ms ease-out;
  -o-transition: -o-transform 1200ms ease-out;
  -moz-transition: -moz-transform 1200ms ease-out;
  -webkit-transition: -webkit-transform 1200ms ease-out;
}
.galleriescontainer > .galleryblock:hover .galleryimg {
  transform: scale(1.15);
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transition: transform 10000ms ease-out;
  -o-transition: -o-transform 10000ms ease-out;
  -moz-transition: -moz-transform 10000ms ease-out;
  -webkit-transition: -webkit-transform 10000ms ease-out;
}
.galleriescontainer > .galleryblock .bottom {
  display: inline-block;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: auto;
  right: 0px;
  width: auto;
  max-width: 1200px;
  margin: 0 calc(max(50% -  1200px  / 2, 20px)) 20px 0;
  height: auto;
  z-index: 5;
  text-align: right;
  text-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.5), 0 2px 4px 3px rgba(0, 0, 0, 0.5);
}
.galleriescontainer > .galleryblock h1 {
  margin: 0;
  padding: 0;
  width: 100%;
  color: rgba(255, 255, 255, 0.9);
  mix-blend-mode: color-burn;
  text-align: inherit;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.5);
}
.galleriescontainer > .galleryblock .txtblock {
  display: block;
  position: relative;
  z-index: 10;
  margin: 10px auto 0;
  padding: 0;
  width: 100%;
  height: auto;
  font-face: 'Montserrat', sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.1em;
  text-align: inherit;
  text-shadow: 0 8px 8px rgba(0, 0, 0, 0.5), 0 4px 4px rgba(0, 0, 0, 0.5);
}
.galleriescontainer > .galleryblock .more {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  margin: 15px auto 0;
  padding: 5px 15px;
  z-index: 11;
  font-face: 'Montserrat', sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1em;
  text-shadow: 0 1px 4px #000000, 0 5px 15px rgba(0, 0, 0, 0.6);
  border: 2px solid currentcolor;
  background: rgba(224, 128, 0, 0.5);
  box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,1),0 5px 15px rgba(0,0,0,.8);
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  transition: border 1000ms linear, color 1000ms linear, background 1000ms linear, text-shadow 1000ms linear;
  -o-transition: border 1000ms linear, color 1000ms linear, background 1000ms linear, text-shadow 1000ms linear;
  -moz-transition: border 1000ms linear, color 1000ms linear, background 1000ms linear, text-shadow 1000ms linear;
  -webkit-transition: border 1000ms linear, color 1000ms linear, background 1000ms linear, text-shadow 1000ms linear;
}
.galleriescontainer > .galleryblock .more:hover {
  border-color: #e08000;
  color: #202020;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0), 0 5px 30px rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.9);
  transition: border 333ms linear, color 333ms linear, background 333ms linear, text-shadow 333ms linear;
  -o-transition: border 333ms linear, color 333ms linear, background 333ms linear, text-shadow 333ms linear;
  -moz-transition: border 333ms linear, color 333ms linear, background 333ms linear, text-shadow 333ms linear;
  -webkit-transition: border 333ms linear, color 333ms linear, background 333ms linear, text-shadow 333ms linear;
}
/*                                                            */
/*   Nested elements                                          */
/*                                                            */
#gallery .article {
  margin-bottom: 50px;
}
.nested_container {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
}
.nested_container .nested_box {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  background: #000000;
  width: 20%;
  height: 20%;
}
.nested_container .nested_box > img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  object-position: 50% 50%;
  object-fit: cover;
  z-index: 1;
  transform: scale(1.001,1.001);
  -o-transform: scale(1.001,1.001);
  -ms-transform: scale(1.001,1.001);
  -moz-transform: scale(1.001,1.001);
  -webkit-transform: scale(1.001,1.001);
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transition: transform 1.5s ease-out;
  -o-transition: -o-transform 1.5s ease-out;
  -moz-transition: -moz-transform 1.5s ease-out;
  -webkit-transition: -webkit-transform 1.5s ease-out;
}
.nested_container .nested_box > span {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: auto;
  left: 0px;
  bottom: 0px;
  right: auto;
  z-index: 2;
  border: none;
  padding: 5px 10px 5px;
  text-align: left;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
  transition: color 1s ease-out, background 1s ease-out;
  -o-transition: color 1s ease-out, background 1s ease-out;
  -moz-transition: color 1s ease-out, background 1s ease-out;
  -webkit-transition: color 1s ease-out, background 1s ease-out;
}
.nested_container .nested_box:hover {
  background: #000000;
}
.nested_container .nested_box:hover > img {
  transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transition: transform 5s ease-out;
  -o-transition: -o-transform 5s ease-out;
  -moz-transition: -moz-transform 5s ease-out;
  -webkit-transition: -webkit-transform 5s ease-out;
}
.nested_container .nested_box:hover > span {
  background-color: #e0e0e0;
  background-color: rgba(255, 255, 255, 0.75);
  color: #000000;
  transition: color .5s ease-out, background .5s ease-out;
  -o-transition: color .5s ease-out, background .5s ease-out;
  -moz-transition: color .5s ease-out, background .5s ease-out;
  -webkit-transition: color .5s ease-out, background .5s ease-out;
}
/*                                                            */
/*   CARDS                                                    */
/*                                                            */
.cards .cardcontainer {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  overflow: visible;
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
@media (min-width:900px) and (max-width:1199px) {
  .cards .cardcontainer {
    max-width: 700px;
  }
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  .cards .cardcontainer {
    max-width: 700px;
  }
}
.cards.matrix .cardcontainer {
  max-width: 1200px;
}
.cards .header {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  overflow: visible;
}
.cards .header > img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: 50% 40%;
  animation-name: card-from-bottom;
  mask-image: linear-gradient(to bottom, #000000 40%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000000 40%, rgba(0, 0, 0, 0) 100%);
}
.cards .header > h1 {
  text-align: left;
  display: block;
  width: 100%;
  padding: 0 0px;
  animation-name: card-from-bottom;
}
.cards .header.lazycontainer * {
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}
.cards .header.lazycontainer *:nth-child(10n + 1) {
  animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -webkit-animation-delay: 0ms;
}
.cards .header.lazycontainer *:nth-child(10n + 2) {
  animation-delay: 333ms;
  -o-animation-delay: 333ms;
  -ms-animation-delay: 333ms;
  -moz-animation-delay: 333ms;
  -webkit-animation-delay: 333ms;
}
.cards .header.lazycontainer *:nth-child(10n + 3) {
  animation-delay: 666ms;
  -o-animation-delay: 666ms;
  -ms-animation-delay: 666ms;
  -moz-animation-delay: 666ms;
  -webkit-animation-delay: 666ms;
}
.cards .header.lazycontainer *:nth-child(10n + 4) {
  animation-delay: 999ms;
  -o-animation-delay: 999ms;
  -ms-animation-delay: 999ms;
  -moz-animation-delay: 999ms;
  -webkit-animation-delay: 999ms;
}
.cards .header.lazycontainer *:nth-child(10n + 5) {
  animation-delay: 1332ms;
  -o-animation-delay: 1332ms;
  -ms-animation-delay: 1332ms;
  -moz-animation-delay: 1332ms;
  -webkit-animation-delay: 1332ms;
}
.cards .header.lazycontainer *:nth-child(10n + 6) {
  animation-delay: 1665ms;
  -o-animation-delay: 1665ms;
  -ms-animation-delay: 1665ms;
  -moz-animation-delay: 1665ms;
  -webkit-animation-delay: 1665ms;
}
.cards .header.lazycontainer *:nth-child(10n + 7) {
  animation-delay: 1998ms;
  -o-animation-delay: 1998ms;
  -ms-animation-delay: 1998ms;
  -moz-animation-delay: 1998ms;
  -webkit-animation-delay: 1998ms;
}
.cards .header.lazycontainer *:nth-child(10n + 8) {
  animation-delay: 2331ms;
  -o-animation-delay: 2331ms;
  -ms-animation-delay: 2331ms;
  -moz-animation-delay: 2331ms;
  -webkit-animation-delay: 2331ms;
}
.cards .header.lazycontainer *:nth-child(10n + 9) {
  animation-delay: 2664ms;
  -o-animation-delay: 2664ms;
  -ms-animation-delay: 2664ms;
  -moz-animation-delay: 2664ms;
  -webkit-animation-delay: 2664ms;
}
.cards .header.lazycontainer *:nth-child(10n + 10) {
  animation-delay: 2997ms;
  -o-animation-delay: 2997ms;
  -ms-animation-delay: 2997ms;
  -moz-animation-delay: 2997ms;
  -webkit-animation-delay: 2997ms;
}
.cards .card {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 50% 0;
  overflow: visible;
}
.cards .card div.cardimg {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.cards .card div.cardimg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: 50% 40%;
}
.cards .card div.description {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: stretch;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  padding: 0 15px;
  text-align: left;
}
.cards .card div.description h2 {
  font-size: 28px;
  color: #602020;
  line-height: 32px;
  margin: 10px 0 10px;
}
@media (min-width: 1001px) and (max-width: 1199px) {
  .cards .card div.description h2 {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }
}
@media (max-width: 1000px) {
  .cards .card div.description h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .cards .card div.description h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
.cards .card div.description h3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  margin: 0;
  color: #606060;
}
@media (min-width:1200px) {
  .cards .card {
    max-height: 300px;
    padding-bottom: 300px;
  }
  .cards .card:nth-child(2n+1) div.cardimg {
    left: 0;
    right: auto;
  }
  .cards .card:nth-child(2n+1) div.description {
    left: auto;
    right: 0;
    align-content: flex-start;
    text-align: left;
  }
  .cards .card:nth-child(2n+2) div.cardimg {
    left: auto;
    right: 0;
  }
  .cards .card:nth-child(2n+2) div.description {
    left: 0;
    right: auto;
    align-content: flex-end;
    text-align: right;
  }
}
@media (min-width:900px) and (max-width:1199px), (min-width:600px) and (max-width:899px) {
  .cards .card {
    width: 100%;
    padding-bottom: 50%;
    margin: 0 auto;
  }
  .cards .card:nth-child(2n+2) div.cardimg {
    left: auto;
    right: 0;
  }
  .cards .card:nth-child(2n+2) div.description {
    left: 0;
    right: auto;
    align-content: flex-end;
    text-align: right;
  }
}
@media (max-width:599px) {
  .cards .card {
    width: 100%;
    padding-bottom: 0;
    height: auto;
    margin: 0 auto 30px;
  }
  .cards .card div.cardimg {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
  }
  .cards .card div.description {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: auto;
    margin: 0;
  }
}
@media (min-width:1200px) {
  .cards.matrix .cardcontainer .card {
    width: 50%;
    padding: 0 0 25% 0;
    margin: 0 auto;
  }
  .cards.matrix .cardcontainer .card:nth-child(4n+1) div.cardimg,
  .cards.matrix .cardcontainer .card:nth-child(4n+2) div.cardimg {
    left: 0;
    right: auto;
  }
  .cards.matrix .cardcontainer .card:nth-child(4n+1) div.description,
  .cards.matrix .cardcontainer .card:nth-child(4n+2) div.description {
    left: auto;
    right: 0;
    align-content: flex-start;
    text-align: left;
  }
  .cards.matrix .cardcontainer .card:nth-child(4n+3) div.cardimg,
  .cards.matrix .cardcontainer .card:nth-child(4n+4) div.cardimg {
    left: auto;
    right: 0;
  }
  .cards.matrix .cardcontainer .card:nth-child(4n+3) div.description,
  .cards.matrix .cardcontainer .card:nth-child(4n+4) div.description {
    left: 0;
    right: auto;
    align-content: flex-end;
    text-align: right;
  }
}
@keyframes card-from-left {
  0% {
    transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -moz-transform: translate(-100px, 0);
    -webkit-transform: translate(-100px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes card-from-right {
  0% {
    transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -webkit-transform: translate(100px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes card-from-bottom {
  0% {
    transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
/*                                                            */
/*  DOCUMENT TYPOGRAPHY                                       */
/*                                                            */
.doc {
  background-color: transparent;
  position: relative;
  /*                                                        */
  /*   IMAGES                                               */
  /*                                                        */
  /*	ol, ol.incol, ul, ul.incol {
		padding:0 3%;
		margin:0;
		font-family:inherit;
		text-align:inherit;
		color:inherit;
		display:block;
		float:none;
		width:100%;
		height:auto;
		overflow:visible;
		
		list-style-type:square;
		list-style-position:outside;

		li {
			margin:0 0 .4em 30px;
			//line-height:1.2em;
		}
	} */
  /*  PRICE design                                              * /

	.price {
		display:inline-block;
		position:relative;
		overflow:visible;
		
		float:none;
		clear:both;
		
		font-size:2.5em;
		line-height:80%;
		font-weight:900;
	
		min-width:10%; max-width:100%;
		margin:0em auto 0;
		padding-right:.25em;
		height:1.15em;
		
		color:#ff6000;
		
		vertical-align:middle;
	
		> .unit {
			display:inline-block;
			vertical-align:baseline;
			font-size:.7em;
			margin:0 .2em 0 0;
			
			color:#c04000;
			
			&:last-child {
				vertical-align:.8em;
				margin:0 0 0 .2em;
				&:before {
					content:" ";
				}
			}
		}
		
		> .num {
			display:inline-block;
			vertical-align:basline;
			font-size:1em;
		
			> .fract {
				display:inline-block;
				vertical-align:.4em;
				font-size:.65em;
				text-decoration:underline;
				
				margin: 0 0 0 .1em;
				
				&:before {
				//	content:".";
				}
			}
		}
		
		&.original {
			color:#808080;
			font-size:1.7em;
			
			vertical-align:baseline;
			
			&:after {
				content:"";
				background: transparent url('./Images/crossline.png') center center/100% 100% no-repeat scroll;
				display:block;
				position:absolute;
				top:0;left:0;
				width:100%; height:100%;
			}
			
			> .unit {
				color:#707070;
			}
		}
		
		&.forsale {
			text-shadow: 0px 5px 10px rgba(0,0,0,.25), 0px 0px 4px rgba(255,255,255,1);
			.Transform(~'skewY(-4deg)');
		}
		
		&.shipping {
			display:inline-block;
			vertical-align:baseline;
			color:#606060;
			font-size:1.7em;
			
			> .unit {
				color:#404040;
			}
		}
	}
	
/* /PRICE design                                              */
}
.doc a {
  display: inline-block;
  vertical-align: baseline;
  padding: 1px 6px;
  margin: -1px -6px;
  border: none;
  cursor: pointer;
  transition: background 750ms ease-out;
  -o-transition: background 750ms ease-out;
  -moz-transition: background 750ms ease-out;
  -webkit-transition: background 750ms ease-out;
  color: inherit;
  font-weight: bold;
}
.doc a:hover {
  background-color: rgba(255, 160, 0, 0.6);
  transition: background 150ms ease-out;
  -o-transition: background 150ms ease-out;
  -moz-transition: background 150ms ease-out;
  -webkit-transition: background 150ms ease-out;
}
.doc SECTION {
  display: block;
  float: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.doc SECTION header {
  padding-top: 60px;
}
@media (max-width: 699px ) {
  .doc SECTION header {
    padding-top: 0px;
  }
}
.doc SECTION header.withimage {
  display: block;
  width: 100%;
  height: 50vh;
  min-height: 40vw;
  background: transparent;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 0;
  padding-top: 0;
}
.doc SECTION header.withimage .headbg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.doc SECTION header.withimage img.headbg {
  object-fit: cover;
  object-position: 50% 35%;
}
.doc SECTION header.withimage div.head {
  width: 100%;
  margin: 0 auto 0vh;
  padding: 0;
  position: absolute;
  float: none;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  font-size: 2.2vw;
}
@media (min-width:1200px) {
  .doc SECTION header.withimage div.head {
    font-size: 26.4px;
  }
}
@media only screen and (max-width: 600px) {
  .doc SECTION header.withimage div.head {
    font-size: 13.2px;
  }
}
.doc SECTION header.withimage div.head h1,
.doc SECTION header.withimage div.head h2,
.doc SECTION header.withimage div.head h3,
.doc SECTION header.withimage div.head h4,
.doc SECTION header.withimage div.head h5,
.doc SECTION header.withimage div.head h6,
.doc SECTION header.withimage div.head p {
  color: #ffffff;
  text-shadow: 0 0 5px #000000, 0 5px 15px #000000;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7), 0 5px 15px rgba(0, 0, 0, 0.7);
}
.doc SECTION header.withimage div.head p {
  font-size: .7em;
  line-height: 1.2em;
  font-weight: 600;
  text-shadow: 0 0 5px #000000, 0 0 10px #000000, 0 5px 15px #000000;
}
.doc SECTION article {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
  padding: 0 0 30px;
}
.doc .frame {
  background-color: transparent;
  width: 100%;
  height: auto;
  margin: 0px auto;
  position: relative;
  text-align: justify;
  overflow: visible;
}
.doc ul {
  display: block;
  width: calc(100% - 2 *  25px );
  height: auto;
}
.doc ul li {
  display: list-item;
  position: relative;
  width: auto;
  height: auto;
  list-style: square ouside;
  margin: 0 0 .4em 1em;
  /*			&:before {
				content:"";
				
				display: inline;
				float:left;
				margin:.2em 0em 0em -1.5em;
				vertical-align:baseline;
				
				width:1em;height:1em;
				
				color:#ffffff;
				background-color:#0060ff;
				
				.BorderRadius(50%);
				.BoxShadow(0 5px 10px rgba(0,0,0,.25));
			} */
}
.doc ol {
  display: block;
  width: calc(100% - 2 *  25px );
  height: auto;
  counter-reset: num;
}
.doc ol li {
  display: list-item;
  width: auto;
  height: auto;
  list-style: none;
  margin: 0 0 .4em 2em;
}
.doc ol li:before {
  counter-increment: num;
  content: counter(num);
  display: block;
  float: left;
  margin: 0em 0.5em 0em -2.5em;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  text-align: center;
  font-size: .8em;
  line-height: 2em;
  font-weight: bold;
  color: #ffffff;
  background-color: #0060ff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
}
.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6,
.doc p,
.doc ol,
.doc ul {
  width: calc(100% - 2 *  25px );
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: 0 0px;
}
.doc p {
  text-align: justify;
}
.doc .image,
.doc figure {
  display: block;
  width: 100%;
  height: auto;
  float: none;
  position: relative;
  overflow: hidden;
  overflow: visible;
  margin: 10px auto 10px;
  vertical-align: baseline;
}
.doc .image:first-child,
.doc figure:first-child {
  margin-top: 0 !important;
}
.doc .image:last-child,
.doc figure:last-child {
  margin-bottom: 0 !important;
}
.doc .image > img,
.doc figure > img {
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
}
.doc .image > span.caption,
.doc figure > span.caption,
.doc .image > figcaption,
.doc figure > figcaption {
  display: inline-block;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  float: right;
  text-align: left;
  background-color: #404040;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 6px 12px;
  margin: 0;
  width: auto;
  max-width: 65%;
  height: auto;
  font-size: .9em;
  line-height: 1.1em;
}
@media (max-width: 699px ) {
  .doc .image,
  .doc figure {
    width: 100%;
    max-width: none;
  }
}
@media (min-width: 700px ) {
  .doc .image.outfull,
  .doc figure.outfull {
    max-width: none;
  }
  .doc .image.infull,
  .doc figure.infull {
    max-width: 800px;
  }
  .doc .image.full,
  .doc figure.full {
    max-width: 1200px;
  }
  .doc .image.inright,
  .doc figure.inright,
  .doc .image.inleft,
  .doc figure.inleft {
    width: min(calc( 50% -  25px ),  800px  / 2);
    float: left;
    margin-left: max(calc((100% - 800px ) / 2),  25px );
    margin-right: 15px;
  }
  .doc .image.inright,
  .doc figure.inright {
    float: right;
    margin-left: 15px;
    margin-right: max(calc((100% - 800px ) / 2),  25px );
  }
  .doc .image.right,
  .doc figure.right,
  .doc .image.left,
  .doc figure.left {
    width: min(50%,  1200px  / 2);
    float: left;
    margin-left: max(calc((100% - 1200px ) / 2), 0px);
    margin-right: 15px;
  }
  .doc .image.right,
  .doc figure.right {
    float: right;
    margin-left: 15px;
    margin-right: max(calc((100% - 1200px ) / 2), 0px);
  }
  .doc .image.outright,
  .doc figure.outright,
  .doc .image.outleft,
  .doc figure.outleft {
    width: calc( 50% -  25px );
    float: left;
    margin-left: 0;
    margin-right: 15px;
  }
  .doc .image.outright,
  .doc figure.outright {
    float: right;
    margin-left: 15px;
    margin-right: 0;
  }
}
.doc .adapterscontainer {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  position: relative;
  margin: 10px auto;
  width: calc(100% - 2 *  25px );
  max-width: 800px;
}
.doc .adapterscontainer .adapter {
  display: inline-block;
  position: relative;
  width: 50%;
  height: auto;
}
@media (max-width: 699px ) {
  .doc .adapterscontainer .adapter {
    width: 100%;
  }
}
.doc .adapterscontainer .adapter .imgcont {
  display: block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  overflow: hidden;
}
.doc .adapterscontainer .adapter .imgcont > img {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center center;
}
.doc .adapterscontainer .adapter .hexa {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 140px;
  height: 0;
  padding: 0 0 160px;
}
.doc .adapterscontainer .adapter .hexa svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  --logoColor_Bracket: rgba(255, 255, 255, 0.25);
}
.doc .adapterscontainer .adapter .txtcont {
  position: relative;
  z-index: 5;
  width: calc(100% - 50px);
  height: auto;
  float: right;
  top: 0;
  left: 0;
  right: auto;
  display: block;
  text-align: left;
  margin: 40px 0 0 0;
  padding: 0 1em 1em 0;
}
.doc .adapterscontainer .adapter .txtcont h4 {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  text-align: inherit;
  width: 100%;
}
.doc .adapterscontainer .adapter .txtcont p {
  display: block;
  margin: .5em 0 .5em 0;
  padding: 0;
  text-align: inherit;
  width: 100%;
}
@media (max-width: 699px ) {
  .doc .adapterscontainer .adapter {
    padding: 0 0 20px 0;
    height: auto;
  }
  .doc .adapterscontainer .adapter .imgcont {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 70% 0;
    margin-bottom: 10px;
  }
  .doc .adapterscontainer .adapter .imgcont > img {
    position: absolute;
  }
  .doc .adapterscontainer .adapter .hexa {
    width: 120px;
    padding: 0 0 140px;
  }
  .doc .adapterscontainer .adapter .txtcont {
    /*					display:block;
					position:relative;
					padding:0;
					text-align:left;
					
					//width:100%;
					height:auto;*/
  }
}
.doc ol.props {
  counter-reset: li;
  list-style-type: none;
  width: 100%;
  max-width: calc(800px  + 10%);
  margin: 0 auto .5em;
  padding: 0 0 0 5%;
  overflow: hidden;
  text-align: left;
  word-spacing: -.25em;
}
.doc ol.props li {
  counter-increment: li;
  position: relative;
  display: block;
  float: left;
  word-spacing: 0;
  vertical-align: top;
  width: 27%;
  height: auto;
  margin: 0 4.5% 20px 0;
}
.doc ol.props li h1,
.doc ol.props li h2,
.doc ol.props li h3,
.doc ol.props li h4,
.doc ol.props li h5,
.doc ol.props li h6,
.doc ol.props li p {
  width: 100%;
  max-width: none;
  text-align: left;
}
.doc ol.props li:before {
  content: counter(li) ".";
  display: block;
  position: static;
  width: 100%;
  height: auto;
  background-color: transparent;
  color: inherit;
  font-size: 1.6em;
  line-height: 1em;
  font-weight: 300;
  text-align: right;
  border-bottom: 2px solid #e0c0c0;
  padding: 0 0 6px;
  margin: 0 0 10px;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  .doc ol.props li {
    width: 80%;
    margin-left: 5%;
    margin-right: 0;
  }
  .doc ol.props li:before {
    text-align: left;
  }
}
.doc ul.props {
  display: block;
  list-style-type: none;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  float: none;
  width: 100%;
  max-width: calc(800px + 10%);
  margin: 0 auto .5em;
  padding: 0 0 0 5%;
  overflow: hidden;
  text-align: left;
  word-spacing: -.25em;
}
.doc ul.props li {
  position: relative;
  display: block;
  display: inline-block;
  float: none;
  font-size: 18px;
  line-height: 1.4em;
  word-spacing: 0;
  list-style-type: none;
  vertical-align: top;
  width: 42.5%;
  height: auto;
  margin: 0 5% 20px 0;
}
.doc ul.props li h1,
.doc ul.props li h2,
.doc ul.props li h3,
.doc ul.props li h4,
.doc ul.props li h5,
.doc ul.props li h6,
.doc ul.props li p {
  width: 100%;
  max-width: none;
  text-align: left;
}
.doc ul.props li h3 {
  display: block;
  display: inline-block;
  position: static;
  width: 100%;
  height: auto;
  background-color: transparent;
  color: inherit;
  font-weight: 300;
  border-bottom: 2px solid #e0c0c0;
  padding: 0 0 6px;
  margin: 0 0 10px;
}
@media (min-width:600px) and (max-width:899px), (max-width:599px) {
  .doc ul.props li {
    width: 80%;
    margin-left: 5%;
    margin-right: 0;
  }
  .doc ul.props li:before {
    text-align: left;
  }
}
.doc .warn,
.doc .note,
.doc .note2,
.doc .error,
.doc .solution {
  margin: 0 0 1.2em;
  width: calc( 100% - 40px);
  max-width: 800px;
  margin: 20px auto;
  text-align: left;
  padding: .8em 1.5em .3em;
  background-color: #ffc0c0;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
}
.doc .warn h3,
.doc .note h3,
.doc .note2 h3,
.doc .error h3,
.doc .solution h3 {
  color: #600000;
  width: auto;
  margin-bottom: 6px;
}
.doc .warn p,
.doc .note p,
.doc .note2 p,
.doc .error p,
.doc .solution p {
  color: #000000;
  width: auto;
}
.doc .note {
  background-color: #c0e0f0;
}
.doc .note h3 {
  color: #604000;
}
.doc .note p {
  color: #403000;
}
.doc .note2 {
  background-color: #e0e0e0;
}
.doc .note2 h3 {
  color: #604000;
}
.doc .note2 p {
  color: #403000;
}
.doc .error {
  width: 100%;
  max-width: auto;
  padding: .8em 1em .8em;
  background-color: #e0a080;
  color: #403000;
}
.doc .error h3 {
  color: #604000;
}
.doc .error p {
  color: #403000;
}
.doc .solution {
  width: 100%;
  max-width: auto;
  padding: .8em 1em .8em;
  background-color: #80e080;
  background-color: rgba(64, 192, 64, 0.3);
  color: #004000;
}
.doc .solution h3 {
  color: #604000;
}
.doc .solution p {
  color: #403000;
}
.doc table.content {
  display: table;
  width: calc(100% - 40px);
  max-width: 1200px;
  height: auto;
  margin: .5em auto;
}
.doc table.content th,
.doc table.content td {
  width: auto;
  height: auto;
  font-size: .85em;
  line-height: 1.15em;
  text-align: left;
  vertical-align: bottom;
  padding: 4px;
  border: none;
  border-bottom: 1px solid #e0e0e0;
}
.doc table.content th:first-child {
  text-align: right;
}
@media (max-width: 720px) {
  .doc table.content {
    display: block;
    position: relative;
  }
  .doc table.content tr {
    counter-reset: tablecells;
    display: block;
    width: 100%;
    padding: 4px 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
  }
  .doc table.content th,
  .doc table.content td {
    display: block;
    width: auto;
    margin: 0 0 0 35px;
    padding: 5px 0;
    border: none;
    border-bottom: 1px solid #f8f8f8;
  }
  .doc table.content th:before,
  .doc table.content td:before {
    counter-increment: tablecells;
    content: counter(tablecells) ":";
    display: block;
    position: relative;
    float: left;
    margin: -3px 0px -3px -30px;
    background: #d0d0d0;
    color: white;
    padding: 3px 5px;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  .doc table.content th:first-child,
  .doc table.content td:first-child {
    text-align: left;
  }
  .doc table.content th:last-child,
  .doc table.content td:last-child {
    border: none;
  }
}
.doc table.datasheet {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.doc table.datasheet td {
  text-align: center;
  border-right: 1px solid #808080;
  padding: 4px;
}
.doc table.datasheet td h4 {
  text-align: center;
  margin: .5em 0 0 0;
  width: 100%;
  max-width: auto;
}
.doc table.datasheet td:last-child {
  border-right: none;
}
.doc table.pricesheet {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.doc table.pricesheet td,
.doc table.pricesheet th {
  text-align: center;
  padding: 4px;
}
.doc table.pricesheet td h4,
.doc table.pricesheet th h4 {
  text-align: center;
  margin: .5em 0 0 0;
  width: 100%;
  max-width: auto;
}
.doc table.pricesheet td:first-child,
.doc table.pricesheet th:first-child {
  border-right: none;
  text-align: left;
}
.doc table.pricesheet th {
  background-color: #f0b0b0;
  font-weight: bold;
}
.doc table.pricesheet tr:nth-child(odd) td {
  background-color: #fff0f0;
}
.doc .signobox {
  position: relative;
  display: block;
  width: calc(100% - 40px);
  max-width: 900px;
  height: auto;
  margin: .7em auto;
  padding: 0;
}
.doc .signobox:after {
  content: "";
  display: block;
  clear: both;
  height: 0px;
}
.doc .signobox > div {
  display: block;
  position: relative;
  float: right;
  width: auto;
}
.doc .signobox p {
  display: block;
  float: right;
  clear: both;
  width: 100%;
  margin: 0 0 0 0;
  line-height: 1.25em;
}
.doc .signobox p > span {
  display: block;
  display: inline-block;
  vertical-align: baseline;
  width: 8em;
  font-size: 80%;
}
.doc .signobox p.name {
  font-size: 1.1em;
  line-height: 1.25em;
  margin: .7em 0 0 0;
  font-weight: 700;
}
.doc .signobox p.data {
  font-weight: normal;
}
.doc .signobox a {
  font-weight: 600;
}
.doc .signobox a:hover {
  background: rgba(255, 160, 0, 0.4);
}
.doc article.teamarticle {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 30px;
  overflow: visible;
  white-space: normal;
  word-spacing: -.26em;
}
.doc .contactbox {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  height: auto;
  margin: 10px 10px 30px;
  white-space: normal;
  word-spacing: normal;
}
.doc .contactbox.boss {
  width: 45%;
  max-width: 400px;
}
.doc .contactbox.boss p.name {
  font-size: 24px;
  font-weight: normal;
}
.doc .contactbox.author {
  width: 45%;
  max-width: 400px;
}
.doc .contactbox.author p.name {
  font-size: 22px;
  font-weight: normal;
}
@media (max-width:599px), (min-width:600px) and (max-width:899px) {
  .doc .contactbox {
    width: 45%;
    min-width: 300px;
    max-width: none;
  }
  .doc .contactbox.boss {
    width: 90%;
  }
  .doc .contactbox.author {
    width: 50%;
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width:599px) {
  .doc .contactbox {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.doc .contactbox img {
  width: 100%;
  height: auto;
}
.doc .contactbox h1,
.doc .contactbox h2,
.doc .contactbox h3,
.doc .contactbox h4,
.doc .contactbox h5,
.doc .contactbox h6 {
  margin: 0 0 10px;
  padding: 0;
  line-height: 1.1em;
}
.doc .contactbox p,
.doc .contactbox span.p {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  color: inherit;
  font-size: 15px;
  line-height: 1.15em;
  text-align: left;
}
.doc .contactbox p.name,
.doc .contactbox span.p.name {
  font-size: 18px;
  font-weight: bold;
}
.doc .contactbox p.data > span:first-child,
.doc .contactbox span.p.data > span:first-child {
  display: inline-block;
  width: 4em;
  height: auto;
  vertical-align: baseline;
  font-size: .8em;
  padding-right: .8em;
  float: left;
  text-align: right;
}
.doc .contactbox p.data > a,
.doc .contactbox span.p.data > a,
.doc .contactbox p.data > span.linkimpostor,
.doc .contactbox span.p.data > span.linkimpostor {
  font-size: 1em;
  font-weight: bold;
  color: inherit;
  vertical-align: baseline;
}
.doc .contactbox p.data > a:hover,
.doc .contactbox span.p.data > a:hover,
.doc .contactbox p.data > span.linkimpostor:hover,
.doc .contactbox span.p.data > span.linkimpostor:hover {
  background: rgba(255, 160, 0, 0.6);
}
.doc .quote {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  max-width: 1000px;
  overflow: visible;
  margin: 45px auto;
  padding: 0 20px;
  font-size: 1.2em;
  color: #4060a0;
  text-align: center;
}
.doc .quote > h1,
.doc .quote > h2,
.doc .quote > h3,
.doc .quote > h4,
.doc .quote > h5,
.doc .quote > h6,
.doc .quote > p {
  display: inline;
  color: #4060a0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  max-width: none;
  text-align: inherit;
  /*			&:after {
				content:"";
				display:block;
				width:0;height:0;
				clear:both;
			}	/* */
}
.doc .quote > h1,
.doc .quote > h2 {
  color: #0080ff;
}
.doc .quote:before,
.doc .quote:after {
  content: no-open-quote "“";
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  z-index: 0;
  font-size: 8em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  color: rgba(0, 128, 255, 0.15);
  top: .25em;
  left: -.25em;
}
.doc .quote:after {
  content: no-close-quote "”";
  top: auto;
  left: auto;
  bottom: -.20em;
  right: -.25em;
}
.doc .quote.offmark:before,
.doc .quote.offmark:after {
  display: none;
}
.doc .quote.left {
  text-align: left;
}
.doc .quote.right {
  text-align: right;
}
.doc .quote.bluebg {
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 20px calc(( 100% - 1000px ) / 2 + 20px) 30px;
  background: linear-gradient(135deg, #0060a0 20%, #003060 80%);
  color: rgba(255, 255, 255, 0.75);
}
.doc .quote.bluebg:before,
.doc .quote.bluebg:after {
  content: no-open-quote "“";
  position: absolute;
  width: auto;
  height: auto;
  z-index: -0;
  font-size: 24em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  color: rgba(0, 128, 255, 0.35);
  top: .3em;
  left: calc(( 100% - 1000px ) / 2 - 30px);
}
.doc .quote.bluebg:after {
  content: no-open-quote "”";
  display: none;
  top: auto;
  left: auto;
  bottom: -.05em;
  right: calc(( 100% - 1000px ) / 2 - 60px);
}
@media (max-width: 1000px) {
  .doc .quote.bluebg {
    padding: 10px 20px;
  }
  .doc .quote.bluebg:before {
    left: -30px;
  }
  .doc .quote.bluebg:after {
    right: -60px;
  }
}
.doc .quote.bluebg > h1,
.doc .quote.bluebg > h2,
.doc .quote.bluebg > h3,
.doc .quote.bluebg > h4,
.doc .quote.bluebg > h5,
.doc .quote.bluebg > h6,
.doc .quote.bluebg > p {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.75);
  margin-left: auto;
  margin-right: auto;
}
.doc .quote.bluebg > h1:after,
.doc .quote.bluebg > h2:after,
.doc .quote.bluebg > h3:after,
.doc .quote.bluebg > h4:after,
.doc .quote.bluebg > h5:after,
.doc .quote.bluebg > h6:after,
.doc .quote.bluebg > p:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  clear: both;
}
.doc .quote.bluebg > h1,
.doc .quote.bluebg > h2 {
  color: #ffffff;
}
.doc .button {
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  top: 0;
  padding: .15em .5em;
  margin: .1em 0em .1em;
  color: #e0e0e0;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 8px 1px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 3px 8px 1px rgba(0,0,0,.25);
  -webkit-box-shadow: 0px 3px 8px 1px rgba(0,0,0,.25);
  transition-property: background color top boxshadow;
  -o-transition-property: background color top boxshadow;
  -ms-transition-property: background color top boxshadow;
  -moz-transition-property: background color top boxshadow;
  -webkit-transition-property: background color top boxshadow;
  transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}
.doc .button:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0px 6px 15px 2px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 6px 15px 2px rgba(0,0,0,.25);
  -webkit-box-shadow: 0px 6px 15px 2px rgba(0,0,0,.25);
  transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
}
.doc .bgcontainer {
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 30px calc(( 100% - 1000px ) / 2 ) 30px;
  margin: 30px 0;
  background: linear-gradient(135deg, #0060a0 20%, #003060 80%);
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}
.doc .itempriceblock {
  width: 360px;
  height: auto;
  margin: 10px 10px;
  display: inline-block;
  position: relative;
  top: 0;
  color: #000000;
  background: #f8f8f8;
  text-align: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 0px 5px 12px 0px rgba(0,0,0,.35), 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0,0,0,.35), 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0,0,0,.35), 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  transition: top 500ms ease-out, box-shadow 500ms ease-out;
  -o-transition: top 500ms ease-out, -o-box-shadow 500ms ease-out;
  -moz-transition: top 500ms ease-out, -moz-box-shadow 500ms ease-out;
  -webkit-transition: top 500ms ease-out, -webkit-box-shadow 500ms ease-out;
}
.doc .itempriceblock:hover {
  top: -10px;
  box-shadow: 0px 15px 30px 0px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,.25);
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,.25);
  transition: top 100ms ease-out, box-shadow 100ms ease-out;
  -o-transition: top 100ms ease-out, -o-box-shadow 100ms ease-out;
  -moz-transition: top 100ms ease-out, -moz-box-shadow 100ms ease-out;
  -webkit-transition: top 100ms ease-out, -webkit-box-shadow 100ms ease-out;
}
.doc .itempriceblock:hover {
  box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.25);
}
.doc .itempriceblock > * {
  text-align: center;
}
.doc .itempriceblock > .itemimg {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 100%;
  margin: 0 0 -15px;
  position: relative;
}
.doc .itempriceblock > .itemimg > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: 50% 35%;
}
.doc .itempriceblock > .datacont {
  display: block;
  width: 100%;
  height: auto;
}
.doc .itempriceblock > .datacont.white {
  padding: 10px 20px;
  background: #ffffff;
}
.doc .itempriceblock > .datacont.whitegray {
  padding: 10px 20px;
  background: linear-gradient(135deg, #ffffff 20%, #e0e0e0 80%);
}