@charset "UTF-8";
/**
 * @package   Zhong (free) - accessibletemplate
 * @version   4.0.0
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   http://ec.europa.eu/idabc/eupl.html EUPL v1.1 only
 **/
/*==========================================================================
   RESET
==========================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, dialog {
  background: none;
  border: 0;
  padding: 0;
  outline: 0;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}

*, *:before, *:after {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

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

[hidden] {
  display: none;
}

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

caption, th, td {
  text-align: inherit;
  font-weight: normal;
}

table, td, th {
  vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

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

/*==========================================================================
   TYPOGRAPHY
==========================================================================*/
html {
  background: none;
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  line-height: 1.4;
}

html[dir="rtl"] body {
  text-align: right;
}

body#zf--body {
  font-size: 1.125em;
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
  body#zf--body {
    font-size: 1.0625em;
  }
}

@media screen and (max-width: 599px) {
  body#zf--body {
    font-size: 1em;
  }
}

a {
  text-decoration: underline;
}

a:focus, a:active, a:hover {
  text-decoration: none;
}

ul, ol {
  margin: .6em .6% 1em .6%;
  padding-left: 1em;
  list-style-position: outside;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li {
  margin: 0 0 .4em 0;
}

dl {
  margin: .3em .3% .5em .3%;
  padding: .3em .9% .6em .9%;
}

dl dt {
  font-weight: bold;
  padding: .3em 0 0 0;
}

dl dd {
  padding: .4em 0 0 1%;
}

table {
  width: 96%;
  margin: .2em 2% 1.4em 2%;
}

th, td, caption {
  padding: .4em;
  vertical-align: middle;
}

td p {
  margin: 0 0 .6em 0;
}

p {
  margin: 0 .6% 1em .6%;
  display: block;
}

img {
  vertical-align: middle;
  display: inline;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 120%;
}

h1 {
  font-size: 240%;
  margin: 1em .6% .8em .6%;
}

h2 {
  font-size: 180%;
  margin: 0.5em .6%;
}

h3 {
  font-size: 140%;
  margin: 1.2em .6% .6em .6%;
}

h4 {
  font-size: 120%;
  margin: 1.4em .6% .6em .6%;
}

h5 {
  font-size: 100%;
  font-weight: bold;
  margin: 1em .6% .5em .6%;
}

h6 {
  font-size: 80%;
  font-weight: bold;
  margin: .8em .6% .5em .6%;
}

blockquote {
  margin: 1em .6em;
  padding: 1.4em 1.8em;
  border-left: .3em solid #DBDBDB;
  background: #FFF;
}

b, strong {
  font-weight: bold;
}

em, dfn {
  font-style: italic;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 0;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: 0;
}

dfn, abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

address {
  margin: 0 0 1.5em;
  font-style: italic;
}

del {
  text-decoration: line-through;
}

pre {
  display: block;
  margin: 1.2em 0;
  padding: .3em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}

code, kbd, pre, samp, tt {
  font-family: courier,monospace !important;
  line-height: 1.5;
}

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

small {
  font-size: smaller;
}

big {
  font-size: larger;
}

form {
  padding: .24em 0;
  width: auto;
}

fieldset {
  padding: 2% 5%;
  margin: .6em;
}

legend {
  width: auto;
  margin: 0;
  padding: .3em .4em;
  font-size: 110%;
}

label, input, textarea, select {
  vertical-align: middle;
}

input, textarea, select, button {
  display: inline-block;
}

input, textarea, select {
  margin: .1em .3em;
  padding: .2em .3em;
  text-indent: .2em;
  font-size: 100%;
}

button, input[type=button], input[type=reset], input[type=submit], input[type=color] {
  margin: 0;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="checkbox"], input[type="radio"] {
  padding: 0;
}

label {
  display: inline;
  margin: .4em .3em;
  padding: .2em .3em;
  font-size: 100%;
}

textarea {
  max-width: 96%;
  height: auto;
  padding: .3em 0;
  margin: .4em 2% 1em 2%;
  overflow: auto;
  vertical-align: top;
}

input[type=text], input[type=email], input[type=password], input[type=search], input[type=url], input[type=datetime], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime-local], input[type=number], select, input[type=file] {
  max-width: 98%;
  margin: .4em 1%;
  padding: .3em .2em;
}

input[type=text], input[type=email], input[type=password], input[type=search], input[type=url], input[type=datetime], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime-local], input[type=number], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

::-webkit-input-placeholder {
  color: #666;
}

::-moz-placeholder {
  color: #666;
}

:-ms-input-placeholder {
  color: #666;
}

input[type=checkbox], input[type=radio] {
  min-height: 0;
  border: 0;
  background: none;
  margin-left: 1%;
  margin-right: 1%;
  padding: .2em;
}

[disabled] {
  cursor: not-allowed;
}

input[type=file] {
  cursor: pointer;
  text-indent: 0;
}

::-ms-browse {
  cursor: pointer;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="email"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

a:focus, button:focus {
  outline: 0;
}

html.zf--keyboard-outline a:focus, html.zf--keyboard-outline button:focus, html.zf--keyboard-outline input:focus {
  outline: solid 3px #F70;
  outline: solid 0.2rem rgba(255, 135, 0, 0.65);
  outline-offset: -1px;
}

#zf__html input[type=text]:focus, #zf__html input[type=email]:focus, #zf__html input[type=password]:focus, #zf__html input[type=search]:focus, #zf__html input[type=url]:focus, #zf__html input[type=datetime]:focus, #zf__html input[type=date]:focus, #zf__html input[type=month]:focus, #zf__html input[type=week]:focus, #zf__html input[type=time]:focus, #zf__html input[type=datetime-local]:focus, #zf__html input[type=number]:focus, #zf__html textarea:focus, #zf__html select:focus {
  outline: solid 2px #BBB;
  outline: solid 0.18rem rgba(140, 140, 140, 0.65);
  outline-offset: -1px;
}

#zf__html.ie8 button, #zf__html.ie8 input {
  overflow: visible;
}

