@charset "UTF-8";
/*============================================================== */
/*     R E S E T     */
/*============================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

html, body {
  height: 100%; }

abbr[title] {
  border-bottom: 1px dotted #888 !important;
  cursor: help; }

*:focus {
  outline: 0; }

ul {
  list-style-type: none; }

/* Apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*============================================================== */
/*     F O N T S     */
/*============================================================== */
@font-face {
  font-family: "CamingoWeb";
  src: url(../fonts/CamingoWeb-Light.ttf);
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "CamingoWeb";
  src: url(../fonts/CamingoWeb-Regular.ttf);
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "CamingoWeb";
  src: url(../fonts/CamingoWeb-SemiBold.ttf);
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "CamingoWeb";
  src: url(../fonts/CamingoWeb-Bold.ttf);
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "CamingoCd";
  src: url(../fonts/CamingoDosProCd-Regular.otf);
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "CamingoCd";
  src: url(../fonts/CamingoDosProCd-Bold.otf);
  font-weight: 700;
  font-style: normal; }
/** Style for printing */
@media only print {
  header, footer, .Memocamp-TabBar {
    display: none !important; } }
.Flag {
  background: url(../img/FlagSprite.png), rgba(205, 205, 205, 0.5);
  background-size: 1600% 1400%;
  box-shadow: 0px 0px 4px 1px #cdcdcd;
  display: inline-block;
  height: 30px;
  margin-right: 4px;
  width: 50px; }

table .Flag, ul .Flag {
  margin-top: 8px;
  height: 12px;
  width: 20px; }

h3 .Flag {
  height: 15px;
  width: 25px; }

.LanguageSelector .Flag {
  background-color: transparent;
  background-image: url(../img/FlagSprite.png);
  box-shadow: none;
  height: 12px;
  width: 20px; }

.Flag0 {
  background-position: 0% 0%; }

.Flag1, .FlagDE {
  background-position: 6.66667% 0%; }

.Flag2, .FlagGB {
  background-position: 13.33333% 0%; }

.Flag3, .FlagFR {
  background-position: 20% 0%; }

.Flag4, .FlagIT {
  background-position: 26.66667% 0%; }

.Flag5, .FlagES {
  background-position: 33.33333% 0%; }

.Flag6, .FlagSI {
  background-position: 40% 0%; }

.Flag7 {
  background-position: 46.66667% 0%; }

.Flag8, .FlagNO {
  background-position: 53.33333% 0%; }

.Flag9, .FlagSE {
  background-position: 60% 0%; }

.Flag10 {
  background-position: 66.66667% 0%; }

.Flag11 {
  background-position: 73.33333% 0%; }

.Flag12 {
  background-position: 80% 0%; }

.Flag13 {
  background-position: 86.66667% 0%; }

.Flag14 {
  background-position: 93.33333% 0%; }

.Flag15 {
  background-position: 100% 0%; }

.Flag16 {
  background-position: 0% 7.69231%; }

.Flag17 {
  background-position: 6.66667% 7.69231%; }

.Flag18 {
  background-position: 13.33333% 7.69231%; }

.Flag19 {
  background-position: 20% 7.69231%; }

.Flag20 {
  background-position: 26.66667% 7.69231%; }

.Flag21 {
  background-position: 33.33333% 7.69231%; }

.Flag22 {
  background-position: 40% 7.69231%; }

.Flag23 {
  background-position: 46.66667% 7.69231%; }

.Flag24 {
  background-position: 53.33333% 7.69231%; }

.Flag25 {
  background-position: 60% 7.69231%; }

.Flag26 {
  background-position: 66.66667% 7.69231%; }

.Flag27 {
  background-position: 73.33333% 7.69231%; }

.Flag28 {
  background-position: 80% 7.69231%; }

.Flag29 {
  background-position: 86.66667% 7.69231%; }

.Flag30 {
  background-position: 93.33333% 7.69231%; }

.Flag31 {
  background-position: 100% 7.69231%; }

.Flag32 {
  background-position: 0% 15.38462%; }

.Flag33 {
  background-position: 6.66667% 15.38462%; }

.Flag34 {
  background-position: 13.33333% 15.38462%; }

.Flag35 {
  background-position: 20% 15.38462%; }

.Flag36 {
  background-position: 26.66667% 15.38462%; }

.Flag37 {
  background-position: 33.33333% 15.38462%; }

.Flag38 {
  background-position: 40% 15.38462%; }

.Flag39 {
  background-position: 46.66667% 15.38462%; }

.Flag40 {
  background-position: 53.33333% 15.38462%; }

.Flag41 {
  background-position: 60% 15.38462%; }

.Flag42 {
  background-position: 66.66667% 15.38462%; }

.Flag43 {
  background-position: 73.33333% 15.38462%; }

.Flag44 {
  background-position: 80% 15.38462%; }

.Flag45 {
  background-position: 86.66667% 15.38462%; }

.Flag46 {
  background-position: 93.33333% 15.38462%; }

.Flag47 {
  background-position: 100% 15.38462%; }

.Flag48 {
  background-position: 0% 23.07692%; }

.Flag49 {
  background-position: 6.66667% 23.07692%; }

.Flag50 {
  background-position: 13.33333% 23.07692%; }

.Flag51 {
  background-position: 20% 23.07692%; }

.Flag52 {
  background-position: 26.66667% 23.07692%; }

.Flag53 {
  background-position: 33.33333% 23.07692%; }

.Flag54 {
  background-position: 40% 23.07692%; }

.Flag55 {
  background-position: 46.66667% 23.07692%; }

.Flag56 {
  background-position: 53.33333% 23.07692%; }

.Flag57 {
  background-position: 60% 23.07692%; }

.Flag58 {
  background-position: 66.66667% 23.07692%; }

.Flag59 {
  background-position: 73.33333% 23.07692%; }

.Flag60 {
  background-position: 80% 23.07692%; }

.Flag61 {
  background-position: 86.66667% 23.07692%; }

.Flag62, .FlagDK {
  background-position: 93.33333% 23.07692%; }

.Flag63 {
  background-position: 100% 23.07692%; }

.Flag64 {
  background-position: 0% 30.76923%; }

.Flag65 {
  background-position: 6.66667% 30.76923%; }

