/* Minification failed. Returning unminified contents.
(2682,26): run-time error CSS1030: Expected identifier, found '>'
(2682,46): run-time error CSS1031: Expected selector, found ')'
(2682,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3052,26): run-time error CSS1030: Expected identifier, found '>'
(3052,46): run-time error CSS1031: Expected selector, found ')'
(3052,46): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

  /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

  audio:not([controls]) {
    display: none;
    height: 0;
  }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 5. '-webkit-text-size-adjust' is not supported by Chrome, Chrome Android, Edge 79+, Firefox, Safari. 
 *    '-ms-text-size-adjust' is not supported by Chrome, Chrome Android, Edge, Firefox, Safari. 
 *    Add 'text-size-adjust' to support Chrome 54+, Chrome Android 54+, Edge 79+.
 */

html {
  background: #fff; /* 1 */
  color: #000; /* 2 */
  font-size: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 4 */
  -ms-text-size-adjust: 100%; /* 4 */
  text-size-adjust: 100%; /* 5 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
  quotes: none;
}

  /**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  *overflow: visible; /* 4 */
}

  /**
 * Re-set default cursor for disabled elements.
 */

  button[disabled],
  html input[disabled] {
    cursor: default;
  }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

  /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/**********************************************************************
 * COLOR LIST:
 *
 * Dark Blue    : rgb(074, 089, 127) #4A597F; (footer)
 * Electric Blue: OLD: rgb(059, 170, 228) #3BAAE4; (footer link)
 * Electric Blue: NEW:                    #90b9d5; (footer link)
 * Link Blue    : OLD: rgb(030, 030, 220) #3B3BE4;
 *                NEW:                    #3434b4;
 *
 * Red..........: rgb(206, 025, 031) #CE191F; (primary color)
 * 
 * Orange.......: rgb(253, 106, 000) #FD6A00; (active control, link hover)
 * Orange light.: rgb(253, 180, 127) #FDB47F; (active control for box shadows)
 * 
 * Font.........: rgb( 26,  26,  26) #1a1a1a; (default font)
 * Font Gray....: rgb(114, 114, 114) #727272; (slider)
 * Border Gray..: OLD: rgb(178, 178, 178) #B2B2B2; (default box shadow, boxUL background)
 * Border Gray  : NEW: rgb(210, 210, 210) #D2D2D2; (default box shadow)
 * Shadow Gray..: rgb(214, 214, 214) #D6D6D6; (hover box shadow) 
 * Font Light G.: rgb(219, 219, 219) #DBDBDB; (footer font)
 * Back Gray....: rgb(235, 235, 235) #EBEBEB; (box background - new)
 *                rgb(250, 250, 250) #FAFAFA; (box background - new - heading)
 *                rgb(240, 240, 240) #F0F0F0; (scrollbar)
 *                rgb(249, 249, 249) #F9F9F9; (scrollbar disabled)
 **********************************************************************/

/*#region General Controls*/

* {
  outline: none;
}