/*==========================================================================
   ZHONG ICONS IMPORT
==========================================================================*/
@font-face {
  font-family: 'zhong_icons';
  src: url("../../fonts/icons/zhong-icons.eot?400");
  src: url("../../fonts/icons/zhong-icons.eot?400#iefix") format("embedded-opentype"), url("../../fonts/icons/zhong-icons.woff?400") format("woff"), url("../../fonts/icons/zhong-icons.ttf?400") format("truetype"), url("../../fonts/icons/zhong-icons.svg?400#zhong-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

#zf__html #zf--body .zf--zhong-icon,
#zf__html #zf--body .zf--zhong-icon:before {
  font-family: 'zhong_icons', sans-serif !important;
  font-style: normal !important;
  text-decoration: none !important;
  font-weight: normal !important;
  speak: none !important;
}

.zf--zhong-icon-accessibility:before {
  content: "\267F";
}

.zf--zhong-icon-double-a:before {
  content: "\41";
}

.zf--zhong-icon-login:before {
  content: "\2659";
}

.zf--zhong-icon-search:before {
  content: '\260C';
}

.zf--zhong-icon-arrow-down:before {
  content: '\25BE';
}

.zf--zhong-icon-arrow-up:before {
  content: '\25B4';
}

.zf--zhong-icon-menu:before {
  content: '\2261';
}

.zf--zhong-icon-plus-circle:before {
  content: '\2295';
}

.zf--zhong-icon-plus:before {
  content: '\2B';
}

.zf--zhong-icon-minus:before {
  content: '\2D';
}

.zf--zhong-icon-facebook:before {
  content: '\66';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-facebook:before {
  content: '\192';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-facebook:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-facebook {
  color: #4A66A0;
}

.zf--zhong-icon-gplus:before {
  content: '\47';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-gplus:before {
  content: '\67';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-gplus:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-gplus {
  color: #DD4B39;
}

.zf--zhong-icon-twitter:before {
  content: '\74';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-twitter:before {
  content: '\3C4';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-twitter:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-twitter {
  color: #00ACEE;
}

.zf--zhong-icon-github:before {
  content: '\e817';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-github:before {
  content: '\e80d';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-github:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-github {
  color: #333;
}

.zf--zhong-icon-flickr:before {
  content: '\e80e';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-flickr:before {
  content: '\e80f';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-flickr:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-flickr {
  color: #0062DD;
}

.zf--zhong-icon-vimeo:before {
  content: '\76';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-vimeo:before {
  content: '\e811';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-vimeo:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-vimeo {
  color: #20B9EB;
}

.zf--zhong-icon-pinterest:before {
  content: '\70';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-pinterest:before {
  content: '\3C1';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-pinterest:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-pinterest {
  color: #CD2026;
}

.zf--zhong-icon-tumblr:before {
  content: '\e81a';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-tumblr:before {
  content: '\e81b';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-tumblr:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-tumblr {
  color: #3E5A70;
}

.zf--zhong-icon-linkedin:before {
  content: '\69';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-linkedin:before {
  content: '\e81d';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-linkedin:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-linkedin {
  color: #1B86BC;
}

.zf--zhong-icon-stumbleupon:before {
  content: '\e81e';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-stumbleupon:before {
  content: '\e81f';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-stumbleupon:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-stumbleupon {
  color: #EB4923;
}

.zf--zhong-icon-instagram:before {
  content: '\25D9';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-instagram:before {
  content: '\25D8';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-instagram:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-instagram {
  color: #A17055;
}

.zf--zhong-icon-soundcloud:before {
  content: '\2601';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-soundcloud:before {
  content: '\e82a';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-soundcloud:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-soundcloud {
  color: #F77A0E;
}

.zf--zhong-icon-newsletter:before {
  content: '\2709';
}

#zf--follow-us-links.zf--follow-us-links-style-circled .zf--zhong-icon-newsletter:before {
  content: '\270D';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-newsletter:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-newsletter {
  color: #999;
}

.zf--zhong-icon-rss:before {
  content: '\25CE';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-rss:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-rss {
  color: #F08934;
}

.zf--zhong-icon-foursquare:before {
  content: '\e808';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-foursquare:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-foursquare {
  color: #24526B;
}

.zf--zhong-icon-youtube:before {
  content: '\25B6';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-youtube:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-youtube {
  color: #CE1F21;
}

.zf--zhong-icon-flattr:before {
  content: '\e821';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-flattr:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-flattr {
  color: #F8B523;
}

.zf--zhong-icon-weibo:before {
  content: '\77';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-weibo:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-weibo {
  color: #D42C2B;
}

.zf--zhong-icon-qq:before {
  content: '\51';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-qq:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-qq {
  color: #111;
}

.zf--zhong-icon-meetup:before {
  content: '\4D';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-meetup:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-meetup {
  color: #111;
}

.zf--zhong-icon-myspace:before {
  content: '\e82c';
}

#zf--follow-us-links.zf--follow-us-links-colored-on-hover .zf--zhong-icon-myspace:hover,
#zf--follow-us-links.zf--follow-us-links-colored-true .zf--zhong-icon-myspace {
  color: #333;
}

#zf__html #zf--body .width-100\% {
  width: 100%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-100\%-md {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-100\%-lg {
    width: 100%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-100\%-md, #zf__html.lt-ie9 #zf--body .zf--width-100\%-lg {
  width: 100%;
}

#zf__html #zf--body .width-95\% {
  width: 95%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-95\%-md {
    width: 95%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-95\%-lg {
    width: 95%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-95\%-md, #zf__html.lt-ie9 #zf--body .zf--width-95\%-lg {
  width: 95%;
}

#zf__html #zf--body .width-90\% {
  width: 90%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-90\%-md {
    width: 90%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-90\%-lg {
    width: 90%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-90\%-md, #zf__html.lt-ie9 #zf--body .zf--width-90\%-lg {
  width: 90%;
}

#zf__html #zf--body .width-85\% {
  width: 85%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-85\%-md {
    width: 85%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-85\%-lg {
    width: 85%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-85\%-md, #zf__html.lt-ie9 #zf--body .zf--width-85\%-lg {
  width: 85%;
}

#zf__html #zf--body .width-80\% {
  width: 80%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-80\%-md {
    width: 80%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-80\%-lg {
    width: 80%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-80\%-md, #zf__html.lt-ie9 #zf--body .zf--width-80\%-lg {
  width: 80%;
}

#zf__html #zf--body .width-75\% {
  width: 75%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-75\%-md {
    width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-75\%-lg {
    width: 75%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-75\%-md, #zf__html.lt-ie9 #zf--body .zf--width-75\%-lg {
  width: 75%;
}

#zf__html #zf--body .width-70\% {
  width: 70%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-70\%-md {
    width: 70%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-70\%-lg {
    width: 70%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-70\%-md, #zf__html.lt-ie9 #zf--body .zf--width-70\%-lg {
  width: 70%;
}

#zf__html #zf--body .width-66\% {
  width: 66.66%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-66\%-md {
    width: 66.66%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-66\%-lg {
    width: 66.66%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-66\%-md, #zf__html.lt-ie9 #zf--body .zf--width-66\%-lg {
  width: 66.66%;
}

#zf__html #zf--body .width-65\% {
  width: 65%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-65\%-md {
    width: 65%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-65\%-lg {
    width: 65%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-65\%-md, #zf__html.lt-ie9 #zf--body .zf--width-65\%-lg {
  width: 65%;
}

#zf__html #zf--body .width-60\% {
  width: 60%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-60\%-md {
    width: 60%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-60\%-lg {
    width: 60%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-60\%-md, #zf__html.lt-ie9 #zf--body .zf--width-60\%-lg {
  width: 60%;
}

#zf__html #zf--body .width-55\% {
  width: 55%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-55\%-md {
    width: 55%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-55\%-lg {
    width: 55%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-55\%-md, #zf__html.lt-ie9 #zf--body .zf--width-55\%-lg {
  width: 55%;
}

#zf__html #zf--body .width-50\% {
  width: 50%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-50\%-md {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-50\%-lg {
    width: 50%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-50\%-md, #zf__html.lt-ie9 #zf--body .zf--width-50\%-lg {
  width: 50%;
}

#zf__html #zf--body .width-45\% {
  width: 45%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-45\%-md {
    width: 45%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-45\%-lg {
    width: 45%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-45\%-md, #zf__html.lt-ie9 #zf--body .zf--width-45\%-lg {
  width: 45%;
}

#zf__html #zf--body .width-40\% {
  width: 40%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-40\%-md {
    width: 40%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-40\%-lg {
    width: 40%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-40\%-md, #zf__html.lt-ie9 #zf--body .zf--width-40\%-lg {
  width: 40%;
}

#zf__html #zf--body .width-35\% {
  width: 35%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-35\%-md {
    width: 35%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-35\%-lg {
    width: 35%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-35\%-md, #zf__html.lt-ie9 #zf--body .zf--width-35\%-lg {
  width: 35%;
}

#zf__html #zf--body .width-33\% {
  width: 33.33%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-33\%-md {
    width: 33.33%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-33\%-lg {
    width: 33.33%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-33\%-md, #zf__html.lt-ie9 #zf--body .zf--width-33\%-lg {
  width: 33.33%;
}

#zf__html #zf--body .width-30\% {
  width: 30%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-30\%-md {
    width: 30%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-30\%-lg {
    width: 30%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-30\%-md, #zf__html.lt-ie9 #zf--body .zf--width-30\%-lg {
  width: 30%;
}

#zf__html #zf--body .width-25\% {
  width: 25%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-25\%-md {
    width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-25\%-lg {
    width: 25%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-25\%-md, #zf__html.lt-ie9 #zf--body .zf--width-25\%-lg {
  width: 25%;
}

#zf__html #zf--body .width-20\% {
  width: 20%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-20\%-md {
    width: 20%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-20\%-lg {
    width: 20%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-20\%-md, #zf__html.lt-ie9 #zf--body .zf--width-20\%-lg {
  width: 20%;
}

#zf__html #zf--body .width-15\% {
  width: 15%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-15\%-md {
    width: 15%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-15\%-lg {
    width: 15%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-15\%-md, #zf__html.lt-ie9 #zf--body .zf--width-15\%-lg {
  width: 15%;
}

#zf__html #zf--body .width-10\% {
  width: 10%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-10\%-md {
    width: 10%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-10\%-lg {
    width: 10%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-10\%-md, #zf__html.lt-ie9 #zf--body .zf--width-10\%-lg {
  width: 10%;
}

#zf__html #zf--body .width-5\% {
  width: 5%;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--width-5\%-md {
    width: 5%;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--width-5\%-lg {
    width: 5%;
  }
}

#zf__html.lt-ie9 #zf--body .zf--width-5\%-md, #zf__html.lt-ie9 #zf--body .zf--width-5\%-lg {
  width: 5%;
}

#zf__html #zf--body .padding-0 {
  padding: 0;
}

#zf__html #zf--body .padding-left-0 {
  padding-left: 0;
}

#zf__html #zf--body .padding-right-0 {
  padding-right: 0;
}

#zf__html #zf--body .padding-top-0 {
  padding-top: 0;
}

#zf__html #zf--body .padding-bottom-0 {
  padding-bottom: 0;
}

#zf__html #zf--body .margin-0 {
  margin: 0;
}

#zf__html #zf--body .margin-left-0 {
  margin-left: 0;
}

#zf__html #zf--body .margin-right-0 {
  margin-right: 0;
}

#zf__html #zf--body .margin-top-0 {
  margin-top: 0;
}

#zf__html #zf--body .margin-bottom-0 {
  margin-bottom: 0;
}

#zf__html #zf--body .margin-left-auto {
  margin-left: auto;
}

#zf__html #zf--body .margin-right-auto {
  margin-right: auto;
}

#zf__html #zf--body .clear-left {
  clear: left;
}

#zf__html #zf--body .clear-right {
  clear: right;
}

#zf__html #zf--body .clear-both {
  clear: both;
}

#zf__html #zf--body .clear-none {
  clear: none;
}

#zf__html #zf--body .text-align-center {
  text-align: center;
}

#zf__html #zf--body .text-align-left {
  text-align: left;
}

#zf__html #zf--body .text-align-right {
  text-align: right;
}

#zf__html #zf--body .color-inherit {
  color: inherit;
}

#zf__html #zf--body .float-left {
  float: left;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--float-left-md {
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--float-left-lg {
    float: left;
  }
}

#zf__html.lt-ie9 #zf--body .zf--float-left-md, #zf__html.lt-ie9 #zf--body .zf--float-left-lg {
  float: left;
}

#zf__html #zf--body .float-right {
  float: right;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--float-right-md {
    float: right;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--float-right-lg {
    float: right;
  }
}

#zf__html.lt-ie9 #zf--body .zf--float-right-md, #zf__html.lt-ie9 #zf--body .zf--float-right-lg {
  float: right;
}

#zf__html #zf--body .float-none {
  float: none;
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body .zf--float-none-md {
    float: none;
  }
}

@media screen and (min-width: 1024px) {
  #zf__html #zf--body .zf--float-none-lg {
    float: none;
  }
}

#zf__html.lt-ie9 #zf--body .zf--float-none-md, #zf__html.lt-ie9 #zf--body .zf--float-none-lg {
  float: none;
}

#zf__html #zf--body .overflow-hidden {
  overflow: hidden;
}

#zf__html #zf--body .overflow-visible {
  overflow: visible;
}

#zf__html #zf--body .overflow-scroll {
  overflow: scroll;
}

#zf__html #zf--body .position-absolute {
  position: absolute;
}

#zf__html #zf--body .position-relative {
  position: relative;
}

#zf__html #zf--body .position-fixed {
  position: fixed;
}

#zf__html #zf--body .position-static {
  position: static;
}

#zf__html #zf--body .display-block {
  display: block;
}

#zf__html #zf--body .display-inline {
  display: inline;
}

#zf__html #zf--body .display-inline-block {
  display: inline-block;
}

#zf__html #zf--body .display-none {
  display: none;
}

#zf__html #zf--body .display-table {
  display: table;
}

#zf__html #zf--body .display-table-cell {
  display: table-cell;
}

#zf__html #zf--body .vertical-align-middle {
  vertical-align: middle;
}

#zf__html #zf--body .vertical-align-top {
  vertical-align: top;
}

#zf__html #zf--body .vertical-align-bottom {
  vertical-align: bottom;
}

#zf__html #zf--body .word-break-break-all {
  word-break: break-all;
}

#zf__html #zf--body .white-space-nowrap {
  white-space: nowrap;
}

#zf__html #zf--body .table-layout-fixed {
  table-layout: fixed;
}

#zf__html #zf--body .table-layout-auto {
  table-layout: auto;
}

#zf__html #zf--body .visibility-visible {
  visibility: visible;
}

#zf__html #zf--body .visibility-hidden {
  visibility: hidden;
}

.style-reset {
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: none !important;
  color: inherit !important;
  border: 0 !important;
}

.list-style-reset, .list-style-reset li, .list-style-reset ul, .list-style-reset ol {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.visually-hidden, .zf--header-buttons-style-icon-only .zf--toolbox-button--text,
.zf--header-buttons-style-icon-only #zf--main-menu-expand-button-text, #zf--header-top #zf--search form label {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  outline: 0 !important;
  white-space: nowrap !important;
}

.removed {
  display: none !important;
  visibility: hidden !important;
}

html.js .removed-js {
  display: none !important;
  visibility: hidden !important;
}

html.no-js .removed-no-js {
  display: none !important;
  visibility: hidden !important;
}

.clearfix:before, .clearfix:after, .zf--accessibility-panel-module:before, #zf--font-resizer:before,
#zf--theme-switcher:before,
#zf--legibility-switcher:before,
#zf--layout-width-resizer:before,
#zf--line-height-resizer:before, #zf--header-top #zf--search .search:before, .zf--accessibility-panel-module:after, #zf--font-resizer:after,
#zf--theme-switcher:after,
#zf--legibility-switcher:after,
#zf--layout-width-resizer:after,
#zf--line-height-resizer:after, #zf--header-top #zf--search .search:after {
  content: " ";
  display: table;
  width: 100%;
}

.clearfix:after, .zf--accessibility-panel-module:after, #zf--font-resizer:after,
#zf--theme-switcher:after,
#zf--legibility-switcher:after,
#zf--layout-width-resizer:after,
#zf--line-height-resizer:after, #zf--header-top #zf--search .search:after {
  clear: both;
}

.zf--transition-fast-all,
.zf--transition-fast-all-deep,
.zf--transition-fast-all-deep * {
  transition: all .4s ease;
}

.zf--transition-medium-all,
.zf--transition-medium-all-deep,
.zf--transition-medium-all-deep * {
  transition: all .8s ease;
}

.zf--transition-slow-all,
.zf--transition-slow-all-deep,
.zf--transition-slow-all-deep * {
  transition: all 1.4s ease;
}

.zf--transition-fast-opacity {
  transition: opacity .4s ease;
}

.zf--transition-medium-opacity {
  transition: opacity .8s ease;
}

.zf--transition-slow-opacity {
  transition: opacity 1.4s ease;
}

.zf--transition-fast-bg {
  transition: background-color .4s ease;
}

.zf--transition-medium-bg {
  transition: background-color .8s ease;
}

.zf--transition-slow-bg {
  transition: background-color 1.4s ease;
}

.zf--transition-fast-color {
  transition: color .4s ease;
}

.zf--transition-medium-color {
  transition: color .8s ease;
}

.zf--transition-slow-color {
  transition: color 1.4s ease;
}

.zf--transition-fast-position {
  transition: top .4s ease,right .4s ease,bottom .4s ease,left .4s ease;
}

.zf--transition-medium-position {
  transition: top .8s ease,right .8s ease,bottom .8s ease,left .8s ease;
}

.zf--transition-slow-position {
  transition: top 1.4s ease,right 1.4s ease,bottom 1.4s ease,left 1.4s ease;
}

.zf--transition-fast-dimension {
  transition: width .4s ease,height .4s ease,max-width .4s ease,max-height .4s ease;
}

.zf--transition-medium-dimension {
  transition: width .8s ease,height .8s ease,max-width .8s ease,max-height .8s ease;
}

.zf--transition-slow-dimension {
  transition: width 1.4s ease,height 1.4s ease,max-width 1.4s ease,max-height 1.4s ease;
}

/*==========================================================================
   SNIPPETS
==========================================================================*/
.sans-serif {
  font-family: Arial, Helvetica, sans-serif !important;
}

.serif {
  font-family: Georgia, Times, "Times New Roman", serif !important;
}

.monospace {
  font-family: Courier New, Courier, monospace !important;
}

.larger-text {
  font-size: larger;
}

.large-text {
  font-size: 160%;
  line-height: 120%;
}

.xlarge-text {
  font-size: 200%;
  line-height: 140%;
}

.xxlarge-text {
  font-size: 300%;
  line-height: 160%;
}

.xxxlarge-text {
  font-size: 400%;
  line-height: 180%;
}

.xxxxlarge-text {
  font-size: 500%;
  line-height: 200%;
}

.smaller-text {
  font-size: smaller;
}

.small-text {
  font-size: 80%;
}

.xsmall-text {
  font-size: 70%;
}

.xxsmall-text {
  font-size: 60%;
}

.xxxsmall-text {
  font-size: 50%;
}

.xxxxsmall-text {
  font-size: 40%;
}

.yellow-mark, .yellow-mark * {
  background: #FE4 !important;
  color: #000 !important;
}

.green-mark, .green-mark * {
  background: #6E3 !important;
  color: #000 !important;
}

.red-mark, .red-mark * {
  background: #D11 !important;
  color: #FFF !important;
}

.violet-mark, .violet-mark * {
  background: #F4E !important;
  color: #000 !important;
}

.blue-mark, .blue-mark * {
  background: #00F !important;
  color: #FFF !important;
}

.highlight-grey, .highlight-green, .highlight-red,
.highlight-brown, .highlight-yellow, .highlight-blue, .highlight-black {
  display: block;
  width: auto;
  overflow: hidden;
  padding: .6em .3em .6em 1em;
  margin: 1em .6%;
  border: 0;
  border-left-width: .6em;
  border-left-style: solid;
}

.highlight-grey {
  border-left-color: #CCC !important;
  background: #E9E6E9;
  color: #3B3B3B;
}

.highlight-green {
  border-left-color: #8ef26f !important;
  background-color: #CFF26F;
  color: #0D1C11;
}

.highlight-red {
  border-left-color: #DA3F26 !important;
  background-color: #A62A11;
  color: #FFF;
}

.highlight-brown {
  border-left-color: #BFA160 !important;
  background-color: #FFE68C;
  color: #312A1A;
}

.highlight-yellow {
  border-left-color: #FFDB4A !important;
  background-color: #FF7;
  color: #382E19;
}

.highlight-blue {
  border-left-color: #847FF0 !important;
  background-color: #91B2FF;
  color: #111326;
}

.highlight-black {
  border-left-color: #494949 !important;
  background-color: #222;
  color: #EEE;
}

.error, .notice, .success, .message {
  padding: .8em;
  margin: 1em 0;
  border-top: 2px solid #DDD;
  border-bottom: 2px solid #DDD;
}

.notice, .message {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324 !important;
}

.error {
  background: #FFE9C2;
  color: #881E10;
  border-color: #F62 !important;
}

.success {
  background: #E8FFCA;
  color: #264409;
  border-color: #7ED060 !important;
}

.notice a, .message a {
  color: #514721;
}

.error a {
  color: #881E10;
}

.success a {
  color: #264409;
}

.rounded-corners {
  border-radius: 1em !important;
  -moz-border-radius: 1em !important;
  -webkit-border-radius: 1em !important;
}

.article-image-right,
.article-image-left {
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

.article-image-left {
  margin: 0 .8em .8em 0;
  float: left;
}

.article-image-right {
  margin: 0 0 .8em .8em;
  float: right;
}

.grey-button-style,
.grey-button-style:visited,
.white-button-style,
.white-button-style:visited,
.green-button-style,
.green-button-style:visited,
.red-button-style,
.red-button-style:visited,
.yellow-button-style,
.yellow-button-style:visited,
.violet-button-style,
.violet-button-style:visited,
.blue-button-style,
.blue-button-style:visited,
.black-button-style,
.black-button-style:visited {
  display: inline-block;
  width: auto;
  padding: .462em .625em;
  margin: 0;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  background-position: 3% 55%;
  background-repeat: no-repeat;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.grey-button-style,
.grey-button-style:visited {
  color: #444;
  border: solid 1px #969696;
  background-color: #EEEDED;
}

.grey-button-style:hover,
.grey-button-style:focus,
.grey-button-style:active {
  background-color: #DADADA;
  border-color: #6B6B6B;
  color: #3D3D3D;
  text-decoration: none;
}

.white-button-style,
.white-button-style:visited {
  color: #444;
  border: solid 1px #666;
  background-color: #FFF;
}

.white-button-style:hover,
.white-button-style:focus,
.white-button-style:active {
  background-color: #F1F1F1;
  border-color: #444;
  color: #111;
  text-decoration: none;
}

.green-button-style,
.green-button-style:visited {
  color: #0F3B15;
  border: solid 1px #3D8C45;
  background-color: #98E663;
}

.green-button-style:hover,
.green-button-style:focus,
.green-button-style:active {
  background-color: #61E200;
  border-color: #1F5F26;
  color: #080A07;
  text-decoration: none;
}

.red-button-style,
.red-button-style:visited {
  color: #FFFFFF;
  border: solid 1px #901C11;
  background-color: #C33113;
  text-shadow: 1px 1px 1px #5D0F07;
}

.red-button-style:hover,
.red-button-style:focus,
.red-button-style:active {
  color: #FFFFFF;
  border-color: #B82213;
  background-color: #F30000;
  text-decoration: none;
}

.yellow-button-style,
.yellow-button-style:visited {
  color: #382E19;
  border: solid 1px #F1A548;
  background-color: #FF8;
  text-shadow: 1px 1px 1px #FFEA7F;
}

.yellow-button-style:hover,
.yellow-button-style:focus,
.yellow-button-style:active {
  color: #382E19;
  border-color: #FDE328;
  background-color: #FF5;
  text-decoration: none;
}

.blue-button-style,
.blue-button-style:visited {
  color: #23233B;
  text-shadow: 1px 1px 1px #C2D4FF;
  border: solid 1px #847FF0;
  background-color: #91B2FF;
}

.blue-button-style:hover,
.blue-button-style:focus,
.blue-button-style:active {
  color: #090910;
  text-shadow: 0px 0px 0px #C2D4FF;
  border-color: #615DBB;
  background-color: #6494FF;
  text-decoration: none;
}

.violet-button-style,
.violet-button-style:visited {
  color: #4A0A3D;
  border: solid 1px #D147B5;
  background-color: #FFA0EF;
}

.violet-button-style:hover,
.violet-button-style:focus,
.violet-button-style:active {
  color: #1A0315;
  border-color: #BB38A1;
  background-color: #FA5ADA;
  text-decoration: none;
}

.black-button-style,
.black-button-style:visited {
  border: solid 1px #1D1D1D;
  color: #EEE;
  background-color: #333;
  text-shadow: 1px 1px 1px #111;
}

.black-button-style:hover,
.black-button-style:focus,
.black-button-style:active {
  color: #FFF;
  text-decoration: none;
  border-color: #333;
  background-color: #555;
  text-shadow: 1px 1px 1px #222;
}

.black-shadow {
  box-shadow: .16em .14em .4em #333;
}

.grey-shadow {
  box-shadow: .16em .14em .4em #999;
}

.white-shadow {
  box-shadow: .16em .14em .4em #EEE;
}

.marked-block-dark, .marked-block-light {
  display: block;
  overflow: hidden;
  width: auto;
  margin: .8em 2% 1.2em 2%;
  padding: .6em 2% .8em 2%;
  clear: both;
  border-width: 3px;
  border-style: solid;
  border-radius: .6em;
  -moz-border-radius: .6em;
  -webkit-border-radius: .6em;
}

.marked-block-dark h1, .marked-block-dark h2, .marked-block-dark h3, .marked-block-dark h4, .marked-block-dark h5, .marked-block-dark h6, .marked-block-light h1, .marked-block-light h2, .marked-block-light h3, .marked-block-light h4, .marked-block-light h5, .marked-block-light h6 {
  display: block;
  margin: 0 .6em .2em .6em;
  padding: .3em 0;
  border-bottom: solid 1px;
}

.marked-block-dark p, .marked-block-light p {
  margin: 1.2em .8em;
  width: auto;
}

.marked-block-dark {
  color: #434545;
  border-color: #CCC !important;
  background: #EEE;
}

.marked-block-dark h1, .marked-block-dark h2, .marked-block-dark h3, .marked-block-dark h4, .marked-block-dark h5, .marked-block-dark h6 {
  color: #434545;
  border-bottom-color: #CCC;
}

.marked-block-dark p {
  color: #434545;
}

.marked-block-light {
  color: #444;
  border-color: #DEDBDB !important;
  background: #FFF;
}

.marked-block-light h1, .marked-block-light h2, .marked-block-light h3, .marked-block-light h4, .marked-block-light h5, .marked-block-light h6 {
  color: #444;
  border-bottom-color: #DEDBDB;
}

.marked-block-light p {
  color: #444;
}

.col-style-full, .col-style-1 {
  display: block;
  float: none;
  clear: both;
  margin: .6em 2%;
  width: 96%;
}

.col-style-2, .col-style-3, .col-style-4, .col-style-5, .col-style-6 {
  display: block;
  float: left;
  clear: none;
}

.col-style-2 {
  width: 46.8%;
  margin: .6em 1.6%;
}

.col-style-3 {
  width: 30.9%;
  margin: .6em 1.2%;
}

.col-style-4 {
  width: 23%;
  margin: .6em 1%;
}

.col-style-5 {
  width: 18.4%;
  margin: .6em .8%;
}

.col-style-6 {
  width: 15.4%;
  margin: .6em .6%;
}

/*==========================================================================
   MISC GLOBAL
==========================================================================*/
/*------------------------------------------------------------
   TOOLTIPS
------------------------------------------------------------*/
.zf--tooltip-title {
  display: none;
  position: fixed;
  left: -9999px;
  top: -9999px;
  background-color: #333;
  padding: .3em .5em;
  max-width: 24em;
  color: #FFF;
  font-size: 0.875em;
  line-height: 1.4em;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.zf--tooltip-title.zf--with-top-arrow:before,
.zf--tooltip-title.zf--with-top-arrow:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}

.zf--tooltip-title.zf--with-top-arrow:before {
  margin-left: -8px;
  border-width: 8px;
}

.zf--tooltip-title.zf--with-top-arrow:after {
  margin-left: -7px;
  border-width: 7px;
}

.zf--tooltip-title.zf--with-top-arrow:after {
  top: -14px;
  border-bottom-color: #333;
}

/*------------------------------------------------------------
   COATS STYLE
------------------------------------------------------------*/
[class*="zf--block-coat--colored"] {
  border-width: 0 0 4px 0;
  border-style: solid;
  display: block;
  margin: .6em 2%;
  padding: 1em 2% .4em 2%;
}

[class*="zf--block-coat--colored"] a {
  text-decoration: underline;
}

[class*="zf--block-coat--colored"] a:focus,
[class*="zf--block-coat--colored"] a:active,
[class*="zf--block-coat--colored"] a:hover {
  text-decoration: none;
}

.zf--block-coat--colored-grey {
  background-color: #E9E6E9;
  border-color: #CCC;
}

.zf--block-coat--colored-grey,
.zf--block-coat--colored-grey h1,
.zf--block-coat--colored-grey h2,
.zf--block-coat--colored-grey h3,
.zf--block-coat--colored-grey h4,
.zf--block-coat--colored-grey h5,
.zf--block-coat--colored-grey h6,
.zf--block-coat--colored-grey a,
.zf--block-coat--colored-grey a:visited,
.zf--block-coat--colored-grey a:hover,
.zf--block-coat--colored-grey a:focus,
.zf--block-coat--colored-grey a:active {
  color: #3B3B3B;
}

.zf--block-coat--colored-green {
  background-color: #CFF26F;
  border-color: #8EF26F;
}

.zf--block-coat--colored-green,
.zf--block-coat--colored-green h1,
.zf--block-coat--colored-green h2,
.zf--block-coat--colored-green h3,
.zf--block-coat--colored-green h4,
.zf--block-coat--colored-green h5,
.zf--block-coat--colored-green h6,
.zf--block-coat--colored-green a,
.zf--block-coat--colored-green a:visited,
.zf--block-coat--colored-green a:hover,
.zf--block-coat--colored-green a:focus,
.zf--block-coat--colored-green a:active {
  color: #0D1C11;
}

.zf--block-coat--colored-red {
  background-color: #A62A11;
  border-color: #DA3F26;
}

.zf--block-coat--colored-red,
.zf--block-coat--colored-red h1,
.zf--block-coat--colored-red h2,
.zf--block-coat--colored-red h3,
.zf--block-coat--colored-red h4,
.zf--block-coat--colored-red h5,
.zf--block-coat--colored-red h6,
.zf--block-coat--colored-red a,
.zf--block-coat--colored-red a:visited,
.zf--block-coat--colored-red a:hover,
.zf--block-coat--colored-red a:focus,
.zf--block-coat--colored-red a:active {
  color: #FFF;
}

.zf--block-coat--colored-brown {
  background-color: #FFE68C;
  border-color: #BFA160;
}

.zf--block-coat--colored-brown,
.zf--block-coat--colored-brown h1,
.zf--block-coat--colored-brown h2,
.zf--block-coat--colored-brown h3,
.zf--block-coat--colored-brown h4,
.zf--block-coat--colored-brown h5,
.zf--block-coat--colored-brown h6,
.zf--block-coat--colored-brown a,
.zf--block-coat--colored-brown a:visited,
.zf--block-coat--colored-brown a:hover,
.zf--block-coat--colored-brown a:focus,
.zf--block-coat--colored-brown a:active {
  color: #312A1A;
}

.zf--block-coat--colored-yellow {
  background-color: #FF7;
  border-color: #FFDB4A;
}

.zf--block-coat--colored-yellow,
.zf--block-coat--colored-yellow h1,
.zf--block-coat--colored-yellow h2,
.zf--block-coat--colored-yellow h3,
.zf--block-coat--colored-yellow h4,
.zf--block-coat--colored-yellow h5,
.zf--block-coat--colored-yellow h6,
.zf--block-coat--colored-yellow a,
.zf--block-coat--colored-yellow a:visited,
.zf--block-coat--colored-yellow a:hover,
.zf--block-coat--colored-yellow a:focus,
.zf--block-coat--colored-yellow a:active {
  color: #382E19;
}

.zf--block-coat--colored-blue {
  background-color: #91B2FF;
  border-color: #847FF0;
}

.zf--block-coat--colored-blue,
.zf--block-coat--colored-blue h1,
.zf--block-coat--colored-blue h2,
.zf--block-coat--colored-blue h3,
.zf--block-coat--colored-blue h4,
.zf--block-coat--colored-blue h5,
.zf--block-coat--colored-blue h6,
.zf--block-coat--colored-blue a,
.zf--block-coat--colored-blue a:visited,
.zf--block-coat--colored-blue a:hover,
.zf--block-coat--colored-blue a:focus,
.zf--block-coat--colored-blue a:active {
  color: #111326;
}

.zf--block-coat--colored-black {
  background-color: #222;
  border-color: #494949;
}

.zf--block-coat--colored-black,
.zf--block-coat--colored-black h1,
.zf--block-coat--colored-black h2,
.zf--block-coat--colored-black h3,
.zf--block-coat--colored-black h4,
.zf--block-coat--colored-black h5,
.zf--block-coat--colored-black h6,
.zf--block-coat--colored-black a,
.zf--block-coat--colored-black a:visited,
.zf--block-coat--colored-black a:hover,
.zf--block-coat--colored-black a:focus,
.zf--block-coat--colored-black a:active {
  color: #EEE;
}

#zf__html #zf--body [class*=zf--block-coat--marked] [class*=zf--block-coat--marked],
#zf__html #zf--body [class*=zf--block-coat--marked] [class*=zf--block-coat--colored],
#zf__html #zf--body [class*=zf--block-coat--marked] [class*=zf--block-coat--user-custom],
#zf__html #zf--body [class*=zf--block-coat--colored] [class*=zf--block-coat--marked],
#zf__html #zf--body [class*=zf--block-coat--colored] [class*=zf--block-coat--colored],
#zf__html #zf--body [class*=zf--block-coat--colored] [class*=zf--block-coat--user-custom],
#zf__html #zf--body [class*=zf--block-coat--user-custom] [class*=zf--block-coat--marked],
#zf__html #zf--body [class*=zf--block-coat--user-custom] [class*=zf--block-coat--colored],
#zf__html #zf--body [class*=zf--block-coat--user-custom] [class*=zf--block-coat--user-custom] {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[class*="zf--block-coat--colored"] > h1:first-child,
[class*="zf--block-coat--colored"] > h2:first-child,
[class*="zf--block-coat--colored"] > h3:first-child,
[class*="zf--block-coat--colored"] > h4:first-child,
[class*="zf--block-coat--colored"] > h5:first-child,
[class*="zf--block-coat--colored"] > h6:first-child,
[class*="zf--block-coat--marked"] > h1:first-child,
[class*="zf--block-coat--marked"] > h2:first-child,
[class*="zf--block-coat--marked"] > h3:first-child,
[class*="zf--block-coat--marked"] > h4:first-child,
[class*="zf--block-coat--marked"] > h5:first-child,
[class*="zf--block-coat--marked"] > h6:first-child,
[class*="zf--block-coat--user-custom"] > h1:first-child,
[class*="zf--block-coat--user-custom"] > h2:first-child,
[class*="zf--block-coat--user-custom"] > h3:first-child,
[class*="zf--block-coat--user-custom"] > h4:first-child,
[class*="zf--block-coat--user-custom"] > h5:first-child,
[class*="zf--block-coat--user-custom"] > h6:first-child {
  margin-top: 0;
}

/*------------------------------------------------------------
   OTHER
------------------------------------------------------------*/
[aria-hidden="true"] {
  speak: none !important;
}

/*==========================================================================
   GLOBAL & TYPOGRAPHY - SKIN
==========================================================================*/
body {
  font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
  color: #333;
  background: #E5E5E5;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia,serif;
  color: #333;
}

a {
  color: #B80000;
}

a:visited {
  color: #750C0D;
}

a:focus, a:active, a:hover {
  color: #23830D;
}

table {
  background-color: #FFF;
}

td, tr {
  border: 1px solid #C3BFBB;
}

caption {
  background: #E0E0E0;
  margin: 0 1%;
}

th {
  font-weight: bold;
}

thead, thead tr {
  background: #333;
  color: #FFF;
}

th, thead td {
  border: 1px solid #C3BFBB;
}

th a {
  color: #CCC;
}

th a:hover {
  color: #FFF;
}

fieldset {
  border: 1px solid #D9D5D0;
}

input, textarea, select {
  background-color: #FFF;
  border: 1px solid #CCC8C4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

option {
  background-color: #FFF;
  color: inherit;
}

button, input[type=button], input[type=reset], input[type=submit],
.btn, .btn:visited, .button, .button:visited {
  text-align: center;
  cursor: pointer;
  text-indent: 0;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #333333;
  background: #333333;
  color: #DDD;
  padding: 0.375em 0.5em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .btn:hover, .button:hover,
button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, .btn:focus, .button:focus {
  border-color: #505050;
  background-color: #595959;
  color: #FFF;
}

button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .btn:active, .button:active {
  background-color: #494949;
}

input:hover, textarea:hover, select:hover {
  background-color: #FFFFCC;
}

input:focus, textarea:focus, select:focus {
  background-color: #FFFFCC;
}

hr {
  display: block;
  margin: 2em 6% 1.8em 6%;
  padding: 0;
  width: auto;
  height: 0;
  clear: both;
  border: 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
}

/*------------------------------------------------------------
   COATS STYLES - SKIN
------------------------------------------------------------*/
.zf--block-coat--marked-default {
  width: auto;
  padding: .5em 2%;
  margin: .3em;
  overflow: visible;
}

.zf--block-coat--marked-default h1,
.zf--block-coat--marked-default h2,
.zf--block-coat--marked-default h3 {
  color: #333;
  text-indent: .3em;
  font-size: 1.3125em;
  margin: 0 0 .54em 0;
  padding: .54em .3em .24em .6em;
  border-bottom: 1px #555 dashed;
}

.zf--block-coat--plain,
.zf--block-coat--full-width {
  display: block;
  padding: 0;
  margin: 0;
}

.zf--block-coat--full-width {
  line-height: 1;
}

.zf--block-coat--plain {
  padding: .8em 4%;
}

.zf--block-coat--marked-light,
.zf--block-coat--marked-dark {
  border-width: 3px;
  border-style: solid;
  display: block;
  width: auto;
  margin: .6em 2%;
  padding: .4em 4% .8em 4%;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
}

.zf--block-coat--marked-light h1,
.zf--block-coat--marked-light h2,
.zf--block-coat--marked-light h3,
.zf--block-coat--marked-dark h1,
.zf--block-coat--marked-dark h2,
.zf--block-coat--marked-dark h3 {
  font-size: 1.3125em;
  display: block;
  margin: .4em 1% .6em 1%;
  padding: .3em 0;
  text-indent: .2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.zf--block-coat--marked-light > h1:first-child,
.zf--block-coat--marked-light > h2:first-child,
.zf--block-coat--marked-light > h3:first-child,
.zf--block-coat--marked-dark > h1:first-child,
.zf--block-coat--marked-dark > h2:first-child,
.zf--block-coat--marked-dark > h3:first-child {
  margin-top: 0;
}

.zf--block-coat--marked-light {
  color: #444;
  border-color: #DEDBDB;
  background: #FFF;
}

.zf--block-coat--marked-light h1,
.zf--block-coat--marked-light h2,
.zf--block-coat--marked-light h3 {
  color: #444;
  border-bottom-color: #E3E1E1;
}

.zf--block-coat--marked-dark {
  color: #434545;
  border-color: #CCC;
  background: #EEE;
}

.zf--block-coat--marked-dark h1,
.zf--block-coat--marked-dark h2,
.zf--block-coat--marked-dark h3 {
  color: #434545;
  border-bottom-color: #CCC;
}

#zf--footer .zf--block-coat--marked-default {
  width: auto;
  padding: 1em 4%;
}

#zf--footer .zf--block-coat--marked-default h1,
#zf--footer .zf--block-coat--marked-default h2,
#zf--footer .zf--block-coat--marked-default h3 {
  font-size: 1.25em;
  color: #DDD;
  padding: .6em 0 .4em .4em;
  border-bottom: solid 8px #404040;
}

#zf--footer .zf--block-coat--marked-light {
  color: #ECECEC;
  border-color: #585858;
  background: #444;
}

#zf--footer .zf--block-coat--marked-light h1,
#zf--footer .zf--block-coat--marked-light h2,
#zf--footer .zf--block-coat--marked-light h3 {
  color: #ECECEC;
  border-bottom: 2px solid #929292;
}

#zf--footer .zf--block-coat--marked-dark {
  color: #CACACA;
  border-color: #1D1D1D;
  background-color: #222;
}

#zf--footer .zf--block-coat--marked-dark h1,
#zf--footer .zf--block-coat--marked-dark h2,
#zf--footer .zf--block-coat--marked-dark h3 {
  color: #CACACA;
  border-bottom: 2px solid #636363;
}

/*==========================================================================
   LAYOUT PARTIALS
==========================================================================*/
/*------------------------------------------------------------
   HEADER
------------------------------------------------------------*/
#zf--header--skin {
  position: relative;
}