.Flag66 {
  background-position: 13.33333% 30.76923%; }

.Flag67 {
  background-position: 20% 30.76923%; }

.Flag68 {
  background-position: 26.66667% 30.76923%; }

.Flag69 {
  background-position: 33.33333% 30.76923%; }

.Flag70 {
  background-position: 40% 30.76923%; }

.Flag71 {
  background-position: 46.66667% 30.76923%; }

.Flag72 {
  background-position: 53.33333% 30.76923%; }

.Flag73 {
  background-position: 60% 30.76923%; }

.Flag74 {
  background-position: 66.66667% 30.76923%; }

.Flag75 {
  background-position: 73.33333% 30.76923%; }

.Flag76 {
  background-position: 80% 30.76923%; }

.Flag77 {
  background-position: 86.66667% 30.76923%; }

.Flag78 {
  background-position: 93.33333% 30.76923%; }

.Flag79 {
  background-position: 100% 30.76923%; }

.Flag80 {
  background-position: 0% 38.46154%; }

.Flag81 {
  background-position: 6.66667% 38.46154%; }

.Flag82 {
  background-position: 13.33333% 38.46154%; }

.Flag83 {
  background-position: 20% 38.46154%; }

.Flag84 {
  background-position: 26.66667% 38.46154%; }

.Flag85 {
  background-position: 33.33333% 38.46154%; }

.Flag86 {
  background-position: 40% 38.46154%; }

.Flag87 {
  background-position: 46.66667% 38.46154%; }

.Flag88 {
  background-position: 53.33333% 38.46154%; }

.Flag89 {
  background-position: 60% 38.46154%; }

.Flag90 {
  background-position: 66.66667% 38.46154%; }

.Flag91 {
  background-position: 73.33333% 38.46154%; }

.Flag92 {
  background-position: 80% 38.46154%; }

.Flag93 {
  background-position: 86.66667% 38.46154%; }

.Flag94 {
  background-position: 93.33333% 38.46154%; }

.Flag95 {
  background-position: 100% 38.46154%; }

.Flag96 {
  background-position: 0% 46.15385%; }

.Flag97 {
  background-position: 6.66667% 46.15385%; }

.Flag98 {
  background-position: 13.33333% 46.15385%; }

.Flag99 {
  background-position: 20% 46.15385%; }

.Flag100 {
  background-position: 26.66667% 46.15385%; }

.Flag101 {
  background-position: 33.33333% 46.15385%; }

.Flag102 {
  background-position: 40% 46.15385%; }

.Flag103 {
  background-position: 46.66667% 46.15385%; }

.Flag104 {
  background-position: 53.33333% 46.15385%; }

.Flag105 {
  background-position: 60% 46.15385%; }

.Flag106 {
  background-position: 66.66667% 46.15385%; }

.Flag107 {
  background-position: 73.33333% 46.15385%; }

.Flag108 {
  background-position: 80% 46.15385%; }

.Flag109 {
  background-position: 86.66667% 46.15385%; }

.Flag110 {
  background-position: 93.33333% 46.15385%; }

.Flag111 {
  background-position: 100% 46.15385%; }

.Flag112 {
  background-position: 0% 53.84615%; }

.Flag113 {
  background-position: 6.66667% 53.84615%; }

.Flag114 {
  background-position: 13.33333% 53.84615%; }

.Flag115 {
  background-position: 20% 53.84615%; }

.Flag116 {
  background-position: 26.66667% 53.84615%; }

.Flag117 {
  background-position: 33.33333% 53.84615%; }

.Flag118 {
  background-position: 40% 53.84615%; }

.Flag119 {
  background-position: 46.66667% 53.84615%; }

.Flag120 {
  background-position: 53.33333% 53.84615%; }

.Flag121 {
  background-position: 60% 53.84615%; }

.Flag122 {
  background-position: 66.66667% 53.84615%; }

.Flag123 {
  background-position: 73.33333% 53.84615%; }

.Flag124 {
  background-position: 80% 53.84615%; }

.Flag125 {
  background-position: 86.66667% 53.84615%; }

.Flag126 {
  background-position: 93.33333% 53.84615%; }

.Flag127 {
  background-position: 100% 53.84615%; }

.Flag128 {
  background-position: 0% 61.53846%; }

.Flag129 {
  background-position: 6.66667% 61.53846%; }

.Flag130 {
  background-position: 13.33333% 61.53846%; }

.Flag131 {
  background-position: 20% 61.53846%; }

.Flag132 {
  background-position: 26.66667% 61.53846%; }

.Flag133 {
  background-position: 33.33333% 61.53846%; }

.Flag134 {
  background-position: 40% 61.53846%; }

.Flag135 {
  background-position: 46.66667% 61.53846%; }

.Flag136 {
  background-position: 53.33333% 61.53846%; }

.Flag137 {
  background-position: 60% 61.53846%; }

.Flag138 {
  background-position: 66.66667% 61.53846%; }

.Flag139 {
  background-position: 73.33333% 61.53846%; }

.Flag140 {
  background-position: 80% 61.53846%; }

.Flag141 {
  background-position: 86.66667% 61.53846%; }

.Flag142 {
  background-position: 93.33333% 61.53846%; }

.Flag143 {
  background-position: 100% 61.53846%; }

.Flag144, .FlagNL {
  background-position: 0% 69.23077%; }

.Flag145 {
  background-position: 6.66667% 69.23077%; }

.Flag146 {
  background-position: 13.33333% 69.23077%; }

.Flag147 {
  background-position: 20% 69.23077%; }

.Flag148 {
  background-position: 26.66667% 69.23077%; }

.Flag149 {
  background-position: 33.33333% 69.23077%; }

.Flag150 {
  background-position: 40% 69.23077%; }

.Flag151 {
  background-position: 46.66667% 69.23077%; }

.Flag152 {
  background-position: 53.33333% 69.23077%; }

.Flag153 {
  background-position: 60% 69.23077%; }

.Flag154 {
  background-position: 66.66667% 69.23077%; }

.Flag155 {
  background-position: 73.33333% 69.23077%; }

.Flag156 {
  background-position: 80% 69.23077%; }

.Flag157 {
  background-position: 86.66667% 69.23077%; }

