/**********************************************************************
 * 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*/