* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-kerning: normal;
  -moz-font-kerning: normal;
  -ms-font-kerning: normal;
  -o-font-kerning: normal;
  font-kerning: normal; }

html {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: 'HT', 'Helvetica Neue', Arial, sans-serif;
  background: #333;
  background: #fff; }

body {
  background: #fff; }


sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

a {
  color: #e20074;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

img {
  max-width: 100%; }

a img,
fieldset {
  border: 0; }

.magenta {
  color: #e20074; }

@media only screen and (min-width: 800px) {
  .shortdesc {
    display: none; } }

.longdesc {
  display: none; }
  @media only screen and (min-width: 800px) {
    .longdesc {
      display: inline; } }

.gallery-nav-and-blowup:after,
.page-header:after,
.grid:after,
#header:after,
#content:after,
#section-nav:after,
.tabs-simple:after,
.tabs-simple ul:after,
.box-group:after,
.section:after,
.section-header:after,
.list-icons:after,
.subsection:after,
.list-entities li:after,
.list-icons ul:after,
.list-key-numbers ul:after,
.list-index ul:after,
.history-timeline ul:after,
#social-networks-links ul:after,
#footer:after {
  content: '';
  display: table;
  clear: both; }

.grid {
  max-width: 960px;
  margin: 0 auto; }

.pipe {
  padding: 0 .5em;
  opacity: .5; }

.hidden {
  display: none; }

.skipper {
  position: absolute;
  left: -9999px; }

.center {
  text-align: center; }

.read-more {
  cursor: pointer; }

/*** HEADER / FOOTER ***/
#header {
  /* border-bottom: 1px solid $xeee; */
  background: #f2f2f2;
  position: relative; }

.footer {
  color: #fff;
  background: #e20074;
  text-align: center;
  width: 100%; }
  .footer .grid {
    padding-top: 24px;
    padding-top: 1.5rem; }
  .footer p {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  .footer a {
    color: #fff; }
  .footer a:hover,
  .footer a:focus {
    text-decoration: none; }
  .footer .pipe {
    display: block;
    visibility: hidden; }
  @media only screen and (min-width: 600px) {
    .footer .pipe {
      display: inline;
      visibility: visible; } }

#social-networks-links {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  #social-networks-links ul {
    width: 100%;
    display: inline;
    display: inline-block;
    text-align: center;
    margin: 0 auto; }
  #social-networks-links li {
    list-style: none;
    display: inline;
    display: inline-block;
    margin: 12px 24px;
    margin: 0.75rem 1.5rem; }
  #social-networks-links li a {
    display: block;
    width: 36px;
    height: 36px;
    background: url("i/icons/social-white.png") no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      #social-networks-links li a {
        background-image: url("i/icons/social-white-@2x.png");
        background-size: 375px 36px; } }
  #social-networks-links li#footer-link-fb a {
    background-position: 0 0; }
  #social-networks-links li#footer-link-tw a {
    background-position: -36px 0; }
  #social-networks-links li#footer-link-gg a {
    background-position: -72px 0; }
  #social-networks-links li#footer-link-yt a {
    background-position: -108px 0;
    width: 48px; }
  #social-networks-links li#footer-link-in a {
    background-position: -156px 0; }
    #social-networks-links li#footer-link-ig a {
    background-position: -192px 0; }
 #social-networks-links li#footer-link-tp a {
    background-position: -228px 0;width: 148px; }
  @media only screen and (min-width: 600px) {
    @supports (display: -webkit-flex) or (display: flex) {
      #social-networks-links ul {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center; }
      #social-networks-links li {
        flex-wrap: -webkit-wrap;
        flex-wrap: wrap;
        min-width: 36px; } } }

/*** NAVIGATION ELEMENTS ***/
.nav li {
  list-style: none; }

.nav li a {
  color: #000;
  display: block;
  text-decoration: none;
  padding: 12px 24px;
  padding: 0.75rem 1.5rem; }

.more-link,
.top-link,
.load-more {
  text-transform: uppercase; }

.top-link a,
li.more-link a,
li.load-more a {
  color: #e20074; }

.top-link a {
  font-weight: normal; }

#logo a {
  display: block;
  width: 184px; }
  @media only screen and (max-width: 749px) {
    #logo a {
      padding: 12px;
      padding: 0.75rem; } }
  @media only screen and (min-width: 750px) and (max-width: 959px) {
    #logo a {
      padding-top: 24px;
      padding-top: 1.5rem; } }
  @media only screen and (min-width: 960px) {
    #logo a {
      padding: 21px 0; } }
  #logo a img {
    display: block;
    height: 30px;
    margin: 0; }
@media only screen and (min-width: 480px) and (max-width: 749px) {
  #logo {
    text-align: center; }
    #logo img {
      margin: 0 auto; } }
@media only screen and (min-width: 750px) {
  #logo {
    float: left; } }

#main-nav {
  display: block; }
  #main-nav ul {
    float: left;
    display: inline;
    width: 100%;
    text-align: left;
    margin: 0 !important; }
  #main-nav li {
    border-top: 1px solid #e5e5e5; }
  @media only screen and (min-width: 290px) and (max-width: 479px) {
    #main-nav li {
      float: left;
      width: 50%;
      border-top: 1px solid #e5e5e5; } }
  @media only screen and (min-width: 480px) and (max-width: 749px) {
    #main-nav li {
      float: left;
      width: 25%;
      border-top: 1px solid #e5e5e5; } }
  @media only screen and (min-width: 750px) {
    #main-nav {
      float: right;
      width: auto !important; }
      #main-nav li {
        float: left;
        width: auto;
        display: inline;
        border: 0; } }

#section-nav {
  border-bottom: 1px solid #d0d0d0;
  position: relative;
  border-top: 2px solid #e20074; }
  #section-nav ul {
    float: left;
    display: inline;
    width: 100%;
    text-align: left;
    margin: 0 !important; }
  #section-nav li {
    border-top: 1px solid #e5e5e5; }
  #section-nav #logo-section {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .05em; }
    #section-nav #logo-section a {
      color: #000; }
    #section-nav #logo-section.current a {
      color: #e20074; }
  @media only screen and (min-width: 290px) and (max-width: 479px) {
    #section-nav li {
      float: left;
      width: 50%;
      border-top: 1px solid #e5e5e5; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    #section-nav li {
      display: inline-block;
      border: 0; }
    #section-nav #logo-section {
      display: none; } }
  @media only screen and (min-width: 600px) and (max-width: 749px) {
    #section-nav li {
      display: inline-block;
      border: 0; }
    #section-nav #logo-section {
      display: none; } }
  @media only screen and (min-width: 750px) {
    #section-nav ul {
      float: right !important;
      width: auto !important; }
    #section-nav li {
      float: left;
      width: auto;
      display: inline;
      border: 0; }
    #section-nav #logo-section {
      float: left; } }

#main-nav a,
#logo-section a,
#section-nav a {
  display: block;
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  white-space: nowrap; }
  #main-nav a:hover, #main-nav a:focus,
  #logo-section a:hover,
  #logo-section a:focus,
  #section-nav a:hover,
  #section-nav a:focus {
    color: #e20074; }
  @media only screen and (min-width: 479px) and (max-width: 599px) {
    #main-nav a,
    #logo-section a,
    #section-nav a {
      padding: 12px 12px;
      padding: 0.75rem 0.75rem; } }
  @media only screen and (min-width: 600px) and (max-width: 749px) {
    #main-nav a,
    #logo-section a,
    #section-nav a {
      padding: 12px 12px;
      padding: 0.75rem 0.75rem; } }
  @media only screen and (min-width: 750px) and (max-width: 959px) {
    #main-nav a,
    #logo-section a,
    #section-nav a {
      padding: 24px 12px;
      padding: 1.5rem 0.75rem; } }
  @media only screen and (min-width: 960px) {
    #main-nav a,
    #logo-section a,
    #section-nav a {
      padding: 24px 12px;
      padding: 1.5rem 0.75rem; } }

@media only screen and (min-width: 480px) {
  #logo-section a {
    padding-left: 0 !important; } }
#main-nav li.current a,
#section-nav li.current a {
  color: #e20074; }

.link-lang a {
  text-indent: -9999px;
  overflow: hidden;
  background: no-repeat 50% 50%; }
  @media only screen and (max-width: 749px) {
    .link-lang a {
      background-position: 12px 50%; } }
.link-lang#link-lang-en a {
  background-image: url(i/icons/nav-world-black.png); }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .link-lang#link-lang-en a {
      background-image: url("i/icons/nav-world-black-@2x.png");
      background-size: 32px 16px; } }
.link-lang#link-lang-hr a {
  background-image: url(i/icons/nav-hr-black.png); }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .link-lang#link-lang-hr a {
      background-image: url("i/icons/nav-hr-black-@2x.png");
      background-size: 18px 18px; } }
.link-lang#link-lang-en a:hover {
  background-image: url(i/icons/nav-world-magenta.png); }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .link-lang#link-lang-en a:hover {
      background-image: url("i/icons/nav-world-magenta-@2x.png");
      background-size: 32px 16px; } }
.link-lang#link-lang-hr a:hover {
  background-image: url(i/icons/nav-hr-magenta.png); }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .link-lang#link-lang-hr a:hover {
      background-image: url("i/icons/nav-hr-magenta-@2x.png");
      background-size: 18px 18px; } }
@media only screen and (min-width: 750px) {
  .link-lang {
    width: 60px !important; } }

#link-search a {
  text-indent: -9999px;
  overflow: hidden;
  background: no-repeat 66% 50%;
  background-image: url(i/icons/nav-search.png); }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    #link-search a {
      background-image: url("i/icons/nav-search-@2x.png");
      background-size: 16px 16px; } }
  @media only screen and (max-width: 749px) {
    #link-search a {
      background-position: 12px 50%; } }
  @media only screen and (min-width: 750px) {
    #link-search a {
      width: 30px !important; } }
  #link-search a:hover {
    background-image: url(i/icons/nav-search-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      #link-search a:hover {
        background-image: url("i/icons/nav-search-magenta-@2x.png");
        background-size: 16px 16px; } }