html {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

header, nav, section, article, aside, footer {
  display: block;
}

html, body {
  font-size: 14px;
  line-height: 19px;
}

body {
  font-family: Source Sans Pro, Arial, sans-serif;
  color: #1a1a1a;
  /*background: url('../../../images/metro/bg.png') repeat;*/
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAodEVYdFNvZnR3YXJlAEFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaClROqaqAAAAB3RJTUUH3QUHAhsl1vXZKwAAACF0RVh0Q3JlYXRpb24gVGltZQAyMDEzOjA1OjA3IDAyOjI0OjUzZv0deAAAADlJREFUGFcdyTkOADEIBMHBgPj/RyHjiLxmOys1ufs1M2yqirOYGRARIgKUmZeZUVXYeUQE3f3jTXzc8xaTtWdaGgAAAABJRU5ErkJggg==') repeat;
  /*font-size: 1.1em;
  font-size: 1.1rem;*/
  margin: 0;
  padding: 0;
  /*Metro Original*/
  /*font:12px/16px 'Arial';*/
  min-height: 100vh;
}

  /* adaptations for Russian language */
  body.ru {
    font-size: 0.9286em; /*14px => 13px*/
    font-size: 0.9286rem; /*14px => 13px*/
  }

  /* adaptations for Chinese language */
  body.zh-cn {
    font-family: Source Sans Pro, Arial;
  }

/************************
 * Text
 ************************/

p {
  margin: 16px 0;
}

p, ul, li {
  max-height: 999999px; /* disables font auto sizing in Chrome on Android */
}

/* improvement: maybe we use a global selector "column" here */
.one-half h1:first-child, .one-half h2:first-child, .one-half h3:first-child, .one-half h4:first-child,
.one-third h1:first-child, .one-third h2:first-child, .one-third h3:first-child, .one-third h4:first-child,
.two-third h1:first-child, .two-third h2:first-child, .two-third h3:first-child, .two-third h4:first-child,
.one-fourth h1:first-child, .one-fourth h2:first-child, .one-fourth h3:first-child, .one-fourth h4:first-child,
.three-fourth h1:first-child, .three-fourth h2:first-child, .three-fourth h3:first-child, .three-fourth h4:first-child,
.one-fifth h1:first-child, .one-fifth h2:first-child, .one-fifth h3:first-child, .one-fifth h4:first-child,
.two-fifth h1:first-child, .two-fifth h2:first-child, .two-fifth h3:first-child, .two-fifth h4:first-child,
.three-fifth h1:first-child, .three-fifth h2:first-child, .three-fifth h3:first-child, .three-fifth h4:first-child,
.four-fifth h1:first-child, .four-fifth h2:first-child, .four-fifth h3:first-child, .four-fifth h4:first-child,
.one-sixth h1:first-child, .one-sixth h2:first-child, .one-sixth h3:first-child, .one-sixth h4:first-child,
.five-sixth h1:first-child, .five-sixth h2:first-child, .five-sixth h3:first-child, .five-sixth h4:first-child,
.seven-ninth h1:first-child, .seven-ninth h2:first-child, .seven-ninth h3:first-child, .seven-ninth h4:first-child,
.two-ninth h1:first-child, .two-ninth h2:first-child, .two-ninth h3:first-child, .two-ninth h4:first-child {
  margin-top: 0;
}

h1, h2, h3, h4 {
  font-weight: normal;
  margin: 6px 0;
}

/*
  h1:only-child,
  h2:only-child,
  h3:only-child,
  h4:only-child {
    margin-bottom: 0;
  }
  */

h1 {
  font-size: 1.9em;
  font-size: 1.9rem;
}

body.ru h1 {
  font-size: 1.75em;
  font-size: 1.75rem;
}

h2 {
  font-size: 1.5em;
  font-size: 1.5rem;
}

body.ru h2 {
  font-size: 1.4em;
  font-size: 1.4rem;
}

h3,
.pageSummary p {
  font-size: 1.34em;
  font-size: 1.34rem;
}

body.ru h3 {
  font-size: 1.25em;
  font-size: 1.25rem;
}

h4 {
  font-size: 1.2em;
  font-size: 1.2rem;
}

body.ru h4 {
  font-size: 1.15em;
  font-size: 1.15rem;
}

h1, h2, h3, h4, h5, h6 {
  margin: 32px 0 16px 0;
  line-height: 140%;
  font-weight: bold;
}

a {
  text-decoration: none;
  color: #3434b4;
}

  a:hover {
    color: #FD6A00;
  }

input,
textarea,
select {
  font-family: Source Sans Pro, Arial, sans-serif;
  font-size: 1.1em;
  font-size: 1.1rem;
  /*color: #727272;*/
  color: #1a1a1a;
  padding: 4px;
  border: 0px;
  -webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  -moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  /*width: 100%;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

select {
  padding: 3px 4px;
}

/* optgroup needs the font set explicitly */

optgroup {
  font-family: inherit;
  font-size: 1.1em;
  font-size: 1.1rem;
  font-style: normal;
  /*color: #727272;*/
  color: #1a1a1a;
}

/* adaptations for Russian language */
body.ru input,
body.ru textarea,
body.ru select {
  font-size: 1em;
  font-size: 1rem; /*15px*/
}

body.ru optgroup {
  font-size: 1em;
  font-size: 1rem;
}

body.msie8 input,
body.msie8 textarea,
body.msie8 select,
body.safari input,
body.safari textarea,
body.safari select {
  border: 1px solid #D2D2D2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input:focus,
textarea:focus,
.styled-select:focus,
.styled-select select:focus {
  -webkit-box-shadow: inset 0px 0px 0px 1px #FD6A00;
  -moz-box-shadow: inset 0px 0px 0px 1px #FD6A00;
  box-shadow: inset 0px 0px 0px 1px #FD6A00;
}

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  /*width: inherit;*/
  margin-right: 0.3em; /* 1em */
  -webkit-box-shadow: 0px 0px 0px 0px #fff;
  -moz-box-shadow: 0px 0px 0px 0px #fff;
  box-shadow: 0px 0px 0px 0px #fff;
}

/* textarea needs the font set explicitly */
textarea {
  resize: none;
}

label {
  /*display: block;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  */
  white-space: nowrap;
}

.styled-select {
  overflow: hidden;
  /*background: #fff url(../../../images/metro/dropdown_lightgray.png) no-repeat 100%;*/
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQBAMAAAAG6llRAAAABGdBTUEAALGOfPtRkwAAAC1QTFRFnJ2c////nJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2c0T0GNwAAAA50Uk5TAAAQIDBgcH+fr7/P3+9VPDvrAAAAT0lEQVQImWMQhAEBBsJMzQAGBgbLQBCz7hkDA8u9gyCm9rsGBt93YFGmfS9Y7j1lBDEZtN/NfRcAYTLte/eUAcJk0HrrAGMypDBAmMS7AQDZdRi+1V90NwAAAABJRU5ErkJggg==') no-repeat 100%;
  -webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  -moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  box-shadow: inset 0px 0px 0px 1px #D2D2D2;
  position: relative;
}


  .styled-select select {
    /*remove default layout  */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
    -moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
    box-shadow: inset 0px 0px 0px 1px #D2D2D2;
    padding: 3px 4px;
    width: 100%;
  }

.styled-list {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  padding-left: 0;
  margin: 0;
}

  .styled-list li {
    padding-bottom: 0;
  }

  .styled-list.link-list-bullet li {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAABJJREFUGFdjOCcpj4wo40vKAwARExmXuAIq8gAAAABJRU5ErkJggg==);
    *background-image: url(../../../images/metro/list-item.png);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 10px;
  }

/* #endregion*/

/*#region styled-checkbox*/
.styled-checkbox > label {
  white-space: pre-wrap;
}
/* default checkbox style for old browsers */
.styled-checkbox input[type=checkbox] {
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
/* hide the checkbox and display a custom checkbox using :not(#foo) to aplly this rule only in supported browsers */
.styled-checkbox:not(#foo) input[type=checkbox] {
  position: absolute;
  z-index: -10;
}
  /* custom unchecked box */
  .styled-checkbox:not(#foo) input[type=checkbox] + label::before,
  .styled-checkbox:not(#foo) input[type=checkbox] + input[type=hidden] + label::before {
    content: ' ';
    text-align: center;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 0.6rem;
    -webkit-box-shadow: inset 0px 0px 0px 1px #d2d2d2;
    -moz-box-shadow: inset 0px 0px 0px 1px #d2d2d2;
    box-shadow: inset 0px 0px 0px 1px #d2d2d2;
    background-color: #fff;
  }
  /* custom focused box */
  .styled-checkbox:not(#foo) input[type=checkbox]:focus + label:before,
  .styled-checkbox:not(#foo) input[type=checkbox]:focus + input[type=hidden] + label:before {
    -webkit-box-shadow: inset 0px 0px 0px 1px #fd6a00;
    -moz-box-shadow: inset 0px 0px 0px 1px #fd6a00;
    box-shadow: inset 0px 0px 0px 1px #fd6a00;
  }
  /* custom checked box */
  .styled-checkbox:not(#foo) input[type=checkbox]:checked + label::before,
  .styled-checkbox:not(#foo) input[type=checkbox]:checked + input[type=hidden] + label::before {
    content: "\2713";
    color: #1a1a1a;
  }
/* #endregion*/

/*#region Colors*/

.bg-color-menu {
  background-color: #CE191F;
}

.bg-color-footer {
  background-color: #3C4664;
}

.bg-color-main,
.bg-color-sidebar {
  background-color: #FFFFFF;
}

.bg-color-heading {
  background-color: #FAFAFA;
}

.bg-color-main,
.bg-color-slider,
.bg-color-heading,
.bg-color-sidebar {
  -webkit-box-shadow: inset 0 0 0 1px #D2D2D2;
  -moz-box-shadow: inset 0 0 0 1px #D2D2D2;
  box-shadow: inset 0 0 0 1px #D2D2D2;
}

/*#endregion*/

/*#region Grid Layout*/

.container {
  width: 972px;
  margin: 0 auto;
  position: relative;
}

.block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7 {
  margin: 6px;
  float: left;
  position: relative;
}

  .block-1.no-mar, .block-2.no-mar, .block-3.no-mar, .block-4.no-mar, .block-5.no-mar, .block-6.no-mar, .block-7.no-mar, .block-full.no-mar,
  .block-1.zero-mar, .block-2.zero-mar, .block-3.zero-mar, .block-4.zero-mar, .block-5.zero-mar, .block-6.zero-mar, .block-7.zero-mar, .block-full.zero-mar {
    margin: 0;
  }

  .block-2.no-vmar {
    margin-top: 0;
    margin-bottom: 0;
  }

.block-1 {
  width: 96px;
}

  .block-1.no-mar {
    width: 108px;
  }

.block-2 {
  width: 204px;
}

  .block-2.no-mar {
    width: 216px;
  }

.block-3 {
  width: 312px;
}

  .block-3.no-mar {
    width: 324px;
  }

.block-4 {
  width: 420px;
}

  .block-4.no-mar {
    width: 432px;
  }

.block-5 {
  width: 528px;
}

  .block-5.no-mar {
    width: 540px;
  }

.block-6 {
  width: 636px;
}

  .block-6.no-mar {
    width: 648px;
  }

.block-7 {
  width: 744px;
}

  .block-7.no-mar {
    width: 756px;
  }

.block-8 {
  width: 852px;
}

  .block-8.no-mar {
    width: 864px;
  }

.block-full {
  margin: 6px;
}

.block-h-half {
  height: 42px;
}

.block-h-1 {
  height: 96px;
}

  .block-h-1.no-mar {
    height: 108px;
  }

.block-h-menu {
  height: 58px;
}

.block-h-2 {
  height: 204px;
}

  .block-h-2.no-mar {
    height: 216px;
  }

.block-h-3 {
  height: 312px;
}

  .block-h-3.no-mar {
    height: 324px;
  }

.block-h-4 {
  height: 420px;
}

  .block-h-4.no-mar {
    height: 432px;
  }

/* QR Code Gen.*/
/*
.block-inner {
  padding: 9px;
  margin: 1px;
  position: relative;
}*/
.block-inner {
  padding: 10px;
  position: relative;
}

.blocks-same-height-wrapper {
  margin: 6px -6px;
  padding: 6px 0;
}

.blocks-same-height {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 12px;
  margin: -18px 0;
}

  .blocks-same-height > .block-1,
  .blocks-same-height > .block-2,
  .blocks-same-height > .block-3,
  .blocks-same-height > .block-4,
  .blocks-same-height > .block-5,
  .blocks-same-height > .block-6,
  .blocks-same-height > .block-7,
  .blocks-same-height > .block-8,
  .blocks-same-height > .block-full {
    display: table-cell;
    float: none;
    vertical-align: top;
  }

.eat-margins {
  margin: -10px;
}

.eat-outer-margins {
  margin: 0 -6px;
}

.eat-margins img {
  display: block;
}

.eat-pd-vt {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tbl-bottom {
  display: table;
  border-collapse: collapse;
  margin: 0;
  width: 100%;
}

  .tbl-bottom .tbl-td {
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
  }

.move-left {
  position: relative;
  left: -10px;
}

.move-right {
  position: relative;
  left: 10px;
}

.eat-left {
  margin-left: -10px;
}

.eat-right {
  margin-right: -10px;
}

.sub-menu {
  padding-top: 10px;
}

/*#endregion*/

/*#region Columns*/

.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth, .seven-ninth, .two-ninth {
  float: left;
  margin: 0 4% 0 0;
}

  .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fifth.last, .two-fifth.last, .three-fifth.last, .four-fifth.last, .one-sixth.last, .five-sixth.last,
  .two-ninth.last, .seven-ninth.last {
    margin-right: 0;
  }

.one-half {
  width: 48%;
}

.one-third {
  width: 30.66%;
}

.two-third {
  width: 65.33%;
}

.one-fourth {
  width: 22%;
}

.three-fourth {
  width: 74%;
}

.one-fifth {
  width: 16.8%;
}

.two-fifth {
  width: 37.6%;
}

.three-fifth {
  width: 58.4%;
}

.four-fifth {
  width: 79.2%;
}

.one-sixth {
  width: 13.33%;
}

.five-sixth {
  width: 82.66%;
}

.seven-ninth {
  width: 75.77%;
}

.two-ninth {
  width: 20.22%;
}

/*#endregion*/

/*#region Header*/

header {
  font-size: 1em;
  font-size: 1rem;
}

body.ru header {
  /*font-size: 0.9286em; => do not use, creates wrong result */
  font-size: 0.9286rem;
}

#preHeader {
  font-size: 0.95em;
  font-size: 0.95rem;
  line-height: 1.46;
  margin-top: 0;
  /*margin-bottom: 1.88em;
  margin-bottom: 1.88rem; /* 30px in max scr */
}

  #preHeader a {
    padding: 2px 6px;
    color: #727272;
    background-color: #EBEBEB;
    display: block;
  }

    #preHeader a.selected {
      color: #FFFFFF;
      background-color: #B2B2B2;
    }

    #preHeader a:hover {
      background-color: #FD6A00;
      color: #FFFFFF;
    }

.linksBar,
.languageList,
.languageList li {
  float: left;
}

#onlineDemos {
  display: none;
}

  #onlineDemos select {
    width: 100%;
  }