.Flag158 {
  background-position: 93.33333% 69.23077%; }

.Flag159 {
  background-position: 100% 69.23077%; }

.Flag160 {
  background-position: 0% 76.92308%; }

.Flag161, .FlagPL {
  background-position: 6.66667% 76.92308%; }

.Flag162 {
  background-position: 13.33333% 76.92308%; }

.Flag163 {
  background-position: 20% 76.92308%; }

.Flag164 {
  background-position: 26.66667% 76.92308%; }

.Flag165 {
  background-position: 33.33333% 76.92308%; }

.Flag166 {
  background-position: 40% 76.92308%; }

.Flag167 {
  background-position: 46.66667% 76.92308%; }

.Flag168 {
  background-position: 53.33333% 76.92308%; }

.Flag169 {
  background-position: 60% 76.92308%; }

.Flag170 {
  background-position: 66.66667% 76.92308%; }

.Flag171 {
  background-position: 73.33333% 76.92308%; }

.Flag172 {
  background-position: 80% 76.92308%; }

.Flag173 {
  background-position: 86.66667% 76.92308%; }

.Flag174 {
  background-position: 93.33333% 76.92308%; }

.Flag175 {
  background-position: 100% 76.92308%; }

.Flag176 {
  background-position: 0% 84.61538%; }

.Flag177 {
  background-position: 6.66667% 84.61538%; }

.Flag178 {
  background-position: 13.33333% 84.61538%; }

.Flag179 {
  background-position: 20% 84.61538%; }

.Flag180 {
  background-position: 26.66667% 84.61538%; }

.Flag181 {
  background-position: 33.33333% 84.61538%; }

.Flag182 {
  background-position: 40% 84.61538%; }

.Flag183 {
  background-position: 46.66667% 84.61538%; }

.Flag184 {
  background-position: 53.33333% 84.61538%; }

.Flag185 {
  background-position: 60% 84.61538%; }

.Flag186 {
  background-position: 66.66667% 84.61538%; }

.Flag187 {
  background-position: 73.33333% 84.61538%; }

.Flag188 {
  background-position: 80% 84.61538%; }

.Flag189 {
  background-position: 86.66667% 84.61538%; }

.Flag190 {
  background-position: 93.33333% 84.61538%; }

.Flag191 {
  background-position: 100% 84.61538%; }

.Flag192 {
  background-position: 0% 92.30769%; }

.Flag193 {
  background-position: 6.66667% 92.30769%; }

.Flag194 {
  background-position: 13.33333% 92.30769%; }

.Flag195 {
  background-position: 20% 92.30769%; }

.Flag196 {
  background-position: 26.66667% 92.30769%; }

.Flag197 {
  background-position: 33.33333% 92.30769%; }

.Flag198 {
  background-position: 40% 92.30769%; }

.Flag199 {
  background-position: 46.66667% 92.30769%; }

.Flag200 {
  background-position: 53.33333% 92.30769%; }

.Flag201 {
  background-position: 60% 92.30769%; }

.Flag202 {
  background-position: 66.66667% 92.30769%; }

.Flag203 {
  background-position: 73.33333% 92.30769%; }

.Flag204 {
  background-position: 80% 92.30769%; }

.Flag205 {
  background-position: 86.66667% 92.30769%; }

.Flag206 {
  background-position: 93.33333% 92.30769%; }

.Flag207 {
  background-position: 100% 92.30769%; }

.Flag208 {
  background-position: 0% 100%; }

.Flag209 {
  background-position: 6.66667% 100%; }

.Flag210 {
  background-position: 13.33333% 100%; }

.Flag211 {
  background-position: 20% 100%; }

.Flag212 {
  background-position: 26.66667% 100%; }

.Flag213 {
  background-position: 33.33333% 100%; }

.Flag214 {
  background-position: 40% 100%; }

.Flag215 {
  background-position: 46.66667% 100%; }

.Flag216 {
  background-position: 53.33333% 100%; }

.Flag217 {
  background-position: 60% 100%; }

.Flag218 {
  background-position: 66.66667% 100%; }

.Flag219 {
  background-position: 73.33333% 100%; }

.Flag220 {
  background-position: 80% 100%; }

.Flag221 {
  background-position: 86.66667% 100%; }

.Flag222 {
  background-position: 93.33333% 100%; }

.Flag223 {
  background-position: 100% 100%; }

.CompetitionList {
  height: 51px;
  display: inline-block;
  padding: 4px; }
  .CompetitionList h4 {
    display: inline-block; }
  .CompetitionList ol {
    display: table;
    width: 100%; }
    .CompetitionList ol li {
      display: none;
      background: #e6e6e6; }
      .CompetitionList ol li:first-child {
        display: table-row; }
      .CompetitionList ol li a {
        display: table-cell;
        text-align: center; }
      .CompetitionList ol li:nth-child(even) {
        background: white; }
    .CompetitionList ol:hover {
      z-index: 9999;
      position: relative;
      box-shadow: 8px 4px 8px #e6e6e6; }
      .CompetitionList ol:hover li {
        display: table-row; }

.DisciplineIconCell img {
  height: 64px;
  max-width: 50px;
  vertical-align: top;
  width: 50px !important; }

.HighlightUser {
  font-weight: bold;
  outline: 1px solid grey; }

.UserList {
  -webkit-column-width: 12em;
  -moz-column-width: 12em;
  column-width: 12em; }

.WorldBest {
  box-shadow: inset 0 0 6px #FF7600;
  color: #e66a00;
  font-weight: bold; }

.CountryBest {
  box-shadow: inset 0 0 6px #F7D96E; }

.PersonalBest {
  box-shadow: inset 0 0 2px #74C41C; }

/* Styles for member area */
.UserConfig {
  display: inline-block;
  margin: 0.5rem 1rem;
  vertical-align: middle; }
  .UserConfig span, .UserConfig div {
    text-align: center; }

.Tooltip {
  background: #fff;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  filter: drop-shadow(0 0 3px grey);
  position: absolute;
  padding: 1em;
  max-width: 100%; }
  .Tooltip form, .Tooltip form > p:last-child {
    margin-bottom: 0; }
  .Tooltip:after {
    content: "";
    width: 20px;
    height: 20px;
    background: linear-gradient(to right bottom, white 50%, transparent 50%);
    position: absolute;
    top: 100%; }

.StatisticPopupBase {
  cursor: pointer; }

.Memocamp-StatisticPopup input {
  width: 2em; }

/*================================================================================== */
/*================================================================================== */
/*     H E L P     */
/*================================================================================== */
/*================================================================================== */
.AdminWarning #breakpoints:after {
  position: fixed;
  font-size: 10px;
  line-height: 12px;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "0 Small";
  color: black;
  font-weight: 600; }
  @media only screen and (min-width: 480px), only print and (min-width: 480px) {
    .AdminWarning #breakpoints:after {
      content: "1 Regular"; } }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .AdminWarning #breakpoints:after {
      content: "2 Medium"; } }
  @media only screen and (min-width: 960px), only print and (min-width: 960px) {
    .AdminWarning #breakpoints:after {
      content: "3 Large"; } }
  @media only screen and (min-width: 1280px), only print and (min-width: 1280px) {
    .AdminWarning #breakpoints:after {
      content: "4 X-Large"; } }