#zf--header-top--skin {
  position: relative;
  margin: .6em 0 .2em 0;
}

#zf--header-middle--skin {
  margin: .4em 0;
}

.zf--header-top-absent #zf--header-middle--skin {
  margin-top: 2em;
}

#zf--header-aside--skin > [id*="zf--"] {
  display: inline-block;
  vertical-align: middle;
}

html.ie8 #zf--header-aside--skin > [id*="zf--"] {
  float: left;
}

#zf--header-aside #zf--language-switcher--skin,
#zf--header-aside #zf--follow-us--skin,
#zf--header-aside #zf--support-menu--skin {
  margin: .2em .4em;
}

#zf--header-bottom--skin {
  position: relative;
  float: right;
  margin: .4em 20px 0 0;
}

@media screen and (max-width: 599px) {
  #zf--header-bottom--skin {
    padding: 0 1% 0 1.6%;
  }
}

#zf--main-menu,
#zf--toolbox {
  display: table-cell;
  vertical-align: middle;
}

#zf--main-menu {
  width: 100%;
}

#zf--toolbox {
  width: 0;
}

/*------------------------------------------------------------
   MAIN BODY
------------------------------------------------------------*/
@media screen and (max-width: 599px) {
  #zf--body #zf--main-body {
    float: none;
    width: 100%;
  }
}

