/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

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

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  background: white;
  /* 1 */
  color: black;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  width: 100%;
  height: 100%;
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
  margin: 0;
  width: 100%;
  height: 100%;
}
/* ==========================================================================
   Links
   ========================================================================== */

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

a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */

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

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
  background: yellow;
  color: black;
}
/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
  margin: 0 0 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */

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

dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */

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

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

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

svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */

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

figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */

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

form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

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

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

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

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

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

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

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

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

button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

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

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

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}
@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700);*/

@font-face {
  font-family: 'fontello';
  src: url("fonts/fontelloe818.eot?6378178");
  src: url("fonts/fontelloe818.eot?6378178#iefix") format('embedded-opentype'), url("fonts/fontelloe818.woff?6378178") format('woff'), url("fonts/fontelloe818.ttf?6378178") format('truetype'), url("fonts/fontelloe818.svg?6378178#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.svg?6378178#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - magrins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}
.icon-home-2:before {
  content: '\e801';
}
/* '' */

.icon-home-1:before {
  content: '\2302';
}
/* '⌂' */

.icon-adjust:before {
  content: '\25d1';
}
/* '◑' */

.icon-star-1:before {
  content: '\2605';
}
/* '★' */

.icon-heart-empty-1:before {
  content: '\2661';
}
/* '♡' */

.icon-heart-1:before {
  content: '\2665';
}
/* '♥' */

.icon-mail-1:before {
  content: '\2709';
}
/* '✉' */

.icon-youtube:before {
  content: '\e002';
}
/* '' */

.icon-wrench-circled:before {
  content: '\e003';
}
/* '' */

.icon-wrench:before {
  content: '\e004';
}
/* '' */

.icon-user:before {
  content: '\e013';
}
/* '' */

.icon-lock-open-alt:before {
  content: '\e015';
}
/* '' */

.icon-lock-open:before {
  content: '\e016';
}
/* '' */

.icon-twitter:before {
  content: '\e018';
}
/* '' */

.icon-tumblr:before {
  content: '\e019';
}
/* '' */

.icon-th-list:before {
  content: '\e022';
}
/* '' */

.icon-th-large:before {
  content: '\e023';
}
/* '' */

.icon-th:before {
  content: '\e024';
}
/* '' */

.icon-tag:before {
  content: '\e029';
}
/* '' */

.icon-star-empty:before {
  content: '\e02f';
}
/* '' */

.icon-star:before {
  content: '\e031';
}
/* '' */

.icon-cancel-circled:before {
  content: '\e04c';
}
/* '' */

.icon-cancel-circled2:before {
  content: '\e04d';
}
/* '' */

.icon-cancel:before {
  content: '\e04e';
}
/* '' */

.icon-plus-circled:before {
  content: '\e059';
}
/* '' */

.icon-plus:before {
  content: '\e05a';
}
/* '' */

.icon-attach:before {
  content: '\e06d';
}
/* '' */

.icon-ok-circled:before {
  content: '\e06e';
}
/* '' */

.icon-ok-circled2:before {
  content: '\e06f';
}
/* '' */

.icon-ok:before {
  content: '\e070';
}
/* '' */

.icon-minus-circled:before {
  content: '\e075';
}
/* '' */

.icon-minus:before {
  content: '\e076';
}
/* '' */

.icon-location:before {
  content: '\e07a';
}
/* '' */

.icon-lock-circled:before {
  content: '\e07d';
}
/* '' */

.icon-lock:before {
  content: '\e07e';
}
/* '' */

.icon-linkedin:before {
  content: '\e081';
}
/* '' */

.icon-facebook:before {
  content: '\e09c';
}
/* '' */

.icon-down-open:before {
  content: '\e0a4';
}
/* '' */

.icon-heart:before {
  content: '\e0b1';
}
/* '' */

.icon-hearing-impaired:before {
  content: '\e0b2';
}
/* '' */

.icon-up-open:before {
  content: '\e0cb';
}
/* '' */

.icon-right-open:before {
  content: '\e0cc';
}
/* '' */

.icon-left-open:before {
  content: '\e0cd';
}
/* '' */

.icon-adult:before {
  content: '\e0da';
}
/* '' */

.icon-home:before {
  content: '\e0e0';
}
/* '' */

.icon-heart-empty:before {
  content: '\e0e1';
}
/* '' */

.icon-glasses:before {
  content: '\e0e3';
}
/* '' */

.icon-mail:before {
  content: '\e0eb';
}
/* '' */

.icon-googleplus:before {
  content: '\e0fc';
}
/* '' */

.icon-comment:before {
  content: '\e106';
}
/* '' */

.icon-cogs:before {
  content: '\e107';
}
/* '' */

.icon-cog:before {
  content: '\e109';
}
/* '' */

.icon-tag-1:before {
  content: '\e70c';
}
/* '' */

.icon-comment-1:before {
  content: '\e718';
}
/* '' */

.icon-left-open-1:before {
  content: '\e75d';
}
/* '' */

.icon-right-open-1:before {
  content: '\e75e';
}
/* '' */

.icon-bat-empty:before {
  content: '\e772';
}
/* '' */

.icon-bat-half:before {
  content: '\e773';
}
/* '' */

.icon-bat-full:before {
  content: '\e774';
}
/* '' */

.icon-bat-charge:before {
  content: '\e775';
}
/* '' */

.icon-bat-third:before {
  content: '\e7af';
}
/* '' */

.icon-user-2:before {
  content: '\f061';
}
/* '' */

.icon-desktop:before {
  content: '\f108';
}
/* '' */

.icon-laptop:before {
  content: '\f109';
}
/* '' */

.icon-tablet:before {
  content: '\f10a';
}
/* '' */

.icon-mobile:before {
  content: '\f10b';
}
/* '' */

.icon-facebook-rect:before {
  content: '\f301';
}
/* '' */

.icon-twitter-bird:before {
  content: '\f303';
}
/* '' */

.icon-googleplus-rect:before {
  content: '\f309';
}
/* '' */

.icon-tumblr-rect:before {
  content: '\f310';
}
/* '' */

.icon-linkedin-rect:before {
  content: '\f312';
}
/* '' */

.icon-youtube-1:before {
  content: '\f313';
}
/* '' */

.icon-user-3:before {
  content: '\e800';
}
/* '' */

.icon-user-1:before {
  content: '👤';
}
/* '\1f464' */

.icon-light-down:before {
  content: '🔅';
}
/* '\1f505' */

.icon-light-up:before {
  content: '🔆';
}
/* '\1f506' */

.icon-search-1:before,
.icon-search:before {
  content: '🔍';
}
/* '\1f50d' */

.icon-lock-1:before {
  content: '🔒';
}
/* '\1f512' */

html {
  overflow-y: scroll;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 1920px 1200px;
  -moz-background-size: 1920px 1200px;
  -o-background-size: 1920px 1200px;
  background-size: 1920px 1200px;
  /*overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;*/

}
#htmlBackground {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#htmlBackground img {
  width: auto;
  height: 100%;
}
.yui3-g {
  /* webkit */
  letter-spacing: -0.31em;
  /* reset IE < 8 */
  *letter-spacing: normal;
  /* IE < 8 && gecko */

  /*word-spacing: -0.43em;*/

}
.yui3-u {
  display: inline-block;
  -ms-zoom: 1;
  zoom: 1;
  /* IE < 8: fake inline-block */
  *display: inline;
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
}
#mainContent {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f7f7f7;
  max-width: 500px;
  width: 100%;
  min-height: 100%;
}
/* ------------------------------------------------------------- Set this for non supported responsive browsers --- */

