@font-face {
  font-family: "foundation-icons";
  src: url("fonts/foundation-icons2.eot?display=swap");
  src: url("fonts/foundation-icons2.eot?display=swap#iefix") format("embedded-opentype"),
       url("fonts/foundation-icons2.woff?display=swap") format("woff");
       /*url("fonts/foundation-icons.ttf") format("truetype");*/
  font-weight: normal;
  font-style: normal;
}

.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-van:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-bulb-broken:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-help:before,
.fi-zoom-in:before,
.fi-zoom-out:before,
.fi-pt:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  padding-right: 1.1em;
  width: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
 }

.fi-address-book:before { content: "\f100"; }
.fi-alert:before { content: "\f101"; }
.fi-align-center:before { content: "\f102"; }
.fi-align-justify:before { content: "\f103"; }
.fi-align-left:before { content: "\f104"; }
.fi-align-right:before { content: "\f105"; }
.fi-anchor:before { content: "\f106"; }
.fi-annotate:before { content: "\f107"; }
.fi-archive:before { content: "\f108"; }
.fi-arrow-down:before { content: "\f109"; }
.fi-arrow-left:before { content: "\f10a"; }
.fi-arrow-right:before { content: "\f10b"; }
.fi-arrow-up:before { content: "\f10c"; }
.fi-arrows-compress:before { content: "\f10d"; }
.fi-arrows-expand:before { content: "\f10e"; }
.fi-arrows-in:before { content: "\f10f"; }
.fi-arrows-out:before { content: "\f110"; }
.fi-asl:before { content: "\f111"; }
.fi-asterisk:before { content: "\f112"; }
.fi-at-sign:before { content: "\f113"; }
.fi-background-color:before { content: "\f114"; }
.fi-battery-empty:before { content: "\f115"; }
.fi-battery-full:before { content: "\f116"; }
.fi-battery-half:before { content: "\f117"; }
.fi-bitcoin-circle:before { content: "\f118"; }
.fi-bitcoin:before { content: "\f119"; }
.fi-blind:before { content: "\f11a"; }
.fi-bluetooth:before { content: "\f11b"; }
.fi-bold:before { content: "\f11c"; }
.fi-book-bookmark:before { content: "\f11d"; }
.fi-book:before { content: "\f11e"; }
.fi-bookmark:before { content: "\f11f"; }
.fi-braille:before { content: "\f120"; }
.fi-burst-new:before { content: "\f121"; }
.fi-burst-sale:before { content: "\f122"; }
.fi-burst:before { content: "\f123"; }
.fi-calendar:before { content: "\f124"; }
.fi-camera:before { content: "\f125"; }
.fi-check:before { content: "\f126"; }
.fi-checkbox:before { content: "\f127"; }
.fi-clipboard-notes:before { content: "\f128"; }
.fi-clipboard-pencil:before { content: "\f129"; }
.fi-clipboard:before { content: "\f12a"; }
.fi-clock:before { content: "\f12b"; }
.fi-closed-caption:before { content: "\f12c"; }
.fi-cloud:before { content: "\f12d"; }
.fi-comment-minus:before { content: "\f12e"; }
.fi-comment-quotes:before { content: "\f12f"; }
.fi-comment-video:before { content: "\f130"; }
.fi-comment:before { content: "\f131"; }
.fi-comments:before { content: "\f132"; }
.fi-compass:before { content: "\f133"; }
.fi-contrast:before { content: "\f134"; }
.fi-credit-card:before { content: "\f135"; }
.fi-crop:before { content: "\f136"; }
.fi-crown:before { content: "\f137"; }
.fi-css3:before { content: "\f138"; }
.fi-database:before { content: "\f139"; }
.fi-die-five:before { content: "\f13a"; }
.fi-die-four:before { content: "\f13b"; }
.fi-die-one:before { content: "\f13c"; }
.fi-die-six:before { content: "\f13d"; }
.fi-die-three:before { content: "\f13e"; }
.fi-die-two:before { content: "\f13f"; }
.fi-dislike:before { content: "\f140"; }
.fi-dollar-bill:before { content: "\f141"; }
.fi-dollar:before { content: "\f142"; }
.fi-download:before { content: "\f143"; }
.fi-eject:before { content: "\f144"; }
.fi-elevator:before { content: "\f145"; }
.fi-euro:before { content: "\f146"; }
.fi-eye:before { content: "\f147"; }
.fi-fast-forward:before { content: "\f148"; }
.fi-female-symbol:before { content: "\f149"; }
.fi-female:before { content: "\f14a"; }
.fi-filter:before { content: "\f14b"; }
.fi-first-aid:before { content: "\f14c"; }
.fi-flag:before { content: "\f14d"; }
.fi-folder-add:before { content: "\f14e"; }
.fi-folder-lock:before { content: "\f14f"; }
.fi-folder:before { content: "\f150"; }
.fi-foot:before { content: "\f151"; }
.fi-foundation:before { content: "\f152"; }
.fi-graph-bar:before { content: "\f153"; }
.fi-graph-horizontal:before { content: "\f154"; }
.fi-graph-pie:before { content: "\f155"; }
.fi-graph-trend:before { content: "\f156"; }
.fi-guide-dog:before { content: "\f157"; }
.fi-hearing-aid:before { content: "\f158"; }
.fi-heart:before { content: "\f159"; }
.fi-home:before { content: "\f15a"; }
.fi-html5:before { content: "\f15b"; }
.fi-indent-less:before { content: "\f15c"; }
.fi-indent-more:before { content: "\f15d"; }
.fi-info:before { content: "\f15e"; }
.fi-italic:before { content: "\f15f"; }
.fi-key:before { content: "\f160"; }
.fi-laptop:before { content: "\f161"; }
.fi-layout:before { content: "\f162"; }
.fi-lightbulb:before { content: "\f163"; }
.fi-like:before { content: "\f164"; }
.fi-link:before { content: "\f165"; }
.fi-list-bullet:before { content: "\f166"; }
.fi-list-number:before { content: "\f167"; }
.fi-list-thumbnails:before { content: "\f168"; }
.fi-list:before { content: "\f169"; }
.fi-lock:before { content: "\f16a"; }
.fi-loop:before { content: "\f16b"; }
.fi-magnifying-glass:before { content: "\f16c"; }
.fi-mail:before { content: "\f16d"; }
.fi-male-female:before { content: "\f16e"; }
.fi-male-symbol:before { content: "\f16f"; }
.fi-male:before { content: "\f170"; }
.fi-map:before { content: "\f171"; }
.fi-marker:before { content: "\f172"; }
.fi-megaphone:before { content: "\f173"; }
.fi-microphone:before { content: "\f174"; }
.fi-minus-circle:before { content: "\f175"; }
.fi-minus:before { content: "\f176"; }
.fi-mobile-signal:before { content: "\f177"; }
.fi-mobile:before { content: "\f178"; }
.fi-monitor:before { content: "\f179"; }
.fi-mountains:before { content: "\f17a"; }
.fi-music:before { content: "\f17b"; }
.fi-next:before { content: "\f17c"; }
.fi-no-dogs:before { content: "\f17d"; }
.fi-no-smoking:before { content: "\f17e"; }
.fi-page-add:before { content: "\f17f"; }
.fi-page-copy:before { content: "\f180"; }
.fi-page-csv:before { content: "\f181"; }
.fi-page-delete:before { content: "\f182"; }
.fi-page-doc:before { content: "\f183"; }
.fi-page-edit:before { content: "\f184"; }
.fi-page-export-csv:before { content: "\f185"; }
.fi-page-export-doc:before { content: "\f186"; }
.fi-page-export-pdf:before { content: "\f187"; }
.fi-page-export:before { content: "\f188"; }
.fi-page-filled:before { content: "\f189"; }
.fi-page-multiple:before { content: "\f18a"; }
.fi-page-pdf:before { content: "\f18b"; }
.fi-page-remove:before { content: "\f18c"; }
.fi-page-search:before { content: "\f18d"; }
.fi-page:before { content: "\f18e"; }
.fi-paint-bucket:before { content: "\f18f"; }
.fi-paperclip:before { content: "\f190"; }
.fi-pause:before { content: "\f191"; }
.fi-van:before { content: "\f192"; }
.fi-paypal:before { content: "\f193"; }
.fi-pencil:before { content: "\f194"; }
.fi-photo:before { content: "\f195"; }
.fi-play-circle:before { content: "\f196"; }
.fi-play-video:before { content: "\f197"; }
.fi-play:before { content: "\f198"; }
.fi-plus:before { content: "\f199"; }
.fi-pound:before { content: "\f19a"; }
.fi-power:before { content: "\f19b"; }
.fi-previous:before { content: "\f19c"; }
.fi-price-tag:before { content: "\f19d"; }
.fi-pricetag-multiple:before { content: "\f19e"; }
.fi-print:before { content: "\f19f"; }
.fi-prohibited:before { content: "\f1a0"; }
.fi-projection-screen:before { content: "\f1a1"; }
.fi-puzzle:before { content: "\f1a2"; }
.fi-quote:before { content: "\f1a3"; }
.fi-record:before { content: "\f1a4"; }
.fi-refresh:before { content: "\f1a5"; }
.fi-results-demographics:before { content: "\f1a6"; }
.fi-results:before { content: "\f1a7"; }
.fi-bulb-broken:before { content: "\f1a8"; }
.fi-rewind:before { content: "\f1a9"; }
.fi-rss:before { content: "\f1aa"; }
.fi-safety-cone:before { content: "\f1ab"; }
.fi-save:before { content: "\f1ac"; }
.fi-share:before { content: "\f1ad"; }
.fi-sheriff-badge:before { content: "\f1ae"; }
.fi-shield:before { content: "\f1af"; }
.fi-shopping-bag:before { content: "\f1b0"; }
.fi-shopping-cart:before { content: "\f1b1"; }
.fi-shuffle:before { content: "\f1b2"; }
.fi-skull:before { content: "\f1b3"; }
.fi-social-500px:before { content: "\f1b4"; }
.fi-social-adobe:before { content: "\f1b5"; }
.fi-social-amazon:before { content: "\f1b6"; }
.fi-social-android:before { content: "\f1b7"; }
.fi-social-apple:before { content: "\f1b8"; }
.fi-social-behance:before { content: "\f1b9"; }
.fi-social-bing:before { content: "\f1ba"; }
.fi-social-blogger:before { content: "\f1bb"; }
.fi-social-delicious:before { content: "\f1bc"; }
.fi-social-designer-news:before { content: "\f1bd"; }
.fi-social-deviant-art:before { content: "\f1be"; }
.fi-social-digg:before { content: "\f1bf"; }
.fi-social-dribbble:before { content: "\f1c0"; }
.fi-social-drive:before { content: "\f1c1"; }
.fi-social-dropbox:before { content: "\f1c2"; }
.fi-social-evernote:before { content: "\f1c3"; }
.fi-social-facebook:before { content: "\f1c4"; }
.fi-social-flickr:before { content: "\f1c5"; }
.fi-social-forrst:before { content: "\f1c6"; }
.fi-social-foursquare:before { content: "\f1c7"; }
.fi-social-game-center:before { content: "\f1c8"; }
.fi-social-github:before { content: "\f1c9"; }
.fi-social-google-plus:before { content: "\f1ca"; }
.fi-social-hacker-news:before { content: "\f1cb"; }
.fi-social-hi5:before { content: "\f1cc"; }
.fi-social-instagram:before { content: "\f1cd"; }
.fi-social-joomla:before { content: "\f1ce"; }
.fi-social-lastfm:before { content: "\f1cf"; }
.fi-social-linkedin:before { content: "\f1d0"; }
.fi-social-medium:before { content: "\f1d1"; }
.fi-social-myspace:before { content: "\f1d2"; }
.fi-social-orkut:before { content: "\f1d3"; }
.fi-social-path:before { content: "\f1d4"; }
.fi-social-picasa:before { content: "\f1d5"; }
.fi-social-pinterest:before { content: "\f1d6"; }
.fi-social-rdio:before { content: "\f1d7"; }
.fi-social-reddit:before { content: "\f1d8"; }
.fi-social-skillshare:before { content: "\f1d9"; }
.fi-social-skype:before { content: "\f1da"; }
.fi-social-smashing-mag:before { content: "\f1db"; }
.fi-social-snapchat:before { content: "\f1dc"; }
.fi-social-spotify:before { content: "\f1dd"; }
.fi-social-squidoo:before { content: "\f1de"; }
.fi-social-stack-overflow:before { content: "\f1df"; }
.fi-social-steam:before { content: "\f1e0"; }
.fi-social-stumbleupon:before { content: "\f1e1"; }
.fi-social-treehouse:before { content: "\f1e2"; }
.fi-social-tumblr:before { content: "\f1e3"; }
.fi-social-twitter:before { content: "\f1e4"; }
.fi-social-vimeo:before { content: "\f1e5"; }
.fi-social-windows:before { content: "\f1e6"; }
.fi-social-xbox:before { content: "\f1e7"; }
.fi-social-yahoo:before { content: "\f1e8"; }
.fi-social-yelp:before { content: "\f1e9"; }
.fi-social-youtube:before { content: "\f1ea"; }
.fi-social-zerply:before { content: "\f1eb"; }
.fi-social-zurb:before { content: "\f1ec"; }
.fi-sound:before { content: "\f1ed"; }
.fi-star:before { content: "\f1ee"; }
.fi-stop:before { content: "\f1ef"; }
.fi-strikethrough:before { content: "\f1f0"; }
.fi-subscript:before { content: "\f1f1"; }
.fi-superscript:before { content: "\f1f2"; }
.fi-tablet-landscape:before { content: "\f1f3"; }
.fi-tablet-portrait:before { content: "\f1f4"; }
.fi-target-two:before { content: "\f1f5"; }
.fi-target:before { content: "\f1f6"; }
.fi-telephone-accessible:before { content: "\f1f7"; }
.fi-telephone:before { content: "\f1f8"; }
.fi-text-color:before { content: "\f1f9"; }
.fi-thumbnails:before { content: "\f1fa"; }
.fi-ticket:before { content: "\f1fb"; }
.fi-torso-business:before { content: "\f1fc"; }
.fi-torso-female:before { content: "\f1fd"; }
.fi-torso:before { content: "\f1fe"; }
.fi-torsos-all-female:before { content: "\f1ff"; }
.fi-torsos-all:before { content: "\f200"; }
.fi-torsos-female-male:before { content: "\f201"; }
.fi-torsos-male-female:before { content: "\f202"; }
.fi-torsos:before { content: "\f203"; }
.fi-trash:before { content: "\f204"; }
.fi-trees:before { content: "\f205"; }
.fi-trophy:before { content: "\f206"; }
.fi-underline:before { content: "\f207"; }
.fi-universal-access:before { content: "\f208"; }
.fi-unlink:before { content: "\f209"; }
.fi-unlock:before { content: "\f20a"; }
.fi-upload-cloud:before { content: "\f20b"; }
.fi-upload:before { content: "\f20c"; }
.fi-usb:before { content: "\f20d"; }
.fi-video:before { content: "\f20e"; }
.fi-volume-none:before { content: "\f20f"; }
.fi-volume-strike:before { content: "\f210"; }
.fi-volume:before { content: "\f211"; }
.fi-web:before { content: "\f212"; }
.fi-wheelchair:before { content: "\f213"; }
.fi-widget:before { content: "\f214"; }
.fi-wrench:before { content: "\f215"; }
.fi-x-circle:before { content: "\f216"; }
.fi-x:before { content: "\f217"; }
.fi-help:before { content: "\f218"; }
.fi-zoom-in:before { content: "\f219"; }
.fi-zoom-out:before { content: "\f21a"; }
.fi-pt:before { content: "\f21b"; }