.utilityBar {
  float: right;
  position: relative;
}

.linksBar a,
.contact, .mail {
  float: left;
  margin-right: 1px;
}

/*#preHeader .utilityBar a.mail,*/
#preHeader .utilityBar a.contact {
  padding: 2px 9px;
  width: 26px;
  position: relative;
}

/*.mail svg,*/
.contact svg {
  position: absolute;
  left: 9px;
  top: 0px;
}

.mail:hover polygon,
.contact:hover path {
  fill: #fff;
}

/*.mail:after,
  .contact:after {
    content: '';
    background-image: url('../../../images/metro/sprite.png');
    background-repeat: no-repeat;
    display: block;
    height: 12px;
    width: 15px;
    position: absolute;
    top: 4px;
  }*/

/*.mail:after {
    background-position: -144px 0;
  }

  .mail:hover:after {
    background-position: -144px -12px;
  }

  .contact:after {
    background-position: -159px 0;
  }

  .contact:hover:after {
    background-position: -159px -12px;
  }*/

/* tec-it logo */


#logo-pane > div:first-child {
  background-image: url('../../../images/metro/header_heads_144.png');
}

#logo-pane > div {
  background-image: url('../../../images/metro/header_logobox_144.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
}

#logo-pane a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* #region Block-Header*/

.block-header {
  overflow: auto;
}

.block-logo {
  overflow: hidden;
}

.blocks-same-height .block-logo {
  vertical-align: middle;
  text-align: center;
}

/* fix the bug in Edge: wrong SVG logo height */
.blocks-same-height .block-logo svg {
  height: inherit;
}

/*#endregion*/


/* main menu */

.primary-menu a {
  color: #101010;
  height: 100%;
  /*line-height: 1.25;*/ /* todo: vertical position in all sizes !*/
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

  .primary-menu a.selected {
    background-color: #FD6A00;
  }

/*.primary-menu a:hover {
    color: #FD6A00;
  }*/

/* main menu background */
.primary-menu > li > a {
  background-color: #CE191F;
  color: #FFF;
}

  .primary-menu a.selected,
  .primary-menu > li > a:hover,
  .primary-menu > li.omHover > a {
    background-color: #FD6A00;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
  }

.primary-menu li > a span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.primary-menu > li > a > span {
  position: absolute;
  left: 6px;
  /*right: 1px;*/
  bottom: 6px;
  font-weight: bold;
  font-size: 1.071em; /*1.286em;*/
  font-size: 1.071rem; /*1.286rem;*/
}

body.ru .primary-menu > li > a > span {
  font-size: 1em;
  font-size: 1rem;
}

/* main menu - drop down */

.primary-menu ul.sub-menu {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 500;
  margin: 0;
}

  .primary-menu ul.sub-menu > li > div {
    z-index: 500;
    padding: 0 0 1.88em 0;
    padding: 0 0 1.88rem 0; /* 30 px in max scr */
    -webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.4);
    background-color: #FFF;
    opacity: 0.92;
  }

.no-touch .primary-menu li:hover ul.sub-menu {
  display: block;
  visibility: visible;
}

.primary-menu > li:last-child > ul.sub-menu {
  left: auto;
  right: 0;
}

.primary-menu div {
  /*color: #262626;*/
  /*height: 100%;*/
  /*line-height: 1.25;*/
  font-size: 1em; /* keep same size as primary menu */
  font-size: 1.071rem;
  line-height: 1.25; /* HS: not sure if required */
  white-space: nowrap;
}

body.ru .primary-menu div {
  font-size: 1em; /* keep size (13px) from body css */
  font-size: 0.9286rem; /*14px => 13px*/
}

.primary-menu div a:hover {
  color: #FD6A00;
}

.primary-menu div.alt-text {
  /*
  _height: 9px;
  _position: absolute;
  _border-bottom: 4px solid #FD6A00;
  _background: 50% 0% no-repeat url('../../../images/metro/menuarrow_21x11.png');
  _width: 100%;
  _top: -9px;
  _left: 0;
  */
  color: #FFF;
  background-color: #FD6A00;
  position: relative;
  margin: 0;
  margin-bottom: 1.4em;
  margin-bottom: 1.4rem;
  padding: 0.3em 0.8em;
  padding: 0.3rem 0.8rem;
  font-size: 1em;
  font-size: 1rem;
  font-weight: normal;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-style: italic;
}

.primary-menu div li a {
  font-weight: normal;
}

.primary-menu div p {
  margin: 0;
  background: 0% 55% no-repeat;
  background-size: 15px 15px;
}

  .primary-menu div p:not(:first-child) {
    margin-top: 0.75em;
    margin-top: 0.75rem;
  }
/*
.primary-menu div ul:not(:last-child)
{
  margin-bottom: 1.1em;
  margin-bottom: 1.1rem;
}
*/

.primary-menu div li,
.primary-menu div .icon {
  padding-left: 25px;
}

.primary-menu div p a {
  font-weight: bold;
}

.primary-menu div.column {
  width: auto;
  display: table-cell;
  padding: 0 0.30em 0 1.88em;
  padding: 0 0.30rem 0 1.88rem; /* 30 px in max scr */
}

  .primary-menu div.column:last-child {
    padding-right: 1.88em;
    padding-right: 1.88rem; /* 30 px in max scr */
  }

 /*
.primary-menu > li > ul {
  min-width: 100%;
  margin: 12px 0 0 0;
}

  .primary-menu > li > ul:before {
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
  }

  .primary-menu > li > ul:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 2px;
    background-color: #CE191F;
  }

.primary-menu > li:last-child > ul,
.primary-menu > li:last-child > ul:after {
  left: auto;
  right: 0;
}
*/
/*
.primary-menu li div ul li {
  _background: none;
  _white-space: nowrap;
  _float: none;
  _position: relative;
}

.primary-menu li div ul a {
  _display: block;
  _margin: 0;
  _line-height: 300%;
  _line-height: 3rem;
  _padding: 0 70px 0 18px;
  _color: #fff;
  _font-weight: bold;
  _border-bottom: 1px solid #EBEBEB;
}

.primary-menu li ul li:last-child > a {
  _border-bottom: 0;
}

.primary-menu li ul a span {
  _position: static;
}
*/
/*
.primary-menu li ul ul {
  left: 100%;
  top: 0;
  border-left: 1px solid #000;
  border-left-color: rgba(0,0,0,0.1);
  margin: 0;
}
*/

/*
ul.primary-menu li:hover li ul {
  display: none;
}

ul.primary-menu li li:hover ul {
  display: block;
}

ul.primary-menu li li:hover li ul {
  display: none;
}

ul.primary-menu li li li:hover ul {
  display: block;
}

ul.primary-menu li li li:hover li ul {
  display: none;
}

ul.primary-menu li li li li:hover ul {
  display: block;
}

ul.primary-menu li li li li:hover li ul {
  display: none;
}

ul.primary-menu li li li li li:hover ul {
  display: block;
}
*/


/* logo pane for small devices*/

#logo-pane-small {
  display: none;
  margin-top: 6px;
  margin-bottom: 0px;
}

  #logo-pane-small .logo {
    width: 78px;
    height: 78px;
    background: url(../../../images/metro/header_heads_144.png) no-repeat;
    background-size: 100% auto;
    float: left;
  }

    #logo-pane-small .logo > a {
      position: relative;
      top: 3px;
      left: 3px;
      height: 72px;
      width: 72px;
      display: block;
    }

  #logo-pane-small .homeWrapper {
    margin-left: 84px;
    height: 78px;
    background: #CE191F url(../../../images/metro/BGVerlaufRot.png) repeat-y;
    position: relative;
  }

    /* tecit home link*/
    #logo-pane-small .homeWrapper a {
      position: absolute;
      bottom: 0;
      left: 6px;
      height: 29px;
      width: 140px;
      display: block;
      background: url(../../../images/metro/tecitlogo.png) no-repeat;
    }

.primary-menu-select {
  padding: 6px;
  background: #CE191F url(../../../images/metro/BGVerlaufRot.png) repeat-y;
}

/* nav-path */

.nav-path li {
  display: inline;
  padding-left: 6px;
  padding-right: 5px;
  /*background: url('../../../images/metro/nav-path-image.png') no-repeat 0 center;*/
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAIAAABrW6giAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABOSURBVBhXY7hw5sGr9yDw9etXhqOrVm85dgvI//btG8PBlcuXL1+xbu+Vx2/fMRxZBebsufTyy1cgZ/XmozeAykB6zpy4DWR9+vQJaAYAFnA8ECx/ZfkAAAAASUVORK5CYII=') no-repeat 0 center;
}