/* ------------------------------------------------------------- Logo --- */

.logo h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}
.logo h1 a {
  color: white;
  text-decoration: none;
  text-indent: -9999px;
  display: inline-block;
  width: 200px;
  height: 124px;
  background-image: url(../images/logo-lisianthus.png);
  background-position: top center;
  background-repeat: no-repeat;
}
/* ------------------------------------------------------------- Links --- */

.mainWrapper a:link,
.mainWrapper a:visited {
  color: #4c2a86;
}
.mainWrapper a:hover,
.mainWrapper a:active {
  background-color: #4c2a86;
  color: white;
  text-decoration: none;
}
/* ------------------------------------------------------------- Language switch --- */

#navPri ul li.languageSelect {
  /*padding: 18px;*/
  /*border-bottom: 1px solid @colorGray;    
    background-color: @colorGrayLight;*/
  color: #bdbcbc;
  font-size: 0.8em;
}
#navPri ul li.languageSelect a:link,
#navPri ul li.languageSelect a:visited {
  color: #bdbcbc;
  text-decoration: none;
  text-transform: capitalize;
}
#navPri ul li.languageSelect a:hover,
#navPri ul li.languageSelect a:active {
  text-decoration: underline;
}
/* ------------------------------------------------------------- Nav primair --- */

#nav {
  position: absolute;
  position: fixed;
}
#toggle {
  display: none;
}
#navPri {
  position: absolute;
  position: fixed;
  left: 70px;
  top: 30px;
  width: 200px;
}
#navPri .nav {
  margin: 0;
  padding: 0;
}
#navPri ul h2 {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  font-weight: normal;
}
#navPri ul li {
  /*margin-right: 2ex;*/
  padding: 18px;
  border-top: 1px solid #bdbcbc;
  background-color: #f7f7f7;
}
.navPri ul li a:link,
.navPri ul li a:visited {
  text-decoration: none;
  text-transform: uppercase;
  color: #4c2a86;
}
.navPri ul li a:hover,
.navPri ul li a:active {
  color: #4c2a86;
}
.navPri ul li.current a:link,
.navPri ul li.current a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #4c2a86;
}
.navPri ul li.current a:hover,
.navPri ul li.current a:active {
  color: #4c2a86;
}
#navPri ul li.menuLogo {
  border-top: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
/* ------------------------------------------------------------- Nav secundair --- */

.navSec,
nav {
  display: inline-block;
  -ms-zoom: 1;
  zoom: 1;
  /* IE < 8: fake inline-block */
  *display: inline;
  vertical-align: top;
}
.navSec ul {
  margin: 0;
  padding: 0;
  /*margin-left: 2ex;*/

}
.navSec ul h2 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
.navSec ul li {
  margin-right: 2ex;
}
.navSec ul li .level2 {
  display: none;
}
.navSec ul li a:link,
.navSec ul li a:visited {
  text-decoration: none;
  color: #bdbcbc;
}
.navSec ul li a:hover,
.navSec ul li a:active {
  color: #4c2a86;
}
.navSec ul li.current a:link,
.navSec ul li.current a:visited {
  text-decoration: none;
  color: #4c2a86;
}
.navSec ul li.current a:hover,
.navSec ul li.current a:active {
  color: #4c2a86;
}
/* ------------------------------------------------------------- Lists --- */

.list {
  line-height: 1.4;
}
#content .list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content .list li {
  padding: 0 0 0.4em 0;
  margin: 0 0 3em 0;
  border-bottom: 1px dotted #bdbcbc;
  /*width: 220px;*/

}
/* ------------------------------------------------------------- Breadcrumbs --- */

.breadcrumbs {
  margin: 0;
  padding: 0;
}
/* ------------------------------------------------------------- Paging ---*/

ul.paging {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.paging li {
  float: left;
  margin: 0 3px;
}
ul.paging li a:link,
ul.paging li a:visited {
  color: #4c2a86;
}
ul.paging li a:hover,
ul.paging li a:active {
  background-color: #4c2a86;
  color: white;
  text-decoration: none;
}
ul.paging li.selected a:link,
ul.paging li.selected a:visited {
  color: #4c2a86;
}
ul.paging li.selected a:hover,
ul.paging li.selected a:active {
  color: #4c2a86;
  background-color: transparent;
}
.loadMore {
  display: none;
}
/* ------------------------------------------------------------- Layout --- */

#content {
  font-size: 0.8em;
  line-height: 1.6;
  padding: 32px;
}
.mainWrapper {
  width: 100%;
}
aside {
  width: 19%;
  /*padding: 1em;*/
  background-color: #f7f7f7;
  display: none;
}
.bodyText {
  font-size: 1.2em;
}
.bodyText p {
  margin-top: 0;
}
.subpages {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 2em;
}
.subpages li {
  border-bottom: 1px solid #bdbcbc;
  /*padding-bottom: 0.5em;*/

}
.subpages li:last-child {
  border-bottom: none;
}
.homepage .subpages li:last-child {
  border-bottom: 1px solid #bdbcbc;
}
.subpages h3 {
  font-size: 1em;
  color: #4c2a86;
  margin: 0;
  padding: 0.8em 0;
  /*margin-bottom: 0.5em;*/

  /*line-height: 1.4;*/

}
.subpages h3:hover {
  cursor: pointer;
}
.subpages .hide {
  display: none;
}
/* ------------------------------------------------------------- Nieuws home --- */

.newsList {
  margin-top: 3em;
}
.newsList h3 {
  color: #333333;
  font-weight: normal;
  font-size: 1.4em;
}
.newsList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.newsList h4 {
  margin-bottom: 0;
}
.newsList .moreNews {
  float: right;
  clear: both;
  margin-top: 1em;
}
/* ------------------------------------------------------------- Products --- */