#search-global {
  clear: both;
  width: 100%;
  z-index: 1001; }
  #search-global .pseudo-form {
    max-width: 960px;
    margin: 0 auto; }
    #search-global .pseudo-form fieldset {
      width: 100%; }
      #search-global .pseudo-form fieldset .field {
        width: 100%;
        float: left;
        box-sizing: border-box;
        margin-right: -202px;
        padding-right: 202px; }
        @media (max-width: 479px) {
          #search-global .pseudo-form fieldset .field {
            margin-right: -62px;
            padding-right: 62px; } }
    #search-global .pseudo-form .button {
      width: 200px;
      float: right; }
      @media (max-width: 479px) {
        #search-global .pseudo-form .button {
          width: 60px;
          padding: 8px 12px; } }
      #search-global .pseudo-form .button .button-label {
        display: block; }
        @media (max-width: 479px) {
          #search-global .pseudo-form .button .button-label {
            text-indent: -9999px;
            background-image: url(i/icons/search-white.png);
            /* @include image-2x('i/icons/nav-search-@2x.png', 16px, 16px); */
            background-repeat: no-repeat;
            background-position: center center;
            width: 32px;
            height: 32px; } }
    #search-global .pseudo-form .input-text {
      width: 100%;
      min-width: 150px; }
    @media (max-width: 599px) {
      #search-global .pseudo-form {
        padding: 6px 12px;
        padding: 0.375rem 0.75rem; } }

.current {
  font-weight: bold; }

#board-members-links .current a {
  color: #000; }

#link-menu-shortcut {
  position: fixed;
  top: 0px;
  top: 0rem;
  right: 3px;
  right: 0.1875rem;
  z-index: 1000;
  width: 50px; }
  @media only screen and (min-width: 600px) {
    #link-menu-shortcut {
      top: 12px;
      top: 0.75rem;
      right: 8px;
      right: 0.5rem; } }

#link-menu-shortcut a {
  display: block;
  float: right;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: url(i/icons/hamburger.png) no-repeat 50% 50%;
  text-indent: -9999px;
  outline: none;
  text-transform: uppercase; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    #link-menu-shortcut a {
      background-image: url("i/icons/hamburger-@2x.png");
      background-size: 16px 13px; } }