.fino:before {padding-right: 0 !important; margin-left: -0.5em; margin-right: -0.5em;}

.dn {display: none;}

#topbarcont {display: block: position: relative; width: 100%; min-height: 80px;}
#topbar {display: block; position: fixed; top: 0; z-index: 999; width: 100%; min-height: 87px; height: 87px; background-color: transaprent; background-image: url('../graph/bcg-header.svg'); background-position: bottom; background-repeat: repeat-x;}
#footer {display: block; width: 100%; min-height: 100px; background-color: #22221f; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #eee; line-height: 2em; padding: 3em 0 4em 0;}
#footer a {color: #eee; text-decoration: underline;}

.logocont {display: block; vertical-align: middle; height: 80px; padding-left: 0;}
#logo {max-width: 160px; width: 100%; margin: 30px 0;}
#header-hamburger img {max-height: 48px; margin: 16px 20px 0 0;}


#topmenu {letter-spacing: 0.05em; margin: 29px 0 0 0; padding: 0; height: 50px; max-height: 50px;}
#topmenu > li {height: 50px; max-height: 50px; margin: 0;}
#topmenu > li > a {color: #333; padding: 0 1.3rem; line-height: 50px;}
#topmenu > li > a:hover {color: #000; transition-timing-function: ease-out; transition-duration: 1s;}