.info {
  font-size: 0.8em;
  border-top: 1px solid #bdbcbc;
  padding-top: 1.4em;
  margin-bottom: -1.4em;
  margin-top: 1.4em;
}
.notInStockM {
  font-style: italic;
}
ul.productList {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #bdbcbc;
  padding-bottom: 1em;
}
.productList li {
  margin-bottom: 2ex;
  margin-right: 1ex;
}
.productList a:link,
.productList a:visited {
  padding: 5px;
  background-color: #4c2a86;
  color: white;
  text-decoration: none;
}
.productList a:hover,
.productList a:active {
  padding: 5px;
  background-color: #bdbcbc;
  color: white;
}
ul.subproductList {
  position: absolute;
  width: 130px;
  margin: 0;
  padding: 0;
  margin-left: -162px;
  text-align: right;
  background-color: #f7f7f7;
  font-size: 0.8em;
}
.subproductList li {
  margin: 0;
  padding: 0;
  display: block;
  padding-right: 10px;
}
.subproductList a:link,
.subproductList a:visited {
  /*padding: 5px;*/
  color: #333333;
  text-decoration: none;
  margin: 0;
  padding: 8px 10px 8px 0;
  width: 100%;
  display: block;
}
.subproductList a:hover,
.subproductList a:active {
  padding: 5px;
  color: #4c2a86;
  background-color: transparent;
  padding: 8px 10px 8px 0;
}
/* ------------------------------------------------------------- Headings --- */

h2 {
  font-weight: normal;
  color: #4c2a86;
}
#content h2 {
  margin: 0;
  padding: 0;
}
/* ------------------------------------------------------------- Images --- */

#content .imageWrapper {
  overflow: hidden;
}
a.imageLink {
  border: none;
  background-color: transparent;
}
/* ------------------------------------------------------------- Quotes --- */

.quotes {
  text-transform: uppercase;
  position: absolute;
  position: fixed;
  bottom: 32px;
  right: 660px;
  width: 30%;
  font-style: italic;
  font-size: 1.8em;
  text-align: right;
  font-weight: 300;
  padding: 32px;
  padding-bottom: 12px;
  background-color: #4c2a86;
  color: white;
  display: block;
}
.quotes .quote {
  display: block;
}
.quotes .slidesjs-container {
  height: 160px !important;
}
.quotes .quote.slidesjs-slide {
  height: 100px !important;
}
.slidesjs-previous,
.slidesjs-next {
  position: absolute;
  background-color: white;
  height: 50px;
  width: 50px;
  display: block;
  /*text-indent: -9999px;*/
  margin-left: -90px;
  margin-top: -38px;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  line-height: 1.3;
  font-size: 1.4em;
}
.slidesjs-previous {
  margin-top: -98px;
}
a.slidesjs-previous:link,
a.slidesjs-previous:visited,
a.slidesjs-next:link,
a.slidesjs-next:visited {
  color: #4c2a86;
  text-decoration: none;
}
a.slidesjs-previous:hover,
a.slidesjs-previous:active,
a.slidesjs-next:hover,
a.slidesjs-next:active {
  color: white;
  background-color: #4c2a86;
}
/* ------------------------------------------------------------- Footer --- */

footer.yui3-u {
  display: block;
}
.footer {
  /*background-color: @colorGray;*/
  /*color: white;*/
  color: #bdbcbc;
  /*padding: 1em;*/
  font-size: 0.8em;
  border-top: 1px solid #bdbcbc;
  margin: 0 32px 4em 32px;
  padding-top: 0.8em;
  line-height: 1.4;
}
.footer a:link,
.footer a:visited {
  text-decoration: none;
  color: #bdbcbc;
}
.footer a:hover,
.footer a:active {
  color: #4c2a86;
}
.footer .copy {
  margin-right: 2ex;
}
.footer .aceGroup {
  display: block;
}
/* ------------------------------------------------------------- Social Media Icons ---*/

#socialMediaIcons {
  display: inline;
}
.twitterIcn a:link,
.twitterIcn a:visited {
  background-position: 0 0;
}
.facebookIcn a:link,
.facebookIcn a:visited {
  background-position: -32px 0;
}
.youtubeIcn a:link,
.youtubeIcn a:visited {
  background-position: -64px 0;
}
.twitterIcn a:hover,
.twitterIcn a:active {
  background-position: 0 -32px;
}
.facebookIcn a:hover,
.facebookIcn a:active {
  background-position: -32px -32px;
}
.youtubeIcn a:hover,
.youtubeIcn a:active {
  background-position: -64px -32px;
}
/* ------------------------------------------------------------- Google Maps --- */

#map_canvas {
  width: 100%;
  height: 400px;
  display: block;
}
#contentMaps {
  margin: 0;
  padding: 0;
  width: 200px;
}
#contentMaps h1 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}
#contentMaps .bodyContentMaps {
  margin: 0;
  padding: 0;
}
/* ------------------------------------------------------------- Search --- */

.search {
  margin-right: 1em;
}
.search fieldset {
  border: none;
  margin: 0;
  padding: 0;
  background-color: #6e529c;
  display: block;
  margin-left: -33px;
  height: 36px;
  margin-top: -6px;
}
.search label {
  display: none;
}
.search input#search {
  background-color: transparent;
  border: none;
  padding: 10px;
  width: 120px;
  color: white;
  margin-right: 27px;
}
.search input::-webkit-input-placeholder {
  color: white;
}
.search input:-moz-placeholder {
  color: white;
}
.search input::-moz-placeholder {
  color: white;
}
.search input:-ms-input-placeholder {
  color: white;
}
.search input#search:focus {
  outline: 0;
}
.search #searchbtn {
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-left: 132px;
  margin-top: -31px;
  text-transform: capitalize;
  width: 33px;
  background-color: transparent;
  color: white;
}
.search form {
  height: 26px;
}
/* ------------------------------------------------------------- Google CSE Results --- */

#serps li {
  margin-bottom: 2em;
  display: block;
  overflow: hidden;
}
#serps img {
  float: left;
  margin-right: 2ex;
  width: 100px;
  max-height: 100px;
}
#serps .searchlink {
  float: left;
}
#serps h3 {
  margin: 0;
}
/* ------------------------------------------------------------- Google CSE Results --- */