.inline-nav {
  text-align: center; }
  .inline-nav ul {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    background: #f2f2f2;
    margin: 0 auto;
    margin-top: 24px;
    margin-top: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  .inline-nav li {
    float: left;
    border-left: 1px solid #d0d0d0; }
    .inline-nav li a {
      display: block;
      font-size: 12px;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: .01em;
      padding: 12px 32.0px;
      padding: 0.75rem 2.0rem;
      -webkit-box-shadow: inset 0 0 0 1px #fff;
      -moz-box-shadow: inset 0 0 0 1px #fff;
      -ms-box-shadow: inset 0 0 0 1px #fff;
      -o-box-shadow: inset 0 0 0 1px #fff;
      box-shadow: inset 0 0 0 1px #fff;
      text-shadow: 0 1px 0 #fff; }
      .inline-nav li a:hover, .inline-nav li a:focus {
        -webkit-box-shadow: inset 0 0 1px 1px #4b4b4b;
        -moz-box-shadow: inset 0 0 1px 1px #4b4b4b;
        -ms-box-shadow: inset 0 0 1px 1px #4b4b4b;
        -o-box-shadow: inset 0 0 1px 1px #4b4b4b;
        box-shadow: inset 0 0 1px 1px #4b4b4b;
        color: #fff;
        background: #7c7c7c;
        text-shadow: 0 -1px 0 #4b4b4b; }
      .inline-nav li a:active {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-box-shadow: inset 0 2px 1px 1px #4b4b4b;
        -moz-box-shadow: inset 0 2px 1px 1px #4b4b4b;
        -ms-box-shadow: inset 0 2px 1px 1px #4b4b4b;
        -o-box-shadow: inset 0 2px 1px 1px #4b4b4b;
        box-shadow: inset 0 2px 1px 1px #4b4b4b; }
    .inline-nav li:first-child {
      border: 0; }
      .inline-nav li:first-child a {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -ms-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px; }
    .inline-nav li:last-child a {
      -webkit-border-radius: 0 4px 4px 0;
      -moz-border-radius: 0 4px 4px 0;
      -ms-border-radius: 0 4px 4px 0;
      -o-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0; }
    .inline-nav li:first-child:last-child a {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
  @media only screen and (max-width: 599px) {
    .inline-nav ul {
      width: 100%; }
    .inline-nav li {
      width: 100%;
      border: 0;
      border-top: 1px solid #d0d0d0; }
    .inline-nav li a {
      display: block;
      padding: 8px 12px;
      padding: 0.5rem 0.75rem; }
    .inline-nav li:first-child a {
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      -o-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0; }
    .inline-nav li:last-child a {
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -ms-border-radius: 0 0 4px 4px;
      -o-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px; }
    .inline-nav li:first-child:last-child a {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; } }
  @media only screen and (min-width: 600px) and (max-width: 959px) {
    .inline-nav li {
      border: 0; }
      .inline-nav li a,
      .inline-nav li a:hover,
      .inline-nav li a:focus,
      .inline-nav li a:active {
        color: #444;
        text-shadow: 0 1px 0 #fff;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none; } }
  @media only screen and (min-width: 960px) {
    .header-image .inline-nav ul {
      -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.25);
      -ms-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.25);
      -o-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.25); } }

.tabs-simple {
  text-align: center; }
  .tabs-simple li {
    float: left; }
    .tabs-simple li a {
      display: block;
      font-size: 12px;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: .01em;
      padding: 12px 32.0px;
      padding: 0.75rem 2.0rem;
      -webkit-box-shadow: inset 0 0 0 1px #fff;
      -moz-box-shadow: inset 0 0 0 1px #fff;
      -ms-box-shadow: inset 0 0 0 1px #fff;
      -o-box-shadow: inset 0 0 0 1px #fff;
      box-shadow: inset 0 0 0 1px #fff;
      text-shadow: 0 1px 0 #fff; }
  @media only screen and (max-width: 599px) {
    .tabs-simple ul {
      display: inline-block;
      width: 100%;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
      -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
      -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
      background: #f2f2f2;
      margin: 0 auto;
      margin-top: 24px;
      margin-top: 1.5rem;
      margin-bottom: 24px;
      margin-bottom: 1.5rem; }
    .tabs-simple li {
      width: 100%;
      border: 0;
      border-top: 1px solid #d0d0d0; }
      .tabs-simple li a {
        padding: 8px 12px;
        padding: 0.5rem 0.75rem; }
        .tabs-simple li a:hover, .tabs-simple li a:focus {
          -webkit-box-shadow: inset 0 0 1px 1px #4b4b4b;
          -moz-box-shadow: inset 0 0 1px 1px #4b4b4b;
          -ms-box-shadow: inset 0 0 1px 1px #4b4b4b;
          -o-box-shadow: inset 0 0 1px 1px #4b4b4b;
          box-shadow: inset 0 0 1px 1px #4b4b4b;
          color: #fff;
          background: #7c7c7c;
          text-shadow: 0 -1px 0 #4b4b4b; }
        .tabs-simple li a:active {
          -webkit-transition: none;
          -moz-transition: none;
          -ms-transition: none;
          -o-transition: none;
          transition: none;
          -webkit-box-shadow: inset 0 2px 1px 1px #4b4b4b;
          -moz-box-shadow: inset 0 2px 1px 1px #4b4b4b;
          -ms-box-shadow: inset 0 2px 1px 1px #4b4b4b;
          -o-box-shadow: inset 0 2px 1px 1px #4b4b4b;
          box-shadow: inset 0 2px 1px 1px #4b4b4b; }
      .tabs-simple li:first-child {
        border: 0; }
        .tabs-simple li:first-child a {
          -webkit-border-radius: 4px 4px 0 0;
          -moz-border-radius: 4px 4px 0 0;
          -ms-border-radius: 4px 4px 0 0;
          -o-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0; }
      .tabs-simple li:last-child a {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px; }
      .tabs-simple li:first-child:last-child a {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px; } }
  @media only screen and (min-width: 600px) {
    .tabs-simple ul {
      border-bottom: 1px solid #d0d0d0; }
    .tabs-simple li {
      position: relative;
      margin: 0 2px -1px 0;
      background: #f2f2f2;
      border: 1px solid #d0d0d0;
      border-bottom-color: #d0d0d0;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      -o-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0; }
      .tabs-simple li.current {
        border-bottom-color: #fff;
        background: #fff;
        font-weight: normal; }
      .tabs-simple li a {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0; } }

/*** BASIC TYPOGRAPHY ***/
h1, h2, h3, h4, dt {
  font-weight: normal; }

h3 {
  font-weight: bold; }

h1, h2, h4, dt {
  text-transform: uppercase; }

h1, h2, h3 {
  margin-bottom: 6px;
  margin-bottom: 0.375rem; }

h4, dt {
  margin-bottom: 0; }

h2 + h3, h2 + h4, h3 + h4 {
  margin-top: 12px;
  margin-top: 0.75rem; }

h4,
dt,
.section-header p,
.grid-multicolumn,
.grid-readability,
.article {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem; }

h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem; }

h2 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem; }

h1,
.xxl {
  font-family: Headline, sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem; }

.xxxl,
.xxxxl {
  font-family: Headline, sans-serif;
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  line-height: 3rem; }

.xxxxxl {
  font-family: Headline, sans-serif;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 55.92px;
  line-height: 3.495rem; }

@media only screen and (min-width: 480px) and (max-width: 699px) {
  h1, h2, h3 {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }

  h3,
  .section-header p {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 24px;
    line-height: 1.5rem; }

  h2 {
    font-family: Headline, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem; }

  h1,
  .xxl {
    font-family: Headline, sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 36px;
    line-height: 2.25rem; }

  .xxxl {
    font-family: Headline, sans-serif;
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem; }

  .xxxxl {
    font-family: Headline, sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 55.92px;
    line-height: 3.495rem; }

  .xxxxxl {
    font-family: Headline, sans-serif;
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 66px;
    line-height: 4.125rem; } }
@media only screen and (min-width: 700px) and (max-width: 959px) {
  h1, h2, h3 {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }

  h3,
  .section-header p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem; }

  h2 {
    font-family: Headline, sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 36px;
    line-height: 2.25rem; }

  h1,
  .xxl {
    font-family: Headline, sans-serif;
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem; }

  .xxxl {
    font-family: Headline, sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 55.92px;
    line-height: 3.495rem; }

  .xxxxl {
    font-family: Headline, sans-serif;
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 66px;
    line-height: 4.125rem; }

  .xxxxxl {
    font-family: Headline, sans-serif;
    font-size: 96px;
    font-size: 6rem;
    line-height: 90px;
    line-height: 5.625rem; } }
@media only screen and (min-width: 960px) {
  h1, h2, h3 {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }

  .grid-multicolumn,
  .grid-readability,
  .article {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 24px;
    line-height: 1.5rem; }

  h3,
  .section-header p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem; }

  h2 {
    font-family: Headline, sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 36px;
    line-height: 2.25rem; }

  h1,
  .xxl {
    font-family: Headline, sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 55.92px;
    line-height: 3.495rem; }

  .xxxl {
    font-family: Headline, sans-serif;
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 66px;
    line-height: 4.125rem; }

  .xxxxl {
    font-family: Headline, sans-serif;
    font-size: 96px;
    font-size: 6rem;
    line-height: 90px;
    line-height: 5.625rem; }

  .xxxxxl {
    font-family: Headline, sans-serif;
    font-size: 144px;
    font-size: 9rem;
    line-height: 132px;
    line-height: 8.25rem; } }
ul + h2,
ol + h2,
p + h2,
ul + h3,
ol + h3,
p + h3 {
  margin-top: 36px;
  margin-top: 2.25rem; }

span.drop-cap {
  margin-right: .05em;
  font-family: Headline, Arial, sans-serif;
  font-weight: bold; }

span.drop-cap-icon {
  float: left;
  margin-right: .5em;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  span.drop-cap-icon img {
    width: auto !important;
    height: 24px !important;
    /*
    @media only screen and (min-width: 480px) and (max-width: 599px) {
    	height: 24px;
    }
    @media only screen and (min-width: 600px) and (max-width: 959px) {
    	height: 26px;
    }
    */ }
    @media only screen and (min-width: 960px) {
      span.drop-cap-icon img {
        height: 28px !important; } }

blockquote {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem; }

blockquote p:first-child:before {
  content: '“';
  font-weight: bold;
  font-size: 96px;
  font-size: 6rem;
  float: left;
  margin: .2em 0 0 -.5em;
  color: #e20074; }

.testimonial {
  clear: both;
  border-top: 1px solid #d0d0d0;
  padding: 48px 0px;
  padding: 3rem 0rem; }

.publish-date {
  color: #a4a4a4; }

/*** BASIC LAYOUT ***/
#content > img {
  display: block;
  width: 100%; }

img + p {
  margin-top: 24px;
  margin-top: 1.5rem; }

@media only screen and (max-width: 599px) {
  .grid {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-left: 2.5vw !important;
    padding-right: 2.5vw !important; }
    #header .grid, #section-nav .grid {
      padding: 0 !important; } }
@media only screen and (min-width: 600px) and (max-width: 749px) {
  #header .grid {
    padding-top: 24px;
    padding-top: 1.5rem; } }
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .grid {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-left: 5vw !important;
    padding-right: 5vw !important; } }
@media only screen and (min-width: 960px) {
  #header .grid, #section-nav .grid {
    padding: 0 !important; } }

.page-header {
  position: relative;
  color: #000;
  background-image: -webkit-linear-gradient(#e5e5e5, #fff);
  background-image: -moz-linear-gradient(#e5e5e5, #fff);
  background-image: -ms-linear-gradient(#e5e5e5, #fff);
  background-image: -o-linear-gradient(#e5e5e5, #fff);
  background-image: linear-gradient(#e5e5e5, #fff);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  border-top: 1px solid #fff;
  text-align: center;
  width: 100%; }
  .page-header .grid {
    padding-top: 24px;
    padding-top: 1.5rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem; }
  .page-header h1 {
    margin: 0; }
  .page-header p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 0 auto;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    max-width: 30em; }
    @media only screen and (min-width: 960px) {
      .page-header p {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 36px;
        line-height: 2.25rem;
        max-width: 25em; } }
  .page-header img {
    display: block;
    width: 100%; }
  .page-header ul {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  .page-header li {
    list-style: none;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem; }
    @media only screen and (min-width: 960px) {
      .page-header li {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem; } }
  .page-header li:before {
    content: none; }
  .page-header.header-image {
    color: #fff;
    border-top: 0;
    background: #e20074; }
  .page-header.header-image .grid {
    padding: 24px 0px;
    padding: 1.5rem 0rem; }
  .page-header .inline-nav ul {
    margin-bottom: 0; }
  .page-header p + .inline-nav ul {
    margin-top: 0px;
    margin-top: 0rem; }
  .page-header .inline-nav li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .page-header .button {
    width: 100%;
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .page-header .grid {
      padding-top: 24px;
      padding-top: 1.5rem;
      padding-bottom: 24px;
      padding-bottom: 1.5rem; } }
  @media only screen and (min-width: 600px) {
    .page-header .grid {
      padding-top: 48px;
      padding-top: 3rem;
      padding-bottom: 48px;
      padding-bottom: 3rem; }
    .page-header.header-image .grid {
      padding: 24px 0px;
      padding: 1.5rem 0rem; }
    .page-header .button {
      width: auto;
      margin: 0; } }
  @media only screen and (min-width: 1200px) {
    .page-header .grid {
      padding: 48px 0px;
      padding: 3rem 0rem; }
    .page-header.header-image {
      position: relative;
      padding-top: 33.33333333%;
      height: 0; }
    .page-header.header-image .grid {
      z-index: 5;
      padding-top: 48px;
      padding-top: 3rem;
      position: absolute;
      width: 960px;
      left: 50%;
      margin-left: -480px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
    .page-header.header-image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .page-header.header-image p {
      margin-top: 24px;
      margin-top: 1.5rem; }
    .page-header.header-image .contrast-marker {
      background: rgba(0, 0, 0, 0.6);
      padding: 0 .25em;
		 -webkit-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone; }
    .page-header.header-image .contrast-marker1 {
      background: rgba(226, 0, 116, 0.6);
      padding: 0 .25em;
		 -webkit-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone; }}	  
  @media only screen and (min-width: 1300px) {
    .page-header.header-image .grid br {
      display: inline; } }

@media only screen and (max-width: 599px) {
  .page-header p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }

  .section .grid {
    padding: 24px 0px;
    padding: 1.5rem 0rem; } }
.section .grid {
  padding: 72px 0px 48px;
  padding: 4.5rem 0rem 3rem; }
  @media only screen and (max-width: 599px) {
    .section .grid {
      padding: 24px 0px;
      padding: 1.5rem 0rem; } }
  @media only screen and (min-width: 600px) and (max-width: 960px) {
    .section .grid {
      padding: 48px 0px;
      padding: 3rem 0rem; } }
.section > img:first-child {
  display: block;
  min-width: 100%; }
.section:last-child .grid {
  border-bottom: 0; }
.section p,
.section ul,
.section ol {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.section-paddingless .grid {
  padding-top: 6px;
  padding-top: 0.375rem; }

@media only screen and (min-width: 960px) {
  .section-article {
    background-image: -webkit-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%);
    background-image: -moz-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%);
    background-image: -ms-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%);
    background-image: -o-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%);
    background-image: linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d0d0d0; }
    .section-article .grid {
      background-image: -webkit-linear-gradient(left, #fff, #fff 65%, #f2f2f2 65%);
      background-image: -moz-linear-gradient(left, #fff, #fff 65%, #f2f2f2 65%);
      background-image: -ms-linear-gradient(left, #fff, #fff 65%, #f2f2f2 65%);
      background-image: -o-linear-gradient(left, #fff, #fff 65%, #f2f2f2 65%);
      background-image: linear-gradient(left, #fff, #fff 65%, #f2f2f2 65%); }
    .section + .section-article {
      border-top: 1px solid #d0d0d0; } }

@media only screen and (min-width: 600px) {
  .article,
  .supplementary-content {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto; }

  .supplementary-content {
    padding-top: 24px;
    padding-top: 1.5rem;
    border-top: 1px solid #d0d0d0; } }
@media only screen and (min-width: 960px) {
  .article {
    float: left;
    width: 65%;
    padding: 0px 48px 0px 0px;
    padding: 0rem 3rem 0rem 0rem; }

  .supplementary-content {
    float: right;
    width: 30%;
    margin-left: 5%;
    padding-top: 0;
    border: 0; } }
.section-gray {
  background: #f2f2f2; }

.section-gray-dark {
  background: #e5e5e5; }

.section-magenta {
  color: #fff;
  background: #e20074; }
  .section-magenta a {
    color: #fff; }

.section-magenta-gradient {
  background: #e20074;
  background-image: -webkit-linear-gradient(#b5015c, #e20074);
  background-image: -moz-linear-gradient(#b5015c, #e20074);
  background-image: -ms-linear-gradient(#b5015c, #e20074);
  background-image: -o-linear-gradient(#b5015c, #e20074);
  background-image: linear-gradient(#b5015c, #e20074); }

.section-cyan {
  color: #fff;
  background: #64b9e4; }

.section-blue {
  color: #fff;
  background: rgba(100, 185, 228, 0.75); }

.section-white + .section-white .grid {
  border-top: 1px solid #d0d0d0; }

.section-green {
  color: #000; }

.section-green .section-header p,
.section-green .list-key-numbers strong,
.section-green a {
  color: #008d4b; }

.section-recycle {
  background: #fff4e9; }

.section-stripes {
  background-image: -webkit-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%, #f2f2f2);
  background-image: -moz-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%, #f2f2f2);
  background-image: -ms-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%, #f2f2f2);
  background-image: -o-linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%, #f2f2f2);
  background-image: linear-gradient(left, #fff, #fff 50%, #f2f2f2 50%, #f2f2f2);
  background-size: 100px 100px; }

.section-numbers .grid {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 0; }

.section-error {
  color: red; }

.section-header {
  text-align: center;
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
  .section-header p {
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    color: #e20074; }
    @media only screen and (min-width: 960px) {
      .section-header p {
        margin-bottom: 24px;
        margin-bottom: 1.5rem; } }
  img + .section-header {
    margin-top: 36px;
    margin-top: 2.25rem; }
  .article .section-header {
    text-align: left;
    margin-bottom: 0 !important; }

p.job-title {
  font-size: 21px;
  line-height: 30px;
  max-width: 30em;
  color: #e20074; }
  @media only screen and (min-width: 960px) {
    p.job-title {
      margin-bottom: 24px;
      margin-bottom: 1.5rem; } }

.grid-readability {
  margin: 0 auto;
  max-width: 30em; }

@media only screen and (min-width: 600px) {
  .grid-multicolumn {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-width: 250px;
    -moz-column-width: 250px;
    -ms-column-width: 250px;
    -o-column-width: 250px;
    column-width: 250px;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    -ms-column-gap: 1.5rem;
    -o-column-gap: 1.5rem;
    column-gap: 1.5rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem; }
    .grid-multicolumn p {
      margin-bottom: 0 !important;
      /*text-indent: 1.5em;*/ }
    .grid-multicolumn p:first-child,
    .grid-multicolumn h2 + p,
    .grid-multicolumn h3 + p {
      text-indent: 0; }
    .grid-multicolumn h3 {
      margin: 0px;
      margin: 0rem;
      font-size: 17.6px;
      font-size: 1.1rem;
      line-height: 24px;
      line-height: 1.5rem; }
    .grid-multicolumn * + h3 {
      margin: 24px 0px 0px;
      margin: 1.5rem 0rem 0rem; }
    .grid-multicolumn p:last-child:after {
      content: '•';
      display: inline;
      vertical-align: middle;
      padding-left: .1em;
      font-size: 1.5em; } }

.grid-readability p,
.article p {
  /* text-align: justify; @include vendor(hyphens, auto); */ }

/*** RECYCLE SYMBOL ♻ ***/
#webshop-banner-text {
  text-align: center;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  #webshop-banner-text br {
    display: none; }
#webshop-banner-screenshot {
  text-align: center; }
@media only screen and (min-width: 960px) {
  #webshop-banner .grid {
    padding-top: 30px;
    padding-bottom: 30px; }
  #webshop-banner-text {
    float: left;
    width: 70%;
    text-align: left;
    margin: 0; }
    #webshop-banner-text h2 {
      margin-bottom: 0; }
    #webshop-banner-text br {
      display: block; }
  #webshop-banner-screenshot {
    position: relative;
    float: right;
    width: 30%; }
    #webshop-banner-screenshot img {
      position: absolute;
      top: -80px;
      right: -36px;
      width: 359px;
      max-width: 359px; } }

.subsection {
  clear: both;
  border-top: 1px solid #d0d0d0;
  margin: 24px 0px;
  margin: 1.5rem 0rem; }
  @media only screen and (min-width: 960px) {
    .subsection {
      margin-top: 72px;
      margin-top: 4.5rem; } }
  .section-header + .subsection {
    margin-top: 48px;
    margin-top: 3rem; }
  .grid .subsection:first-child {
    margin-top: 0; }
  .subsection h3 {
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    background: #fff;
    position: relative;
    padding: 0px 24px;
    padding: 0rem 1.5rem;
    top: -12px;
    top: -0.75rem;
    line-height: 24px;
    line-height: 1.5rem; }
  .section-gray .subsection h3 {
    background: #f2f2f2; }
  .section-gray-dark .subsection h3 {
    background: #e5e5e5; }

.supplementary-content .sidebox {
  padding-bottom: 48px;
  padding-bottom: 3rem; }

/*** BASIC NON-TEXT CONTENT ***/
figure {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  figure figcaption {
    font-size: 14px;
    font-size: 0.875rem; }
  figure figcaption p,
  figure figcaption li {
    font-size: 1em !important; }
  .section figure figcaption p, .section figure figcaption ul {
    margin-bottom: 0px;
    margin-bottom: 0rem; }

.iframe-wrapper {
  width: 100%;
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
  @media only screen and (min-width: 600px) and (max-width: 959px) {
    .iframe-wrapper {
      margin-bottom: 24px;
      margin-bottom: 1.5rem; } }
  @media only screen and (min-width: 960px) {
    .iframe-wrapper {
      margin-bottom: 48px;
      margin-bottom: 3rem; } }
  .iframe-wrapper iframe {
    width: 100% !important; }

.wrapper-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }
  h1 + .wrapper-video {
    margin-top: 48px;
    margin-top: 3rem; }
  .wrapper-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*** TABLES ***/
.table-wrapper {
  width: 100%;
  overflow: auto;
  border: 1px solid #d0d0d0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 5px #f2f2f2;
  -moz-box-shadow: 0 0 0 5px #f2f2f2;
  -ms-box-shadow: 0 0 0 5px #f2f2f2;
  -o-box-shadow: 0 0 0 5px #f2f2f2;
  box-shadow: 0 0 0 5px #f2f2f2;
  overflow: auto; }

table {
  min-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff; }
  .table-wrapper table {
    border: 3px solid #fff; }
  table tr {
    border-top: 1px solid #e5e5e5; }
  table tr:first-child {
    border: 0; }
  table th, table td {
    padding: 6px 12px;
    padding: 0.375rem 0.75rem;
    text-align: left;
    vertical-align: top; }
  table thead tr {
    border-bottom: 1px solid #d0d0d0;
    background: #f2f2f2; }
  table thead th,
  table tbody td {
    text-align: right; }
  table thead th:first-child,
  table tbody th:first-child {
    text-align: left; }
  table th sup,
  table td sup {
    float: right;
    margin-right: -1em; }
  .table-pairs table {
    table-layout: auto; }
  .table-pairs table th {
    text-align: right !important; }
  .table-pairs table td {
    text-align: left; }

/*** RSS / NEWSLETTER LINK ***/
p.alt-news-feeds {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem; }
  p.alt-news-feeds a {
    display: inline-block;
    font-weight: bold;
    padding: .25em 1em;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
  p.alt-news-feeds .link-rss {
    background: #eda95a;
    background-image: -webkit-linear-gradient(#fc8d42, #f60);
    background-image: -moz-linear-gradient(#fc8d42, #f60);
    background-image: -ms-linear-gradient(#fc8d42, #f60);
    background-image: -o-linear-gradient(#fc8d42, #f60);
    background-image: linear-gradient(#fc8d42, #f60); }
  p.alt-news-feeds .link-newsletter {
    background: #64b9e4;
    background-image: -webkit-linear-gradient(#36b0fd, #1092e5);
    background-image: -moz-linear-gradient(#36b0fd, #1092e5);
    background-image: -ms-linear-gradient(#36b0fd, #1092e5);
    background-image: -o-linear-gradient(#36b0fd, #1092e5);
    background-image: linear-gradient(#36b0fd, #1092e5); }

#kljucni-datumi .section-header {
  margin: 0;
  padding-top: 48px;
  padding-top: 3rem; }
  #kljucni-datumi .section-header h2 {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }

/*** LISTS / GRIDS ***/
.section-header + .list-entities {
  margin-top: 48px;
  margin-top: 3rem; }

.list-updates li,
.list-categories li,
.list-links li,
.list-features li {
  list-style: none; }

.list-entities li {
  list-style: none;
  padding: 12px 0px;
  padding: 0.75rem 0rem;
  border-top: 1px solid #d0d0d0; }
.list-entities a,
.list-entities span.title {
  display: block;
  font-weight: bold;
  color: #000; }
.list-entities a:hover {
  color: #e20074; }

.section-header + .list-thumbnails {
  margin-top: 48px;
  margin-top: 3rem; }
.list-thumbnails li {
  list-style: none;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
.list-thumbnails li a {
  display: block;
  color: #000;
  overflow: hidden;
  text-align: center; }
.list-thumbnails li img {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  padding: 4px;
  background: #fff;
  border: 1px solid #d0d0d0; }
.list-thumbnails li.video .video-wrap {
  position: relative;
  display: block; }
.list-thumbnails li.video .video-wrap img {
  z-index: 9; }
.list-thumbnails li.video .video-wrap .video-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(i/icons/video-white.png);
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10; }
.list-thumbnails.list-thumbnails-gallery li {
  list-style: none;
  margin-bottom: 0; }
  .list-thumbnails.list-thumbnails-gallery li img {
    margin: 0; }
  .list-thumbnails.list-thumbnails-gallery li.current img {
    background: #e20074;
    border-color: #b5015c; }
  .list-thumbnails.list-thumbnails-gallery li.list-thumbnails-gallery figcaption {
    display: none; }
.list-thumbnails li li {
  width: 100%;
  margin: 0;
  padding: 0; }
.list-thumbnails .caption {
  max-width: 90%;
  margin: 0 auto; }
@media only screen and (max-width: 318px) {
  .list-thumbnails.list-thumbnails-gallery li {
    float: left;
    width: 18.4%;
    margin-left: 2%;
    margin-bottom: 2%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(5n+1) {
    clear: both;
    margin-left: 0; } }
@media only screen and (min-width: 319px) and (max-width: 479px) {
  .list-thumbnails li {
    float: left;
    width: 47.5%;
    margin-left: 5%;
    margin-bottom: 5%; }
  .list-thumbnails li:nth-child(odd) {
    clear: both;
    margin-left: 0; }
  .list-thumbnails.list-thumbnails-gallery li {
    width: 18.4%;
    margin-left: 2%;
    margin-bottom: 2%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(odd) {
    clear: none;
    margin-left: 2%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(5n+1) {
    clear: both;
    margin-left: 0; }
  .list-thumbnails.list-leadership li {
    width: 100%;
    margin-left: 0; } }
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .list-thumbnails li {
    float: left;
    width: 47.5%;
    margin-left: 5%;
    margin-bottom: 5%; }
  .list-thumbnails li:nth-child(odd) {
    clear: both;
    margin-left: 0; }
  .list-thumbnails.list-thumbnails-gallery li {
    width: 18.4%;
    margin-left: 2%;
    margin-bottom: 2%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(odd) {
    clear: none;
    margin-left: 2%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(5n+1) {
    clear: both;
    margin-left: 0; } }
@media only screen and (min-width: 600px) and (max-width: 959px) {
  .list-thumbnails li {
    float: left;
    width: 30%;
    margin-left: 5%;
    margin-bottom: 5%; }
  .list-thumbnails li:nth-child(1),
  .list-thumbnails li:nth-child(3n+1) {
    clear: both;
    margin: 0; }
  .list-thumbnails.list-thumbnails-gallery li {
    width: 9.1%;
    margin-left: 1%;
    margin-bottom: 1%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(10n+1) {
    clear: both;
    margin-left: 0; } }
@media only screen and (min-width: 960px) {
  .list-thumbnails li {
    float: left;
    width: 21.25%;
    margin-left: 5%;
    margin-bottom: 5%; }
  .list-thumbnails li:nth-child(1),
  .list-thumbnails li:nth-child(4n+1) {
    clear: both;
    margin-left: 0; }
  .list-thumbnails.list-thumbnails-3 li {
    width: 30%; }
  .list-thumbnails.list-thumbnails-6 li {
    width: 12.5%; }
  .list-thumbnails.list-thumbnails-6 li:nth-child(4n+1) {
    clear: none;
    margin-left: 5%; }
  .list-thumbnails.list-thumbnails-gallery li {
    width: 9.1%;
    margin-left: 1%;
    margin-bottom: 1%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%; }
  .list-thumbnails.list-thumbnails-gallery li:nth-child(10n+1) {
    clear: both;
    margin-left: 0; }
  .list-thumbnails.list-leadership li {
    width: 30%; }
  .list-thumbnails.list-leadership li:nth-child(4n+1) {
    clear: none;
    margin-left: 5%; }
  .list-thumbnails.list-leadership li:nth-child(3n+1) {
    clear: both;
    margin-left: 0; } }
.list-thumbnails li:first-child {
  margin-left: 0 !important; }
.list-thumbnails#list-clanice-grupe li {
  margin-bottom: 0; }
.list-thumbnails#list-clanice-grupe .caption {
  display: none; }

#list-clanice-grupe li img {
  border-color: #fff !important; }

@media only screen and (min-width: 960px) {
  .list-dated li {
    position: relative;
    padding-left: 110px; }
  .list-dated li .date {
    position: absolute;
    left: 0;
    top: 12px;
    top: 0.75rem;
    display: block;
    padding: 0 20px 0 0;
    color: #7c7c7c; } }

#brand .box-group .box .thumbnail img {
  display: block;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.list-download-file-versions ul {
  /* border-top: 1px solid $xddd; */ }
.list-download-file-versions li {
  /* border-bottom: 1px solid $xddd; */
  list-style: none;
  text-align: center; }
.list-download-file-versions li a {
  display: block;
  padding: .375em 0; }

p + ul li,
.list-content ul li {
  list-style: none;
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }

p + ul li:before,
.list-content ul li:before {
  content: '•';
  float: left;
  margin-left: -1.125em;
  color: #e20074; }

.list-content.center li {
  font-weight: bold; }
.list-content.center li:before {
  content: none !important; }

.list-multicolumn li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  column-break-inside: avoid;
  display: inline-block;
  width: 100%;
  clear: both; }
@media only screen and (min-width: 600px) {
  .list-multicolumn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    -ms-column-gap: 3rem;
    -o-column-gap: 3rem;
    column-gap: 3rem; } }
@media only screen and (min-width: 960px) {
  .list-multicolumn {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    -ms-column-gap: 3rem;
    -o-column-gap: 3rem;
    column-gap: 3rem; } }

.list-highlights li {
  list-style: none;
  text-align: center;
  color: #e20074;
  border-bottom: 1px solid rgba(226, 0, 116, 0.25);
  position: relative;
  left: -3000px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: .5em 0; }
  @media only screen and (min-width: 960px) {
    .list-highlights li {
      font-size: 32px;
      font-size: 2rem;
      line-height: 36px;
      line-height: 2.25rem; } }
.list-highlights li:first-child {
  border-top: 1px solid rgba(226, 0, 116, 0.25); }
.list-highlights li + li {
  left: -2750px; }
.list-highlights li + li + li {
  left: -2500px; }
.list-highlights li + li + li + li {
  left: -2250px; }
.list-highlights li + li + li + li + li {
  left: -2000px; }
.list-highlights li + li + li + li + li + li {
  left: -1750px; }
.list-highlights li + li + li + li + li + li + li {
  left: -1500px; }
.list-highlights li + li + li + li + li + li + li + li {
  left: -1250px; }
.activate-animation .list-highlights li {
  -webkit-transition: left 1s ease;
  -moz-transition: left 1s ease;
  -ms-transition: left 1s ease;
  -o-transition: left 1s ease;
  transition: left 1s ease;
  left: 0; }

.list-key-numbers {
  margin: 24px 0px;
  margin: 1.5rem 0rem;
  margin: 0; }
  .list-key-numbers li {
    list-style: none;
    text-align: center;
    float: left;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding: 36px 24px 24px;
    padding: 2.25rem 1.5rem 1.5rem; }
  .list-key-numbers p {
    text-align: center;
    padding: 24px;
    padding: 1.5rem; }
  .list-key-numbers p strong,
  .list-key-numbers li strong {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    color: #e20074; }
  .list-key-numbers .no-caption {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .01em;
    color: #7c7c7c; }
  .list-key-numbers .no-caption + strong {
    margin-top: 12px;
    margin-top: 0.75rem; }
  .supplementary-content .list-key-numbers {
    border: 1px solid #d0d0d0;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 5px #f2f2f2;
    -moz-box-shadow: 0 0 0 5px #f2f2f2;
    -ms-box-shadow: 0 0 0 5px #f2f2f2;
    -o-box-shadow: 0 0 0 5px #f2f2f2;
    box-shadow: 0 0 0 5px #f2f2f2;
    background: #fff; }
    .supplementary-content .list-key-numbers ul {
      display: block !important; }
    .supplementary-content .list-key-numbers li {
      float: none !important;
      clear: both !important;
      width: 100% !important;
      margin: 0; }
  .article .list-key-numbers ul {
    flex-wrap: -webkit-wrap;
    flex-wrap: wrap; }
  .article .list-key-numbers li {
    width: 50%;
    margin-bottom: 48px;
    margin-bottom: 3rem; }
  @media only screen and (min-width: 480px) {
    .list-key-numbers li {
      width: 50%; } }
  @media only screen and (min-width: 750px) {
    .list-key-numbers ul {
      width: 100%;
      display: inline-block;
      text-align: center;
      margin: 0 auto; }
    .list-key-numbers.list-key-numbers-1 li {
      width: 100%; }
    .list-key-numbers.list-key-numbers-2 li {
      width: 50%; }
    .list-key-numbers.list-key-numbers-3 li {
      width: 33.33333333%; }
    .list-key-numbers.list-key-numbers-4 li {
      width: 25%; }
    @supports (display: -webkit-flex) or (display: flex) {
      .list-key-numbers {
        width: auto !important; }
        .list-key-numbers ul {
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          -o-justify-content: center;
          justify-content: center; } } }

.list-key-numbers-alt ul {
  margin: 0; }
.list-key-numbers-alt li {
  list-style: none;
  text-align: center;
  margin-top: 48px;
  margin-top: 3rem; }
.list-key-numbers-alt li strong {
  display: block;
  font-size: 64px;
  font-size: 4rem;
  line-height: 48px;
  line-height: 3rem;
  font-weight: bold;
  font-family: Headline, Arial, sans-serif;
  margin: 0 auto;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  color: #e20074; }
.list-key-numbers-alt li .no-caption {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .01em;
  padding: 0 .25em;
  color: #7c7c7c; }
@media only screen and (min-width: 800px) {
  .list-key-numbers-alt li {
    text-align: left;
    margin-top: 0; } }

.list-index {
  text-align: center; }
  .list-index li {
    float: left; }
  .list-index li a {
    background: #d0d0d0; }
  .list-index li a:hover {
    color: #fff;
    background: #e20074; }
  .list-index li .disabled {
    color: #a4a4a4;
    background: #e5e5e5; }
  .list-index li a,
  .list-index li .disabled {
    display: block;
    margin: 0 1px 1px 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: .25em 0; }
  h1 + .list-index {
    margin-top: 24px;
    margin-top: 1.5rem; }
  @media only screen and (max-width: 249px) {
    .list-index li {
      width: 40px; } }
  @media only screen and (min-width: 250px) and (max-width: 399px) {
    .list-index li {
      width: 20%; } }
  @media only screen and (min-width: 400px) and (max-width: 699px) {
    .list-index li {
      width: 10%; } }
  @media only screen and (min-width: 700px) and (max-width: 959px) {
    .list-index li {
      width: 6.66666666%; } }
  @media only screen and (min-width: 960px) {
    .list-index li {
      width: 3.33333333%; } }

.list-contacts li {
  list-style: none;
  border-top: 1px solid #d0d0d0;
  padding-top: 12px;
  padding-top: 0.75rem; }
.list-contacts li li {
  border: 0;
  padding: 0; }
.list-contacts .department-address strong,
.list-contacts .contact-details strong {
  font-weight: normal; }
.list-contacts li h4 {
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }

/*** ICON LISTS ***/
.list-icons {
  border-top: 1px solid #e5e5e5;
  margin: 24px 0px;
  margin: 1.5rem 0rem;
  padding-top: 36px;
  padding-top: 2.25rem; }
  .list-icons li {
    list-style: none; }
  .list-icons li a,
  .list-icons li .pseudo-link {
    display: block;
    padding: 114px 24px 24px;
    padding: 7.125rem 1.5rem 1.5rem;
    text-align: center;
    color: inherit; }
  .list-icons a,
  .list-icons .pseudo-link,
  .list-icons .icon-doc a {
    background: url(i/icons/doc-black.png) no-repeat 50% 10px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons a,
      .list-icons .pseudo-link,
      .list-icons .icon-doc a {
        background-image: url("i/icons/doc-black-@2x.png");
        background-size: 60px 80px; } }
  .list-icons a:hover,
  .list-icons .icon-doc a:hover {
    background-image: url(i/icons/doc-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons a:hover,
      .list-icons .icon-doc a:hover {
        background-image: url("i/icons/doc-magenta-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-conference a {
    background: url(i/icons/conference-black.png) no-repeat 50% 10px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-conference a {
        background-image: url("i/icons/conference-black-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-conference a:hover {
    background-image: url(i/icons/conference-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-conference a:hover {
        background-image: url("i/icons/conference-magenta-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-form a {
    background: url(i/icons/form-black.png) no-repeat 50% 10px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-form a {
        background-image: url("i/icons/form-black-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-form a:hover {
    background-image: url(i/icons/form-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-form a:hover {
        background-image: url("i/icons/form-magenta-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-xls a {
    background: url(i/icons/spreadsheet-black.png) no-repeat 50% 10px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-xls a {
        background-image: url("i/icons/spreadsheet-black-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-xls a:hover {
    background-image: url(i/icons/spreadsheet-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-xls a:hover {
        background-image: url("i/icons/spreadsheet-magenta-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-ppt a {
    background: url(i/icons/ppt-black.png) no-repeat 50% 10px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-ppt a {
        background-image: url("i/icons/ppt-black-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-ppt a:hover {
    background-image: url(i/icons/ppt-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-ppt a:hover {
        background-image: url("i/icons/ppt-magenta-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-more a {
    background: url(i/icons/more-black.png) no-repeat 50% 10px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-more a {
        background-image: url("i/icons/more-black-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-more a:hover {
    background-image: url(i/icons/more-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-more a:hover {
        background-image: url("i/icons/more-magenta-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-certificate a,
  .list-icons .icon-certificate .pseudo-link {
    background: url(i/icons/certificate-black.png) no-repeat 50% 10px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-certificate a,
      .list-icons .icon-certificate .pseudo-link {
        background-image: url("i/icons/certificate-black-@2x.png");
        background-size: 60px 80px; } }
  .list-icons .icon-certificate a:hover {
    background-image: url(i/icons/certificate-magenta.png); }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .list-icons .icon-certificate a:hover {
        background-image: url("i/icons/certificate-magenta-@2x.png");
        background-size: 60px 80px; } }
  @media only screen and (min-width: 600px) {
    .list-icons ul {
      display: inline;
      display: inline-block;
      width: 100%;
      text-align: center;
      margin: 0 auto; }
    .list-icons li {
      float: left;
      display: inline;
      display: inline-block; }
    @supports (display: -webkit-flex) or (display: flex) {
      .list-icons ul {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        -o-flex-flow: row wrap;
        flex-flow: row wrap; }
      .list-icons li {
        float: none;
        flex-wrap: -webkit-wrap;
        flex-wrap: wrap; } } }
  @media only screen and (min-width: 600px) and (max-width: 749px) {
    .list-icons li {
      width: 50%; }
    .list-icons li:nth-child(2n+1) {
      clear: both; } }
  @media only screen and (min-width: 750px) and (max-width: 959px) {
    .list-icons li {
      width: 33.33333333%; }
    .list-icons li:nth-child(3n+1) {
      clear: both; } }
  @media only screen and (min-width: 960px) {
    .list-icons li {
      width: 25%; }
    .list-icons li:nth-child(4n+1) {
      clear: both; } }
  .supplementary-content .list-icons {
    border-top: 0;
    padding-top: 0;
    margin-top: 0; }
    .supplementary-content .list-icons li {
      width: 100%; }
    .supplementary-content .list-icons li a {
      background-position: 0 10px !important;
      text-align: left !important;
      padding-left: 0; }
  .subsection .list-icons {
    border-top: 0;
    padding-top: 0; }
  .grid-readability .list-icons li {
    width: 33.33333333%; }

/*** MISC ELEMENTS ***/
.department-address,
.contact-details {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

@media only screen and (min-width: 600px) {
  .box-focus {
    max-width: 30em;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 5px #f2f2f2, inset 0 0 2px 1px #fff;
    -moz-box-shadow: 0 0 0 5px #f2f2f2, inset 0 0 2px 1px #fff;
    -ms-box-shadow: 0 0 0 5px #f2f2f2, inset 0 0 2px 1px #fff;
    -o-box-shadow: 0 0 0 5px #f2f2f2, inset 0 0 2px 1px #fff;
    box-shadow: 0 0 0 5px #f2f2f2, inset 0 0 2px 1px #fff;
    padding: 24px 24px 12px;
    padding: 1.5rem 1.5rem 0.75rem;
    background: #fff;
    border: 1px solid #d0d0d0;
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(top, #fff, #f2f2f2); } }
.box-group .box > img {
  height: 125px; }
img + .box-group {
  margin-top: 24px;
  margin-top: 1.5rem; }
@media only screen and (min-width: 700px) and (max-width: 959px) {
  .box-group .box {
    float: left;
    padding-bottom: 24px;
    padding-bottom: 1.5rem; }
  .box-group.box-group-50 .box {
    width: 47.5%;
    margin-left: 5%; }
  .box-group.box-group-50 .box:first-child {
    margin-left: 0; }
  .box-group.box-group-33 .box {
    width: 30%;
    margin-left: 5%; }
  .box-group.box-group-33 .box:first-child, .box-group.box-group-33 .box:nth-child(3n+1) {
    margin-left: 0; }
  .box-group.box-group-25 .box {
    width: 47.5%;
    margin-left: 5%; }
  .box-group.box-group-25 .box:first-child, .box-group.box-group-25 .box:nth-child(odd) {
    margin-left: 0; }
  .box-group.center .box {
    padding: 0px 24px;
    padding: 0rem 1.5rem; } }
@media only screen and (min-width: 960px) {
  .box-group .box {
    float: left;
    padding-bottom: 24px;
    padding-bottom: 1.5rem; }
  .box-group.box-group-50 .box {
    width: 47.5%;
    margin-left: 5%; }
  .box-group.box-group-50 .box:first-child {
    margin-left: 0; }
  .box-group.box-group-33 .box {
    width: 30%;
    margin-left: 5%; }
  .box-group.box-group-33 .box:first-child {
    margin-left: 0; }
  .box-group.box-group-25 .box {
    width: 25%; }
  .box-group.box-group-25 .box:first-child {
    margin-left: 0; }
  .box-group.center .box {
    padding: 0px 24px;
    padding: 0rem 1.5rem; } }

.box {
  list-style: none;
  margin-bottom: 48px;
  margin-bottom: 3rem; }
  @media only screen and (min-width: 960px) {
    .box {
      margin-bottom: 0; } }
  .box a.thumbnail {
    display: block;
    width: 100%;
    text-align: center; }
  .box img {
    margin: 0 auto;
    margin-top: 24px;
    margin-top: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  .box h3 {
    font-weight: normal !important;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  .box-group .box.box-news {
    padding-bottom: 0;
    margin-bottom: 0; }
    @media only screen and (min-width: 960px) {
      .box-group .box.box-news {
        margin-bottom: 24px;
        margin-bottom: 1.5rem; } }
    .box-group .box.box-news img {
      margin: 0 auto;
      margin-bottom: 12px;
      margin-bottom: 0.75rem; }
    .box-group .box.box-news p {
      margin-bottom: 0; }

/*** FORMS ***/
.pseudo-form {
  max-width: 600px;
  margin: 0 auto; }

fieldset {
  border: 0; }

label {
  display: block;
  font-weight: bold; }

.field,
.buttons {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.buttons {
  padding-top: 12px;
  padding-top: 0.75rem; }

.input-text,
textarea,
.button {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: HT, Arial, sans-serif; }

.input-text,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  min-width: 200px;
  width: 100%;
  border: 1px solid #d0d0d0;
  border-color: #a4a4a4 #d0d0d0 #e5e5e5;
  -webkit-box-shadow: inset 0 1px 2px 0 #d0d0d0;
  -moz-box-shadow: inset 0 1px 2px 0 #d0d0d0;
  -ms-box-shadow: inset 0 1px 2px 0 #d0d0d0;
  -o-box-shadow: inset 0 1px 2px 0 #d0d0d0;
  box-shadow: inset 0 1px 2px 0 #d0d0d0;
  background: #fff; }

.input-text {
  height: 48px;
  height: 3rem; }

.button {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  color: #000;
  padding: 12px 24px;
  padding: 0.75rem 1.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  height: 48px;
  height: 3rem;
  border: 1px solid #d0d0d0;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
  background: #fff;
  background-image: -webkit-linear-gradient(#fff, #e5e5e5);
  background-image: -moz-linear-gradient(#fff, #e5e5e5);
  background-image: -ms-linear-gradient(#fff, #e5e5e5);
  background-image: -o-linear-gradient(#fff, #e5e5e5);
  background-image: linear-gradient(#fff, #e5e5e5); }

.button-primary {
  color: #fff;
  border: #b5015c;
  text-shadow: 0 -1px 0 #ce006a;
  background: #e20074;
  background-image: -webkit-linear-gradient(#fe319b, #ce006a);
  background-image: -moz-linear-gradient(#fe319b, #ce006a);
  background-image: -ms-linear-gradient(#fe319b, #ce006a);
  background-image: -o-linear-gradient(#fe319b, #ce006a);
  background-image: linear-gradient(#fe319b, #ce006a); }

.button-primary:hover,
.button-primary:focus {
  -webkit-box-shadow: 0 0 0.4em 0.2em rgba(226, 0, 116, 0.2);
  -moz-box-shadow: 0 0 0.4em 0.2em rgba(226, 0, 116, 0.2);
  -ms-box-shadow: 0 0 0.4em 0.2em rgba(226, 0, 116, 0.2);
  -o-box-shadow: 0 0 0.4em 0.2em rgba(226, 0, 116, 0.2);
  box-shadow: 0 0 0.4em 0.2em rgba(226, 0, 116, 0.2); }

.form-inline {
  margin-top: 24px;
  margin-top: 1.5rem; }
  .form-inline .input-text {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }
  .form-inline .button {
    display: block;
    clear: both;
    width: 100%; }
  @media only screen and (min-width: 600px) {
    .form-inline .field {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
    .form-inline .input-text {
      width: auto;
      min-width: 400px;
      flex-grow: 1; }
    .form-inline .button {
      display: inline-block;
      clear: none;
      width: auto;
      margin-left: 2px; } }

h1 + .form-inline {
  margin-top: 24px;
  margin-top: 1.5rem; }

/*** PSEUDO-MODAL ***/
#modal-placeholder .close-link {
  /*float: right;*/
  position: absolute;
  right: 0;
  z-index: 1000;
  width: 80px;
  height: 80px;
  background: url(i/icons/close-aaa.png) no-repeat 50% 50%;
  text-indent: -9999px;
  overflow: hidden; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    #modal-placeholder .close-link {
      background-image: url("i/icons/close-aaa-@2x.png");
      background-size: 25px 25px; } }
#modal-placeholder .close-link:hover,
#modal-placeholder .close-link:focus {
  background-image: url(i/icons/close-magenta.png); }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    #modal-placeholder .close-link:hover,
    #modal-placeholder .close-link:focus {
      background-image: url("i/icons/close-magenta-@2x.png");
      background-size: 25px 25px; } }

#modal-content .page-header {
  overflow: hidden; }
  @media only screen and (min-width: 960px) {
    #modal-content .page-header {
      text-align: center; } }
  #modal-content .page-header .grid {
    padding-bottom: 30px;
    padding-bottom: 1.875rem; }
  #modal-content .page-header + .section .grid {
    padding-top: 36px;
    padding-top: 2.25rem; }
  #modal-content .page-header + .section-paddingless .grid {
    padding-top: 6px;
    padding-top: 0.375rem; }
  #modal-content .page-header + .section-article {
    background: none; }
  #modal-content .page-header + .section-article .grid {
    border-top: 1px solid #d0d0d0;
    background: none; }

.body-modal {
  border-top: 10px solid #e20074; }

/*** PREV / NEXT ***/
.jcarousel-nav ul {
  margin: 0 !important; }
.jcarousel-nav li {
  list-style: none;
  position: absolute;
  top: 0;
  z-index: 1002;
  width: 50px;
  height: 50px;
  overflow: hidden; }
  .jcarousel-nav li.jcarousel-prev {
    left: 0; }
  .jcarousel-nav li.jcarousel-next {
    right: 0; }
.jcarousel-nav a {
  opacity: 1;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  height: 100%;
  background: url(i/icons/arrows-prev-next.png) no-repeat 50% 50%;
  background-size: 100px 50px; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .jcarousel-nav a {
      background-image: url("i/icons/arrows-prev-next-@2x.png");
      background-size: false false; } }
.jcarousel-nav a:hover {
  background: url(i/icons/arrows-prev-next-magenta.png) no-repeat 50% 50%;
  background-size: 100px 50px; }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .jcarousel-nav a:hover {
      background-image: url("i/icons/arrows-prev-next-magenta-@2x.png");
      background-size: false false; } }
.jcarousel-nav li.inactive a {
  opacity: 0;
  cursor: default; }
.jcarousel-nav .jcarousel-prev a {
  background-position: -50px 50%; }
.jcarousel-nav .jcarousel-next a {
  width: 100px;
  background-position: 100% 50%; }

/*** GALLERY ***/
.gallery-wrapper .gallery-nav-and-blowup {
  position: relative; }
.gallery-wrapper .gallery-nav li {
  width: 50%;
  height: 100%; }
  @media only screen and (min-width: 0) and (max-width: 959px) {
    .gallery-wrapper .gallery-nav li a {
      width: 100%;
      background: none; } }
  @media only screen and (min-width: 960px) {
    .gallery-wrapper .gallery-nav li {
      height: 640px;
      width: 50px; }
      .gallery-wrapper .gallery-nav li.jcarousel-prev {
        left: -50px !important; }
      .gallery-wrapper .gallery-nav li.jcarousel-next {
        right: -50px !important; } }
.gallery-wrapper .list-gallery {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .gallery-wrapper .list-gallery ul {
    float: left;
    position: relative;
    width: 20000em;
    margin: 0; }
  .gallery-wrapper .list-gallery li {
    list-style: none;
    float: left;
    margin: 0;
    overflow: hidden; }
    .gallery-wrapper .list-gallery li figure {
      margin: 0; }
    .gallery-wrapper .list-gallery li img {
      margin-right: 2px; }
    .gallery-wrapper .list-gallery li figcaption {
      text-align: center;
      white-space: normal;
      padding: 12px;
      padding: 0.75rem; }
  .gallery-wrapper .list-gallery li {
    width: 240px;
    width: 90vw; }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .gallery-wrapper .list-gallery li {
      width: 320px;
      width: 93vw; } }
  @media only screen and (min-width: 480px) and (max-width: 599px) {
    .gallery-wrapper .list-gallery li {
      width: 480px;
      width: 95vw; } }
  @media only screen and (min-width: 600px) and (max-width: 959px) {
    .gallery-wrapper .list-gallery li {
      width: 600px;
      width: 97vw; } }
  @media only screen and (min-width: 960px) {
    .gallery-wrapper .list-gallery li {
      width: 962px; } }

/*** HISTORY TIMELINE ***/
#history-timeline-wrap {
  position: relative;
  border-top: 5px solid #000;
  background: rgba(253, 209, 103, 0.25);
  background: #fff; }
  #history-timeline-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px; }
  #history-timeline-wrap .history-timeline {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden; }
    #history-timeline-wrap .history-timeline::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 10px;
      height: 10px; }
    #history-timeline-wrap .history-timeline::-webkit-scrollbar-thumb {
      background: #000;
      /* @include vendor(border-radius, 5px); */ }
    #history-timeline-wrap .history-timeline::-webkit-scrollbar-track {
      background: rgba(253, 209, 103, 0.25);
      background: transparent;
      /* @include vendor(border-radius, 5px); */ }
    #history-timeline-wrap .history-timeline::-webkit-scrollbar-thumb:hover {
      background: #e20074;
      cursor: pointer; }
    #history-timeline-wrap .history-timeline ul {
      float: left;
      position: relative;
      width: 20000em;
      margin: 0 !important;
      background-image: -webkit-linear-gradient(left, transparent, transparent 95%, #000 95%);
      background-image: -moz-linear-gradient(left, transparent, transparent 95%, #000 95%);
      background-image: -ms-linear-gradient(left, transparent, transparent 95%, #000 95%);
      background-image: -o-linear-gradient(left, transparent, transparent 95%, #000 95%);
      background-image: linear-gradient(left, transparent, transparent 95%, #000 95%);
      background-repeat: repeat-x;
      background-position: 1px 0;
      background-size: 20px 10px; }
    #history-timeline-wrap .history-timeline li {
      list-style: none;
      padding: 2em 2em 0;
      margin: 0 !important;
      float: left;
      display: inline;
      border-left: 1px solid #000; }
    #history-timeline-wrap .history-timeline li p.date {
      margin-bottom: 0;
      text-transform: uppercase; }
    #history-timeline-wrap .history-timeline li h3 {
      margin-top: 0;
      text-align: left; }
    #history-timeline-wrap .history-timeline li {
      width: 240px;
      width: 100vw; }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      #history-timeline-wrap .history-timeline li {
        width: 320px;
        width: 100vw; } }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      #history-timeline-wrap .history-timeline li {
        width: 320px;
        width: 100vw; } }
    @media only screen and (min-width: 600px) and (max-width: 959px) {
      #history-timeline-wrap .history-timeline li {
        width: 300px;
        width: 100vw; } }
    @media only screen and (min-width: 960px) {
      #history-timeline-wrap .history-timeline li {
        width: 400px; } }
  #history-timeline-wrap .history-nav li {
    top: -67px; }
  @media only screen and (min-width: 480px) {
    #history-timeline-wrap .history-nav li {
      top: -67px; } }
  @media only screen and (min-width: 700px) {
    #history-timeline-wrap .history-nav li {
      top: -73px; } }
  @media only screen and (min-width: 960px) {
    #history-timeline-wrap .history-nav li {
      top: -73px; } }

/*** BAR GRAPH ***/
#graph-bar-vertical-paper ul {
  position: relative;
  float: left;
  width: 100%;
  height: 400px;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 48px;
  margin-bottom: 3rem; }
#graph-bar-vertical-paper li {
  margin: 0px 24px 0px 0px;
  margin: 0rem 1.5rem 0rem 0rem;
  width: 25px;
  margin-left: -12.5px;
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
  display: block;
  height: 0; }
#graph-bar-vertical-paper li .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  background: #d0d0d0 repeat-y 0 2px;
  background-image: -webkit-linear-gradient(#008d4b 0, #008d4b 25%, #fff 25%, #fff 50%, #008d4b 50%, #008d4b 75%, #fff 75%, #fff 100%);
  background-image: -moz-linear-gradient(#008d4b 0, #008d4b 25%, #fff 25%, #fff 50%, #008d4b 50%, #008d4b 75%, #fff 75%, #fff 100%);
  background-image: -ms-linear-gradient(#008d4b 0, #008d4b 25%, #fff 25%, #fff 50%, #008d4b 50%, #008d4b 75%, #fff 75%, #fff 100%);
  background-image: -o-linear-gradient(#008d4b 0, #008d4b 25%, #fff 25%, #fff 50%, #008d4b 50%, #008d4b 75%, #fff 75%, #fff 100%);
  background-image: linear-gradient(#008d4b 0, #008d4b 25%, #fff 25%, #fff 50%, #008d4b 50%, #008d4b 75%, #fff 75%, #fff 100%);
  background-size: 100% 4px;
  text-align: center;
  border-top: 2px solid #008d4b; }
#graph-bar-vertical-paper li .x-value,
#graph-bar-vertical-paper li .bar .bar-value {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 48px;
  line-height: 3rem; }
#graph-bar-vertical-paper li .bar .bar-value {
  top: auto;
  bottom: 100%;
  color: #008d4b; }
@media only screen and (min-width: 960px) {
  #graph-bar-vertical-paper li {
    width: 50px;
    margin-left: -25px; } }
.activate-animation #graph-bar-vertical-paper ul li {
  -webkit-transition: height 1s 0.5s ease;
  -moz-transition: height 1s 0.5s ease;
  -ms-transition: height 1s 0.5s ease;
  -o-transition: height 1s 0.5s ease;
  transition: height 1s 0.5s ease;
  height: 100%; }

#graph-boxes ul {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d0d0d0; }
#graph-boxes li {
  list-style: none; }
  #graph-boxes li:first-child {
    margin: 0; }
  #graph-boxes li .bar {
    display: block;
    width: 200px;
    margin: 0 auto;
    background-position: left bottom;
    background: url(i/icons/box.png);
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      #graph-boxes li .bar {
        background-image: url("i/icons/box-@2x.png");
        background-size: 20px 23px; } }
  #graph-boxes li .bar-value {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }
  @media only screen and (min-width: 700px) {
    #graph-boxes li {
      display: table-cell;
      height: 100%;
      width: 30.66666666%;
      margin-left: 4%;
      vertical-align: bottom;
      text-align: center; } }

#shareholders-graph {
  position: relative;
  overflow: hidden; }
  #shareholders-graph .list-key-numbers-alt {
    overflow: auto; }
  #shareholders-graph img {
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg); }
  #shareholders-graph ul {
    display: absolute; }
  #shareholders-graph li {
    list-style: none; }
  #shareholders-graph li .no-caption {
    display: block;
    padding: 0; }
  #shareholders-graph #shareholder-01 strong {
    color: #e20074; }
  #shareholders-graph #shareholder-02 strong {
    color: #64b9e4; }
  #shareholders-graph #shareholder-03 strong {
    color: #babd5a; }
  #shareholders-graph #shareholder-04 strong {
    color: #4b4b4b; }
  @media only screen and (min-width: 600px) and (max-width: 799px) {
    #shareholders-graph li {
      float: left;
      width: 47.5%;
      text-align: center; }
    #shareholders-graph #shareholder-01 {
      float: left; }
    #shareholders-graph #shareholder-02 {
      float: right; }
    #shareholders-graph #shareholder-03 {
      float: left; }
    #shareholders-graph #shareholder-04 {
      float: right; } }
  @media only screen and (min-width: 800px) {
    #shareholders-graph img {
      -webkit-transform: rotate(-40deg);
      -moz-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      -o-transform: rotate(-40deg);
      transform: rotate(-40deg); }
    #shareholders-graph li {
      position: absolute;
      width: 40%;
      padding: 12px 0px;
      padding: 0.75rem 0rem; }
    #shareholders-graph #shareholder-01 {
      top: 0;
      right: 0;
      text-align: right;
      border-bottom: 2px solid #e20074;
      padding-left: 50px; }
    #shareholders-graph #shareholder-02 {
      bottom: 0;
      left: 0;
      text-align: left;
      border-top: 2px solid #64b9e4;
      padding-right: 50px; }
    #shareholders-graph #shareholder-03 {
      top: 0;
      left: 0;
      text-align: left;
      border-bottom: 2px solid #babd5a;
      padding-right: 50px;
      width: 32%; }
    #shareholders-graph #shareholder-04 {
      bottom: 0;
      right: 0;
      text-align: right;
      border-top: 2px solid #7c7c7c;
      padding-left: 100px; } }
  @media only screen and (min-width: 960px) {
    #shareholders-graph {
      height: 600px; }
      #shareholders-graph img {
        opacity: 0;
        -webkit-transition: opacity 1s 0.3s ease;
        -moz-transition: opacity 1s 0.3s ease;
        -ms-transition: opacity 1s 0.3s ease;
        -o-transition: opacity 1s 0.3s ease;
        transition: opacity 1s 0.3s ease; }
      #shareholders-graph li {
        opacity: 0;
        -webkit-transition: opacity 2s 0.3s ease;
        -moz-transition: opacity 2s 0.3s ease;
        -ms-transition: opacity 2s 0.3s ease;
        -o-transition: opacity 2s 0.3s ease;
        transition: opacity 2s 0.3s ease; }
      .activate-animation #shareholders-graph li, .activate-animation #shareholders-graph img {
        opacity: 1; } }

#section-person-profile .person-profile-image {
  position: relative; }
  #section-person-profile .person-profile-image figure {
    margin: 0; }
  #section-person-profile .person-profile-image img {
    display: block;
    width: 100%; }
  #section-person-profile .person-profile-image a {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
    margin: 15px;
    background: #ccc; }
#section-person-profile .person-profile-text {
  padding: 24px;
  padding: 1.5rem; }
#section-person-profile #board-members-links ul {
  margin: 0 !important; }
#section-person-profile #board-members-links li a {
  display: block;
  text-align: center;
  padding: .5em 0;
  border-top: 1px solid #d0d0d0; }
@media only screen and (min-width: 960px) {
  #section-person-profile .person-profile-image {
    float: left;
    width: 50%;
    position: relative; }
  #section-person-profile .person-profile-text {
    float: left;
    width: 50%;
    padding: 64px 96px;
    padding: 4rem 6rem; }
  #section-person-profile #board-members-links li a {
    display: block;
    text-align: left;
    padding: 0 0;
    border: 0; } }

#broj-korisnika {
  border-bottom: 1px solid #fff;
  background: url(/img/o-nama/family.png) repeat-x 0 100%;
  background-image: url(/img/o-nama/family.svg), none;
  background-size: 24px 16px; }
  #broj-korisnika #infography-customers {
    margin-bottom: 48px;
    margin-bottom: 3rem;
    position: relative; }
    #broj-korisnika #infography-customers .wrapper-image {
      display: block;
      position: relative;
      padding-top: 56.42857143%;
      width: 100%;
      height: 0;
      margin: 0; }
      #broj-korisnika #infography-customers .wrapper-image img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100% !important;
        height: 100% !important; }
    @media only screen and (min-width: 600px) and (max-width: 799px) {
      #broj-korisnika #infography-customers .list-key-numbers-alt li {
        float: left;
        width: 47.5%;
        text-align: center; }
      #broj-korisnika #infography-customers #broj-korisnika-mob {
        float: left; }
      #broj-korisnika #infography-customers #broj-korisnika-fix {
        float: right; }
      #broj-korisnika #infography-customers #broj-korisnika-int {
        float: left; }
      #broj-korisnika #infography-customers #broj-korisnika-itv {
        float: right; } }
    @media only screen and (min-width: 800px) and (max-width: 959px) {
      #broj-korisnika #infography-customers {
        padding: 48px 0px;
        padding: 3rem 0rem; }
        #broj-korisnika #infography-customers .list-key-numbers-alt li {
          position: absolute;
          width: 40%; }
        #broj-korisnika #infography-customers #broj-korisnika-mob {
          top: 0;
          left: 0;
          text-align: left; }
        #broj-korisnika #infography-customers #broj-korisnika-fix {
          top: 0;
          right: 0;
          text-align: right; }
        #broj-korisnika #infography-customers #broj-korisnika-int {
          bottom: 0;
          left: 0;
          text-align: left; }
        #broj-korisnika #infography-customers #broj-korisnika-itv {
          bottom: 0;
          right: 0;
          text-align: right; } }
    @media only screen and (min-width: 960px) {
      #broj-korisnika #infography-customers {
        padding: 48px 0px;
        padding: 3rem 0rem; }
        #broj-korisnika #infography-customers .list-key-numbers-alt li {
          position: absolute; }
        #broj-korisnika #infography-customers #broj-korisnika-mob {
          left: 0;
          top: 0; }
        #broj-korisnika #infography-customers #broj-korisnika-fix {
          left: auto;
          right: 0;
          top: 0;
          text-align: right; }
        #broj-korisnika #infography-customers #broj-korisnika-int {
          left: 0;
          top: auto;
          bottom: 0; }
        #broj-korisnika #infography-customers #broj-korisnika-itv {
          left: auto;
          right: 0;
          top: auto;
          bottom: 0;
          text-align: right; } }

#dev-links {
  display: none;
  width: 400px;
  position: fixed;
  bottom: 0;
  top: 0;
  left: -390px;
  background: #def7ff;
  border-right: 10px solid #8ce0fc;
  overflow: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #dev-links:hover {
    left: 0; }
  #dev-links li {
    list-style: none;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase; }
  #dev-links li a {
    display: block;
    color: #000;
    padding: 5px 20px; }
  #dev-links li a:hover {
    background: #fff; }
  #dev-links li.current a {
    font-weight: bold;
    background: #8ce0fc; }
  @media only screen and (min-width: 960px) {
    #dev-links {
      display: block; } }

pre {
  display: none;
  background: #ffc; }
  @media only screen and (min-width: 960px) {
    pre {
      display: block; } }

.style-caption {
  clear: both;
  width: 100%;
  font: 16px/24px 'Courier New', Courier, monospace;
  color: #e5e5e5;
  background: #4b4b4b;
  padding: 24px 48px 72px;
  padding: 1.5rem 3rem 4.5rem; }
  .style-caption p {
    text-align: center;
    max-width: 600px;
    margin: 0 auto; }

/*Nekretnine*/
	.photos, .opis{float: left;}
	.opis {width: 52%;}
	.opis p {font-size: 1em; margin-bottom: 0.825em;}
	.opis p span {color: #e20074; font-weight: bold; margin-right: 5px;}
	.opis p span.block {display: block;}
	.opis p.no-margin {margin-bottom: 0;}
	.opis ul{margin-left: 1em;}
	.opis ul li{margin-bottom: 0.125em;}
	.photos{margin-right: 8%; width: 40%;}
  @media only screen and (max-width: 425px) {
        .photos{width: 100%;}
      }
	.photos img {width: 100%; display: block; margin-bottom: 1.5em;}

/**overlay*/

	.content-overlay { background-color: #FFF; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 0.5em; display: none; margin: 0; }

	.content-overlay.auto { width: auto; }

	.content-overlay .close { position: absolute; cursor: pointer; width: 25px; height: 25px; display: block; top: -15px; right: -15px; background-image: url(/webresources/tht/img/ui.png); background-repeat: no-repeat; background-position: 0px -279px; }
	.over-trigger{cursor: pointer;}

/*# sourceMappingURL=ht-2014.css.map */

.cookies-notification {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    background: transparent url(//static.hrvatskitelekom.hr/webresources/images/darkgray90.png) repeat;
    background: rgba(32,32,32,0.9);
    padding: 1.25em 0;
    display: none;
    color: White;
}
  
 .cookies-notification p { font: normal 0.9375em/normal Tele-GroteskHal; color: #c2c2c2; margin: 0 0 0 0; }

 .cookies-notification .button-gray { float: right; margin: 0 0 0 1.5em; padding: 7px 10px; cursor: pointer; } 
 .cookies-notification .cookies-notification-container {
  padding: 12px;
}