html[data-zf--line-height="sm"] #zf--main-body--skin {
  line-height: 1.1;
}

html[data-zf--line-height="lg"] #zf--main-body--skin {
  line-height: 1.9;
}

html[data-zf--line-height="xl"] #zf--main-body--skin {
  line-height: 2.5;
}

/*------------------------------------------------------------
   LEFT COLUMN
------------------------------------------------------------*/
#zf--left-column {
  float: left;
}

html[dir="rtl"] #zf--left-column {
  float: right;
}

body.zf--left-column-exists #zf--left-column {
  width: 20%;
}

body.zf--left-column-exists.zf--right-column-exists #zf--left-column {
  width: 17%;
}

@media screen and (max-width: 599px) {
  #zf__html #zf--body #zf--left-column {
    float: none;
    width: 100%;
  }
}

#zf--left-column--skin {
  margin-bottom: 2em;
}

/*------------------------------------------------------------
   RIGHT COLUMN
------------------------------------------------------------*/
#zf--right-column {
  float: left;
}

html[dir="rtl"] #zf--right-column {
  float: right;
}

body.zf--right-column-exists #zf--right-column {
  width: 20%;
}

body.zf--right-column-exists.zf--left-column-exists #zf--right-column {
  width: 17%;
}

@media screen and (max-width: 599px) {
  #zf__html #zf--body #zf--right-column {
    float: none;
    width: 100%;
  }
}