.bodyText iframe {
  width: 100%;
  max-width: 436px;
}
/*!
 * Bootstrap Responsive v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

@media (min-width: 980px) and (max-width: 1499px) {
  .footer {
    margin-bottom: 6em;
  }
  .quotes {
    text-transform: uppercase;
    position: absolute;
    position: fixed;
    bottom: 0;
    right: 0px;
    width: 100%;
    font-style: italic;
    font-size: 1em;
    text-align: right;
    font-weight: 300;
    padding: 32px;
    padding-bottom: 12px;
    padding-top: 15px;
    background-color: #4c2a86;
    color: white;
    display: block;
  }
  .quotes .slidesjs-container {
    height: 20px !important;
  }
}
@media (min-width: 1200px) {
  /*#quotes {
          display: block;
          visibility: visible;
          bottom: 0;
          right: 660px;
          width: 30%;
          font-style: italic;
          font-size: 1.8em;
          text-align: right;
          font-weight: 300;
          padding: 32px;
          padding-bottom: 12px;
          background-color: @colorMain;
          color: white;
          display: block;
      }*/
}
@media (min-width: 1400px) {
  #quotes {
    display: block;
    visibility: visible;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .footer {
    margin-bottom: 6em;
  }
  .quotes {
    text-transform: uppercase;
    position: absolute;
    position: fixed;
    bottom: 0;
    right: 0px;
    width: 100%;
    font-style: italic;
    font-size: 0.8em;
    text-align: right;
    font-weight: 300;
    padding: 32px;
    padding-bottom: 12px;
    padding-top: 15px;
    background-color: #4c2a86;
    color: white;
    display: block;
  }
  .quotes .slidesjs-container {
    height: 20px !important;
  }
  #navPri {
    left: 50px;
  }
  ul.subproductList {
    position: relative;
    width: 100%;
    margin: 1em 0 0 0;
    padding: 0 0 1em 0;
    margin-left: 0;
    text-align: left;
    background-color: #f7f7f7;
    font-size: 0.8em;
    border-bottom: 1px solid #bdbcbc;
  }
  .subproductList li {
    margin: 0 2ex 0.4em 0;
    padding: 0;
    display: inline;
    display: inline-block;
    padding-right: 10px;
  }
  .subproductList a:link,
  .subproductList a:visited {
    /*padding: 5px;*/
    color: #333333;
    text-decoration: none;
    margin: 0;
    padding: 8px 10px 8px 0;
    /*width: 100%;*/
    display: inline;
  }
  .subproductList a:hover,
  .subproductList a:active {
    color: #4c2a86;
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  #mainContent {
    max-width: 500px;
    width: 90%;
  }
  #quotes {
    display: none;
    visibility: hidden;
  }
  .imageWrapper img {
    width: 100%;
    height: auto;
  }
  #toggle {
    display: block;
    position: relative;
    position: absolute;
    position: fixed;
    left: 1ex;
    top: 1em;
    z-index: 9999;
    /*background-color: @colorGrayLight;*/
    color: #4c2a86;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-image: url(../images/icon-menu.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  #navPri {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }
  #nav {
    /*max-width: 500px;*/
    width: 90%;
    margin-left: 10%;
    display: block;
    position: relative;
  }
  #navPri ul li.menuLogo {
    display: none;
  }
  #navPri ul.nav {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 500px;
    display: block;
    list-style: none;
    position: relative;
    float: right;
    z-index: 9999;
    overflow: visible;
    background-color: #4c2a86;
    padding-bottom: 1em;
    padding-top: 0.5em;
  }
  #navPri ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: none;
    background-color: transparent;
    /*max-width: 87.2%;*/
    display: block;
    /*background-color: @colorGray;*/
  
  }
  #navPri ul h2 {
    font-size: 1em;
    padding: 0;
    margin: 0;
  }
  #navPri li a:link,
  #navPri li a:visited {
    color: white;
    text-decoration: none;
    display: block;
    margin: 0 32px;
    padding: 1em 0;
    border-bottom: 1px solid white;
    text-transform: none;
  }
  #navPri li.languageSelect {
    color: white;
    margin-top: 1em;
  }
  #navPri li.languageSelect a:link,
  #navPri li.languageSelect a:visited {
    color: white;
    text-decoration: none;
    display: inline;
    margin: 0 32px;
    padding: 1em 0;
    border-bottom: none;
  }
  .js #navPri {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
    right: 0;
  }
  #navPri.opened {
    max-height: 9999px;
    display: block;
    padding-bottom: 40%;
    width: 100%;
  }
  #navPri ul li.languageSelect {
    /*padding: 18px;*/
    /*border-bottom: 1px solid @colorGray;    
              background-color: @colorGrayLight;*/
    color: white;
    font-size: 0.8em;
  }
  #navPri ul li.languageSelect a:link,
  #navPri ul li.languageSelect a:visited {
    color: white;
    text-decoration: none;
    text-transform: capitalize;
  }
  #navPri ul li.languageSelect a:hover,
  #navPri ul li.languageSelect a:active {
    text-decoration: underline;
  }
  ul.subproductList {
    position: relative;
    width: 100%;
    margin: 1em 0 0 0;
    padding: 0 0 1em 0;
    margin-left: 0;
    text-align: left;
    background-color: #f7f7f7;
    font-size: 0.8em;
    border-bottom: 1px solid #bdbcbc;
  }
  .subproductList li {
    margin: 0 2ex 0.4em 0;
    padding: 0;
    display: inline;
    display: inline-block;
    padding-right: 10px;
  }
  .subproductList a:link,
  .subproductList a:visited {
    /*padding: 5px;*/
    color: #333333;
    text-decoration: none;
    margin: 0;
    padding: 8px 10px 8px 0;
    /*width: 100%;*/
    display: inline;
  }
  .subproductList a:hover,
  .subproductList a:active {
    color: #4c2a86;
    background-color: transparent;
  }
}
@media (max-width: 480px) {
  #quotes {
    display: none;
    visibility: hidden;
  }
}
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/

@media print {
  * {
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    background: transparent !important;
  }
  html {
    background-color: white;
  }
  /* Hide navigation */
  
  nav {
    display: none;
  }
  /* Show link destinations in brackets after the link text */
  
  a[href]:after {
    content: " (" attr(href) ") ";
  }
  a[href] {
    font-weight: bold;
    text-decoration: underline;
    color: #0066cc;
    border: none;
  }
  /* Don't show link destinations for JavaScript or internal links */
  
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Show abbr title value in brackets after the text */
  
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  figure {
    margin-bottom: 1em;
    overflow: hidden;
  }
  figure img {
    border: 1px solid black;
  }
}
#contour {
  line-height: 1;
  margin-bottom: 1em;
}
#contour .contourPageName {
  font-size: 2em;
  line-height: 2em;
}
#contour .contourField {
  margin-bottom: 0.5em;
  overflow: hidden;
}
#contour .contourField div label {
  display: inline;
}
#contour label.fieldLabel {
  display: block;
  width: 120px;
  float: left;
  clear: left;
  background: transparent !important;
  line-height: 1.5;
  /*padding-top: 10px;*/
  margin-right: 20px;
}
#contour small {
  display: block;
  float: left;
  clear: both;
  padding: 5px 5px 5px 200px;
}
#contour fieldset {
  padding: 1.4em;
  /*margin: 0 0 1.5em 0;*/
  margin: 0;
  padding: 0;
  /*margin-bottom: 8px;*/
  border: none !Important;
}
#contour input.text,
#contour input.title,
#contour textarea,
#contour select {
  /*margin: 0.5em 0;*/
  /*border-radius: 4px;*/
  border: 1px solid #c1bfc2;
}
#contour input.text:focus,
#contour input.title:focus,
#contour textarea:focus,
#contour select:focus {
  /*border-radius: 4px;*/
  border: 1px solid #c1bfc2;
}
#contour input.text,
#contour textarea {
  width: 330px !important;
  padding: 4px;
}
#contour textarea {
  height: 110px;
}
#contour input.fileupload {
  height: auto !important;
}
#contour span.checkboxlist,
#contour span.radiobuttonlist,
#contour span.checkbox {
  display: block;
  float: left;
  padding: 10px;
}
#contour .hiddenfield {
  display: none;
}
#contour .contourNavigation input {
  margin-right: 10px;
  margin-left: 140px;
  padding: 3px 5px 3px 5px;
  font-family: 'Calibri W01 Regular 904604', Calibri, sans-serif;
  border: 1px solid gray;
  font-size: 14px;
  color: #343434;
  cursor: pointer;
  border-radius: 4px;
  text-decoration: none;
}
#contour .contourButton:hover {
  text-decoration: underline;
}
#contour .contourErrorMessage {
  padding: .8em;
  margin-bottom: .5em;
  border: 2px solid #fbc2c4;
}
#contour .contourErrorMessage,
#contour .contourError {
  background: #fbe3e4;
  color: #8a1f11;
}
#contour input.contourError,
#contour textarea.contourError {
  background: #fbe3e4;
  border-color: #fbc2c4;
}
#contour span.contourError {
  color: #8a1f11 !important;
  background: transparent !important;
}
/* --------------------------------------------------------------- Formulier */