#topmenu > li > a::before {content: ""; display: block; width: 0; height: 1px; background-color: rgba(255, 255, 255, 0); margin: 0 0 0 0; transition: width 0.2s; z-index: 999;}
#topmenu > li > a:hover::before {width: calc(100%); height: 1px; background-color: rgba(0, 0, 0, 0.3);}
#topmenu > li.is-active > a::before {width: calc(100% + 1em); height: 1px; background-color: rgba(0, 0, 0, 0.3);}
#topmenu > li.is-dropdown-submenu-parent > a::after {border-width: 4px; border-bottom-width: 0; border-color: #ccc transparent transparent; right: 5px; left: auto; margin-top: -3px; }

#leftmenu {margin: 2rem 0; padding: 0; letter-spacing: 0.05em;}

#topmenu li.main {font-weight: 600; text-transform: uppercase;}
#topmenu li.sub {font-weight: 400; text-transform: uppercase;}

#topmenu li ul {border: 1px dotted #ccc; list-style-type: none; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; margin: 0;}
#topmenu li ul li a {font-weight: 300; }
#topmenu li ul li a::before {content: ""; display: none; }


#leftmenu li.main {font-weight: 600; text-transform: uppercase;} 
#leftmenu li.sub {font-weight: 400; text-transform: uppercase;}
#leftmenu li.main a {padding-top: 1rem; padding-bottom: 1rem; padding-left: 0;}
#leftmenu li.sub a {padding-top: 1rem; padding-bottom: 1rem; padding-left: 0;}
#leftmenu > li.is-dropdown-submenu-parent > a::after {border-width: 4px; border-bottom-width: 0; border-color: #ccc transparent transparent; right: 5px; left: auto; margin-top: -3px; }
#leftmenu li ul {border-width: 0; list-style-type: none; margin: 0; background-color: #ffffff;}
#leftmenu li ul li a {display: block; font-weight: 300; padding: 1rem!important;}
#leftmenu li ul li a::before {content: ""; display: none; }