#zf--right-column--skin {
  margin-bottom: 2em;
}

/*------------------------------------------------------------
   CONTENT AREA
------------------------------------------------------------*/
#zf--main-body-middle--encloser,
#zf--main-body-middle--skin {
  position: relative;
}

#zf--main-content {
  float: left;
  width: 100%;
}

html[dir="rtl"] #zf--main-content {
  float: right;
}

body.zf--left-column-exists #zf--main-content,
body.zf--right-column-exists #zf--main-content {
  width: 80%;
}

body.zf--right-column-exists.zf--left-column-exists #zf--main-content {
  width: 66%;
}

@media screen and (max-width: 599px) {
  #zf--body #zf--main-content {
    float: none;
    width: 100%;
  }
}

#zf--main-content--skin {
  margin: 1em 0;
  padding: 0;
  position: relative;
  padding-left: 3%;
  padding-right: 3%;
}

body.zf--right-column-exists.zf--left-column-exists #zf--main-content--skin {
  padding-left: 1%;
  padding-right: 1%;
}

#zf--body.zf--main-content-area-no-spacing #zf--main-body-middle--skin, #zf--body.zf--main-content-area-no-spacing
#zf--main-content--skin {
  margin: 0;
  padding: 0;
}

#zf--main-article h1 a,
#zf--main-article h2 a,
#zf--main-article h3 a,
#zf--main-article h4 a,
#zf--main-article h5 a,
#zf--main-article h6 a {
  text-decoration: none;
}

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#zf--footer-content--skin {
  padding: 2em 0;
}

#zf--footer-credits--skin {
  margin: 2em 4% 1.2em 4%;
}

/*==========================================================================
   MENUS
==========================================================================*/
/*------------------------------------------------------------
   ALL MENUS
------------------------------------------------------------*/
.zf--menu-container .zf--guest-view ul {
  line-height: 1;
}

.zf--menu-container .zf--guest-view {
  float: right;
  line-height: 1;
}

/*------------------------------------------------------------
   SUPPORT MENU
------------------------------------------------------------*/
#zf--support-menu--skin {
  font-size: 0.9375em;
}

#zf--support-menu ul,
#zf--support-menu ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
}

#zf--support-menu ul ul,
#zf--support-menu ol ol {
  display: none;
}

#zf--support-menu li {
  margin: 0;
  padding: 0;
  float: left;
}

#zf--support-menu a {
  display: block;
  float: left;
}

/*------------------------------------------------------------
   MAIN MENU
------------------------------------------------------------*/
#zf--main-menu, #zf--main-menu--skin {
  position: static;
}

#zf--main-menu--skin {
  font-size: 0.9em;
}

@media screen and (max-width: 599px) {
  #zf__html.js .zf--section-expand-button.zf--active + #zf--main-menu--skin {
    position: absolute;
    top: 102%;
    left: 1%;
    max-width: 98%;
    width: 20em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 599px) {
  #zf__html.js[dir="rtl"] .zf--section-expand-button.zf--active + #zf--main-menu--skin {
    right: 1%;
    left: auto;
  }
}

/*------------------------------------------------------------
   SIDE MENU(S)
------------------------------------------------------------*/
/* Empty */
/*------------------------------------------------------------
   FOOTER MENU
------------------------------------------------------------*/
#zf--footer-menu--skin {
  padding: 2em 0;
}

#zf--footer-menu ul,
#zf--footer-menu ol {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

#zf--footer-menu ul ul,
#zf--footer-menu ol ol {
  display: none;
}

#zf--footer-menu li {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: .3em .5em;
  border: 0;
}

#zf--footer-menu li a {
  display: inline-block;
  padding: 0;
  margin: 0;
  text-align: center;
}

/*==========================================================================
   COMPONENTS & MODULES
==========================================================================*/
/*------------------------------------------------------------
   BREADCRUMBS
------------------------------------------------------------*/
#zf--breadcrumbs {
  float: left;
  clear: both;
  max-width: 100%;
}

html[dir="rtl"] #zf--breadcrumbs {
  float: right;
}

#zf--breadcrumbs--skin {
  font-size: 0.9375em;
  line-height: 1.4;
  white-space: nowrap;
  padding: .4em .8em .4em .4em;
  margin: 0 auto .4em auto;
  overflow: hidden;
}

html[dir="rtl"] #zf--breadcrumbs--skin {
  padding: .4em .4em .4em .8em;
}

@media screen and (max-width: 599px) {
  #zf--breadcrumbs--skin {
    overflow: auto;
  }
}

#zf--breadcrumbs ul,
#zf--breadcrumbs ol,
#zf--breadcrumbs li {
  padding: 0;
  margin: 0;
  line-height: inherit;
}

#zf--breadcrumbs a,
#zf--breadcrumbs span,
#zf--breadcrumbs img {
  vertical-align: baseline;
  display: inline-block;
}

#zf--breadcrumbs li {
  display: table-cell;
  max-width: 14em;
  overflow: hidden;
  text-overflow: ellipsis;
}

#zf--breadcrumbs a {
  text-decoration: none;
}

#zf--breadcrumbs a:hover, #zf--breadcrumbs a:focus, #zf--breadcrumbs a:active {
  text-decoration: underline;
}

#zf--breadcrumbs a span {
  text-decoration: inherit;
}

/*------------------------------------------------------------
   TOOLBOX BUTTONS
------------------------------------------------------------*/
#zf--toolbox-buttons {
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 599px) {
  #zf--toolbox-buttons {
    position: static;
  }
}

.zf--toolbox-button-shell {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 0;
  margin: 0;
  line-height: 1;
}

@media screen and (max-width: 599px) {
  .zf--toolbox-button-shell {
    position: static;
  }
}

.zf--header-buttons-style-icon-and-text .zf--toolbox-button-shell {
  vertical-align: bottom;
}

.zf--toolbox-button {
  position: relative;
  display: block;
  margin: 0;
  border: 0;
  padding: 0 .35em;
}

.zf--toolbox-button, .zf--toolbox-button:visited, .zf--toolbox-button:hover, .zf--toolbox-button:active, .zf--toolbox-button:focus {
  text-transform: none;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

.zf--header-buttons-style-icon-and-text .zf--toolbox-button {
  min-width: 3em;
}

@media screen and (max-width: 1023px) {
  .zf--header-buttons-style-icon-and-text .zf--toolbox-button {
    min-width: auto;
  }
}

.zf--toolbox-button .zf--zhong-icon {
  display: block;
  line-height: 1;
  padding: .1em 0;
  background: none;
  text-decoration: none;
  color: inherit;
  text-align: center;
  transition: color .3s ease-out;
}

.zf--toolbox-button .zf--zhong-icon-login {
  font-size: 2.1875em;
}

@media screen and (max-width: 599px) {
  .zf--toolbox-button .zf--zhong-icon-login {
    line-height: 1;
    height: 1.2em;
    font-size: 2.375em;
  }
}

.zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-login {
  font-size: 2em;
  height: auto;
}

@media screen and (max-width: 599px) {
  .zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-login {
    line-height: .9;
    height: auto;
    font-size: 2em;
  }
}

.zf--toolbox-button .zf--zhong-icon-search {
  line-height: .85;
  font-size: 2.375em;
}

@media screen and (max-width: 599px) {
  .zf--toolbox-button .zf--zhong-icon-search {
    font-size: 2.75em;
  }
}

.zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-search {
  font-size: 2.25em;
}

@media screen and (max-width: 599px) {
  .zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-search {
    font-size: 2.3125em;
  }
}

.zf--toolbox-button .zf--zhong-icon-accessibility {
  font-size: 2.125em;
}

@media screen and (max-width: 599px) {
  .zf--toolbox-button .zf--zhong-icon-accessibility {
    font-size: 2.5em;
  }
}

.zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-accessibility {
  font-size: 1.875em;
}

@media screen and (max-width: 599px) {
  .zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-accessibility {
    font-size: 2em;
  }
}

.zf--toolbox-button .zf--zhong-icon-double-a {
  font-size: 2.25em;
}

@media screen and (max-width: 599px) {
  .zf--toolbox-button .zf--zhong-icon-double-a {
    font-size: 2.375em;
  }
}

.zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-double-a {
  font-size: 1.875em;
}

@media screen and (max-width: 599px) {
  .zf--header-buttons-style-icon-and-text .zf--toolbox-button .zf--zhong-icon-double-a {
    font-size: 2em;
  }
}

.zf--header-buttons-style-icon-only #zf--main-menu-expand-button-icon {
  font-size: 3.125em;
}

.zf--header-buttons-style-icon-and-text .zf--toolbox-button--text,
.zf--header-buttons-style-icon-and-text #zf--main-menu-expand-button-text {
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 0.9375em;
  padding: 0 0 .3em 0;
  white-space: nowrap;
}

@media screen and (max-width: 599px) {
  .zf--header-buttons-style-icon-and-text .zf--toolbox-button--text,
  .zf--header-buttons-style-icon-and-text #zf--main-menu-expand-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 8em;
  }
}

.zf--header-buttons-style-icon-and-text #zf--main-menu-expand-button-icon {
  font-size: 2.5em;
}

/*------------------------------------------------------------
   TOOLBOX PANELS
------------------------------------------------------------*/
.zf--toolbox-panel {
  position: absolute;
  top: 100%;
  right: 50%;
  left: auto;
  margin: 0;
  margin-top: 10px;
  margin-right: -22px;
  width: 20em;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 10px);
  transition: opacity .15s ease, visibility .15s ease, transform .15s ease;
}

html[dir="rtl"] .zf--toolbox-panel {
  left: 50%;
  right: auto;
  margin-right: 0;
  margin-left: -22px;
}

.zf--toolbox-panel.zf--active {
  transition: opacity .5s ease, transform .4s ease;
}

@media screen and (max-width: 599px) {
  .zf--toolbox-panel {
    max-width: 98%;
    right: 1%;
    left: auto;
    margin-right: 0;
    margin-top: 4px;
  }
  html[dir="rtl"] .zf--toolbox-panel {
    left: 1%;
    right: auto;
    margin-right: 0;
    margin-left: 0;
  }
}

.zf--toolbox-panel.zf--active,
html.no-js .zf--toolbox-button-shell:hover > .zf--toolbox-panel {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

html.no-js .zf--toolbox-button-shell:hover > .zf--toolbox-panel {
  margin-top: 0;
}

.zf--toolbox-panel--skin {
  padding: .5em;
  -webkit-box-shadow: 0px 1px 0.6em rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 1px 0.6em rgba(0, 0, 0, 0.45);
  box-shadow: 0px 1px 0.6em rgba(0, 0, 0, 0.45);
  border-radius: 1px;
}

html.ie8 .zf--toolbox-panel {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270)";
}

.zf--toolbox-panel-top-arrow {
  display: block;
  position: absolute;
  border-color: inherit;
  width: 24px;
  height: 16px;
  overflow: hidden;
  top: -16px;
  left: auto;
  right: 10px;
}

html[dir="rtl"] .zf--toolbox-panel-top-arrow {
  right: auto;
  left: 10px;
}