#contour h4.contourPageName,
#contour legend {
  /*display: none;*/
  font-size: 14px;
  margin-bottom: 2em;
}
#contour legend {
  border-bottom: 1px dotted gray;
  display: block;
  width: 83.5%;
  margin-bottom: 1em;
  padding-top: 1.5em;
  font-style: oblique;
  font-weight: bold;
}
.checkboxlist {
  margin-bottom: 6px;
  margin-left: -5px;
}
.checkboxlist input {
  margin-right: 8px;
  margin-bottom: 8px;
}
.mandatory span.contourIndicator::after {
  content: " *";
  color: red;
  font-weight: bold;
}
/* Iconize 0.5 */

/* websites (pictures and movies) */

.main .content a[href*="youtube.com/watch?"],
.main .content a[href*="sevenload.com/videos/"],
.main .content a[href*="metacafe.com/watch/"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_film.gif) no-repeat center right;
}
.main .content a[href*="flickr.com/photos/"],
.main .content a[href*="zooomr.com"],
.main .content a[href*="imageshack.us"],
.main .content a[href*="bubbleshare.com"],
.main .content a[href*="sevenload.com/bilder/"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_pic.gif) no-repeat center right;
}
/* extensions */

.main .content a[href$='.doc'],
.main .content a[href$='.rtf'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_doc.gif) no-repeat center right;
}
.main .content a[href$='.txt'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_txt.gif) no-repeat center right;
}
.main .content a[href$='.xls'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_xls.gif) no-repeat center right;
}
.main .content a[href$='.rss'],
.main .content a[href$='.atom'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_feed.gif) no-repeat center right;
}
.main .content a[href$='.opml'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_opml.gif) no-repeat center right;
}
.main .content a[href$='.phps'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_phps.gif) no-repeat center right;
}
.main .content a[href$='.phps'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_phps.gif) no-repeat center right;
}
.main .content a[href$='.torrent'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_torrent.gif) no-repeat center right;
}
.main .content a[href$='.vcard'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_vcard.gif) no-repeat center right;
}
.main .content a[href$='.exe'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_exe.gif) no-repeat center right;
}
.main .content a[href$='.dmg'],
.main .content a[href$='.app'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_dmg.gif) no-repeat center right;
}
.main .content a[href$='.pps'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_pps.gif) no-repeat center right;
}
.main .content a[href$='.pdf'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_pdf.gif) no-repeat center right;
}
.main .content a[href$='.xpi'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_plugin.gif) no-repeat center right;
}
.main .content a[href$='.fla'],
.main .content a[href$='.swf'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_flash.gif) no-repeat center right;
}
.main .content a[href$='.zip'],
.main .content a[href$='.rar'],
.main .content a[href$='.gzip'],
.main .content a[href$='.bzip'],
.main .content a[href$='.ace'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_archive.gif) no-repeat center right;
}
.main .content a[href$='.ical'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_ical.gif) no-repeat center right;
}
.main .content a[href$='.css'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_css.gif) no-repeat center right;
}
.main .content a[href$='.ttf'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_ttf.gif) no-repeat center right;
}
.main .content a[href$='.jpg'],
.main .content a[href$='.gif'],
.main .content a[href$='.png'],
.main .content a[href$='.bmp'],
.main .content a[href$='.jpeg'],
.main .content a[href$='.svg'],
.main .content a[href$='.eps'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_pic.gif) no-repeat center right;
}
.main .content a[href$='.mov'],
.main .content a[href$='.wmv'],
.main .content a[href$='.mp4'],
.main .content a[href$='.avi'],
.main .content a[href$='.mpg'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_film.gif) no-repeat center right;
}
.main .content a[href$='.mp3'],
.main .content a[href$='.wav'],
.main .content a[href$='.ogg'],
.main .content a[href$='.wma'],
.main .content a[href$='.m4a'] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_music.gif) no-repeat center right;
}
/* messenger */

.main .content a[href^="aim:"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_aim.gif) no-repeat center right;
}
.main .content a[href^="msnim:"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_msn.gif) no-repeat center right;
}
.main .content a[href^="xmpp:"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_jabber.gif) no-repeat center right;
}
.main .content a[href*="icq.com"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_icq.gif) no-repeat center right;
}
.main .content a[href*="edit.yahoo.com/config/send_webmesg?"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_yim.gif) no-repeat center right;
}
.main .content a[href^="callto:"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_call.gif) no-repeat center right;
}
.main .content a[href^="skype:"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_skype.gif) no-repeat center right;
}
.main .content a[href^="gg:"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_gadugadu.gif) no-repeat center right;
}
/* email */

.main .content a[href^="mailto:"] {
  padding: 5px 20px 5px 0;
  background: transparent url(../images/icons/icon_mailto.gif) no-repeat center right;
}
/* use this class to make sure that images won't get iconized */