.menu .is-active > a {background-color: transparent; color: #000;}
.is-dropdown-submenu {min-width: 250px;}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {border-width: 4px; border-right-width: 0; border-color: transparent transparent transparent #ccc;}



#offCanvas { background-color: #fff; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #000; padding: 2rem 1.5rem;}
.js-off-canvas-overlay { -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(0, 0, 0, 0.5); opacity: 0;}

.introbox {min-height: 400px; position: relative; background-color: #000; background-image: url('../img/intro/hp01.jpg'); background-position: center center; background-size: auto 100%; background-repeat: no-repeat;}
.introbox h1 {display: block; color: #fff; text-align: left; margin: 250px 10% 0 0; font-size: 2.2rem; font-weight: 600; text-shadow: #000 5px 5px 10px; letter-spacing: 0.05em; text-align: right; line-height: 100%; font-style: italic;}
.introbox h1 small {color: #fff; font-weight: 300; font-size: 1.2rem;}

.box404 {min-height: 650px; position: relative; background-color: #000; background-image: url('../img/404.webp'); background-position: center center; background-size: auto 100%; background-repeat: no-repeat;}
.box404 h1 {display: block; color: #fff; text-align: left; margin: 400px 0 0 0; font-size: 2.8rem; font-weight: 700; text-shadow: #000 5px 5px 10px; letter-spacing: 0.05em; text-align: center; line-height: 100%; font-style: italic;}
.box404 h1 small {color: #fff; font-weight: 300; font-size: 1.5rem;}

p {font-weight: 300; line-height: 1.8;}

.stitek0 {display: block; position: absolute; left: 0; top: 0; z-index: 50;}
.stitek0 img {max-height: 60px;}

.stitek1 {display: block; position: absolute; left: 0; top: 65px; z-index: 50;}
.stitek1 img {max-height: 60px;}

@media only screen and (min-width: 40em)
  {
  .introbox {min-height: 520px;}
  .introbox h1, .box404  h1 {font-size: 3.0rem; margin: 350px 10% 0 0;}
  .introbox h1 small, .box404 h1 small {font-size: 1.6rem;}
  
  .stitek0 {display: block; position: absolute; left: 0; top: 0; z-index: 50;}
  .stitek0 img {max-height: 80px;}

  .stitek1 {display: block; position: absolute; left: 0; top: 100px; z-index: 50;}
  .stitek1 img {max-height: 80px;}

  }

@media screen and (min-width: 64em)
  {
  .introbox {min-height: 960px;}
  .introbox h1, .box404  h1 {font-size: 3.6rem; margin: 650px 10% 0 0;}
  .introbox h1 small, .box404 h1 small {font-size: 2.0rem;}
  #topmenu {margin: 29px 0 0 5rem;}
  .stitek0 {display: block; position: absolute; left: 0; top: 0; z-index: 50;}
  .stitek0 img {max-height: 80px;}

  .stitek1 {display: block; position: absolute; left: 0; top: 100px; z-index: 50;}
  .stitek1 img {max-height: 80px;}
  }

h1 {font-size: 1.8em; margin: 0.7em 0 1em 0; color: #333; font-weight: 300; text-transform: uppercase;}
h2 {font-size: 1.4em; margin: 1.5em 0 0.7em 0; color: #11aadd; font-weight: 400; text-transform: uppercase;}
h3 {font-size: 1.2em; margin: 1.5em 0 0.7em 0; color: #1177aa; font-weight: 400;}

.button {background-color: #242222; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #eee; font-weight: 600;}
.button:hover, .button:focus {background-color: #121111; color: #fff; }


.lang-sel {margin: 0 3em 15px 0;}
#offCanvas .lang-sel {margin: 0;}
.lang-sel img {max-height: 24px; border-radius: 12px;}
#offCanvas .lang-sel img {max-height: 22px; border-radius: 12px;}
.lang-sel a {display: block; position: relative; min-width: 40px;}
/*
.lang-sel a::after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px;
  content: "";
  border-bottom-width: 0;
  border-color: #ccc transparent transparent;
}
*/
#map {
  min-height: 700px;
  margin-bottom: 0;
  border-top: 0px solid #666;
  border-bottom: 0px solid #666;
}

.breadcrumbs {
  line-height: 1em;
  margin: 0 auto;
  padding: 0.5em 0.5em;
  }

.breadcrumbs li {text-transform: none;}
.breadcrumbs a {color: #999; text-decoration: underline; line-height: 2em;}
.breadcrumbs .current a, .breadcrumbs .current a:hover {color: #999; text-decoration: none;}

.breadcrumbs { line-height: 1em; margin: 0.3em auto 0 auto; padding: 0.5em 0;}
.breadcrumbs li {text-transform: none;}
.breadcrumbs li a {font-size: 0.8rem; }
.breadcrumbs .current a, .breadcrumbs .current a:hover {color: #666; text-decoration: none; }
.breadcrumbs .hplink:before { content: ""; display: inline-block; width: 12px; height: 12px; padding: 0; background-color: transparent; margin: 0 7px -1px 0; background-image: url('../graph/home.svg'); background-size: 100%; background-repeat: no-repeat;}

.category-item-box {background-color: #f6f6f3; padding: 1em 0;}

.product-box { background-color: #fff; margin: 1em 0; padding: 0; /* box-shadow: 0 0 15px #e9e9e9; */ font-size: 85%; }
/* .product-box:hover { box-shadow: 0 0 5px #ccc; } */
.product-box-in { padding: 1em 2em 1.5em 2em; }
.product-box h2 { font-size: 1.1em; margin: 0; font-weight: 600; text-transform: uppercase; z-index: 6; }
.product-box .cenovka { color: #333; z-index: 6; font-weight: 600;}
.product-box .cenovka strike { color: #666; z-index: 6; font-weight: 300;}

.product-box a div.zooming {display: block; overflow: hidden; height: 0; padding-bottom: 66.667%;}
.product-box a div.zooming img {transition: 0.2s all ease-in-out; margin: 2.5%; width: 95%;}
.product-box a:hover div.zooming img {transform: scale(1.05);}

.produkt-top-box {margin-top: 1em;}
.produkt-foto-box {padding: 2em 2em; background-color: #fff; /* box-shadow: 0 0 10px #e9e9e9;*/}
.produkt-foto-main {display: block; position: relative; height: 0; padding-bottom: 66.667%;}

.produkt-foto-thumb-box {padding: 0; border-collapse: collapse;}

.produkt-foto-thumb-box>div {border: 1px solid #eee; padding: 1em; border-collapse: collapse;}

.produkt-foto-thumb {height: 0; padding-bottom: 66.667%;}

h1.produkt { text-transform: uppercase; font-weight: 600; }
h1.produkt small { display: block; text-transform: uppercase; font-weight: 300; font-size: 1.5rem; margin-bottom: 0.5em; color: #333; }

p strong { font-weight: 600; }

h1.produkt-detail { text-transform: uppercase; font-weight: 600; margin: 1em 0 0 0; padding: 0;}
h1.produkt-detail small { display: block; text-transform: uppercase; font-weight: 300; font-size: 1.5rem; margin-bottom: 0.5em; color: #333; }
h2.product-detail { font-size: 1.1em; margin: 0 0 1em 0; font-weight: 400;  z-index: 6; }
p.cenovka-produtk-detail { margin: 0 0 .3rem 0; padding: 0; font-size: 130%; color: #d33; line-height: 120%; font-weight: 600;}
p.cenovka-produtk-detail strike { font-size: 80%; color: #666; text-decoration:  line-through; text-decoration-color:  rgba(0,0,0,0.2); font-weight: 300;}

a:hover, a:active {color: #036;}

.produkt-benefit {padding: 70px 0 0 0;}
.produkt-benefit ul {list-style-type: none; margin-left: 1.5em;list-style-image: url('../graph/li-apache.svg');}
.produkt-benefit li {padding: 0.5em;}

.produkt-popis {padding: 70px 0 0 0;}

.produkt-part {padding: 70px 0 0 0;}
.produkt-part img {margin-top: 2em;}

.produkt-specifikace {padding: 60px 0 0 0;}
.produkt-specifikace .indiv, .produkt-part .indiv {background-color: #ffffff; padding: 2em;}
.produkt-specifikace table, .produkt-part table {width: 100%; margin-top: -10px; border-width: 0;}
.produkt-specifikace tbody, .produkt-part tbody, .produkt-specifikace thead, .produkt-part thead {border-width: 0;}
.produkt-specifikace table tbody th, .produkt-part table tbody th {padding-left: 1rem; background-color: #ffffff; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #333; line-height: 2em; text-transform: uppercase; font-weight: 600; font-size: 90%; border-top: 10px solid #fff; border-bottom: 1px solid #000;}
.produkt-specifikace table tbody td, .produkt-part table tbody td {padding-left: 1rem; background-color: #ffffff;  color: #333; border-bottom: 1px dotted #ccccc9;}
.produkt-specifikace table tbody td.sh, .produkt-part table tbody td.sh {background-color: #eeeee9; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; border-bottom: 1px dotted #fff;}

/*.produkt-specifikace table tbody th, .produkt-part table tbody th {padding-left: 1rem; text-align: left; background-color: #33332f; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #eee; line-height: 2em; text-transform: uppercase; font-weight: 400; font-size: 80%; border-top: 10px solid #fff;}
.produkt-specifikace table tbody td, .produkt-part table tbody td {padding-left: 1rem; text-align: left; background-color: #ffffff;  color: #000; border-bottom: 1px dotted #ccccc9;}
.produkt-specifikace table tbody td.sh, .produkt-part table tbody td.sh {text-align: left; background-color: #eeeee9; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; border-bottom: 1px dotted #fff;}
*/

hr {display: block; height: 0px; border-top: 1px solid #999; border-width: 1px 0 0 0; margin: 2em 0;}

.callout.primary  {border: 1px solid #ddd; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; background-color: #fff; border-radius: 2px; }


.sticky .menu  {
  display: none;
  margin: 80px 0 0 0;
  border-top: 1px dotted #ccc;
}

.infomenu  {
  margin: 2rem 0 3rem 0;
  border-top: 1px dotted #ccc;
}

@media only screen and (min-width: 40em)
  {
  .sticky .menu, .infomenu  {
  display: block;

    }
  }

.sticky .menu li a, .infomenu  li a {
   font-size: 90%;
  display: block;
  color: #1ad;
  padding: 1em;
  border-bottom: 1px dotted #ccc;
}

.sticky .menu li a:hover, .sticky .menu li a:active, .infomenu li a:hover, .infomenu li a:active  {
background-color: #eee; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #000;
}


.sticky .menu li a.is-active, .infomenu li a.is-active  {
  background-color: #1ad; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #fff;
}










.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
  display: inline-block;
  width: 70px;
  height: 20px;
  border-radius: 0;
  background: transparent url('../graph/slider-sisel-off.svg') no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background: transparent url('../graph/slider-sisel-on.svg') no-repeat;
}
.slider-handle.is-dragging {
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  background: transparent url('../graph/slider-sisel-on.svg') no-repeat;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.menbody {
  height: 12.5rem;
}

.slider.vertical {
  display: inline-block;
  width: 3px;
  height: 12.5rem;
  margin: 0 70px 0 40px;
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 110px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px 0 0;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  -webkit-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
          transform: translateX(-40%);
}
#slihand {rotate: x -180deg;}

.nostock {color: #900;}
.onstock {color: #080;}
.onstock span {color: #ccc;}
.onstock a {color: #333; text-decoration: underline;}

body { background-color: #ffffff;}
body, p, h1, h2, h3, h4, h5, h6, ul, li { letter-spacing: 0.04em; /*word-spacing: 105%;*/}

.varslisel-na {position: relative; margin: 3px; border: 3px solid #ddd; border-radius: 3px;}
.varslisel-ac {position: relative; margin: 3px; border: 3px solid #000; color: #fff; font-weight: 600; background-color: #000000; border-radius: 3px;}

.varslisel-na .item, .varslisel-ac .item  {  margin: 0;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.geoimg {margin-bottom: 2rem;}

.vice a::after {border-width: 4px; border-bottom-width: 0; border-color: #ccc transparent transparent; right: 5px; left: auto; margin-top: -3px; }

.mb1rem {margin-bottom: 1rem;}

.callout {border-radius: 2px; border-color: #ddd; background-image: url('../graph/bcg-footer.svg');}

.callout.secondary {border-width: 0; border-radius: 2px; background-color: #f6f3f3;}
.callout.secondary strong {font-weight: 600;}

.zoomimg {display: block; overflow: hidden; margin-bottom: 2rem;}
.zoomimg img {transition: 0.3s all ease-in-out;}
.zoomimg:hover img {transform: scale(1.07);}

.hp-round-link {display: block; margin-top: 5rem; margin-bottom: 2rem;}
.hp-round-link div.zoom {display: block; overflow: hidden; height: 0; padding-bottom: 100%; margin-top: 3rem;}
.hp-round-link div.zoom img {transition: 0.2s all ease-in-out; margin: 2.5%; width: 95%; border-radius: 100%; padding: 0;}
.hp-round-link:hover div.zoom img {transform: scale(1.05);}
.hp-round-link .hpbutt {display: inline-block; position: relative; padding: 1.5rem 3rem; border-radius: 5px;  margin-top: -6rem; background-color: #22221f; color: #fff; font-size: 1.3rem; font-weight: 300;}

#cookies {display: block; width: 100%; position: fixed; bottom: 0; left: 0; background-color: #ffffff; z-index: 100; padding: 2.0em 0; border-top: 3px solid #333; color: #000000;}
#cookies .txt {text-align: center; padding: 0 0 0.7em 0;}
#cookies .but {text-align: center; padding: 0; background-color: #333;}
#cookies .success {background-color: #66bb33; color: #fff; font-weight: 400;}
#cookies .success:hover {background-color: #55aa22; color: #fff; font-weight: 400;}

.icon-1em { max-width: 1.2em; max-height: 1.2em; line-height: 1.5em; margin-right: 0.2em;}
 
 ol.alpha {list-style-type: lower-alpha; list-style-position: outside; padding-left: 1em; line-height: 1.8;}
 ol.alpha li {padding-left: 0.7em;}

 .velinfo { display: none; background-color: #ffc; color: #333; padding: 1.2em 1.8em; font-size: 80%; margin: 1em -3px 0 -3px;  border-radius: 3px;}

.cartsteps {padding: 0; margin: 0 0 1em 0; }
.cartstep {padding: 1em 0.5em; margin: 0; background-color: #f6f3f3;}
.cartstep a {color: #302222;}
.cartstep_done {background-color: #e6f7d9;}
.cartstep_done a {color: #302222; text-decoration: underline;}
.cartstep_active {background-color: #fff}
.cartstep_spacer_0 {min-width: 26px; background: #f6f3f3 url('../graph/cartstep_0.svg'); background-repeat: no-repeat;}
.cartstep_spacer_1 {min-width: 26px; background: #f6f3f3 url('../graph/cartstep_1.svg'); background-repeat: no-repeat;}
.cartstep_spacer_2 {min-width: 26px; background: #f6f3f3 url('../graph/cartstep_2.svg'); background-repeat: no-repeat;}
.cartstep_spacer_active {background-color: #fff;}

.cartstep_spacer_1_1 {min-width: 26px; background: #f6f3f3 url('../graph/cartstep_1_1.svg'); background-repeat: no-repeat;}