/*================================================================================== */
/*================================================================================== */
/*     T Y P E     */
/*================================================================================== */
/*================================================================================== */
html {
  font-size: 16px; }
  @media only screen and (min-width: 1280px), only print and (min-width: 1280px) {
    html {
      font-size: 18px; } }

body {
  font-family: "CamingoWeb", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  color: #4A4A4A;
  background: white;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%; }
  body.Fullscreen header, body.Fullscreen footer {
    display: none; }
  body.Fullscreen main {
    margin: 0; }

h1, .H1 {
  font-size: 1.625rem;
  line-height: 1.875rem;
  margin-bottom: 1rem; }
  h1 img, .H1 img {
    display: inline-block;
    margin-bottom: -0.1em;
    margin-right: 0.25em;
    max-height: 1em; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    h1, .H1 {
      font-size: 2rem;
      line-height: 2.25rem; } }

h2, .H2 {
  font-size: 1.375rem;
  line-height: 1.625rem;
  margin-bottom: 0.75rem; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    h2, .H2 {
      font-size: 1.5rem;
      line-height: 1.75rem; } }

h3, .H3 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
  font-weight: 600; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    h3, .H3 {
      font-size: 1.11111rem; } }

p, ul, ol, dl, table, form, blockquote {
  margin-bottom: 0.75rem; }

hr {
  background: #e6e6e6;
  border: none;
  height: 1px;
  margin: 1rem 19%; }

td form:last-child {
  margin-bottom: 0; }

strong {
  font-weight: 600; }

sub {
  -moz-font-feature-settings: "subs";
  -webkit-font-feature-settings: "subs";
  font-feature-settings: "subs"; }

sup {
  -moz-font-feature-settings: "sups";
  -webkit-font-feature-settings: "sups";
  font-feature-settings: "sups"; }