.imageLink {
  padding-right: 0px !important;
  background: none !important;
}
@font-face {
  font-family: 'Climacons-Font';
  src: url('fonts/climacons-webfont.eot');
  src: url('fonts/climacons-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/climacons-webfont.svg#Climacons-Font') format('svg'), url('fonts/climacons-webfont.woff') format('woff'), url('fonts/climacons-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.climacon {
  font-size: 4em;
}
.climacon:before {
  font-family: 'Climacons-Font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.climacon.cloudy:before,
.climacon.cloud:before {
  content: "\e000";
}
.climacon.partly-cloudy-day:before,
.climacon.cloud.sun:before {
  content: "\e001";
}
.climacon.partly-cloudy-night:before,
.climacon.cloud.moon:before {
  content: "\e002";
}
.climacon.rain:before,
.climacon.rain.cloud:before {
  content: "\e003";
}
.climacon.rain.sun:before,
.climacon.rain.cloud.sun:before {
  content: "\e004";
}
.climacon.rain.moon:before,
.climacon.rain.cloud.moon:before {
  content: "\e005";
}
.climacon.showers:before,
.climacon.showers.cloud:before {
  content: "\e006";
}
.climacon.showers.sun:before,
.climacon.showers.cloud.sun:before {
  content: "\e007";
}
.climacon.showers.moon:before,
.climacon.showers.cloud.moon:before {
  content: "\e008";
}
.climacon.downpour:before,
.climacon.downpour.cloud:before {
  content: "\e009";
}
.climacon.downpour.sun:before,
.climacon.downpour.cloud.sun:before {
  content: "\e00a";
}
.climacon.downpour.moon:before,
.climacon.downpour.cloud.moon:before {
  content: "\e00b";
}
.climacon.drizzle:before,
.climacon.drizzle.cloud:before {
  content: "\e00c";
}
.climacon.drizzle.sun:before,
.climacon.drizzle.cloud.sun:before {
  content: "\e00d";
}
.climacon.drizzle.moon:before,
.climacon.drizzle.cloud.moon:before {
  content: "\e00e";
}
.climacon.sleet:before,
.climacon.sleet.cloud:before {
  content: "\e00f";
}
.climacon.sleet.sun:before,
.climacon.sleet.cloud.sun:before {
  content: "\e010";
}
.climacon.sleet.moon:before,
.climacon.sleet.cloud.moon:before {
  content: "\e011";
}
.climacon.hail:before,
.climacon.hail.cloud:before {
  content: "\e012";
}
.climacon.hail.sun:before,
.climacon.hail.cloud.sun:before {
  content: "\e013";
}
.climacon.hail.moon:before,
.climacon.hail.cloud.moon:before {
  content: "\e014";
}
.climacon.flurries:before,
.climacon.flurries.cloud:before {
  content: "\e015";
}
.climacon.flurries.sun:before,
.climacon.flurries.cloud.sun:before {
  content: "\e016";
}
.climacon.flurries.moon:before,
.climacon.flurries.cloud.moon:before {
  content: "\e017";
}
.climacon.snow:before,
.climacon.snow.cloud:before {
  content: "\e018";
}
.climacon.snow.sun:before,
.climacon.snow.cloud.sun:before {
  content: "\e019";
}
.climacon.snow.moon:before,
.climacon.snow.cloud.moon:before {
  content: "\e01a";
}
.climacon.fog:before,
.climacon.fog.cloud:before {
  content: "\e01b";
}
.climacon.fog.sun:before,
.climacon.fog.cloud.sun:before {
  content: "\e01c";
}
.climacon.fog.moon:before,
.climacon.fog.cloud.moon:before {
  content: "\e01d";
}
.climacon.haze:before {
  content: "\e01e";
}
.climacon.haze.sun:before {
  content: "\e01f";
}
.climacon.haze.moon:before {
  content: "\e020";
}
.climacon.wind:before {
  content: "\e021";
}
.climacon.wind.cloud:before {
  content: "\e022";
}
.climacon.wind.sun:before,
.climacon.wind.cloud.sun:before {
  content: "\e023";
}
.climacon.wind.moon:before,
.climacon.wind.cloud.moon:before {
  content: "\e024";
}
.climacon.lightning:before,
.climacon.lightning.cloud:before {
  content: "\e025";
}
.climacon.lightning.sun:before,
.climacon.lightning.cloud.sun:before {
  content: "\e026";
}
.climacon.lightning.moon:before,
.climacon.lightning.cloud.moon:before {
  content: "\e027";
}
.climacon.clear-day:before,
.climacon.sun:before {
  content: "\e028";
}
.climacon.sun.set:before,
.climacon.sunset:before {
  content: "\e029";
}
.climacon.sun.rise:before,
.climacon.sunrise:before {
  content: "\e02a";
}
.climacon.sun.low:before,
.climacon.sun-low:before,
.climacon.low-sun:before {
  content: "\e02b";
}
.climacon.sun.lower:before,
.climacon.sun-lower:before,
.climacon.lower-sun:before {
  content: "\e02c";
}
.climacon.moon:before {
  content: "\e02d";
}
.climacon.moon.new:before {
  content: "\e02e";
}
.climacon.moon.waxing.crescent:before,
.climacon.moon.first-crescent:before {
  content: "\e02f";
}
.climacon.moon.waxing.quarter:before,
.climacon.moon.first-quarter:before,
.climacon.moon.waxing.half:before,
.climacon.moon.first-half:before {
  content: "\e030";
}
.climacon.moon.waxing.gibbous:before,
.climacon.moon.first-gibbous:before,
.climacon.moon.waxing.three-quarter:before,
.climacon.moon.first-three-quarter:before {
  content: "\e031";
}
.climacon.moon.full:before {
  content: "\e032";
}
.climacon.moon.waning.gibbous:before,
.climacon.moon.last-gibbous:before,
.climacon.moon.waning.three-quarter:before,
.climacon.moon.last-three-quarter:before {
  content: "\e033";
}
.climacon.moon.waning.quarter:before,
.climacon.moon.last-quarter:before,
.climacon.moon.waning.half:before,
.climacon.moon.last-half:before {
  content: "\e034";
}
.climacon.moon.waning.crescent:before,
.climacon.moon.last-crescent:before {
  content: "\e035";
}
.climacon.snowflake:before {
  content: "\e036";
}
.climacon.tornado:before {
  content: "\e037";
}
.climacon.thermometer.empty:before,
.climacon.thermometer:before {
  content: "\e038";
}
.climacon.thermometer.low:before {
  content: "\e039";
}
.climacon.thermometer.medium-low:before {
  content: "\e03a";
}
.climacon.thermometer.medium-high:before {
  content: "\e03b";
}
.climacon.thermometer.high:before {
  content: "\e03c";
}
.climacon.thermometer.full:before {
  content: "\e03d";
}
.climacon.celcius:before {
  content: "\e03e";
}
.climacon.farenheit:before {
  content: "\e03f";
}
.climacon.compass:before {
  content: "\e040";
}
.climacon.compass.north:before {
  content: "\e041";
}
.climacon.compass.east:before {
  content: "\e042";
}
.climacon.compass.south:before {
  content: "\e043";
}
.climacon.compass.west:before {
  content: "\e044";
}
.climacon.umbrella:before {
  content: "\e045";
}
.climacon.sunglasses:before {
  content: "\e046";
}
.climacon.cloud.cycle:before,
.climacon.cloud.refresh:before {
  content: "\e047";
}
.climacon.cloud.down:before,
.climacon.cloud.download:before {
  content: "\e048";
}
.climacon.cloud.up:before,
.climacon.cloud.upload:before {
  content: "\e049";
}
.accordion-open span,
.collapse-open span {
  display: block;
  float: right;
  padding: 10px;
}
.accordion-open span,
.collapse-open span {
  background: url(../images/close-widget.html) center center no-repeat;
}
.accordion-close span,
.collapse-close span {
  display: block;
  float: right;
  background: url(../images/open-widget.html) center center no-repeat;
  padding: 10px;
}
#myCarousel {
  margin-top: 1em;
  width: 100%;
  height: 33.33333333333333%;
  display: block;
}
#myCarousel img {
  width: 100%;
}
#myCarousel h4 a {
  /*color: #ffffff;*/
  text-decoration: none;
}
.carousel-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.carousel-nav ul li {
  display: inline-block;
}
.carousel-nav ul a {
  text-decoration: none;
  /*color: #adadad;*/
  line-height: 0;
  font-size: 2em;
}
.carousel {
  position: relative;
  margin-bottom: 1em;
  line-height: 1;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel .item {
  display: none;
  position: relative;
}
.carousel .item > img {
  display: block;
  line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}
.carousel .active {
  left: 0;
}
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 100%;
}
.carousel .prev {
  left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -100%;
}
.carousel .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 0.43;
  color: white;
  text-align: center;
  /*background: @mainColor;*/
  /*border: 3px solid #ffffff;*/
  border-radius: 23px;
  /*.border-radius(23px);*/
  /*.opacity(50);*/
  text-decoration: none;
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover {
  /*color: #ffffff;*/
  text-decoration: none;
  /*.opacity(90);*/

}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  /*background: rgb(128, 128, 128);
  background: rgba(0,0,0,.75);*/

}
.carousel-caption h4,
.carousel-caption p {
  color: white;
  line-height: 1em;
}
.carousel-caption h4 {
  margin: 0 0 5px;
}
.carousel-caption p {
  margin-bottom: 0;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
  background: url(../images/colorbox/overlay.png) repeat 0 0;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
  width: 21px;
  background: url(../images/colorbox/controls.png) left top repeat-y;
}
#cboxMiddleRight {
  width: 21px;
  background: url(../images/colorbox/controls.png) right top repeat-y;
}
#cboxTopCenter {
  height: 21px;
  background: url(../images/colorbox/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
  height: 21px;
  background: url(../images/colorbox/border.png) 0 -29px repeat-x;
}
#cboxContent {
  background: white;
  overflow: hidden;
}
.cboxIframe {
  background: white;
}
#cboxError {
  padding: 50px;
  border: 1px solid #cccccc;
}
#cboxLoadedContent {
  margin-bottom: 28px;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxLoadingOverlay {
  background: url(../images/colorbox/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
  background: url(../images/colorbox/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../images/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -50px -25px;
}
#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxClose:hover {
  background-position: -25px -25px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/

.cboxIE6 #cboxTopLeft {
  background: url(../images/colorbox/ie6/borderTopLeft.png);
}
.cboxIE6 #cboxTopCenter {
  background: url(../images/colorbox/ie6/borderTopCenter.png);
}
.cboxIE6 #cboxTopRight {
  background: url(../images/colorbox/ie6/borderTopRight.png);
}
.cboxIE6 #cboxBottomLeft {
  background: url(../images/colorbox/ie6/borderBottomLeft.png);
}
.cboxIE6 #cboxBottomCenter {
  background: url(../images/colorbox/ie6/borderBottomCenter.png);
}
.cboxIE6 #cboxBottomRight {
  background: url(../images/colorbox/ie6/borderBottomRight.png);
}
.cboxIE6 #cboxMiddleLeft {
  background: url(../images/colorbox/ie6/borderMiddleLeft.png);
}
.cboxIE6 #cboxMiddleRight {
  background: url(../images/colorbox/ie6/borderMiddleRight.png);
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9800;
  display: none;
  top: 0;
  left: 0;
}
.reveal-modal {
  visibility: hidden;
  top: 100px;
  left: 50%;
  margin-left: -300px;
  width: 520px;
  background-color: #4c2a86;
  position: absolute;
  z-index: 9900;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  /*-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);*/
  color: white;
  line-height: 1.4;
}
.reveal-modal h1 {
  margin-bottom: 0.4em;
  line-height: 1.1;
  color: white;
}
.reveal-modal a:link,
.reveal-modal a:visited {
  color: white;
}
.reveal-modal .messageModal {
  margin-bottom: 2em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid white;
}
.reveal-modal .messageModal:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}
.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}
.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}
.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  /*color: #ffffff;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);*/
  font-weight: bold;
  cursor: pointer;
}
/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