@media screen and (max-width: 599px) {
  .zf--toolbox-panel-top-arrow {
    display: none;
  }
}

.zf--toolbox-panel-top-arrow:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  top: 14px;
  left: 12px;
  box-shadow: 0px 0px 10px 2px #000;
}

.zf--toolbox-panel-top-arrow:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 8px;
  left: 4px;
  border-width: 8px;
  border-style: hidden inset solid outset;
  border-color: transparent;
  border-bottom-color: inherit;
}

.zf--toolbox-panel #zf--search,
.zf--toolbox-panel #zf--login {
  display: table;
  margin: 0 auto;
  max-width: 100%;
}

.zf--toolbox-panel #zf--login {
  min-width: 80%;
}

.zf--toolbox-panel #zf--login--skin {
  padding: 1em 1%;
}

/*------------------------------------------------------------
   ACCESSIBILITY PANEL
------------------------------------------------------------*/
#zf--accessibility-options-toolbox-panel {
  width: 18em;
}

@media screen and (max-width: 599px) {
  #zf--accessibility-options-toolbox-panel {
    font-size: 0.875em;
    width: 16em;
  }
}

#zf--accessibility-options--skin {
  padding: .4em 1% 0 5%;
}

#zf--accessibility-options--section-heading {
  font-size: 1.25em;
  padding-right: 30%;
  padding-left: 4%;
  margin: 1em 0 .4em 0;
}

html[lang="it"] #zf--accessibility-options--section-heading,
html[lang="hr"] #zf--accessibility-options--section-heading,
html[lang="ms"] #zf--accessibility-options--section-heading,
html[lang="de"] #zf--accessibility-options--section-heading {
  padding-right: 38%;
}

html[lang="pt"] #zf--accessibility-options--section-heading,
html[lang="fr"] #zf--accessibility-options--section-heading {
  padding-right: 36%;
}

html[lang="hi"] #zf--accessibility-options--section-heading {
  padding-right: 52%;
}

html[dir="rtl"] #zf--accessibility-options--section-heading {
  padding-right: 4%;
  padding-left: 32%;
}

#zf--accessibility-options-reset-button {
  position: absolute;
  font-size: 1em;
  margin: 0;
  top: 0.5em;
  left: auto;
  right: 0.5em;
  opacity: 0;
  visibility: hidden;
  transform: translate(0.5em, 0);
  transition: opacity .15s ease, visibility .15s ease, transform .15s ease;
}

html[dir="rtl"] #zf--accessibility-options-reset-button {
  left: 0.5em;
  right: auto;
}

html[dir="rtl"] #zf--accessibility-options-reset-button {
  transform: translate(-0.5em, 0);
}

#zf--accessibility-options-toolbox-panel.zf--active #zf--accessibility-options-reset-button.zf--active {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transition: opacity .6s ease, visibility .6s ease, transform .4s ease;
}

#zf--accessibility-options-user-module {
  width: 92%;
  margin: 1em 4%;
  clear: both;
}

/*------------------------------------------------------------
   ACCESSIBILITY MODULES
------------------------------------------------------------*/
.zf--accessibility-panel-module {
  margin-bottom: .5em;
}

.zf--accessibility-panel-module-description {
  font-size: 1em;
  margin: .3em 0 .5em 0;
}

#zf--font-resizer,
#zf--theme-switcher,
#zf--legibility-switcher,
#zf--layout-width-resizer,
#zf--line-height-resizer {
  margin: 0;
  padding: 0;
}

#zf--font-resizer li,
#zf--theme-switcher li,
#zf--legibility-switcher li,
#zf--layout-width-resizer li,
#zf--line-height-resizer li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  clear: none;
  margin: 0 .3em .3em .3em;
}

html[dir="rtl"] #zf--font-resizer li, html[dir="rtl"]
#zf--theme-switcher li, html[dir="rtl"]
#zf--legibility-switcher li, html[dir="rtl"]
#zf--layout-width-resizer li, html[dir="rtl"]
#zf--line-height-resizer li {
  float: right;
}

#zf--font-resizer button, #zf--font-resizer a,
#zf--theme-switcher button,
#zf--theme-switcher a,
#zf--legibility-switcher button,
#zf--legibility-switcher a,
#zf--layout-width-resizer button,
#zf--layout-width-resizer a,
#zf--line-height-resizer button,
#zf--line-height-resizer a {
  font-size: 1.125em;
  padding: .5em .7em;
  text-transform: none;
  display: block;
  line-height: 1;
}

.zf--legibility-switcher-button {
  position: relative;
  width: 3.4em;
}

#zf--legibility-switcher .zf--legibility-switcher-button {
  padding-top: .7em;
  padding-bottom: .7em;
}

html[lang="zh"] .zf--legibility-switcher-button,
html[lang="ar"] .zf--legibility-switcher-button,
html[lang="fa"] .zf--legibility-switcher-button,
html[lang="hi"] .zf--legibility-switcher-button,
html[lang="th"] .zf--legibility-switcher-button {
  width: auto;
}

.zf--legibility-switcher-button-icon {
  position: absolute;
  width: 100%;
  height: 1em;
  text-align: center;
  line-height: 1;
  left: 0;
  top: 50%;
  margin-top: -.5em;
  font-size: 2em;
}

.zf--legibility-switcher-button-icon:before {
  content: 'Aa';
}

html[lang="he"] .zf--legibility-switcher-button-icon:before {
  content: 'א';
}

html[lang="el"] .zf--legibility-switcher-button-icon:before {
  content: 'Αα';
}

#zf--legibility-serif-button-icon:before {
  font-family: Georgia, serif !important;
  font-weight: normal !important;
}

#zf--legibility-sans-serif-button-icon:before {
  font-family: Verdana, sans-serif !important;
  font-weight: normal !important;
}

#zf--legibility-bold-button-icon:before {
  font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Arial Black', 'Arial Bold', Verdana, sans-serif !important;
  font-weight: bold !important;
}

#zf--theme-switcher button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none !important;
  border: 2px solid #111 !important;
  border-radius: 99em !important;
}

#zf--theme-switcher .zf--theme-switcher-button-icon {
  color: inherit !important;
  line-height: 1;
  display: block;
}

#zf--theme-switcher .zf--theme-switcher-button-icon:before {
  content: 'A';
  display: block;
  font-family: sans-serif !important;
  font-weight: normal !important;
  color: inherit !important;
  font-size: 1.375em !important;
}

html[lang="zh"] #zf--theme-switcher .zf--theme-switcher-button-icon:before {
  content: '字';
}

html[lang="ar"] #zf--theme-switcher .zf--theme-switcher-button-icon:before {
  content: 'ا';
}

html[lang="fa"] #zf--theme-switcher .zf--theme-switcher-button-icon:before {
  content: 'ا';
}

html[lang="he"] #zf--theme-switcher .zf--theme-switcher-button-icon:before {
  content: 'א';
}

html[lang="hi"] #zf--theme-switcher .zf--theme-switcher-button-icon:before {
  content: 'अ';
}

html[lang="th"] #zf--theme-switcher .zf--theme-switcher-button-icon:before {
  content: 'ก';
}

#zf--theme-switcher #zf--low-brightness-theme-button {
  color: #555 !important;
  border-color: #555 !important;
  background: #AAA !important;
}

#zf--theme-switcher #zf--inverted-theme-button {
  color: #FFF !important;
  border-color: #111 !important;
  background: #111 !important;
}

#zf__html.zf--no-support-css3-filter #zf--theme-switcher #zf--inverted-theme-button {
  display: none;
}

@media screen and (max-width: 599px) {
  #zf--inverted-theme-button-shell {
    display: none;
  }
}

#zf__html.zf--fixed-meta-viewport #zf--inverted-theme-button-shell {
  display: none;
}

@media screen and (max-width: 599px) {
  #zf--layout-width-resizer-container {
    display: none;
  }
}

.zf--layout-width-resizer-btn-icons {
  font-size: 1.75em !important;
  line-height: .6 !important;
  font-family: sans-serif !important;
  letter-spacing: .1em !important;
}

#zf--layout-width-resizer-increase-btn-icon {
  content: '«&#187';
}

#zf--layout-width-resizer-decrease-btn-icon {
  content: '»&#171';
}

#zf__html.lt-ie9 #zf--line-height-resizer-container,
#zf__html.lt-ie9 #zf--legibility-switcher-container,
#zf__html.lt-ie9 #zf--theme-switcher-container,
#zf__html.lt-ie9 #zf--layout-width-resizer-container {
  display: none;
}

/*------------------------------------------------------------
   LANGUAGE SWITCHER
------------------------------------------------------------*/
#zf--language-switcher--skin {
  font-size: 0.9375em;
}

/*------------------------------------------------------------
   SOCIAL LINKS
------------------------------------------------------------*/
#zf--follow-us ul {
  float: left;
}

#zf--follow-us li {
  float: left;
  padding: 0 .1em;
}

#zf--follow-us a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  line-height: 1em;
  min-width: 1em;
  text-align: center;
  padding: 0 .1em;
}

/*------------------------------------------------------------
   SEARCH
------------------------------------------------------------*/
#zf--search button,
#zf--search input {
  display: inline-block;
  vertical-align: middle;
}

#zf--search form input[type=text],
#zf--search form input[type=search] {
  margin: 0 .2em 0 0;
}

#zf--header-top #zf--search {
  font-size: 0.875em;
  margin: 0 .4em;
}

#zf--header-top #zf--search form {
  padding: 0;
}

#zf--header-top #zf--search form fieldset {
  display: block;
  float: left;
  text-align: left;
  padding: 1.6em;
  width: 6em;
}

#zf--header-top #zf--search form button,
#zf--header-top #zf--search form input[type=submit] {
  font-size: 0.9375em;
  float: left;
  margin: 0;
}

#zf--header-top #zf--search form input[type=text],
#zf--header-top #zf--search form input[type=search] {
  font-size: 0.875em;
  width: auto;
  float: right;
  margin: 0;
}

/*------------------------------------------------------------
   WEBSITE PRESENTATION
------------------------------------------------------------*/
#zf--site-banner {
  position: relative;
}

#zf--site-banner--skin {
  margin: 0 0 .8em 0;
  padding: 0 .8em;
}

#zf--site-logo--skin,
#zf--site-titles--skin {
  position: relative;
}

@media screen and (max-width: 599px) {
  #zf--site-titles {
    font-size: 80%;
  }
}

#zf--site-title {
  white-space: normal;
  display: block;
}

#zf--site-subtitle {
  white-space: normal;
  display: block;
}

#zf--site-logo-heading,
#zf--site-logo-link,
#zf--site-logo-image {
  display: block;
  width: 110px;
  height: 110px;
  margin: 0;
  margin-left: 5px;
  padding: 0;
}

html.lt-ie9 #zf--site-logo-heading, html.lt-ie9
#zf--site-logo-link, html.lt-ie9
#zf--site-logo-image {
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 599px) {
  #zf--body #zf--site-logo-image-mobile + #zf--site-logo-image {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body #zf--site-logo-image-mobile {
    display: none;
  }
}

#zf__html.lt-ie9 #zf--site-logo-image-mobile {
  display: none !important;
}

#zf--header.zf--site-banner-alignment-side #zf--site-banner {
  float: left;
}

@media screen and (max-width: 599px) {
  #zf--header.zf--site-banner-alignment-side #zf--site-banner {
    float: none;
  }
}

@media screen and (max-width: 599px) {
  #zf--header.zf--site-banner-alignment-side #zf--site-banner--skin {
    text-align: center;
  }
}

#zf--header.zf--site-banner-alignment-side #zf--site-logo,
#zf--header.zf--site-banner-alignment-side #zf--site-titles {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 599px) {
  #zf--header.zf--site-banner-alignment-side #zf--site-logo {
    display: inline-block;
  }
}

@media screen and (max-width: 599px) {
  #zf--header.zf--site-banner-alignment-side #zf--site-titles {
    display: block;
  }
}

#zf--header.zf--site-banner-alignment-side #zf--site-logo--skin {
  margin-right: 1em;
}

html[dir="rtl"] #zf--header.zf--site-banner-alignment-side #zf--site-logo--skin {
  margin-left: 1em;
}

@media screen and (max-width: 599px) {
  #zf--header.zf--site-banner-alignment-side #zf--site-logo--skin {
    margin-right: 0;
  }
}

html[dir="rtl"] #zf--header.zf--site-banner-alignment-side #zf--site-banner {
  float: right;
}