a {
  color: #74C41C;
  text-decoration: none; }
  a:hover, a:active {
    color: #4A4A4A; }

ul.TextList li:before {
  content: "•";
  font-weight: 600;
  margin-right: 0.4rem;
  color: #FF7600; }
ul.TextList li ul {
  padding-left: 1.5rem; }

ol {
  list-style-position: inside; }

blockquote {
  position: relative;
  padding: 0 2rem; }
  blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "»";
    font-size: 3rem;
    color: #cdcdcd; }
  blockquote p {
    color: grey; }

button {
  border: none;
  display: inline-block;
  background: #74C41C;
  color: white;
  font-family: "CamingoWeb", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  white-space: nowrap; }
  button:hover, button:active {
    background: #67ae19;
    color: #f2f2f2;
    cursor: pointer; }
  button.BtnTiny {
    font-size: 0.6rem;
    padding: 0.3rem 0.6rem; }
  button.BtnSmall {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem; }
  button.BtnLarge {
    font-size: 1.2rem;
    padding: 0.6rem 1.2rem; }
  button.BtnRed {
    background: #FF7600; }
    button.BtnRed:hover, button.BtnRed:active {
      background: #e66a00; }
    button.BtnRed.BtnInactive {
      background: #f7e4d4; }
      button.BtnRed.BtnInactive:hover, button.BtnRed.BtnInactive:active {
        background: #f7e4d4; }
  button.BtnInactive {
    background: #f0f6e9; }
    button.BtnInactive:hover, button.BtnInactive:active {
      background: #f0f6e9;
      color: white; }
  button .BtnIcon {
    background-size: auto 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 0.75em;
    margin-right: 0.3em;
    width: 0.55em; }
    button .BtnIcon.IconRightarrow {
      background-image: url("../img/buttonicons.sprite.svg#rightarrow");
      width: 1.3em; }
    button .BtnIcon.IconLeftarrow {
      background-image: url("../img/buttonicons.sprite.svg#leftarrow");
      width: 1.3em; }
    button .BtnIcon.IconRightrect {
      background-image: url("../img/buttonicons.sprite.svg#rightrect"); }
    button .BtnIcon.IconCup {
      background-image: url("../img/buttonicons.sprite.svg#cup"); }
    button .BtnIcon.IconDoc {
      background-image: url("../img/buttonicons.sprite.svg#doc"); }

img {
  display: block;
  max-width: 100%; }

form input, form textarea {
  font-family: "CamingoWeb", Arial, sans-serif;
  font-size: 1rem; }
form input[type=text], form input[type=password], form textarea {
  color: #4A4A4A;
  padding: 0.25rem 0.5rem;
  border: 1px solid #cdcdcd; }
  form input[type=text]:hover, form input[type=text]:focus, form input[type=password]:hover, form input[type=password]:focus, form textarea:hover, form textarea:focus {
    border: 1px solid #74C41C; }
  form input[type=text][readonly], form input[type=password][readonly], form textarea[readonly] {
    color: grey;
    border-style: dotted; }
  form input[type=text].twodigits, form input[type=password].twodigits, form textarea.twodigits {
    width: calc(1rem + 2.5ex); }
  form input[type=text].fourdigits, form input[type=password].fourdigits, form textarea.fourdigits {
    width: calc(1rem + 5ex); }
form select {
  cursor: pointer;
  color: #4A4A4A;
  background: white;
  border: 1px solid #cdcdcd;
  border-radius: 0.25rem;
  outline: 0;
  font-family: "CamingoWeb", Arial, sans-serif;
  font-size: 1rem; }
  form select:hover {
    border: 1px solid #74C41C; }
form button {
  -webkit-appearance: none;
  background: #74C41C;
  color: white;
  font-family: "CamingoWeb", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
  border: none;
  cursor: pointer; }
  form button:hover, form button:active {
    background: #67ae19;
    color: #f2f2f2; }
form .formerror {
  background-color: #F7D96E; }
form .HasLabel label:first-child {
  display: block; }
@media only screen and (min-width: 480px), only print and (min-width: 480px) {
  form .HasLabel {
    display: table-row; }
    form .HasLabel label:first-child {
      display: table-cell;
      width: 1px;
      padding-right: 1rem; }
    form .HasLabel input, form .HasLabel select {
      margin-bottom: 0.75rem; } }

figure {
  float: left;
  margin: 0.75em; }

.Memocamp-Widget-Message {
  background-color: #99d8ed;
  border: 1px solid #6ec8e5;
  padding: 0.5rem 1rem; }

.WarningBox {
  background: #F7D96E;
  border: 1px solid #f4cc3e;
  padding: 0.5rem 1rem; }

.ErrorBox {
  background: #f04124;
  border: 1px solid #d32a0e;
  color: white;
  padding: 0.5rem 1rem; }

/*================================================================================== */
/*================================================================================== */
/*     G R I D     */
/*================================================================================== */
/*================================================================================== */
main, .FooterInside {
  background: inherit;
  margin-top: 2rem;
  margin-bottom: 2rem; }

.Row {
  display: flex;
  flex-wrap: wrap; }
  .Row > p {
    margin-right: auto; }
  @media only screen and (min-width: 480px), only print and (min-width: 480px) {
    .Row.Row-Center {
      justify-content: center; }
    .Row.Row-Right {
      justify-content: flex-end; } }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .Row {
      width: 44rem;
      margin-left: auto;
      margin-right: auto; }
      .Row.Row-Large {
        width: auto; } }
  @media only screen and (min-width: 960px), only print and (min-width: 960px) {
    .Row {
      width: 56rem; } }
  @media only screen and (min-width: 1280px), only print and (min-width: 1280px) {
    .Row {
      width: 68rem; } }

.Col {
  flex-basis: 100%;
  max-width: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem; }
  .Col.Col-Center {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .Col.Col-Center .H1, .Col.Col-Center p {
      text-align: center; }
  .Col.Col-Shrink {
    flex-basis: auto; }
  @media only screen and (min-width: 480px), only print and (min-width: 480px) {
    .Col {
      margin-bottom: 2rem; }
      .Col.Col-Rg-1 {
        flex-basis: 100%; }
      .Col.Col-Rg-2 {
        flex-basis: calc(50% - 2rem); }
      .Col.Col-Rg-3 {
        flex-basis: calc(33.333333333% - 2rem); }
      .Col.Col-Rg-4 {
        flex-basis: calc(25% - 2rem); }
      .Col.Col-Rg-5 {
        flex-basis: calc(20% - 2rem); }
      .Col.Col-Rg-6 {
        flex-basis: calc(16.666666667% - 2rem); }
      .Col.Col-Text p {
        width: 85%; } }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .Col.Col-Md-1 {
      flex-basis: 100%; }
    .Col.Col-Md-2 {
      flex-basis: calc(50% - 2rem); }
    .Col.Col-Md-3 {
      flex-basis: calc(33.333333333% - 2rem); }
    .Col.Col-Md-4 {
      flex-basis: calc(25% - 2rem); }
    .Col.Col-Md-5 {
      flex-basis: calc(20% - 2rem); }
    .Col.Col-Md-6 {
      flex-basis: calc(16.666666667% - 2rem); } }
  @media only screen and (min-width: 960px), only print and (min-width: 960px) {
    .Col.Col-Lg-1 {
      flex-basis: 100%;
      flex-shrink: 1; }
    .Col.Col-Lg-2 {
      flex-basis: calc(50% - 2rem); }
    .Col.Col-Lg-3 {
      flex-basis: calc(33.333333333% - 2rem); }
    .Col.Col-Lg-4 {
      flex-basis: calc(25% - 2rem); }
    .Col.Col-Lg-5 {
      flex-basis: calc(20% - 2rem); }
    .Col.Col-Lg-6 {
      flex-basis: calc(16.666666667% - 2rem); }
    .Col.Col-Text p {
      width: 70%; }
    .Col.Col-Video {
      flex-basis: 70%; } }

/*================================================================================== */
/*================================================================================== */
/*     H E A D E R     */
/*================================================================================== */
/*================================================================================== */
header {
  background: #3A322F;
  padding: 1.5rem; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    header {
      padding: 0;
      height: 10rem;
      display: flex;
      justify-content: space-between; } }

.AdminWarning header {
  border-bottom: 5px solid #FF7600; }

.Logo {
  display: block;
  width: 180px; }
  .Logo img {
    width: 100%; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .Logo {
      width: 200px;
      margin-top: 2.5rem;
      margin-left: 4%;
      -webkit-transition: width 0.3s ease;
      -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
      -o-transition: width 0.3s ease;
      transition: width 0.3s ease; } }
  @media only screen and (min-width: 960px), only print and (min-width: 960px) {
    .Logo {
      width: 220px; } }
  @media only screen and (min-width: 1280px), only print and (min-width: 1280px) {
    .Logo {
      width: 229px; } }

@media only screen and (min-width: 768px), only print and (min-width: 768px) {
  body.HeaderShrink header {
    position: fixed;
    top: -6.25rem;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 8.5rem; }
    body.HeaderShrink header .Logo {
      width: 7rem;
      margin-top: 7rem;
      height: 1rem;
      overflow: hidden; }
    body.HeaderShrink header .NavMain ul {
      margin-bottom: 0rem; }
      body.HeaderShrink header .NavMain ul li {
        margin-bottom: 0rem; }
        body.HeaderShrink header .NavMain ul li a {
          font-size: 1rem; }
      body.HeaderShrink header .NavMain ul li.HasSubnav a.Active:after {
        bottom: -1.33333rem; }
      body.HeaderShrink header .NavMain ul li.HasSubnav a.Active + .SubnavBox {
        top: 8.5rem; }
  body.HeaderShrink .SliderBox {
    margin-top: 9.25rem; }
  body.HeaderShrink:not(.home) main {
    padding-top: 112px; } }
@media only screen and (min-width: 1280px), only print and (min-width: 1280px) {
  body.HeaderShrink .SliderBox {
    margin-top: 8.22222rem; }
  body.HeaderShrink:not(.home) main {
    padding-top: 8.22222rem; } }

.MenuLink {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 34px;
  height: 30px;
  background: transparent url(../img/sprite.png);
  background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sprite.png);
  background-image: linear-gradient(transparent, transparent), url(../img/sprite.svg);
  background-repeat: no-repeat;
  line-height: 0;
  font-size: 0;
  color: transparent; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .MenuLink {
      display: none; } }

.NavContainer {
  display: none; }
  .NavContainer.Active {
    display: block;
    margin-top: 2rem; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .NavContainer {
      display: block; } }

.NavMain ul {
  margin-bottom: 1rem; }
  .NavMain ul li {
    margin-bottom: 1rem; }
    .NavMain ul li a {
      color: white;
      font-size: 1.4rem;
      -webkit-transition: font-size 0.3s ease;
      -moz-transition: font-size 0.3s ease;
      -ms-transition: font-size 0.3s ease;
      -o-transition: font-size 0.3s ease;
      transition: font-size 0.3s ease; }
      .NavMain ul li a:hover, .NavMain ul li a:active, .NavMain ul li a.Current {
        color: #74C41C; }
    .NavMain ul li .SubnavBox {
      display: none; }
  .NavMain ul li.HasSubnav a.Active {
    color: #74C41C; }
    .NavMain ul li.HasSubnav a.Active + .SubnavBox {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 1rem; }
      .NavMain ul li.HasSubnav a.Active + .SubnavBox button {
        order: 99;
        font-size: 1.2rem;
        margin-bottom: 1rem; }
      .NavMain ul li.HasSubnav a.Active + .SubnavBox ul {
        margin-bottom: 0; }
      .NavMain ul li.HasSubnav a.Active + .SubnavBox li {
        margin-bottom: 0.75rem;
        padding-left: 1rem; }
        .NavMain ul li.HasSubnav a.Active + .SubnavBox li h3 {
          font-size: 1.4rem;
          margin-top: 1rem;
          margin-left: -1rem;
          color: #74C41C;
          font-weight: 400; }
@media only screen and (min-width: 768px), only print and (min-width: 768px) {
  .NavMain ul {
    display: flex;
    width: auto;
    margin-top: 6.5rem;
    margin-right: 2rem;
    margin-bottom: 0; }
    .NavMain ul li {
      margin-left: 2rem;
      margin-bottom: 0; }
    .NavMain ul li.HasSubnav a.Active {
      position: relative; }
      .NavMain ul li.HasSubnav a.Active:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 40%;
        bottom: -45px;
        z-index: 401;
        border-width: 14px 14px 0 14px;
        border-style: solid;
        border-color: #3A322F transparent transparent transparent; }
    .NavMain ul li.HasSubnav a.Active + .SubnavBox {
      position: absolute;
      background: #74C41C;
      width: 100%;
      top: 160px;
      left: 0;
      z-index: 400;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
      padding: 2rem; }
      .NavMain ul li.HasSubnav a.Active + .SubnavBox button {
        order: 1;
        font-size: 1rem;
        background: #008CBA; }
        .NavMain ul li.HasSubnav a.Active + .SubnavBox button:hover, .NavMain ul li.HasSubnav a.Active + .SubnavBox button:active {
          color: white;
          background: #0079a1; }
      .NavMain ul li.HasSubnav a.Active + .SubnavBox ul {
        order: 2;
        display: block;
        margin: 0;
        padding-right: 1rem; }
        .NavMain ul li.HasSubnav a.Active + .SubnavBox ul li {
          margin-bottom: 0.5rem; }
          .NavMain ul li.HasSubnav a.Active + .SubnavBox ul li h3 {
            font-size: 1.2rem;
            margin-top: 0;
            margin-left: 0;
            color: #4A4A4A;
            font-weight: 600; }
          .NavMain ul li.HasSubnav a.Active + .SubnavBox ul li a {
            font-size: 1.2rem; }
            .NavMain ul li.HasSubnav a.Active + .SubnavBox ul li a:hover, .NavMain ul li.HasSubnav a.Active + .SubnavBox ul li a:active {
              color: #4A4A4A; } }
@media only screen and (min-width: 960px), only print and (min-width: 960px) {
  .NavMain ul li {
    margin-left: 3rem; }
  .NavMain ul li.HasSubnav a.Active:after {
    bottom: -45px; }
  .NavMain ul li.HasSubnav a.Active + .SubnavBox {
    top: 160px; } }
@media only screen and (min-width: 1280px), only print and (min-width: 1280px) {
  .NavMain ul li.HasSubnav a.Active + .SubnavBox {
    top: 180px; } }

.NavTop {
  font-size: 1.4rem; }
  .NavTop a {
    color: white; }
    .NavTop a img {
      float: left;
      width: 1.5rem;
      margin-right: 1rem; }
    .NavTop a:hover {
      color: #74C41C; }
  .NavTop .UserWelcome > a, .NavTop .LanguageSelector > a {
    padding: 0.5rem 1rem;
    background: #615B58;
    border-radius: 0.25rem;
    display: block;
    position: relative; }
    .NavTop .UserWelcome > a:after, .NavTop .LanguageSelector > a:after {
      content: "";
      position: absolute;
      top: 1.2rem;
      right: 1rem;
      width: 0;
      height: 0;
      pointer-events: none;
      border-width: 8px 5px 0 5px;
      border-style: solid;
      border-color: white transparent transparent; }
    .NavTop .UserWelcome > a:hover:after, .NavTop .UserWelcome > a:active:after, .NavTop .LanguageSelector > a:hover:after, .NavTop .LanguageSelector > a:active:after {
      border-color: #74C41C transparent transparent; }
  .NavTop .UserWelcome ul, .NavTop .LanguageSelector ul {
    display: none;
    padding: 1rem 2rem;
    margin-top: 0.1rem;
    background: #615B58;
    border-radius: 0.25rem; }
    .NavTop .UserWelcome ul li, .NavTop .LanguageSelector ul li {
      margin-bottom: 0.75rem; }
      .NavTop .UserWelcome ul li:last-child, .NavTop .LanguageSelector ul li:last-child {
        margin-bottom: 0; }
      .NavTop .UserWelcome ul li a, .NavTop .LanguageSelector ul li a {
        display: block;
        white-space: nowrap; }
    .NavTop .UserWelcome ul li.Selected a, .NavTop .LanguageSelector ul li.Selected a {
      color: #74C41C; }
      .NavTop .UserWelcome ul li.Selected a:after, .NavTop .LanguageSelector ul li.Selected a:after {
        content: "✓";
        margin-left: 0.25rem; }
    .NavTop .UserWelcome ul.Active, .NavTop .LanguageSelector ul.Active {
      display: block; }
  .NavTop .LanguageSelector {
    margin-top: 1rem; }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .NavTop {
      position: absolute;
      right: 2rem;
      top: 1rem;
      display: flex; }
      .NavTop a {
        font-size: 0.875rem; }
        .NavTop a img {
          width: 1rem;
          margin-right: 0.5rem;
          margin-top: 0.2rem; }
      .NavTop .UserWelcome, .NavTop .LanguageSelector {
        position: relative;
        margin-left: 1rem; }
        .NavTop .UserWelcome > a, .NavTop .LanguageSelector > a {
          padding: 0.2rem 2rem 0.2rem 1rem; }
          .NavTop .UserWelcome > a:after, .NavTop .LanguageSelector > a:after {
            top: 0.75rem;
            right: 0.75rem; }
        .NavTop .UserWelcome ul, .NavTop .LanguageSelector ul {
          position: absolute;
          z-index: 500;
          right: 0;
          padding: 1rem; }
          .NavTop .UserWelcome ul li, .NavTop .LanguageSelector ul li {
            margin-bottom: 0.25rem; }
            .NavTop .UserWelcome ul li a.imginside, .NavTop .LanguageSelector ul li a.imginside {
              padding-right: 1.5rem; }
      .NavTop .LanguageSelector {
        margin-top: 0; } }

/*================================================================================== */
/*================================================================================== */
/*     T A B L E S     */
/*================================================================================== */
/*================================================================================== */
.TabNav {
  overflow-x: auto;
  position: relative; }
  .TabNav ul {
    display: flex;
    flex-flow: nowrap; }
    .TabNav ul li {
      margin-right: 1px;
      flex-shrink: 0; }
      .TabNav ul li a {
        background: #cdcdcd;
        color: #4A4A4A;
        cursor: pointer;
        padding: 0.5rem;
        font-family: CamingoCd;
        display: inline-block;
        -moz-font-feature-settings: "lnum";
        -webkit-font-feature-settings: "lnum";
        font-feature-settings: "lnum"; }
        .TabNav ul li a:hover, .TabNav ul li a:active, .TabNav ul li a.active {
          background: #74C41C;
          color: white; }
      .TabNav ul li:first-child a {
        -webkit-border-radius: 0.25rem 0 0 0.25rem;
        -moz-border-radius: 0.25rem 0 0 0.25rem;
        border-radius: 0.25rem 0 0 0.25rem; }
      .TabNav ul li:last-child a {
        -webkit-border-radius: 0 0.25rem 0.25rem 0;
        -moz-border-radius: 0 0.25rem 0.25rem 0;
        border-radius: 0 0.25rem 0.25rem 0; }
      .TabNav ul li.Selected a {
        background: #74C41C;
        color: white; }

table {
  /* http://codepen.io/aarongustafson/pen/ucJGv?editors=1100 */
  width: 100%;
  font-family: "CamingoCd", Arial, sans-serif;
  text-align: left;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  border-collapse: collapse; }
  table thead {
    display: none;
    visibility: hidden; }
  table tbody, table tr, table td {
    display: block; }
  table tr {
    background: #e6e6e6; }
  table tr.Selected td {
    background: #F7D96E; }
  table td {
    padding: 0.2rem 0.4rem 0.2rem 2rem;
    border: 1px solid white; }
    table td:first-child {
      padding-left: 1rem; }
  table .td-heading {
    white-space: nowrap;
    font-weight: 700;
    width: 50%;
    margin-right: 4px; }
  table td:empty {
    display: none; }
  table img {
    display: inline;
    max-width: 20px;
    margin-right: 4px; }
  @media only screen and (min-width: 480px), only print and (min-width: 480px) {
    table {
      width: auto; }
      table thead {
        background: #cdcdcd;
        display: table-header-group;
        visibility: visible; }
      table tbody {
        display: table-row-group; }
        table tbody th {
          background: none; }
        table tbody tr:nth-child(odd) {
          background: none; }
      table tr {
        display: table-row; }
      table th, table td, table td:empty {
        display: table-cell;
        padding: 0.2rem 0.4rem; }
      table td:first-child {
        padding-left: 0.4rem; } }

@media only screen and (min-width: 480px), only print and (min-width: 480px) {
  .Table {
    overflow: auto; } }

.Mastertable input {
  width: 6rem; }
.Mastertable img {
  max-width: 80px; }
.Mastertable td span {
  display: inline-block;
  margin-right: 0.3em;
  min-width: 0.8em;
  text-align: right; }

.Memocamp-LevelTable td:nth-child(2n), .Memocamp-LevelTable th:nth-child(2n) {
  border-right: none; }
.Memocamp-LevelTable td:nth-child(2n+1), .Memocamp-LevelTable th:nth-child(2n+1) {
  border-left: none; }

/*================================================================================== */
/*================================================================================== */
/*     F O O T E R     */
/*================================================================================== */
/*================================================================================== */
footer {
  padding: 1rem;
  background: #e6e6e6; }
  footer a {
    color: #4A4A4A; }
    footer a:hover, footer a:active {
      color: #74C41C; }
  footer .FooterSocial {
    display: flex; }
    footer .FooterSocial ul {
      display: flex; }
      footer .FooterSocial ul li {
        margin-right: 1rem; }
        footer .FooterSocial ul li a {
          display: block;
          background: transparent url(../img/sprite.png);
          background-image: -webkit-linear-gradient(transparent, transparent), url(../img/sprite.png);
          background-image: linear-gradient(transparent, transparent), url(../img/sprite.svg);
          background-repeat: no-repeat;
          text-indent: -9000px; }
          footer .FooterSocial ul li a.facebook {
            width: 14px;
            height: 28px;
            background-position: 0 -53px; }
          footer .FooterSocial ul li a.youtube {
            width: 25px;
            height: 30px;
            background-position: 0 -82px; }
    @media only screen and (min-width: 768px), only print and (min-width: 768px) {
      footer .FooterSocial {
        justify-content: flex-end; } }

.Memocamp-Widget-Toolbar {
  background: #F7D96E;
  border: 1px solid #f4cc3e;
  margin: 0 auto;
  overflow: visible;
  position: fixed;
  right: 0;
  top: 100%; }
  .Memocamp-Widget-Toolbar .Memocamp-TabBar {
    margin-top: -2.5rem;
    position: absolute;
    right: 0; }
  .Memocamp-Widget-Toolbar .Memocamp-TabMenu-Boxes {
    margin: 1rem; }
  .Memocamp-Widget-Toolbar.Open {
    top: auto;
    bottom: 0; }

.Memocamp-Widget-TranslatorBlock .Original, .Memocamp-Widget-TranslatorBlock .Translation, .Memocamp-Widget-TranslatorBlock .Suggestion, .Memocamp-Widget-TranslatorBlock .SuggestionCount {
  margin: 3px 0;
  padding: 0.5rem 1rem; }
  .Memocamp-Widget-TranslatorBlock .Original:first-child, .Memocamp-Widget-TranslatorBlock .Translation:first-child, .Memocamp-Widget-TranslatorBlock .Suggestion:first-child, .Memocamp-Widget-TranslatorBlock .SuggestionCount:first-child {
    border-top: none !important; }
.Memocamp-Widget-TranslatorBlock.OK {
  background: white;
  border: 1px solid #e6e6e6; }
  .Memocamp-Widget-TranslatorBlock.OK .Original, .Memocamp-Widget-TranslatorBlock.OK .Translation, .Memocamp-Widget-TranslatorBlock.OK .Suggestion, .Memocamp-Widget-TranslatorBlock.OK .SuggestionCount {
    border-top: 1px solid #e6e6e6; }
.Memocamp-Widget-TranslatorBlock.Missing {
  background: #fcfaf3;
  border: 1px solid #F7D96E; }
  .Memocamp-Widget-TranslatorBlock.Missing .Original, .Memocamp-Widget-TranslatorBlock.Missing .Translation, .Memocamp-Widget-TranslatorBlock.Missing .Suggestion, .Memocamp-Widget-TranslatorBlock.Missing .SuggestionCount {
    border-top: 1px solid #F7D96E; }
.Memocamp-Widget-TranslatorBlock.Error {
  background: #f7e4d4;
  border: 1px solid #FF7600; }
  .Memocamp-Widget-TranslatorBlock.Error .Original, .Memocamp-Widget-TranslatorBlock.Error .Translation, .Memocamp-Widget-TranslatorBlock.Error .Suggestion, .Memocamp-Widget-TranslatorBlock.Error .SuggestionCount {
    border-top: 1px solid #FF7600; }
    .Memocamp-Widget-TranslatorBlock.Error .Original .error, .Memocamp-Widget-TranslatorBlock.Error .Translation .error, .Memocamp-Widget-TranslatorBlock.Error .Suggestion .error, .Memocamp-Widget-TranslatorBlock.Error .SuggestionCount .error {
      background: #FF7600; }

/*================================================================================== */
/*================================================================================== */
/*     H O M E     */
/*================================================================================== */
/*================================================================================== */
.SliderBox {
  background: #EBE9E1; }
  .SliderBox .Slider {
    padding: 2rem 1rem 3rem 1rem; }
    .SliderBox .Slider .Slide {
      text-align: center; }
      .SliderBox .Slider .Slide .H1 span {
        display: block;
        color: #FF7600; }
      .SliderBox .Slider .Slide .SlideContent {
        margin-bottom: 1rem; }
        .SliderBox .Slider .Slide .SlideContent .SlideImg img {
          display: none; }
  @media only screen and (min-width: 480px), only print and (min-width: 480px) {
    .SliderBox .Slider {
      width: 80%;
      margin: 0 auto; } }
  @media only screen and (min-width: 768px), only print and (min-width: 768px) {
    .SliderBox .Slider .Slide .SlideContent {
      display: flex;
      justify-content: center;
      width: 80%;
      margin: 0 auto; }
      .SliderBox .Slider .Slide .SlideContent .SlideText {
        text-align: left;
        flex-basis: 60%; }
      .SliderBox .Slider .Slide .SlideContent .SlideImg img {
        display: block;
        margin: 0 auto; } }
  @media only screen and (min-width: 960px), only print and (min-width: 960px) {
    .SliderBox .Slider {
      width: 57rem; }
      .SliderBox .Slider .Slide .SlideContent .SlideText {
        flex-basis: 50%; } }

.QuickTraining img {
  display: inline-block;
  height: 43px;
  width: 33px; }
  @media only screen and (min-width: 480px), only print and (min-width: 480px) {
    .QuickTraining img {
      height: 64px;
      width: 50px; } }
  @media only screen and (min-width: 960px), only print and (min-width: 960px) {
    .QuickTraining img {
      height: 96px;
      width: 75px; } }
  @media only screen and (min-width: 1280px), only print and (min-width: 1280px) {
    .QuickTraining img {
      height: 128px;
      width: 100px; } }

.Memocamp-Widget-YoutubeVideo {
  position: relative; }
  .Memocamp-Widget-YoutubeVideo > div {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.4); }
    .Memocamp-Widget-YoutubeVideo > div > div {
      margin: 25% 0;
      background: rgba(255, 255, 255, 0.8);
      padding: 0.5em 6em 0.5em 6em; }

/*# sourceMappingURL=style.css.map */