.nav-path a {
  color: #A2A2A2;
  vertical-align: bottom;
}

  .nav-path a:hover {
    text-decoration: underline;
  }

/*#endregion*/

/*#region Footer*/

div.footer {
  font-size: 1em;
  font-size: 1rem;
}

div.footer, .news-item-text .date {
  color: #DBDBDB;
}

.footer .block-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.footer a
/*,.footer .sub-footer a:hover */ {
  color: #90b9d5;
}

  .footer a:hover, .footer .sub-footer a:hover {
    color: #FD6A00;
  }

.footer h3 {
  font-size: 1.2em;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 140%;
  margin: 12px 0;
  color: #FFFFFF;
}

.footer h4 {
  font-size: 1em;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 12px 0;
  color: #FFFFFF;
}

.footer p {
  margin: 16px 0;
}

  .footer p:last-child {
    /*margin-bottom: 0;*/
  }

.sub-footer {
  margin-top: -1px;
}

.sub-footer,
.footer .sub-footer a {
  font-size: 0.9em;
  font-size: 0.8rem;
  line-height: 21px;
  color: #B2B2B2;
}

.sub-footer-column-2 {
  text-align: center;
}

.sub-footer-column-3 {
  text-align: right;
}

.sub-footer-divider {
  height: 1px;
  overflow: hidden;
  opacity: 0.3;
  margin: 0 16px;
  background-color: #DBDBDB;
}

.news-item {
  margin: 6px 0 9px 0;
  display: table;
  border-collapse: collapse;
  width: 100%;
}

  .news-item:last-child {
    margin-bottom: 0;
  }

.news-item-text {
  display: table-cell;
  vertical-align: bottom;
}

  .news-item-text .date {
    font-style: italic;
    font-size: 0.85em;
    font-size: 0.85rem;
    margin-top: 0.25em;
  }

/*#endregion*/

/*#region Social Icons*/

.social {
  display: inline-block;
  width: 24px;
  height: 24px;
  opacity: 0.15;
  margin: 0 0 0 6px;
  vertical-align: middle;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-image: url('../../../images/metro/sprite.png');
}

  .social:hover {
    opacity: 0.4;
  }

  .social.color-light {
    opacity: 0.3;
  }

    .social.color-light:hover {
      opacity: 0.7;
    }

    .social.color-light.twitter {
      background-position: -0px -0px;
    }

    .social.color-light.facebook {
      background-position: -24px -0px;
    }

    .social.color-light.linkedin {
      background-position: -48px -0px;
    }

    .social.color-light.rss {
      background-position: -72px -0px;
    }

    .social.color-light.google {
      background-position: -96px -0px;
    }

    .social.color-light.youtube {
      background-position: -120px -0px;
    }

    .social.color-light.newsletter {
      background-position: -0px -24px;
    }

/* hide anchor texts */
.footer a.social {
  font-size: 0;
}
/*#endregion*/

/*#region Scrollbars*/

::-webkit-scrollbar {
  width: 13px;
  height: 13px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #f0f0f0;
}

::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border: 1px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

  ::-webkit-scrollbar-thumb:hover {
    background-color: #B2B2B2;
  }

  ::-webkit-scrollbar-thumb:active {
    background-color: #727272;
  }
/*
::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

  ::-webkit-scrollbar-track:active {
    background-color: #f0f0f0;
  }

  ::-webkit-scrollbar-track:disabled {
    background-color: #f9f9f9;
  }

::-webkit-scrollbar-track-piece:hover {
  background-color: #fff;
}

  ::-webkit-scrollbar-thumb:active {
    background-color: #727272;
  }

  ::-webkit-scrollbar-thumb:disabled {
    background-color: #f9f9f9;
  }

::-webkit-scrollbar-corner {
  background-color: #D6D6D6;
}
*/

/*#endregion*/

/*#region Clear, Clearfix*/

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

/*#endregion*/

/*#region Transitions*/

a,
.boxUL li {
  -webkit-transition: color 0.3s, background 0.3s, box-shadow 0.3s;
  -moz-transition: color 0.3s, background 0.3s, box-shadow 0.3s;
  transition: color 0.3s, background 0.3s, box-shadow 0.3s;
}

/*#endregion*/

/*#region cookieConsent*/
.cookieConsent {
  display: none;
  position:fixed;
  /*top: 0;*/
  left: 0;
  right: 0;
  bottom:0;
  color: #FFF;
  background-color: #3C4664;
  z-index: 10000;
  /* outline: 1px solid #FFF; */
  box-shadow: 0px -0px 2px 0px #BCE;
  opacity: 0.98;
}

  .cookieConsent a {
    color: #FFF;
    text-decoration: underline;
  }

.cookieConsentContent {
  position: relative;
  text-align: center;
  min-height: 7rem;
}

  .cookieConsentContent span {
      vertical-align: middle;
      display: inline-block;
      text-align: left;
      margin: 15px;
      margin: 1rem 0.75rem;
      line-height: 1.3;
  }

  .cookieConsentText {
      max-width: 830px;
      font-size: 0.89em;
      font-size: 0.89rem;
  }
    .cookieConsentText a:hover {
      color: #FD6A00;
    }

.cookieConsentButtons a {
  cursor: pointer;
  margin-left: 10px;
  padding: 4px 20px;
  border: 1px solid #FFF;
  color: #FFF;
  background-color: #CE191F;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1.2rem;
}

  .cookieConsentButtons a:visited {
    text-decoration: none;
  }

  .cookieConsentButtons a:hover {
    /*border-color: #FD6A00;*/
    background-color: #FD6A00;
  }

.cookieAccept {
  /* text-transform: uppercase; */
}

.cookieRefuse {
  /* display: none; */
}

/*#endregion*/

/*#region serviceNotice */
.serviceNotice {
  /*display: none;*/
  /*position: fixed;*/
  top: 0;
  left: 0;
  right: 0;
  background-color: #FD6A00;
  color: #FFF;
  z-index: 10000;
  /*box-shadow: 0px 3px 10px 0px #1a1a1a;*/
  opacity: 0.98;
}

  .serviceNotice a {
    color: #FFF;
    text-decoration: underline;
  }

.serviceNoticeContent {
  position: relative;
  text-align: center;
}

  .serviceNoticeContent span {
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    margin: 5px 10px;
    line-height: 1.3;
  }

  .serviceNoticeContent .icon {
    font-size: 200%;
    /* display: table-cell; */
    padding-right: 0.6rem;
  }

.serviceNoticeText {
  max-width: 840px;
  font-size: 0.9em;
  font-size: 0.9rem;
}

.block-inner p:last-of-type {
    margin-bottom: 0 !important;
}

/*#endregion serviceNotice*/

/*#region pricing */
.pricing-table-wrapper {
    margin: 16px 0;
    text-align: center;
}
.pricing-table {
    display: inline-block;
}
.pricing-column {
    list-style: none;
    margin: 0 10px 10px 0;
    padding: 5px;
    float: left;
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.01);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.pricing-column.hover:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    z-index: 1;
}
.pricing-column li.pricing-title {
    font-weight: bold;
    font-size: 120%;
    padding: 6px;      
}
.pricing-column li.pricing-price {
    color: #555;       
    font-weight: bold;
    font-size: 170%;
    line-height: 120%;
}
.pricing-column li {
    white-space: nowrap;
    text-align: left;
    padding: 3px 6px;              
}
.pricing-column .price-comment {
    display: inline;
    color: #333;
    font-weight: normal;
    font-size: 95%;
    line-height: 120%;
}
.pricing-column .price-comment.sub {
    display: block;
    font-size: 90%;
    font-weight: 400;
}

.pricing-price .sub {
    font-size: 75%;
    font-weight: normal;
}


.button, a.button {
    display: inline-block !important;
    border: 0 !important;
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))) !important;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
    line-height: 18px !important;
    padding: 7px 12px;
    margin: 8px 5px 8px 0 !important;
    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
    -moz-transition: background-color 0.3s, -moz-box-shadow 0.3s;
    -ms-transition: background-color 0.3s, box-shadow 0.3s;
    -o-transition: background-color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
    text-decoration: none !important;
}
.pricing-column .pricing-button .button.icon, .pricing-column .pricing-button a.button.icon {
    margin: 0 !important;
    display: block !important;
    text-align: center;
    padding-left: 25px;   
}
.button.size-medium.icon {
    background-size: 20px 20px !important;
    background-position: 10px center !important;
}
.button.text-bright, a.button.text-bright {
    background-color: #CE191F !important;
    color: #ffffff !important;
    border-radius: 3px;
}
.button.buy {
    background: url(../../../images/metro/buy_white.png) no-repeat !important;
}

.button.single-color:hover, a.button.single-color:hover, a.button.text-bright:hover, .widgets-area .button.single-color.buy:hover, .widgets-area .button.single-color.letter:hover {
    background-color: #FD6A00 !important;
}