@media screen and (max-width: 599px) {
  html[dir="rtl"] #zf--header.zf--site-banner-alignment-side #zf--site-banner {
    float: none;
  }
}

#zf--header.zf--site-banner-alignment-center #zf--header-aside--skin {
  margin: 0 0 .8em 0;
}

#zf--header.zf--site-banner-alignment-center #zf--header-middle--skin,
#zf--header.zf--site-banner-alignment-center #zf--site-banner--skin,
#zf--header.zf--site-banner-alignment-center #zf--site-banner {
  text-align: center;
}

#zf--header.zf--site-banner-alignment-center #zf--site-logo {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

#zf--header.zf--site-banner-alignment-center #zf--site-title,
#zf--header.zf--site-banner-alignment-center #zf--site-subtitle {
  text-align: center;
  text-indent: 0;
  white-space: normal;
}

#zf--header.zf--site-banner-alignment-center.zf--show-site-logo-false #zf--site-titles--skin {
  margin: 1em auto;
}

#zf--header.zf--full-width-logo-true #zf--site-banner,
#zf--header.zf--full-width-logo-true #zf--site-banner--skin,
#zf--header.zf--full-width-logo-true #zf--site-logo,
#zf--header.zf--full-width-logo-true #zf--site-logo--skin,
#zf--header.zf--full-width-logo-true #zf--site-logo-image,
#zf--header.zf--full-width-logo-true #zf--site-logo-image-mobile {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

/*------------------------------------------------------------
   ALERTS PANEL
------------------------------------------------------------*/
#zf--alerts-panel {
  width: 100%;
  left: 0;
  right: 0;
  position: fixed;
  opacity: 0;
  transition: opacity .3s ease, transform .3s ease;
  top: auto;
  bottom: 0;
  transform: translate(0, 6em);
}

#zf--alerts-panel.zf--alerts-panel-position-top {
  top: 0;
  bottom: auto;
  transform: translate(0, -6em);
}

#zf--alerts-panel.zf--active {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity .8s ease, transform .6s ease;
}

#zf--alerts-panel--skin {
  padding: .6em 2%;
  background: rgba(0, 0, 0, 0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DD000000',endColorstr='#DD000000')";
  color: #FFF;
}

#zf--alerts-panel--skin a {
  color: inherit;
}

html.ie7 #zf--alerts-panel--skin {
  background: #222;
}

#zf--alerts-panel--close-button {
  background: transparent;
  background-image: none;
  border: 0;
}

#zf--alerts-panel--close-button--icon:before {
  content: 'X';
  font-family: sans-serif !important;
  color: #FFF;
  font-size: 1em;
  border: 2px solid #FFF;
  border-radius: .3em;
  display: block;
  padding: .6em;
  line-height: 10px;
  text-align: center;
}

#zf--alerts-panel--close-button-container,
#zf--alerts-panel--ok-button-container,
#zf--alerts-panel--content-container,
#zf--alerts-panel--content {
  display: table-cell;
  vertical-align: middle;
}

#zf--alerts-panel--close-button-container {
  padding-left: .3em;
  padding-right: 1em;
}

#zf--alerts-panel--ok-button-container {
  padding-left: 1em;
  padding-right: .3em;
}

#zf--alerts-panel--close-button-container,
#zf--alerts-panel--ok-button-container {
  white-space: nowrap;
}

/*==========================================================================
   OTHER ELEMENTS
==========================================================================*/
#zf--mq-detector-sm, #zf--mq-detector-md {
  display: none;
}

@media screen and (max-width: 599px) {
  #zf--mq-detector-sm {
    display: block;
  }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
  #zf--mq-detector-md {
    display: block;
  }
}

#zf--quick-access-menu {
  position: fixed;
  max-width: 92%;
  width: auto;
  top: 0em;
  left: -9999em;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.7);
  transition: opacity .4s ease, top .4s ease;
}

html.no-js #zf--quick-access-menu {
  display: none;
}

#zf--quick-access-menu.zf--active {
  opacity: 1;
  top: 1em;
  left: 4%;
}

html[dir="rtl"] #zf--quick-access-menu.zf--active {
  right: 4%;
  left: auto;
}

#zf--quick-access-menu.zf--active.zf--transitioning {
  opacity: 0;
}

#zf--quick-access-menu--descr {
  display: block;
  background: #F2F2F2;
  border: 1px solid #C6C9C9;
  font-size: 1.125em;
  margin: 0;
  padding: .6em .8em;
}

#zf--quick-access-menu ul,
#zf--quick-access-menu li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  overflow: hidden;
}

#zf--quick-access-menu li a {
  text-decoration: none;
  display: block;
  background-color: #FFF;
  border: 1px solid #C6C9C9;
  border-top: 0;
  margin: 0;
  padding: .6em .8em;
  white-space: nowrap;
  transition: color .3s ease, background .3s ease;
}

#zf--quick-access-menu li a:hover,
#zf--quick-access-menu li a:focus,
#zf--quick-access-menu li a:active {
  color: #000;
  background-color: #FE0;
}

#zf--quick-access-menu .zf--quick-access-menu-accesskey-text {
  font-size: 0.875em;
  color: #000;
}

#zf--mobile-site-switcher-link,
#zf--desktop-site-switcher-link {
  padding: .5em 0;
  margin: .4em 0;
  width: 100%;
  text-align: center;
  font-size: 0.8125em;
  line-height: 1.1;
  display: none;
}

html.zf--no-support-fixed-meta-viewport #zf--mobile-site-switcher-link, html.zf--no-support-fixed-meta-viewport
#zf--desktop-site-switcher-link {
  display: none !important;
}

@media screen and (max-width: 599px) {
  #zf--desktop-site-switcher-link {
    display: block;
  }
  html.zf--fixed-meta-viewport.zf--supports-fixed-meta-viewport #zf--desktop-site-switcher-link {
    display: none;
  }
}

html.zf--fixed-meta-viewport.zf--supports-fixed-meta-viewport #zf--mobile-site-switcher-link {
  display: block;
}

#zf--top-anchor {
  display: block;
  float: right;
}

#zf--top-anchor-icon {
  display: inline-block;
  vertical-align: middle;
  fill: inherit;
  width: 1em;
  height: 1em;
}

#zf--top-anchor-icon:after {
  content: '\25B2';
}

#zf__obsolete-browser-alert {
  position: relative;
  padding: 3em 2em;
}

#zf__hide-obsolete-browser-alert-button {
  display: block;
  position: absolute;
  top: .2em;
  left: .2em;
  font-size: 1.2em;
}

.zf--encloser {
  margin: 0 auto;
  width: 98%;
  max-width: 98%;
  transition: max-width ease .2s;
}

@media screen and (max-width: 1023px) {
  .zf--encloser {
    width: 100%;
    max-width: 100%;
  }
}

#zf__html #zf--body .zf--no-css-divider {
  display: none;
  visibility: hidden;
}

.zf--grouped-hosts-row {
  width: 100%;
  display: -webkit-flex;
  -webkit-align-items: stretch;
  -webkit-flex-flow: row wrap;
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
}

@media screen and (max-width: 599px) {
  .zf--grouped-hosts-row {
    display: block;
  }
}

.zf--grouped-hosts-row .zf--grouped-host {
  min-height: 1px;
  display: -webkit-flex;
  -webkit-align-items: stretch;
  -webkit-flex-flow: column nowrap;
  display: flex;
  align-items: stretch;
  flex-flow: column nowrap;
}

@media screen and (max-width: 599px) {
  .zf--grouped-hosts-row .zf--grouped-host {
    display: block;
  }
}

.zf--grouped-hosts-row .zf--grouped-host--skin,
.zf--grouped-hosts-row .zf--guest-view,
.zf--grouped-hosts-row [class*="zf--block-coat"] {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-height: 2px;
}

.zf--section-expand-button {
  padding: .6em 1.8em .6em .6em;
  position: relative;
  text-align: left;
  text-align: initial;
  margin: .4em 4%;
  line-height: 1.2;
}

.zf--section-expand-button, .zf--section-expand-button:hover, .zf--section-expand-button:focus, .zf--section-expand-button:active, .zf--section-expand-button:visited {
  color: inherit;
  text-decoration: none;
}

.zf--section-expand-button.grey-button-style {
  background-image: linear-gradient(to top, #DDD 0%, #F8F8F8 100%);
}

.zf--section-expand-button.grey-button-style:hover, .zf--section-expand-button.grey-button-style:focus, .zf--section-expand-button.grey-button-style:active, .zf--section-expand-button.grey-button-style:visited {
  background-image: linear-gradient(to top, #F4F4F4 0%, #F4F4F4 100%);
}

.zf--section-expand-button .zf--section-expand-button-icon {
  padding-right: .4em;
  font-size: 1.1875em;
  vertical-align: middle;
  line-height: 1;
  height: 1em;
  display: inline-block;
}

html[dir="rtl"] .zf--section-expand-button .zf--section-expand-button-icon {
  padding-right: 0;
  padding-left: .4em;
}

.zf--section-expand-button:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: .6em;
  margin-top: -.2em;
  border-style: solid inset hidden outset;
  border-width: .4em;
  position: absolute;
  transition: border-color .3s ease;
}

.zf--section-expand-button:not(.zf--active):after {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: initial;
}

html.ie8 .zf--section-expand-button:before {
  border-color: transparent;
  border-top-color: #999;
}

.zf--section-expand-button.zf--active:after {
  border-style: hidden inset solid outset;
  border-bottom-color: initial;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}

html.ie8 .zf--section-expand-button.zf--active:before {
  border-color: transparent;
  border-bottom-color: #999;
}

#zf__html.js .zf--section-expand-button {
  display: none;
}

@media screen and (max-width: 599px) {
  #zf__html.js .zf--section-expand-button {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  #zf__html.js .zf--section-expand-button + [id*="--skin"] {
    opacity: 0;
    visibility: hidden;
    transform: translate(0px, 10px);
    transition: none;
  }
}

@media screen and (max-width: 599px) {
  #zf__html.js .zf--section-expand-button.zf--inactive + [id*="--skin"] {
    position: absolute;
  }
}

@media screen and (max-width: 599px) {
  #zf__html.js .zf--section-expand-button.zf--inactive + [id*="--skin"] * {
    display: none !important;
  }
}

@media screen and (max-width: 599px) {
  #zf__html.js .zf--section-expand-button.zf--active + [id*="--skin"] {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
  }
}

#zf__html.js #zf--main-menu-expand-button {
  padding: 0 .35em;
  margin: 0;
  text-align: left;
  vertical-align: bottom;
  display: none;
}

#zf__html.js #zf--main-menu-expand-button:after {
  display: none;
}

#zf__html.js #zf--main-menu-expand-button .zf--section-expand-button-icon {
  line-height: .85;
  display: block;
  text-align: center;
  height: auto;
  vertical-align: baseline;
  padding: 0;
}

#zf__html.js #zf--main-menu-expand-button + [id*="--skin"] {
  transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
}

@media screen and (max-width: 599px) {
  #zf__html.js #zf--main-menu-expand-button {
    display: inline-block;
  }
}

/*==========================================================================
   MISC
==========================================================================*/
/* Fixes Google map max-width problem */
.map img {
  max-width: inherit;
}

/* --------- CSS3 color transitions --------- */
button, input[type=button],
input, textarea, select,
.grey-button-style,
.white-button-style,
.green-button-style,
.red-button-style,
.yellow-button-style,
.violet-button-style,
.blue-button-style,
.black-button-style {
  transition: color .2s ease, background-color .2s ease 0s, border-color .2s ease 0s;
}

.zf--menu-container ul a,
#zf--top-anchor {
  transition: color .2s ease, fill .2s ease, background-color .2s ease 0s, border-color .2s ease 0s;
}

.zf--menu-container ul a:hover, .zf--menu-container ul a:active, .zf--menu-container ul a:focus,
#zf--top-anchor:hover,
#zf--top-anchor:active,
#zf--top-anchor:focus {
  transition: none;
}

/* --------- Accordion block --------- */
html.js .accordion-block {
  display: block;
  overflow: hidden;
  position: relative;
}

.accordion-block-readMore {
  display: block;
  text-align: center;
  width: 100%;
  color: #FFF !important;
  border: 0;
  height: 1.6em;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
  background-color: #555555;
  background: rgba(85, 85, 85, 0.9);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-shadow: none;
  box-shadow: none;
}

