@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900&subset=latin-ext');
@charset "utf-8";
/* RESET CSS */
.android_browser_suxx {
  width: 10%;
}
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: #8080FF;
}
::-moz-selection {
  background: #8080FF;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  -webkit-tap-highlight-color: #8080FF;
}
/* Hover instructions */
:link,
:hover,
:active,
:visited {
  text-decoration: none;
  text-decoration: inherit;
}
/* Typography */
body {
  font: normal normal 400 1em/1.3em 'Open Sans', Arial, helvetica, sans-serif;
  letter-spacing: 0px;
  color: #404040;
  background: #ffffff url('Template/FLKbutor/CSS/Images/bground_FLK.png') 30% 0% no-repeat fixed;
  background-size: cover;
}
p {
  margin: 0 0 0.7em;
}
b,
strong {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
h1 {
  font: normal normal 900 3em/1.08em 'Montserrat', Arial, helvetica, sans-serif;
  margin: 0 0 0.33em;
  letter-spacing: 0px;
  color: #700000;
}
h2 {
  font: normal normal 900 2.5em/1.08em 'Montserrat', Arial, helvetica, sans-serif;
  margin: 0 0 0.4em;
  letter-spacing: 0px;
  color: #700000;
}
h3 {
  font: normal normal 700 2em/1.08em 'Montserrat', Arial, helvetica, sans-serif;
  margin: 0 0 0.5em;
  letter-spacing: 0px;
  color: #502020;
}
h4 {
  font: normal normal 700 1.7em/1.08em 'Montserrat', Arial, helvetica, sans-serif;
  margin: 0 0 0.7em;
  letter-spacing: 0px;
  color: #502020;
}
h5 {
  font: normal normal 700 1.5em/1.08em 'Montserrat', Arial, helvetica, sans-serif;
  margin: 0 0 0.8em;
  letter-spacing: 0px;
  color: #502020;
}
h6 {
  font: normal normal 700 1.3em/1.08em 'Montserrat', Arial, helvetica, sans-serif;
  margin: 0 0 0.9em;
  letter-spacing: 0px;
  color: #502020;
}
h1 + h1,
h2 + h1,
h3 + h1,
h4 + h1,
h5 + h1,
h6 + h1 {
  margin: -0.5em 0 0.33em;
}
h1 + h2,
h2 + h2,
h3 + h2,
h4 + h2,
h5 + h2,
h6 + h2 {
  margin: -0.5em 0 0.4em;
}
h1 + h3,
h2 + h3,
h3 + h3,
h4 + h3,
h5 + h3,
h6 + h3 {
  margin: -0.5em 0 0.5em;
}
h1 + h4,
h2 + h4,
h3 + h4,
h4 + h4,
h5 + h4,
h6 + h4 {
  margin: -0.5em 0 0.7em;
}
h1 + h5,
h2 + h5,
h3 + h5,
h4 + h5,
h5 + h5,
h6 + h5 {
  margin: -0.5em 0 0.8em;
}
h1 + h6,
h2 + h6,
h3 + h6,
h4 + h6,
h5 + h6,
h6 + h6 {
  margin: -0.5em 0 0.9em;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin: 0 0 1em;
}
a,
a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: #0000b0;
  font-weight: 400;
  font-style: normal;
}
.caption,
.caption .p {
  font-face: 'Open Sans', Arial, helvetica, sans-serif;
  color: #000000;
  text-decoration: none;
  font-weight: 500;
  font-style: italic;
  font-size: 1em;
  line-height: 1.1em;
  letter-spacing: 0px;
  margin: 0 0 0.3em;
}
/* /RESET CSS */
body {
  overflow: hidden;
  overflow-y: scroll;
  background-color: #ffffff;
}
/****************************************************************************************/
div.section {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
  display: block;
  overflow: hidden;
}
div.section.full {
  min-height: 100%;
  height: auto;
  background: transparent no-repeat 50% 0px fixed;
  background-size: cover;
}
body.mobile div.section.full {
  min-height: 100vh;
}
div.section.middle-block {
  white-space: nowrap;
}
div.section.middle-block::before {
  content: '';
  position: relative;
  display: inline-block;
  width: 0px;
  height: 100vh;
  margin: 0 -0.25em 0 0;
  vertical-align: middle;
}
div.section.middle-block > article,
div.section.middle-block > div {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
/* */
/*****************************************************************************************/
/***  Menürendszer és vezérlő elemek  ****************************************************/
/*****************************************************************************************/
body > header {
  /* */
}
@media (min-width:1000px), (min-width:800px) and (max-width:999px) {
  body > header {
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: visible;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
@media (min-width:480px) and (max-width:799px), (max-width:479px) {
  body > header {
    display: block;
    width: 100%;
    height: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: visible;
    z-index: 10;
    background: transparent;
  }
}
body > header nav {
  width: 90%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  display: block;
  overflow: visible;
}
body > header nav .logo_main {
  display: block;
  float: left;
  width: 185px;
  height: auto;
}
body > header nav .logo_main img {
  width: 185px;
  height: auto;
}
@media (min-width:800px) and (max-width:999px), (min-width:1000px) {
  body > header nav ul.menu_main,
  body > header nav ul {
    display: block;
    position: static;
    float: right;
    max-width: 1200px;
    width: auto;
    height: auto;
    margin: 28px 0 0;
    overflow: visible;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 0px;
    word-spacing: -.26em;
    line-height: 0px;
  }
  body > header nav ul.menu_main li,
  body > header nav ul li {
    display: block;
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    word-spacing: normal;
    font-size: 17px;
    line-height: 1em;
    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: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: 30px;
    white-space: nowrap;
    margin: 0;
    overflow: visible;
    color: inherit;
  }
  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: visibility 0ms linear 500ms, opacity 500ms ease-out 0ms;
    -o-transition: visibility 0ms linear 500ms, opacity 500ms ease-out 0ms;
    -moz-transition: visibility 0ms linear 500ms, opacity 500ms ease-out 0ms;
    -webkit-transition: 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 ul.menu_main li.menuicon,
  body > header nav ul li.menuicon {
    padding: 0;
  }
  body > header nav ul.menu_main li.menuicon.facebook,
  body > header nav ul li.menuicon.facebook,
  body > header nav ul.menu_main li.menuicon.twitter,
  body > header nav ul li.menuicon.twitter,
  body > header nav ul.menu_main li.menuicon.lang_hu,
  body > header nav ul li.menuicon.lang_hu,
  body > header nav ul.menu_main li.menuicon.lang_en,
  body > header nav ul li.menuicon.lang_en,
  body > header nav ul.menu_main li.menuicon.lang_es,
  body > header nav ul li.menuicon.lang_es {
    overflow: visible;
  }
  body > header nav ul.menu_main li.menuicon.facebook > a > span.ph,
  body > header nav ul li.menuicon.facebook > a > span.ph,
  body > header nav ul.menu_main li.menuicon.twitter > a > span.ph,
  body > header nav ul li.menuicon.twitter > a > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_hu > a > span.ph,
  body > header nav ul li.menuicon.lang_hu > a > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_en > a > span.ph,
  body > header nav ul li.menuicon.lang_en > a > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_es > a > span.ph,
  body > header nav ul li.menuicon.lang_es > a > span.ph,
  body > header nav ul.menu_main li.menuicon.facebook > span > span.ph,
  body > header nav ul li.menuicon.facebook > span > span.ph,
  body > header nav ul.menu_main li.menuicon.twitter > span > span.ph,
  body > header nav ul li.menuicon.twitter > span > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_hu > span > span.ph,
  body > header nav ul li.menuicon.lang_hu > span > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_en > span > span.ph,
  body > header nav ul li.menuicon.lang_en > span > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_es > span > span.ph,
  body > header nav ul li.menuicon.lang_es > span > span.ph {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url("Template/FLKbutor/CSS/Images/flags_icons.png");
    background-size: 30px 150px;
    background-position: 0px 0px;
  }
  body > header nav ul.menu_main li.menuicon.lang_hu > a > span.ph,
  body > header nav ul li.menuicon.lang_hu > a > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_hu > span > span.ph,
  body > header nav ul li.menuicon.lang_hu > span > span.ph {
    background-position: 0px -60px;
  }
  body > header nav ul.menu_main li.menuicon.lang_en > a > span.ph,
  body > header nav ul li.menuicon.lang_en > a > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_en > span > span.ph,
  body > header nav ul li.menuicon.lang_en > span > span.ph {
    background-position: 0px -30px;
  }
  body > header nav ul.menu_main li.menuicon.lang_es > a > span.ph,
  body > header nav ul li.menuicon.lang_es > a > span.ph,
  body > header nav ul.menu_main li.menuicon.lang_es > span > span.ph,
  body > header nav ul li.menuicon.lang_es > span > span.ph {
    background-position: 0px -90px;
  }
  body > header nav ul.menu_main li.menuicon.pad span.ph,
  body > header nav ul li.menuicon.pad span.ph {
    margin-right: 10px;
  }
  body > header nav ul.menu_main li.menuicon.facebook,
  body > header nav ul li.menuicon.facebook {
    margin: 0 6px 0 0;
  }
  body > header nav ul.menu_main li.menuicon.facebook > a,
  body > header nav ul li.menuicon.facebook > a,
  body > header nav ul.menu_main li.menuicon.facebook > span,
  body > header nav ul li.menuicon.facebook > span {
    padding: 0;
  }
  body > header nav ul.menu_main li.menuicon.facebook > a span.ph,
  body > header nav ul li.menuicon.facebook > a span.ph,
  body > header nav ul.menu_main li.menuicon.facebook > span span.ph,
  body > header nav ul li.menuicon.facebook > span span.ph {
    background-position: 0px 0px;
  }
  body > header nav ul.menu_main li.menuicon.twitter,
  body > header nav ul li.menuicon.twitter {
    margin: 0 6px 0 0;
  }
  body > header nav ul.menu_main li.menuicon.twitter > a,
  body > header nav ul li.menuicon.twitter > a,
  body > header nav ul.menu_main li.menuicon.twitter > span,
  body > header nav ul li.menuicon.twitter > span {
    padding: 0;
  }
  body > header nav ul.menu_main li.menuicon.twitter > a span.ph,
  body > header nav ul li.menuicon.twitter > a span.ph,
  body > header nav ul.menu_main li.menuicon.twitter > span span.ph,
  body > header nav ul li.menuicon.twitter > span span.ph {
    background-position: 0px -120px;
  }
}
@media (min-width:480px) and (max-width:799px), (max-width:479px) {
  body > header nav {
    display: block;
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: -100vw;
    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 url('Template/FLKbutor/CSS/Images/bground_FLK.png') 30% 0% no-repeat fixed;
    background-color: rgba(48, 32, 32, 0.85);
    background-size: cover;
  }
  body > header nav.show {
    left: 0;
  }
  body > header nav .logo_main {
    display: block;
    float: none;
    width: 240px;
    height: auto;
    margin: 10px auto 30px;
    text-align: center;
  }
  body > header nav .logo_main img {
    width: 240px;
    height: auto;
  }
  body > header nav ul li {
    display: block;
  }
  body > header nav ul.menu_main {
    color: #ffffff;
    font-size: 1.2em;
    width: 250px;
    margin: 0 auto;
    line-height: 1.75em;
  }
  body > header nav ul.menu_main li > a,
  body > header nav ul.menu_main li > span {
    border-top: 1px solid #808080;
    border-top-color: rgba(255, 255, 255, 0.3);
    display: block;
    width: 250px;
    padding: 0 0;
    color: #ffffff;
  }
  body > header nav ul.menu_main li:last-child > a,
  body > header nav ul.menu_main li:last-child > span {
    border-bottom: 1px solid #808080;
    border-bottom-color: rgba(255, 255, 255, 0.3);
  }
  body > header nav ul.menu_main li.sub > a,
  body > header nav ul.menu_main li.sub > span {
    color: #c0c0c0;
    font-weight: bold;
  }
  body > header nav ul.menu_main li.sub > a:after,
  body > header nav ul.menu_main li.sub > span:after {
    content: ":";
  }
  body > header nav ul.menu_main li ul li > a,
  body > header nav ul.menu_main li ul li > span {
    border-top: none;
    border-bottom: none !important;
    width: 230px;
    margin: 0 0 0 20px;
  }
}
body > header .actionbutton {
  display: none;
  position: fixed;
  top: 20px;
  right: 0px;
  visibility: visible;
  width: 40px;
  height: 40px;
  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-face: 'Open Sans', Arial, helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8em;
  line-height: 40px;
  letter-spacing: 0px;
  margin: 0;
}
body > header .actionbutton.menu {
  right: auto;
  left: 0px;
}
@media (min-width:480px) and (max-width:799px), (max-width:479px) {
  body > header .actionbutton.menu {
    display: block;
  }
}
body > header .actionbutton.menu:before {
  content: "≡";
}
body > header .actionbutton.menu.show {
  display: none;
}
body > header .actionbutton.top {
  top: auto;
  bottom: 20px;
}
body > header .actionbutton.top:before {
  content: "^";
}
/****************************************************************************************/
.covers {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
  z-index: 1;
}
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;
  /*		background-color:transparent;
		background-color:rgba(64,0,0,.25); /* */
}
.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;
  margin: 80px 0 120px;
}
.covers .overbuttons {
  width: 100%;
  height: auto;
  text-align: center;
}
.covers .overbuttons > a,
.covers .overbuttons span {
  display: block;
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: auto;
  margin: 5px;
  padding: 10px 20px 10px;
  background-color: #404040;
  background-color: rgba(64, 64, 64, 0.5);
  color: #c0c0c0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.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;
}
.covers .underlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
}
.covers .underlay > * {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -5;
  opacity: 0;
  visibility: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  transform: scale(1.05,1.05);
  -o-transform: scale(1.05,1.05);
  -ms-transform: scale(1.05,1.05);
  -moz-transform: scale(1.05,1.05);
  -webkit-transform: scale(1.05,1.05);
  transition: transform 600ms ease-out 0ms, visibility 0ms linear 600ms, opacity 0ms ease-out 600ms;
  -o-transition: -o-transform 600ms ease-out 0ms, visibility 0ms linear 600ms, opacity 0ms ease-out 600ms;
  -moz-transition: -moz-transform 600ms ease-out 0ms, visibility 0ms linear 600ms, opacity 0ms ease-out 600ms;
  -webkit-transition: -webkit-transform 600ms ease-out 0ms, visibility 0ms linear 600ms, opacity 0ms ease-out 600ms;
}
.covers .underlay > *.active {
  display: block;
  z-index: -4;
  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 600ms ease-out 0ms, visibility 0ms linear 0ms, opacity 600ms ease-out 0ms;
  -o-transition: -o-transform 600ms ease-out 0ms, visibility 0ms linear 0ms, opacity 600ms ease-out 0ms;
  -moz-transition: -moz-transform 600ms ease-out 0ms, visibility 0ms linear 0ms, opacity 600ms ease-out 0ms;
  -webkit-transition: -webkit-transform 600ms ease-out 0ms, visibility 0ms linear 0ms, opacity 600ms ease-out 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:480px) and (max-width:799px), (max-width:479px) {
  article.paddingbox,
  div.article.paddingbox {
    margin: 5% auto;
  }
}
/************************************************
  DOCUMENT TYPOGRAPHY
************************************************/
.doc {
  background-color: transparent;
  position: relative;
  /*	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;
		}
	} /* */
}
.doc SECTION {
  display: block;
  float: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 30px;
}
.doc SECTION header.withimage {
  display: block;
  width: 100%;
  height: 80vh;
  max-height: 80vw;
  background: transparent;
  position: relative;
  overflow: hidden;
  margin: 0 0 1.2em 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% 50%;
}
.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:1000px) {
  .doc SECTION header.withimage div.head {
    font-size: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .doc SECTION header.withimage div.head {
    font-size: 14px;
  }
}
.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: 20px;
  line-height: 1.2em;
  font-weight: 600;
  text-shadow: 0 0 5px #000000, 0 0 10px #000000, 0 5px 15px #000000;
}
.doc .frame {
  background-color: transparent;
  width: 100%;
  height: auto;
  margin: 0px auto;
  position: relative;
  text-align: justify;
  overflow: visible;
}
.doc ol,
.doc ul {
  margin: 0 0 0.7em;
  padding-left: 40px;
}
.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6,
.doc p,
.doc ol,
.doc ul {
  width: 90%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
.doc .image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 900px;
  float: none;
  position: relative;
  overflow: hidden;
  overflow: visible;
  margin: 1em auto 1em;
  vertical-align: baseline;
}
.doc .image:first-child {
  margin-top: 0;
}
.doc .image > img {
  width: 100%;
  height: auto;
  display: block;
  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 {
  display: block;
  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: 70%;
  height: auto;
}
.doc .image.full {
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
@media (min-width:800px) and (max-width:999px), (min-width:1000px) {
  .doc .image.left,
  .doc .image.right {
    width: 50%;
    max-width: none;
    float: left;
    margin-left: 0;
    margin-right: 1.5em;
  }
  .doc .image.left > span.caption,
  .doc .image.right > span.caption {
    float: right;
    text-align: right;
  }
  .doc .image.right {
    float: right;
    margin-right: 0;
    margin-left: 1.5em;
  }
  .doc .image.right > span.caption {
    float: left;
    text-align: left;
  }
}
.doc ol.props {
  counter-reset: li;
  list-style-type: none;
  width: 100%;
  max-width: calc(900px + 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:480px) and (max-width:799px), (max-width:479px) {
  .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(900px + 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: 1em;
  line-height: 1.3em;
  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:480px) and (max-width:799px), (max-width:479px) {
  .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 .error,
.doc .solution {
  margin: 0 0 0.7em;
  width: 90%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: .8em 1.5em .3em;
  background-color: #e08080;
  background-color: rgba(192, 0, 0, 0.3);
  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 .error h3,
.doc .solution h3 {
  color: #600000;
  width: auto;
  margin-bottom: 6px;
}
.doc .warn p,
.doc .note p,
.doc .error p,
.doc .solution p {
  color: #000000;
  width: auto;
}
.doc .note {
  background-color: #e0e080;
  background-color: rgba(192, 128, 0, 0.3);
}
.doc .note h3 {
  color: #604000;
}
.doc .note p {
  color: #403000;
}
.doc .error {
  width: 100%;
  max-width: auto;
  padding: .8em 1em .8em;
  background-color: #e0a080;
  background-color: rgba(192, 64, 64, 0.3);
  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.datasheet {
  width: 90%;
  max-width: 800px;
  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: 90%;
  max-width: 800px;
  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,
.doc .contactbox {
  width: 90%;
  max-width: 900px;
  height: auto;
  margin: .7em auto;
  padding: 0;
}
.doc .signobox p,
.doc .contactbox p {
  display: block;
  float: right;
  clear: both;
  width: 260px;
  margin: 0 0 0 0;
  line-height: 1.4em;
}
.doc .signobox p > span,
.doc .contactbox p > span {
  display: block;
  display: inline-block;
  vertical-align: baseline;
  width: 4.5em;
  font-size: 80%;
}
.doc .signobox p.name,
.doc .contactbox p.name {
  width: 220px;
  margin: .7em 0 0 0;
  font-weight: 700;
}
.doc .signobox p.data,
.doc .contactbox p.data {
  width: 220px;
  font-weight: normal;
}
.doc .signobox a,
.doc .contactbox a {
  font-weight: 600;
}
.doc .signobox a:hover,
.doc .contactbox a:hover {
  background-color: rgba(0, 0, 128, 0.1);
}
.doc .contactbox {
  margin: 0 auto;
}
.doc .contactbox p {
  float: left;
}
.doc .contactbox p.name,
.doc .contactbox p.data {
  width: 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;
  /*		.Transform('scale(1,1)');
		.TransOrigin('50% 50%');
		.Transition('transform 1.5s ease-out'); */
}
.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: 1em;
  line-height: 1em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  background-color: #808080;
}
@media (min-width:480px) and (max-width:799px), (max-width:479px) {
  .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:800px) and (max-width:999px) {
  .gallery-content-link {
    width: 40%;
    height: 0px;
    padding: 0 0 40% 0;
  }
}
@media (min-width:480px) and (max-width:799px), (max-width:479px) {
  .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', Arial, helvetica, 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:800px) and (max-width:999px), (min-width:480px) and (max-width:799px) {
  .gallery-link {
    width: 44%;
    padding-bottom: 44%;
    margin: 2.9%;
  }
  .gallery-link > span {
    font-size: 4vw;
    line-height: 8vw;
  }
}
@media (max-width:479px) {
  .gallery-link {
    width: 90%;
    padding-bottom: 90%;
    margin: 4.95%;
  }
  .gallery-link > span {
    font-size: 8vw;
    line-height: 16vw;
  }
}
#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;
  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,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;
}
.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 > 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;
}
/* --- * /

@disp-L: ~"only screen and (min-width:1000px)";
@disp-M: ~"only screen and (min-width:800px) and (max-width:999px)";
@disp-S: ~"only screen and (min-width:480px) and (max-width:799px)";
@disp-XS: ~"only screen and (max-width:479px)";

@mode-retina: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)";

/* --- */