a.button.button-contact {
    color: #000000;
    background-color: #EBEBF3;
    margin: 0 !important;
    padding: 7px 4px;
    border-radius: 3px;
    display: block !important;
    text-align: center;
}

a.button.button-contact:hover {
    color: #FFFFFF !important;
    background-color: #FD6A00;
}

.blue-arrow {
    color: mediumblue;  
    transition: color 0.3s;
    padding-left: 5px;
}
a.button.button-contact:hover .blue-arrow {
    color: #FFFFFF !important;
}

ul {   
    margin: 1em 0;
    padding: 0 0 0 40px;
}

.feature-list {
    list-style: none; 
}

.feature-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

.feature-list li::before {
    content: "✔";
    color: #2ecc71;
    width: 1.2em;
    margin-right: 0.5em;
    flex-shrink: 0;
}

.checklist {
    list-style: none;
    font-size: 90%;
    display: flex;    
    gap: 20px;
    margin-top: 15px;
}

.checklist li::before {
    content: "✔";
    color: #2ecc71;
    margin-right: 8px;
    flex-shrink: 0;
}

.checklist li {
    display: flex; 
    align-items: flex-start; 
}
/*#endregion pricing*/

/* Note: Design for a width of 1420 */

@media only screen and /*!YUI*/(min-width: 1420px) {
  html,
  body {
    font-size: 12pt;
    line-height: 18pt;
    /*font-size:14px;*/
    /*line-height:21px;*/
  }

  /*#region Grid Layout*/
  .container {
    width: 1404px;
  }

  .block-1 {
    width: 144px;
  }

  /* 110% zoom fix */
  .webkit .block-1 {
    width: 143.99px;
  }

  .block-1.no-mar {
    width: 156px;
  }

  .block-2 {
    width: 300px;
  }

    .block-2.no-mar {
      width: 312px;
    }

  .block-3 {
    width: 456px;
  }

    .block-3.no-mar {
      width: 468px;
    }

  .block-4 {
    width: 612px;
  }

    .block-4.no-mar {
      width: 624px;
    }

  .block-5 {
    width: 768px;
  }

    .block-5.no-mar {
      width: 780px;
    }

  .block-6 {
    width: 924px;
  }

    .block-6.no-mar {
      width: 936px;
    }

  .block-7 {
    width: 1080px;
  }

    .block-7.no-mar {
      width: 1092px;
    }

  .block-8 {
    width: 1236px;
  }

    .block-8.no-mar {
      width: 1248px;
    }

  .block-h-half {
    height: 66px;
  }

  .block-h-1 {
    height: 144px;
  }

    .block-h-1.no-mar {
      height: 156px;
    }

  .block-h-menu {
    height: 85px;
  }

  .block-h-2 {
    height: 300px;
  }

    .block-h-2.no-mar {
      height: 312px;
    }

  .block-h-3 {
    height: 456px;
  }

    .block-h-3.no-mar {
      height: 468px;
    }

  .block-inner {
    padding: 18px;
  }

  .eat-margins {
    margin: -18px;
  }

  .move-left {
    left: -18px;
  }

  .move-right {
    left: 18px;
  }

  .eat-left {
    margin-left: -18px;
  }

  .eat-right {
    margin-right: -18px;
  }

  .sub-menu {
    padding-top: 12px;
  }

  /*#endregion*/

  .primary-menu > li > a > span {
    left: 12px;
    _right: 2px;
    bottom: 11px;
  }

  .primary-menu > li > ul:after {
    _width: 144px;
  }

  .primary-menu > li > a > span {
    font-size: 1.286em;
    font-size: 1.286rem; /* 1.41em; */
  }

  body.ru .primary-menu > li > a > span {
    font-size: 1.214em;
    font-size: 1.214rem;
  }
  /*
  .primary-menu li a span i
  {
    font-size: 1em;
    font-size: 1rem;
  }

  body.ru .primary-menu li a span i
  {
    font-size: 0.93em;
    font-size: 0.93rem;
  }*/

  .primary-menu div.alt-text {
  }

  .boxUL li,
  .boxUL li:last-of-type,
  .boxUL li a:before,
  .boxUL li:last-of-type a:before {
    height: 64px;
  }

    .boxUL li a,
    .boxUL li:last-of-type a {
      line-height: 64px;
    }

/*.mail svg,*/
  .contact svg {
    top: 1px;
    width: 24px;
    height: 24px;
  }

  /*#region Big Slider */

  .big-slider-slide .text {
    padding-left: 24px;
    padding-right: 24px;
  }

    .big-slider-slide .text .title {
      font-size: 28px; /* orig 30px*/
      line-height: 120%;
    }

  .big-slider-control .control-left {
    background-position: 18px 18px;
  }

    .big-slider-control .control-left:hover {
      background-position: 18px -132px;
    }

  .big-slider-control .control-right {
    background-position: -94px 18px;
  }

    .big-slider-control .control-right:hover {
      background-position: -94px -132px;
    }

  .big-slider-control .control-seek {
    background-position: left 31px;
  }

  .big-slider-control .control-seek-box {
    margin: 18px 0 8px 0;
    width: 42px;
    height: 31px;
    background-position: left -4px;
  }

    .big-slider-control .control-seek:hover .control-seek-box,
    .big-slider-control .control-seek-box.pressed {
    }
  /*#endregion*/

  /*#region Widget / Sidebar */

  .widget-header {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: -18px;
    margin-bottom: 18px;
    padding-top: 34px;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 11px;
  }

  .post-widget-pic .inner {
    left: -18px;
  }

  .widgets-area ul.directory li,
  .widgets-area ul li {
    background-position: left 4px;
  }

  .sub-footer {
    font-size: 80%;
  }

  .flip-sidebar .content-with-sidebar {
    left: 468px;
  }

  .flip-sidebar .sidebar {
    left: -936px;
  }

  .sidebar > div:first-child .widget-header {
    padding-top: 56px;
  }
  /*#endregion*/

  .page-h1-divider,
  hr {
    margin-left: -18px;
    margin-right: -18px;
  }

  .page-h1-divider {
    margin-top: 6px;
  }

  /* NEWS */
  .post-big .post-head {
    margin-bottom: 30px;
  }

  .post-big .post-title-inner {
    _margin-left: 18px;
  }

  .post-big .post-date .block-inner {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .no-touch .show-hover-link .after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
  }

  .content-block.eat-left .content-title {
    padding-left: 18px;
  }

  /*.toggle-inner,*/
  .tabs-tabs,
  .biginfopane .text-block {
    font-size: 94%;
  }

    .tabs-tabs h2 {
      font-size: 1.4em;
      font-size: 1.4rem;
      line-height: 130%;
    }

    .tabs-tabs h3 {
      font-size: 1.25em;
      font-size: 1.25rem;
      line-height: 130%;
    }

  /*#region Testimonials */
  .testimonials-block .controls {
    bottom: 18px;
    left: 18px;
  }
  /*#endregion*/

  .pricing-column li {
    padding-left: 20px;
    padding-right: 20px;
  }

  .category h2 {
    font-size: 1.7rem;
  }

  body.it .category h2 {
    font-size: 1.60rem;
  }

  .category span {
    font-size: 1.43rem;
  }

  .category img {
    width: 3.15rem;
  }

  .Subtopic img {
    width: 60px;
  }

  .product span .count {
    width: 30px;
    height: 30px;
  }

  .form.product .controls {
    height: 29px;
  }

  .form.product .controls a {
    width: 30px;
    height: 30px;
    line-height: 31px;
  }

  .block-header {
    height: 150px;
  }
  
  .pricing-column li.pricing-price,
  .pricing-column li:has(> span.price-comment),
  .pricing-column li.pricing-button {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*************************************/
/*************************************/
/*************************************/

/* Note: Design for a width of 1220 */

@media only screen and /*!YUI*/(min-width: 1270px) and /*!YUI*/(max-width: 1419px) {
  html,
  body {
    font-size: 11pt;
    line-height: 15pt;
    /*font-size:14px;*/
    /*line-height:19px;*/
  }

  /*#region Grid Layout*/

  .container {
    width: 1260px;
  }

  .block-1 {
    width: 128px;
  }

    .block-1.no-mar {
      width: 140px;
    }

  .block-2 {
    width: 268px;
  }

    .block-2.no-mar {
      width: 280px;
    }

  .block-3 {
    width: 408px;
  }

    .block-3.no-mar {
      width: 420px;
    }

  .block-4 {
    width: 548px;
  }

    .block-4.no-mar {
      width: 560px;
    }

  .block-5 {
    width: 688px;
  }

    .block-5.no-mar {
      width: 700px;
    }

  .block-6 {
    width: 828px;
  }

    .block-6.no-mar {
      width: 840px;
    }

  .block-7 {
    width: 968px;
  }

    .block-7.no-mar {
      width: 980px;
    }

  .block-8 {
    width: 1108px;
  }

    .block-8.no-mar {
      width: 1120px;
    }

  .block-h-half {
    height: 58px;
  }

  .block-h-1 {
    height: 128px;
  }

    .block-h-1.no-mar {
      height: 140px;
    }

  .block-h-menu {
    height: 76px;
  }

  .block-h-2 {
    height: 268px;
  }

    .block-h-2.no-mar {
      height: 280px;
    }

  .block-h-3 {
    height: 408px;
  }

    .block-h-3.no-mar {
      height: 420px;
    }

  .block-inner {
    padding: 12px;
  }

  .eat-margins {
    margin: -12px;
  }

  .move-left {
    left: -12px;
  }

  .move-right {
    left: 12px;
  }

  .eat-left {
    margin-left: -12px;
  }

  .eat-right {
    margin-right: -12px;
  }

  .sub-menu {
    padding-top: 12px;
  }

  /*#endregion*/

  .primary-menu div.alt-text {
  }

  .primary-menu > li > a > span {
    left: 10px;
    _right: 2px;
    bottom: 11px;
    font-size: 1.142em; /*1.286em;*/
    font-size: 1.142rem; /*1.286rem;*/
  }

  .primary-menu > li > ul:after {
    _width: 128px;
  }
  /*
  .primary-menu li a span i
  {
    font-size: 1em;
    font-size: 1rem;
  }

  body.ru .primary-menu li a span i
  {
    font-size: 0.93em;
    font-size: 0.93rem;
  }*/

  .boxUL li,
  .boxUL li:last-of-type,
  .boxUL li a:before,
  .boxUL li:last-of-type a:before {
    height: 57px;
  }

    .boxUL li a,
    .boxUL li:last-of-type a {
      line-height: 57px;
    }

      .boxUL li:last-of-type,
      .boxUL li:last-of-type a:before {
        height: 58px;
      }

        .boxUL li:last-of-type a {
          line-height: 58px;
        }

/* .mail svg,*/
  .contact svg {
    top: 1px;
    width: 23px;
    height: 23px;
  }

  .big-slider-slide .pic {
    height: 279px;
  }

  .big-slider-slide .text .title {
    font-size: 22px;
  }

  .big-slider-control .control-left {
    background-position: 12px 14px;
  }

    .big-slider-control .control-left:hover {
      background-position: 12px -136px;
    }

  .big-slider-control .control-right {
    background-position: -100px 14px;
  }

    .big-slider-control .control-right:hover {
      background-position: -100px -136px;
    }

  .big-slider-control .control-seek {
    background-position: left 27px;
  }

  .big-slider-control .control-seek-box {
    margin: 14px 0 8px 0;
    width: 42px;
    height: 31px;
    background-position: left -4px;
  }

    .big-slider-control .control-seek:hover .control-seek-box,
    .big-slider-control .control-seek-box.pressed {
    }

  .widget-header {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -12px;
    padding-top: 28px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
  }

  .post-widget-pic .inner {
    left: -12px;
  }

  .widgets-area ul.directory li,
  .widgets-area ul li {
    background-position: left 2px;
  }

  .sub-footer {
    font-size: 80%;
  }

  .flip-sidebar .content-with-sidebar {
    left: 420px;
  }

  .flip-sidebar .sidebar {
    left: -840px;
  }

  .sidebar > div:first-child .widget-header {
    padding-top: 50px;
  }

  .page-h1-divider,
  hr {
    margin-left: -12px;
    margin-right: -12px;
  }

  .page-h1-divider {
    margin-top: 3px;
  }

  .post-big .post-head {
    margin-bottom: 24px;
  }

  .post-big .post-title-inner {
    _margin-left: 12px;
  }

  .no-touch .show-hover-link .after {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
  }

  .content-block.eat-left .content-title {
    padding-left: 12px;
  }

  /*.toggle-inner,*/
  .tabs-tabs,
  .biginfopane .text-block {
    font-size: 93%;
  }

  .pricing-column li {
    padding-left: 16px;
    padding-right: 16px;
  }

  /*#region Testimonials */
  .testimonials-block .controls {
    bottom: 12px;
    left: 12px;
  }
  /*#endregion*/

  .category h2 {
    font-size: 1.7rem;
  }

  body.it .category h2 {
    font-size: 1.57rem;
    line-height: 1.07;
  }

  .category span {
    font-size: 1.43rem;
  }

  .category img {
    width: 3.15rem;
  }

  .Subtopic img {
    width: 54px;
  }

  .product span .count {
    height: 28px;
    width: 28px;
  }

  .form.product .controls {
    height: 27px;
  }

    .form.product .controls a {
      width: 28px;
      height: 28px;
      line-height: 29px;
    }

  .block-header {
    height: 124px;
  }
  
  .pricing-column li.pricing-price,
  .pricing-column li:has(> span.price-comment),
  .pricing-column li.pricing-button {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*************************************/
/*************************************/
/*************************************/

@media only screen and /*!YUI*/(min-width: 768px) and /*!YUI*/(max-width: 1269px) {

  .cookieConsentText {
    max-width: 730px;
  }

  .video-embed .cookieConsentContent {
    padding: 0.5rem;
  }

  .video-embed .cookieConsentVideoHint {
    line-height: 1.2;
    margin: 0;
  }

  .video-embed .cookieConsentText {
    font-size: 0.7rem;
    line-height: 1.1;
    margin: 0.2rem 0;
  }

  .video-embed .cookieConsentButtons {
    margin-top: 0.5rem;
  }

  .video-embed .cookieConsentButtons a {
    font-size: 0.9rem;
    padding: 0.2rem 1rem;
  }

  .smallerSc2 {
    font-size: 93%;
  }
}

/*************************************/
/*************************************/
/*************************************/
/* default size => p1_metro.css */

@media only screen and /*!YUI*/(min-width: 980px) and /*!YUI*/(max-width: 1269px) {
  /*
  header
  {
    font-size: 0.93em;
    font-size: 0.93rem;
  }

  body.ru header
  {
    font-size: 0.86em;
    font-size: 0.86rem;
  }
  */

  .big-slider-slide .pic {
    height: 213px;
  }

  /* HS removed because disturbs default sizes in p1_metro */
  /* 110% zoom fix */
  /*
    .webkit .block-1
    {
        width:95.99px;
    }
  */

  .post-small .post-big-pic-text {
    font-size: 150%;
    line-height: 130%;
  }

  /* can be moved also to metro.css standard but in that case responsive.css > 1024 px must be all changed */
  .button.size-xlarge,
  a.button.size-xlarge {
    padding: 12px;
  }

  body.en .primary-menu > li:nth-child(4) > ul.sub-menu {
    left: -65px;
  }

  body.en .primary-menu > li:nth-child(5) > ul.sub-menu {
    left: -28px;
  }

  body.de .primary-menu > li:nth-child(4) > ul.sub-menu {
    left: -67px;
  }

  body.de .primary-menu > li:nth-child(5) > ul.sub-menu {
    left: -18px;
  }

  body.es .primary-menu > li:nth-child(4) > ul.sub-menu {
    left: -171px;
  }

  body.es .primary-menu > li:nth-child(5) > ul.sub-menu {
    left: -39px;
  }

  .block-header {
    height: 116px;
  }
}

/* Note: Design for a width of 768px */

@media only screen and /*!YUI*/(min-width: 768px) and /*!YUI*/(max-width: 979px) {
  html,
  body {
    font-size: 9pt;
    line-height: 12pt;
    /*font-size: 11px;*/
    /*line-height:16px;*/
  }

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

  /*#region Grid Layout*/

  .container {
    width: 756px;
  }

  .block-1,
  .block-2,
  .block-3,
  .block-4,
  .block-5,
  .block-6,
  .block-7 {
    margin: 3px;
    float: left;
    position: relative;
  }

  .block-1 {
    width: 78px;
  }

    .block-1.no-mar {
      width: 84px;
    }

  .block-2 {
    width: 162px;
  }

    .block-2.no-mar {
      width: 168px;
    }

  .block-3 {
    width: 246px;
  }

    .block-3.no-mar {
      width: 252px;
    }

  .block-4 {
    width: 330px;
  }

    .block-4.no-mar {
      width: 336px;
    }

  .block-5 {
    width: 414px;
  }

    .block-5.no-mar {
      width: 420px;
    }

  .block-6 {
    width: 498px;
  }

    .block-6.no-mar {
      width: 504px;
    }

  .block-7 {
    width: 582px;
  }

    .block-7.no-mar {
      width: 588px;
    }

  .block-8 {
    width: 666px;
  }

    .block-8.no-mar {
      width: 672px;
    }

  .block-full {
    margin: 3px;
  }

  .block-h-half {
    height: 36px;
  }

  .block-h-1 {
    height: 78px;
  }

    .block-h-1.no-mar {
      height: 84px;
    }

  .block-h-menu {
    height: 46px;
  }

  .block-h-2 {
    height: 162px;
  }

    .block-h-2.no-mar {
      height: 168px;
    }

  .block-h-3 {
    height: 246px;
  }

    .block-h-3.no-mar {
      height: 252px;
    }

  .block-inner {
    padding: 6px;
  }

  .eat-margins {
    margin: -6px;
  }

  .eat-outer-margins {
    margin: 0 -3px;
  }

  .move-left {
    left: -6px;
  }

  .move-right {
    left: 6px;
  }

  .eat-left {
    margin-left: -6px;
  }

  .eat-right {
    margin-right: -6px;
  }

  .sub-menu {
    padding-top: 6px;
  }

  /*#endregion*/


  /*#preHeader,
  body.ru header {
    font-size: 0.85em;
    font-size: 0.85rem;
  }*/

  .primary-menu > li > a > span {
    left: 4px;
    right: 1px;
    bottom: 5px;
  }

  .primary-menu > li > a > span {
    /*font-size: /*1.286em;*/
    /*font-size: /*1.286rem;*/
  }

  body.ru .primary-menu > li > a > span {
    font-size: 0.928em;
    font-size: 0.928rem;
  }

  /*
  .primary-menu li a span i
  , body.ru .primary-menu li a span i
  {
    font-size: 0.786em;
    font-size: 0.786rem;
  } */

  .primary-menu > li > a:hover {
    border-width: 3px;
    background-position: 50% 115%;
  }

  .primary-menu div.alt-text {
  }

  .primary-menu > li > ul {
    _margin-top: 6px;
  }

  .primary-menu li ul a {
    _padding: 0 50px 0 9px;
  }

  .primary-menu > li > ul:after {
    _width: 78px;
  }

  /*
    .sub-footer-divider
    {
        margin:-3px 0;
    }
  */

  .boxUL li,
  .boxUL li:last-of-type,
  .boxUL li a:before,
  .boxUL li:last-of-type a:before {
    height: 48px;
  }

    .boxUL li a,
    .boxUL li:last-of-type a {
      line-height: 48px;
    }

  .big-slider {
    margin: -3px;
  }

  .big-slider-slide .text .title {
    font-size: 13px;
    padding: 0;
  }

  .big-slider-slide .text .text-text {
    line-height: 110%;
  }

  .big-slider-control {
    height: 42px;
  }

    .big-slider-control .control-left,
    .big-slider-control .control-right {
      width: 76px;
    }

    .big-slider-control .control-seek {
      display: none;
    }

  .blocks-same-height-wrapper {
    margin: 3px -3px;
    padding: 3px 0;
  }

  .blocks-same-height {
    border-spacing: 6px;
    margin: -9px 0;
  }

  .widget-header {
    margin-left: -6px;
    margin-right: -6px;
    margin-top: -6px;
    padding-top: 22px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
  }

  .post-widget-pic .inner {
    left: -6px;
  }

  .widgets-area ul.directory li,
  .widgets-area ul li {
    background-position: left 1px;
    background-size: 8px 13px;
    padding-left: 15px;
  }

  .sub-footer {
    font-size: 90%;
  }

  .flip-sidebar .content-with-sidebar {
    left: 252px;
  }

  .flip-sidebar .sidebar {
    left: -504px;
  }

  .sidebar > div:first-child .widget-header {
    padding-top: 44px;
  }

  .page-h1-divider,
  hr {
    margin-left: -6px;
    margin-right: -6px;
  }

  .post-big .post-head {
    _margin-bottom: 6px;
  }

  .post-big .post-title-inner {
    _margin-left: 6px;
  }

  .post-small .post-big-pic-text {
    font-size: 150%;
    line-height: 130%;
  }

  .category h2 {
    font-size: 1.34rem;
  }

  .category span {
    font-size: 1.16rem;
    margin-top: 0.2rem;
  }

  .category span {
    width: 185px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .category img {
    width: 30px;
  }

  .Subtopic img {
    width: 32px;
  }

  .Subtopic h2 {
    font-size: 1.4em;
    font-size: 1.44rem;
  }

  /*#region Testimonials */
  .testimonials-block .controls {
    bottom: 6px;
    left: 6px;
  }
  /*#endregion*/

  .button.size-xlarge,
  a.button.size-xlarge {
    padding: 12px;
  }

    .button.size-xlarge .button-title, a.button.size-xlarge .button-title {
      margin-bottom: 4px !important;
    }

    .button.size-xlarge.icon {
      padding-left: 70px !important;
      background-size: 30px 30px !important;
      background-position: 20px center !important;
    }

  .button.size-medium.icon {
    padding: 5px;
    padding-left: 27px;
    background-size: 15px 15px !important;
    background-position: 6px center !important;
  }

  .Product .last img.img-right {
    width: 228px;
  }

  .product span .count {
    height: 25px;
    width: 25px;
  }

  .form.product .controls {
    height: 24px;
  }

    .form.product .controls a {
      width: 25px;
      height: 25px;
      line-height: 26px;
    }

  .block-header {
    height: 111px;
  }

  .menuButton .menu .qrcode.show,
  .menuButton .menu .qrcodeButton {
    display: none;
  }

  .cookieConsentText {
    max-width: 560px;
  }

  .video-embed .cookieConsentContent {
    padding: 0.3rem;
  }

    .video-embed .cookieConsentContent .icon {
      font-size: 170%;
      padding-right: 0.75rem;
    }

  .video-embed .cookieConsentVideoHint {
    font-size: 0.9rem;
    line-height: 1.1;
    margin: 0;
  }

  .video-embed .cookieConsentButtons {
    margin-top: 0.25rem;
  }

  .smallerSc1 {
    font-size: 90%;
  }

  .smallerSc2 {
    font-size: 85%;
  }
  
  .button.size-medium.icon {
    padding: 5px;
    background-size: 15px 15px !important;
    background-position: 15px center !important;
  }
  
  a.button.button-contact {
    padding: 5px 3px;
  }
}

/*************************************/
/*************************************/
/*************************************/

/* Note: Design for a width of 480px & 320px */

@media only screen and /*!YUI*/(max-width: 767px) {
  html,
  body {
    font-size: 9pt;
    line-height: 13.5pt;
    /* font-size:12px; */
    /* line-height:18px; */
  }

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

  .anti-mar {
    display: none;
  }

  .one-half,
  .one-third,
  .two-third,
  .one-fourth,
  .three-fourth,
  .one-fifth,
  .two-fifth,
  .three-fifth,
  .four-fifth,
  .one-sixth,
  .five-sixth,
  .two-ninth,
  .seven-ninth {
    float: none;
    margin: 0;
    width: auto;
  }

  /*#region Grid Layout*/

  .block-1,
  .block-1.no-mar,
  .block-2,
  .block-2.no-mar,
  .block-3,
  .block-3.no-mar,
  .block-4,
  .block-4.no-mar,
  .block-5,
  .block-5.no-mar,
  .block-6,
  .block-6.no-mar,
  .block-7,
  .block-7.no-mar,
  .block-8,
  .block-8.no-mar,
  .block-full,
  .block-full.no-mar {
    width: auto;
    float: none;
    margin: 12px 0;
  }

  .blocks-same-height > .block-1,
  .blocks-same-height > .block-2,
  .blocks-same-height > .block-3,
  .blocks-same-height > .block-4,
  .blocks-same-height > .block-5,
  .blocks-same-height > .block-6,
  .blocks-same-height > .block-7,
  .blocks-same-height > .block-8,
  .blocks-same-height > .block-full {
    display: block;
  }

  .block-h-half,
  .block-h-1,
  .block-h-1.no-mar,
  .block-h-2,
  .block-h-2.no-mar,
  .block-h-3,
  .block-h-3.no-mar {
    height: auto;
  }

  .block-inner {
    padding: 12px;
  }

  .eat-margins {
    margin: -12px;
  }

  .eat-outer-margins {
    margin: 0;
  }

  .move-left {
    left: -12px;
  }

  .move-right {
    left: 12px;
  }

  .eat-left {
    margin-left: -12px;
  }

  .eat-right {
    margin-right: -12px;
  }

  /*#endregion*/

  .social {
    margin: 4px;
  }

  .primary-menu {
    display: none;
  }

  .linksBar {
    display: none;
  }

  #preHeader {
    margin-bottom: 0;
    line-height: 1.5;
  }

  .nav-path {
    /*line-height: 1.6;*/
    margin: 9px 0 -3px 0;
  }

  /* optional: make input field a little smaller for smart phones */
  /*
  input,
  textarea,
  select
  {
    font-size: 1.0em;
    font-size: 1.0rem;
  }
  optgroup {
  font-size: 1.0em;
  font-size: 1.0rem;
  }
  */

  div.footer,
  .sub-footer,
  .credits,
  .terms {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sub-footer-column-1,
  .sub-footer-column-2,
  .sub-footer-column-3 {
    text-align: center;
    float: none;
    margin: 0;
    width: auto;
  }

  #logo-pane {
    display: none;
  }

  #logo-pane-small {
    display: block;
  }

  .footer h1,
  .footer h2,
  .footer h3,
  .footer h4 {
    margin-bottom: 6px;
  }

  /* Big Slider */

  .big-slider {
    margin: 0;
  }

  .big-slider-slide {
    float: left;
    margin: 0;
  }

  .big-slider-control {
    height: 42px;
  }

    .big-slider-control .control-left,
    .big-slider-control .control-right {
      width: 76px;
    }

    .big-slider-control .control-seek {
      display: none;
    }

  .blocks-same-height-wrapper {
    padding: 0;
    margin: 0;
  }

  .blocks-same-height {
    margin: 0;
    display: block;
  }

  .widget-header {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .post-widget-pic {
    width: 33%;
  }

    .post-widget-pic .inner {
      left: -12px;
    }

  .flip-sidebar .content-with-sidebar,
  .flip-sidebar .sidebar {
    left: 0;
  }

  .sidebar > div:first-child .widget-header {
    padding-top: 26px;
  }

  .tbl-bottom,
  .tbl-bottom .tbl-td {
    display: block;
    width: auto;
  }

  .page-h1-divider,
  hr {
    margin-left: -12px;
    margin-right: -12px;
  }

  .post-tbl,
  .post-big .post-pic,
  .post-big .post-data {
    display: block;
  }

  .post-big .post-pic {
    margin-bottom: 16px;
  }

    .post-big .post-pic .block-inner {
      border: 0;
      padding: 0;
      left: 0;
    }

  .post-big .float-right {
    float: none;
  }

  .post-big .post-date {
    float: none;
    width: 64px;
  }

  .News .post-pic {
    padding-right: 0;
  }

  /*#region Testimonials */

  .testimonials-block .item-inner,
  .testimonials-block .item .name-qo,
  .testimonials-block .item .pic,
  .testimonials-block .item .text,
  .testimonials-block .item .name-qo-inner,
  .testimonials-block .item .name,
  .testimonials-block .item .qo {
    display: block;
    width: auto;
  }

  .testimonials-block .item .qo {
    text-align: left;
    padding: 0;
    position: relative;
    top: 6px;
  }

  .testimonials-block .item .pic {
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 72px;
  }

  .testimonials-block .item.with-pic .name-qo {
    min-height: 72px;
    padding-right: 84px;
  }

  .testimonials-block.multi-items .name-qo .block-inner {
    padding-bottom: 12px;
  }

  .testimonials-block.multi-items .text {
    padding-bottom: 34px;
  }

  .content-with-sidebar .testimonials-block .item.no-pic .text .block-inner,
  .content-without-sidebar .testimonials-block .item.no-pic .text .block-inner {
    padding-left: 12px;
  }

  .testimonials-block .controls {
    bottom: 12px;
    left: 12px;
  }

  /*#endregion*/

  .biginfopane .inner,
  .biginfopane .text-block,
  .biginfopane .button-block {
    display: block;
    text-align: center;
  }

  .biginfopane .button-block {
    padding-top: 0;
  }

  .pricing-table {
    display: block;
  }

  .pricing-column {
    margin: 16px 0;
    float: none;
    display: block;
  }

  .pricing-table .pricing-button a.button.icon {
    min-width: 42px;
    margin: 0 auto !important;
    display: inline-block !important;
  }

  .tabs-control,
  .tabs-control li {
    display: block;
  }

    .tabs-control li a {
      border-bottom: 0;
    }

  .form label {
    display: inline-block;
    text-align: left;
    min-width: 20em;
    padding: 3px 0 0 1px;
  }

  .form.product.toggle div.item {
    margin-left: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
  }

  h1.page-h1 {
    font-size: 1.75em;
    font-size: 1.75rem;
  }

  .category h2 {
    font-size: 1.8rem;
  }

  .category span {
    font-size: 1.5rem;
  }

  .category img {
    width: 40px;
  }

  .post-big-thumb img {
    width: 100%;
  }

  .Product .side-text h2 {
    border: none;
  }

  .Product .content-block > .one-fourth {
    margin-bottom: 1.4rem;
  }

  .Product .last {
    margin-bottom: 1rem;
  }

  .Product .side-text div {
    float: right;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
  }

    .Product .side-text div.icon {
      float: left;
    }

    .Product .side-text div p:first-child {
      margin-top: 0;
    }

  .PIBlock .side-text br {
    display: none;
  }

  .PIBlock .side-text p.linkgroup,
  .PIBlock .side-text div {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline-block;
  }

    .PIBlock .side-text div.icon {
      float: left;
    }

    .PIBlock .side-text div p:first-child {
      margin-top: 0;
    }

  .PIBlock h2.top {
    margin-top: 0.5em;
  }

  .PIBlock .side-text {
    text-align: left;
  }

    .PIBlock .side-text .clearfix {
      width: 100%;
      min-height: 1px;
      display: block;
      margin: 0;
      padding: 0;
    }

  .table-confirmation tr td:first-child {
    width: 8em;
  }

  .product span .count:disabled {
    display: none;
  }
  /* Order form */
  .form.product input[readonly] {
    margin-left: 0;
  }

  .form.product .controls {
    margin-left: 0;
    margin-top: 0.5em;
    height: 24px;
  }

  .product span .count {
    height: 25px;
    width: 22px;
  }

  .form.product .controls a {
    width: 20px;
    height: 25px;
    line-height: 26px;
  }

  .hideonmobile {
    display: none;
  }

    .hideonmobile.edit-status {
      display: inline;
      color: silver;
    }

  .showonmobile {
    display: inline;
  }

    .showonmobile.edit-status {
      color: inherit;
    }

  .block-logo {
    height: 120px;
  }

  .menuButton .menu .qrcode.show,
  .menuButton .menu .qrcodeButton {
    display: none;
  }

  .playVideo {
    display: none;
  }

  .video-embed .cookieConsentVideoHint {
     margin: 0;
  }
  .video-embed .cookieConsentVideoHint,
  .video-embed .cookieConsentButtons a {
    font-size: 1.3rem;
  }

  .cookieConsent {
    /*position: initial;*/
    /*box-shadow: 0 0 0 0 #000;*/
  }

  .cookieConsentButtons {
    padding-bottom: 0.5rem;
  }

  .pricing-table {
    display: block;
  }

  .pricing-column {
    margin: 16px 0;
    float: none;
    display: block;
  }

  .pricing-column li {
    text-align: center;
  }

  a.button.button-contact {
    min-width: 42px;
    margin: 0 auto !important;
    display: inline-block !important;
  }

  .pricing-column .pricing-button .button.icon,
  .pricing-column .pricing-button a.button.icon {
    padding-left: 36px;
  }

  .checklist {
    flex-direction: column;
    gap: 12px;
  }
}

/*************************************/
/*************************************/
/*************************************/

/* Note: Design for a width of 480px */

@media only screen and /*!YUI*/(min-width: 480px) and /*!YUI*/(max-width: 767px) {
  .container {
    width: 480px;
  }

  .big-slider-slide {
    width: 480px;
    height: 428px;
  }

    .big-slider-slide .pic {
      height: 328px;
    }

    .big-slider-slide .text {
      height: 100px;
    }

  .column h1 {
    font-size: 1.1em;
    font-size: 1.1rem;
    text-transform: none;
  }

  .Block .last img.img-right,
  .Product .last img.img-right {
    width: 50%;
    margin-right: 0;
  }
}

/*************************************/
/*************************************/
/*************************************/

/* Note: Design for a width of 320px */

@media only screen and /*!YUI*/(max-width: 479px) {
  .container {
    width: 320px;
  }

  .big-slider-slide {
    width: 320px;
    height: 338px;
  }

    .big-slider-slide .pic {
      height: 218px;
    }

    .big-slider-slide .text {
      height: 120px;
    }

  .product span > select {
    min-width: 15em;
    max-width: 17em;
  }

  .form.product .toggle-inner {
    padding: 1px 5px 1px 13px;
  }

  .form select {
    max-width: 19em;
  }

  .form .item > span > select {
    min-width: 1em !important;
  }

  .form input {
    max-width: 19em;
  }

  .column h1 {
    font-size: 1em;
    font-size: 1rem;
    text-transform: none;
  }

  .column h2, .column h3 {
    font-size: 1em;
    font-size: 1rem;
  }

  .category h2 {
    font-size: 1.7rem;
  }

  .category span {
    font-size: 1.4rem;
  }

  .category img {
    width: 37px;
  }

  .table-confirmation td {
    padding: 0.25em 0.35em;
  }

  .Product .side-text,
  .Product .last img.img-right {
    width: 100%;
    margin: 0 0 1rem 0;
  }

  #download .custom-table-wrapper tr th:nth-child(3),
  #download .custom-table-wrapper tr td:nth-child(3) {
    display: none;
  }

  #download .custom-table-wrapper tr th {
    width: 33%;
  }

  #download .custom-table-wrapper a.button {
    margin: 0 !important;
  }

  .video-embed .cookieConsentVideoHint,
  .video-embed .cookieConsentButtons a {
    font-size: 1rem;
  }

  .video-embed .cookieConsentText {
    line-height: 1.25;
    margin: 0.25rem 0 !important;
  }
}