.accordion-block-readMore:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.75em -.3em 0 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em .6em;
  border-color: transparent transparent white transparent;
  transition: all .6s ease-out;
}

.accordion-block.collapsed .accordion-block-readMore:before {
  margin: -.25em -.3em 0 0;
  border-color: white transparent transparent transparent;
}

.accordion-block-readMore:hover {
  background-color: #777;
  background: rgba(119, 119, 119, 0.9);
}

@media screen and (min-width: 600px) {
  #zf__html #zf--body.zf--forced-one-column-grid [id^="zf--"][id$="--encloser"] .zf--grouped-host,
  #zf__html #zf--body.zf--forced-one-column-grid #zf--left-column, #zf__html #zf--body.zf--forced-one-column-grid #zf--main-content, #zf__html #zf--body.zf--forced-one-column-grid #zf--right-column {
    display: block;
    float: none;
    width: 100%;
  }
}

/*==========================================================================
   LAYOUT PARTIALS - SKIN
==========================================================================*/
/*------------------------------------------------------------
   TOP BAR
   Note: this code is kept only for legacy compatibility; it will be removed in future versions
------------------------------------------------------------*/
#zf--top-layout-partial--skin {
  border-bottom: 1px solid #D9D5D0;
  background-color: #F0EEEE;
  margin-bottom: 1em;
  background-image: -moz-linear-gradient(top, #FCFAFA, #F0EEEE);
  background-image: -ms-linear-gradient(top, #FCFAFA, #F0EEEE);
  background-image: -o-linear-gradient(top, #FCFAFA, #F0EEEE);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFAFA), to(#F0EEEE));
  background-image: -webkit-linear-gradient(top, #FCFAFA, #F0EEEE);
  background-image: linear-gradient(to bottom, #FCFAFA, #F0EEEE);
}

#zf--top-layout-partial--skin {
  line-height: 2.5em;
}

#zf--top-layout-partial #zf--breadcrumbs {
  display: block !important;
}

#zf--top-layout-partial #zf--breadcrumbs--skin {
  margin: 0;
  background: none;
  border: 0;
  padding: 0 .4em;
  font-family: Georgia,serif;
}

#zf--top-layout-partial #zf--breadcrumbs a {
  font-style: normal;
  font-family: "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
}

/*------------------------------------------------------------
   LAYOUT CONTAINER
------------------------------------------------------------*/
#zf--main-layout-partial--skin {
  margin: .8em auto 1.8em auto;
  padding: 1px;
  background-color: #FFF;
  border: 1px solid #D9D5D0;
  position: relative;
  -moz-box-shadow: 0px 2px 10px #888;
  -webkit-box-shadow: 0px 2px 10px #888;
  box-shadow: 0px 2px 10px #888;
}

@media screen and (max-width: 1023px) {
  #zf--main-layout-partial--skin {
    margin: 0 auto;
    border: 0;
  }
}

/*------------------------------------------------------------
   HEADER
------------------------------------------------------------*/
#zf--header-aside {
  float: right;
}

html[dir="rtl"] #zf--header-aside {
  float: left;
}

#zf--header--skin {
  background: #FFF;
  border-bottom: solid 4px #333;
}

#zf--header.zf--header-buttons-style-icon-and-text #zf--header-bottom--skin {
  margin-top: 0;
}

/*------------------------------------------------------------
   MAIN MENU
------------------------------------------------------------*/
#zf--header-bottom #zf--main-menu {
  vertical-align: bottom;
}

/*------------------------------------------------------------
   MAIN BODY
------------------------------------------------------------*/
#zf--main-body--skin {
  background: #F2F8F8;
}

/*------------------------------------------------------------
   LEFT COLUMN
------------------------------------------------------------*/
#zf--left-column--skin {
  margin-bottom: 1em;
}

/*------------------------------------------------------------
   RIGHT COLUMN
------------------------------------------------------------*/
/*------------------------------------------------------------
   LOGIN
------------------------------------------------------------*/
/*------------------------------------------------------------
   CONTENT AREA
------------------------------------------------------------*/
#zf--main-content--skin {
  margin-bottom: 1.4em;
}

#zf--main-article h1 a, #zf--main-article h2 a, #zf--main-article h3 a,
#zf--main-article h4 a, #zf--main-article h5 a, #zf--main-article h6 a {
  text-decoration: none;
}

/*------------------------------------------------------------
   FOOTER 
------------------------------------------------------------*/
#zf--footer--skin {
  color: #FFF;
  background-color: #333;
  overflow: hidden;
}

#zf--footer a {
  color: #FFF;
}

#zf--footer a:visited {
  color: #C3C3C3;
}

#zf--footer a:hover,
#zf--footer a:active,
#zf--footer a:focus {
  color: #9ED16B;
}

#zf--footer h1,
#zf--footer h2,
#zf--footer h3,
#zf--footer h4,
#zf--footer h5,
#zf--footer h6 {
  color: #FFF;
}

/*==========================================================================
   COMPONENTS & MODULES - SKIN
==========================================================================*/
/*------------------------------------------------------------
   BREADCRUMBS
------------------------------------------------------------*/
#zf--breadcrumbs--skin {
  background: white;
  border-radius: 3px;
  border: 1px solid #F4F4F4;
  border-bottom-color: #D8D8D8;
}

/*------------------------------------------------------------
   TOOLBOX BUTTONS
------------------------------------------------------------*/
/*------------------------------------------------------------
   HEADER ICONS
------------------------------------------------------------*/
.zf--toolbox-button:focus, .zf--toolbox-button:active, .zf--toolbox-button.zf--active, #zf--main-menu-expand-button:focus, #zf--main-menu-expand-button:active, #zf--main-menu-expand-button.zf--active {
  color: #F12E0F;
}

/*------------------------------------------------------------
   TOOLBOX PANELS
------------------------------------------------------------*/
.zf--toolbox-panel--skin {
  background-color: #FFF;
  border-color: #FFF;
}

#zf--accessibility-options .zf--accessibility-panel-module a {
  padding: .46em 1em;
}

/*------------------------------------------------------------
   LANGUAGE SWITCHER
------------------------------------------------------------*/
/*------------------------------------------------------------
   SOCIAL LINKS
------------------------------------------------------------*/
#zf--follow-us a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  line-height: 1em;
  min-width: 1em;
  text-align: center;
  padding: 0 .1em;
}

/*------------------------------------------------------------
   SEARCH // only for legacy, deprecating (?)
------------------------------------------------------------*/
#zf--header-top #zf--search {
  padding: .4em .44em;
  margin: 0;
}

#zf--header-top #zf--search form {
  float: left;
}

#zf--header-top #zf--search form button,
#zf--header-top #zf--search form input[type=submit] {
  padding: 0 .6em;
  height: 2em;
  line-height: 2em;
  border-color: #D9D5D0;
  background: #F0EEEE;
  color: #4F4F4F;
  text-transform: uppercase;
  border-right: none;
  text-shadow: 1px 1px 0 #FFF;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#zf--header-top #zf--search form button:hover,
#zf--header-top #zf--search form input[type=submit]:hover {
  background-color: #E7E4E4;
  color: #404040;
}

#zf--header-top #zf--search form input[type=text],
#zf--header-top #zf--search form input[type=search] {
  padding: 0 .3em;
  height: 2.156em;
  line-height: 2.156em;
  border: solid 1px #D9D5D0;
  min-width: 14em;
  color: #555;
  float: right;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

#zf--header-top #zf--search form input[type=text]:focus,
#zf--header-top #zf--search form input[type=search]:focus {
  color: #333;
  border-color: #D93322;
}

/*------------------------------------------------------------
   WEBSITE PRESENTATION
------------------------------------------------------------*/
#zf--site-title {
  font-size: 2.6em;
  margin: 0 0 .1em 0;
  line-height: 1.2em;
  font-style: normal;
}

#zf--site-subtitle {
  font-size: 1em;
  margin: 0 0 .4em 0;
  color: #575757;
  line-height: 1em;
}

/*==========================================================================
   OTHER ELEMENTS - SKIN
==========================================================================*/
/* --------- "Go to top" button --------- */
#zf--top-anchor {
  padding: .45em .8em;
  margin: 2.4em 2px 0 0;
  line-height: 1em;
  text-decoration: none;
  border: 0;
  border-bottom: solid 1px #CFCFCF;
  background-color: #585858;
  fill: #FFF;
  color: #FFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#zf--top-anchor:hover,
#zf--top-anchor:active,
#zf--top-anchor:focus {
  background-color: #333;
  border-bottom-color: #333;
}

/*==========================================================================
   Z-INDEX
==========================================================================*/
.zf--tooltip-title,
#zf__obsolete-browser-alert,
#zf--quick-access-menu {
  z-index: 999999;
}

#zf--alerts-panel {
  z-index: 999800;
}

#zf--main-layout-partial,
#zf--main-layout-wrapper {
  position: relative;
  z-index: 1;
}

.zf--toolbox-panel {
  z-index: 99999;
}

#zf--main-menu ul ul {
  z-index: 99999;
}

@media screen and (max-width: 599px) {
  #zf--main-menu--skin {
    z-index: 99999;
  }
}

/**
 * @package   Zhong (free) - accessibletemplate
 * @version   4.0.0
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   http://ec.europa.eu/idabc/eupl.html EUPL v1.1 only
 **/
#zf__html #zf--body.zf--legibility-sans-serif, #zf__html #zf--body.zf--legibility-serif, #zf__html #zf--body.zf--legibility-bold {
  font-kerning: none;
  letter-spacing: .1px;
}

#zf__html #zf--body.zf--legibility-sans-serif {
  font-family: sans-serif;
}

#zf__html #zf--body.zf--legibility-sans-serif [id*="zf--"], #zf__html #zf--body.zf--legibility-sans-serif [class*="zf--"], #zf__html #zf--body.zf--legibility-sans-serif .zf--menu-container,
#zf__html #zf--body.zf--legibility-sans-serif #zf--site-title, #zf__html #zf--body.zf--legibility-sans-serif #zf--site-subtitle, #zf__html #zf--body.zf--legibility-sans-serif #zf--main-menu {
  font-style: normal;
  text-transform: none;
  font-weight: normal;
  font-variant: normal;
  font-family: inherit;
}

#zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin,
#zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin [id*="zf--"], #zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin [class*="zf--"],
#zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin h1, #zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin h2, #zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin h3, #zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin h4, #zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin h5, #zf__html #zf--body.zf--legibility-sans-serif #zf--main-body--skin h6 {
  font-family: sans-serif;
}

#zf__html #zf--body.zf--legibility-serif #zf--main-body--skin,
#zf__html #zf--body.zf--legibility-serif #zf--main-body--skin [id*="zf--"], #zf__html #zf--body.zf--legibility-serif #zf--main-body--skin [class*="zf--"],
#zf__html #zf--body.zf--legibility-serif #zf--main-body--skin h1, #zf__html #zf--body.zf--legibility-serif #zf--main-body--skin h2, #zf__html #zf--body.zf--legibility-serif #zf--main-body--skin h3, #zf__html #zf--body.zf--legibility-serif #zf--main-body--skin h4, #zf__html #zf--body.zf--legibility-serif #zf--main-body--skin h5, #zf__html #zf--body.zf--legibility-serif #zf--main-body--skin h6 {
  font-family: Georgia, serif;
}

#zf__html #zf--body.zf--legibility-bold, #zf__html #zf--body.zf--legibility-bold * {
  font-weight: bold !important;
}

/**
 * @package   Zhong (free) - accessibletemplate
 * @version   4.0.0
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   http://ec.europa.eu/idabc/eupl.html EUPL v1.1 only
 **/
/*------------------------------------------------------------
   CSS3 FILTER
------------------------------------------------------------*/
@media screen and (min-width: 600px) {
  #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted {
    background: #222;
  }
  #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-partial, #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-wrapper {
    -webkit-filter: invert(100%) hue-rotate(180deg);
    filter: invert(100%) hue-rotate(180deg);
  }
  #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-partial img, #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-partial iframe, #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-partial object, #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-wrapper img, #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-wrapper iframe, #zf__html.zf--supports-css3-filter:not(.zf--fixed-meta-viewport) #zf--body.zf--theme-inverted #zf--main-layout-wrapper object {
    -webkit-filter: invert(100%) hue-rotate(-180deg);
    filter: invert(100%) hue-rotate(-180deg);
  }
}