.slideshow {
  width: 1200px;
  margin: 0 auto;
  margin-top: 1em;
}
.slideshow ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slideshow h2 {
  font-size: 1.4em;
}
.slideshow h3 {
  font-weight: bold;
  font-size: 1.8em;
}
.slideshow .infoArrow {
  background-image: url(../images/gl-arrow.html);
  background-position: center right;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  padding: 0.5ex;
}
.slideshow h4.infoLink {
  font-weight: normal;
  font-size: 0.8125em;
  display: block;
  margin-top: 1em;
}
.slideshow .infoLink a {
  color: white;
  background-color: black;
  height: 2em;
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding: 0.5ex;
  line-height: 2em;
}
/*
	Slideshow
*/

#slides {
  top: 15px;
  left: 4px;
  z-index: 100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
  width: 1200px;
  overflow: hidden;
  position: relative;
  display: none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container li.slide {
  width: 1200px;
  height: 250px;
  display: block;
}
/*
	Next/prev buttons
*/

.slideNav {
  position: absolute;
  margin-top: -150px;
}
#slides .next,
#slides .prev {
  margin-top: -250px;
  margin-left: 0px;
  width: 24px;
  height: 43px;
  display: inline-block;
  z-index: 101;
  background-image: url(../images/arrow-prev.png);
  text-indent: -9999px;
  position: relative;
}
#slides .next {
  margin-left: 1148px;
  background-image: url(../images/arrow-next.png);
}
/*
	Pagination
*/

.pagination {
  margin: 26px auto 0;
  width: 100px;
  display: none;
}
.pagination li {
  float: left;
  margin: 0 1px;
  list-style: none;
}
.pagination li a {
  display: block;
  width: 12px;
  height: 0;
  padding-top: 12px;
  background-image: url(../img/pagination.html);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}
/*
	Caption
*/

.caption {
  z-index: 500;
  position: absolute;
  height: 27px;
  padding: 5px 20px 0 20px;
  /*margin-left: 1em;*/
  width: 1200px;
  font-size: 1.1em;
  line-height: 1.33;
  color: #2f1657;
  bottom: 10px;
  background-color: #6e529c;
}
.caption h4 {
  background-color: #4c2a86;
  display: inline;
}
.caption h4 a {
  color: white;
  padding: 0 0.5ex;
}
/* REQUIRED for core functionality */

.main .responsive-tabs-wrapper ul {
  margin: 2em 0 0 0;
}
.responsive-tabs__heading {
  display: none;
}
.responsive-tabs__list__item {
  display: inline;
  cursor: pointer;
}
@media (max-width: 767px) {
  .responsive-tabs__list {
    display: none;
  }
  .responsive-tabs__heading {
    display: block;
    cursor: pointer;
  }
  .responsive-tabs__panel--closed-accordion-only {
    display: none;
  }
}
@media (min-width: 768px) {
  .responsive-tabs__panel--closed-accordion-only {
    display: block !important;
  }
}
/* END - Required for core functionality */

/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper {
  clear: both;
  zoom: 1;
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
  content: "";
  display: table;
}
.responsive-tabs-wrapper:after {
  clear: both;
}
.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {
  outline: 1px solid #cccccc;
}
.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus {
  outline: none !important;
}
.responsive-tabs__list {
  font-size: 1.2em;
  margin: 2em 0 0 0;
  padding: 0;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 6px;
  line-height: 1em;
}
.responsive-tabs__list__item {
  /*color: #ffffff; background: @colorRed;*/
  padding: 5px 20px;
  margin-right: 1em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #dddddd;
}
.responsive-tabs__panel {
  /*margin-bottom: 50px;*/
  /*border: 1px solid #dddddd;*/
  border-top: none;
  padding: 1.3em;
}
@media (max-width: 767px) {
  .responsive-tabs__heading {
    /*padding: 0.5em; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 2px 3px rgba(0,0,0,0.4);*/
    /*background: #ddd;*/
    position: relative;
  }
  .responsive-tabs__heading:after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 40%;
    width: 0;
    height: 0;
    /*border-left: 10px solid transparent;
  		border-right: 10px solid transparent;
  		border-top: 10px solid #000;*/
  
  }
  .responsive-tabs__heading:hover,
  .responsive-tabs__heading--active:hover {
    background-color: #efefef;
  }
  .responsive-tabs__heading--active {
    background: white;
  }
}
/* END - Optional - Basic Skin */

/* Showcase
-------------*/

#awOnePageButton .view-slide {
  display: none;
}
/* This class is removed after the showcase is loaded */

/* Assign the correct showcase height to prevent loading jumps in IE */

.showcase-load {
  height: 358px;
  /* Same as showcase javascript option */
  overflow: hidden;
}
/* Container when content is shown as one page */

/* Container when content is shown in slider */

.showcase {
  position: relative;
  margin: auto;
}
.showcase-content-container {
  margin-bottom: 1em;
}
/* Navigation arrows */

.showcase-arrow-previous,
.showcase-arrow-next {
  position: absolute;
  background: url('../images/tooltip/arrows.png');
  width: 33px;
  height: 33px;
  top: 220px;
  cursor: pointer;
}
.showcase-arrow-previous {
  left: -60px;
}
.showcase-arrow-previous:hover {
  background-position: 0px -34px;
}
.showcase-arrow-next {
  right: -56px;
  background-position: -34px 0;
}
.showcase-arrow-next:hover {
  background-position: -34px -34px;
}
/* Content */

.showcase-content {
  /*background-color: #000;*/
  text-align: center;
}
.showcase-content-wrapper {
  text-align: center;
  height: 470px;
  width: 700px;
  display: table-cell;
  vertical-align: middle;
}
/* Styling the tooltips */

.showcase-tooltips a[href^="mailto:"] {
  padding: 0;
  background: none;
}
.showcase-tooltips a.showcase-plus-anchor {
  background-image: url('../images/tooltip/plus.png');
  background-repeat: no-repeat;
}
.showcase-plus-anchor:hover {
  background-position: -32px 0;
}
div.showcase-tooltip {
  /*background-color: #fff;
			color: #000;*/
  text-align: left;
  padding: 5px 8px;
  background-image: url(../images/tooltip/white-opacity-80.png);
}
div.showcase-tooltip .email {
  text-decoration: underline;
}
div.showcase-tooltip .name {
  font-weight: bold;
  text-decoration: none;
  /*color: @colorOrange;*/

}
/* Styling the caption */

.showcase-caption {
  /*color: #000;*/
  padding: 8px 15px;
  text-align: left;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  display: none;
  background-image: url(../images/tooltip/white-opacity-80.png);
}
.showcase-onepage .showcase-content {
  margin-bottom: 10px;
}
/* Button Wrapper */

.showcase-button-wrapper {
  clear: both;
  margin-top: 10px;
  text-align: center;
}
.showcase-button-wrapper span {
  margin-right: 3px;
  padding: 2px 5px 0px 5px;
  cursor: pointer;
  font-size: 12px;
  /*color: #444444;*/

}
/* Thumbnails */

.showcase-thumbnail-wrapper {
  overflow: hidden;
}
.showcase-thumbnail {
  width: 120px;
  height: 90px;
  cursor: pointer;
  /*border: solid 1px #333;*/
  position: relative;
}
.showcase-thumbnail-caption {
  position: absolute;
  bottom: 2px;
  padding-left: 10px;
  padding-bottom: 5px;
}
.showcase-thumbnail-content {
  padding: 10px;
  text-align: center;
  padding-top: 25px;
}
.showcase-thumbnail-cover {
  background-image: url(../images/tooltip/black-opacity-40.png);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.showcase-thumbnail:hover .showcase-thumbnail-cover {
  display: none;
}
.showcase-thumbnail.active .showcase-thumbnail-cover {
  display: none;
}
.showcase-thumbnail-wrapper-horizontal {
  padding: 10px;
}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
  margin-right: 10px;
  width: 116px;
}
.showcase-thumbnail-wrapper-vertical {
  padding: 10px;
}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
  margin-bottom: 10px;
}
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward {
  padding: 7px;
  cursor: pointer;
}
.showcase-thumbnail-button-backward {
  padding-bottom: 0px;
  padding-right: 0px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
  background-image: url(../images/tooltip/arrows-small.png);
  background-repeat: no-repeat;
  display: block;
  width: 17px;
  height: 17px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
  background-position: 0 -51px;
  margin-left: 55px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
  background-position: -17px -51px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
  background-position: 0 -34px;
  margin-left: 55px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
  background-position: -17px -34px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
  background-position: 0 -17px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {
  background-position: -17px -17px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
  background-position: 0 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {
  background-position: -17px 0;
}
/* Hide button text */

.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span {
  display: none;
}
/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  float: none;
}