/* CSS Document */
/* Breakpoint Mixin
Source: http://www.sitepoint.com/sass-mixins-kickstart-project/
*/
/* Usage Example


 @include breakpoint(medium) {
    color: blue;
  }
}

*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ 
  overflow-x: hidden;}

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; text-decoration: none; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

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

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
   }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }
hr {
  position: relative;
  border: none;
  display: block;
  overflow: visible;
  z-index: 4;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
  background-position: top center;
  background-repeat: no-repeat;
  height: 28px;
  padding-bottom: 1em; }
/*
 * @font-face mixin
 * @include font-face('family', '../fonts/', 'myfontname');
 */
/* egs
a {
    font-weight: bold;
    text-decoration: none;
    color: #c00;

    @include attention() {
        outline: none;
        color: #09f;
    }

}

.btn {
    background-color: #09f;

    @include attention() {
        background-color: darken(#09f, 10%);
    }

}
Source: http://sassmeister.com/gist/d7f40eb288ab1e3e85d3
*/
@font-face {
  font-family: 'IcoMoon';
  src: url("../../../media/jui/fonts/IcoMoon.eot");
  src: url("../../../media/jui/fonts/IcoMoon.eot?#iefix") format("embedded-opentype"), url("../../../media/jui/fonts/IcoMoon.woff") format("woff"), url("../../../media/jui/fonts/IcoMoon.ttf") format("truetype"), url("../../../media/jui/fonts/IcoMoon.svg#IcoMoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: 'IcoMoon';
  content: attr(data-icon);
  speak: none; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: .25em;
  line-height: 14px; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none; }

[class^="icon-"].disabled,
[class*=" icon-"].disabled {
  font-weight: normal; }

.icon-joomla:before {
  content: "\e200"; }

.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {
  content: "\e005"; }

.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {
  content: "\e006"; }

.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {
  content: "\e007"; }

.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {
  content: "\e008"; }

.icon-arrow-first:before {
  content: "\e003"; }

.icon-arrow-last:before {
  content: "\e004"; }

.icon-arrow-up-2:before {
  content: "\e009"; }

.icon-arrow-right-2:before {
  content: "\e00a"; }

.icon-arrow-down-2:before {
  content: "\e00b"; }

.icon-arrow-left-2:before {
  content: "\e00c"; }

.icon-arrow-up-3:before {
  content: "\e00f"; }

.icon-arrow-right-3:before {
  content: "\e010"; }

.icon-arrow-down-3:before {
  content: "\e011"; }

.icon-arrow-left-3:before {
  content: "\e012"; }

.icon-menu-2:before {
  content: "\e00e"; }

.icon-arrow-up-4:before {
  content: "\e201"; }

.icon-arrow-right-4:before {
  content: "\e202"; }

.icon-arrow-down-4:before {
  content: "\e203"; }

.icon-arrow-left-4:before {
  content: "\e204"; }

.icon-share:before,
.icon-redo:before {
  content: "\27"; }

.icon-undo:before {
  content: "\28"; }

.icon-forward-2:before {
  content: "\e205"; }

.icon-backward-2:before,
.icon-reply:before {
  content: "\e206"; }

.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {
  content: "\6c"; }

.icon-undo-2:before {
  content: "\e207"; }

.icon-move:before {
  content: "\7a"; }

.icon-expand:before {
  content: "\66"; }

.icon-contract:before {
  content: "\67"; }

.icon-expand-2:before {
  content: "\68"; }

.icon-contract-2:before {
  content: "\69"; }

.icon-play:before {
  content: "\e208"; }

.icon-pause:before {
  content: "\e209"; }

.icon-stop:before {
  content: "\e210"; }

.icon-previous:before,
.icon-backward:before {
  content: "\7c"; }

.icon-next:before,
.icon-forward:before {
  content: "\7b"; }

.icon-first:before {
  content: "\7d"; }

.icon-last:before {
  content: "\e000"; }

.icon-play-circle:before {
  content: "\e00d"; }

.icon-pause-circle:before {
  content: "\e211"; }

.icon-stop-circle:before {
  content: "\e212"; }

.icon-backward-circle:before {
  content: "\e213"; }

.icon-forward-circle:before {
  content: "\e214"; }

.icon-loop:before {
  content: "\e001"; }

.icon-shuffle:before {
  content: "\e002"; }

.icon-search:before {
  content: "\53"; }

.icon-zoom-in:before {
  content: "\64"; }

.icon-zoom-out:before {
  content: "\65"; }

.icon-apply:before,
.icon-edit:before,
.icon-pencil:before {
  content: "\2b"; }

.icon-pencil-2:before {
  content: "\2c"; }

.icon-brush:before {
  content: "\3b"; }

.icon-save-new:before,
.icon-plus-2:before {
  content: "\5d"; }

.icon-minus-sign:before,
.icon-minus-2:before {
  content: "\5e"; }

.icon-delete:before,
.icon-remove:before,
.icon-cancel-2:before {
  content: "\49"; }

.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
  content: "\47"; }

.icon-new:before,
.icon-plus:before {
  content: "\2a"; }

.icon-plus-circle:before {
  content: "\e215"; }

.icon-minus:before,
.icon-not-ok:before {
  content: "\4b"; }

.icon-ban-circle:before,
.icon-minus-circle:before {
  content: "\e216"; }

.icon-unpublish:before,
.icon-cancel:before {
  content: "\4a"; }

.icon-cancel-circle:before {
  content: "\e217"; }

.icon-checkmark-2:before {
  content: "\e218"; }

.icon-checkmark-circle:before {
  content: "\e219"; }

.icon-info:before {
  content: "\e220"; }

.icon-info-2:before,
.icon-info-circle:before {
  content: "\e221"; }

.icon-question:before,
.icon-question-sign:before,
.icon-help:before {
  content: "\45"; }

.icon-question-2:before,
.icon-question-circle:before {
  content: "\e222"; }

.icon-notification:before {
  content: "\e223"; }

.icon-notification-2:before,
.icon-notification-circle:before {
  content: "\e224"; }

.icon-pending:before,
.icon-warning:before {
  content: "\48"; }

.icon-warning-2:before,
.icon-warning-circle:before {
  content: "\e225"; }

.icon-checkbox-unchecked:before {
  content: "\3d"; }

.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {
  content: "\3e"; }

.icon-checkbox-partial:before {
  content: "\3f"; }

.icon-square:before {
  content: "\e226"; }

.icon-radio-unchecked:before {
  content: "\e227"; }

.icon-radio-checked:before,
.icon-generic:before {
  content: "\e228"; }

.icon-circle:before {
  content: "\e229"; }

.icon-signup:before {
  content: "\e230"; }

.icon-grid:before,
.icon-grid-view:before {
  content: "\58"; }

.icon-grid-2:before,
.icon-grid-view-2:before {
  content: "\59"; }

.icon-menu:before {
  content: "\5a"; }

.icon-list:before,
.icon-list-view:before {
  content: "\31"; }

.icon-list-2:before {
  content: "\e231"; }

.icon-menu-3:before {
  content: "\e232"; }

.icon-folder-open:before,
.icon-folder:before {
  content: "\2d"; }

.icon-folder-close:before,
.icon-folder-2:before {
  content: "\2e"; }

.icon-folder-plus:before {
  content: "\e234"; }

.icon-folder-minus:before {
  content: "\e235"; }

.icon-folder-3:before {
  content: "\e236"; }

.icon-folder-plus-2:before {
  content: "\e237"; }

.icon-folder-remove:before {
  content: "\e238"; }

.icon-file:before {
  content: "\e016"; }

.icon-file-2:before {
  content: "\e239"; }

.icon-file-add:before,
.icon-file-plus:before {
  content: "\29"; }

.icon-file-minus:before {
  content: "\e017"; }

.icon-file-check:before {
  content: "\e240"; }

.icon-file-remove:before {
  content: "\e241"; }

.icon-save-copy:before,
.icon-copy:before {
  content: "\e018"; }

.icon-stack:before {
  content: "\e242"; }

.icon-tree:before {
  content: "\e243"; }

.icon-tree-2:before {
  content: "\e244"; }

.icon-paragraph-left:before {
  content: "\e246"; }

.icon-paragraph-center:before {
  content: "\e247"; }

.icon-paragraph-right:before {
  content: "\e248"; }

.icon-paragraph-justify:before {
  content: "\e249"; }

.icon-screen:before {
  content: "\e01c"; }

.icon-tablet:before {
  content: "\e01d"; }

.icon-mobile:before {
  content: "\e01e"; }

.icon-box-add:before {
  content: "\51"; }

.icon-box-remove:before {
  content: "\52"; }

.icon-download:before {
  content: "\e021"; }

.icon-upload:before {
  content: "\e022"; }

.icon-home:before {
  content: "\21"; }

.icon-home-2:before {
  content: "\e250"; }

.icon-out-2:before,
.icon-new-tab:before {
  content: "\e024"; }

.icon-out-3:before,
.icon-new-tab-2:before {
  content: "\e251"; }

.icon-link:before {
  content: "\e252"; }

.icon-picture:before,
.icon-image:before {
  content: "\2f"; }

.icon-pictures:before,
.icon-images:before {
  content: "\30"; }

.icon-palette:before,
.icon-color-palette:before {
  content: "\e014"; }

.icon-camera:before {
  content: "\55"; }

.icon-camera-2:before,
.icon-video:before {
  content: "\e015"; }

.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {
  content: "\56"; }

.icon-music:before {
  content: "\57"; }

.icon-user:before {
  content: "\22"; }

.icon-users:before {
  content: "\e01f"; }

.icon-vcard:before {
  content: "\6d"; }

.icon-address:before {
  content: "\70"; }

.icon-share-alt:before,
.icon-out:before {
  content: "\26"; }

.icon-enter:before {
  content: "\e257"; }

.icon-exit:before {
  content: "\e258"; }

.icon-comment:before,
.icon-comments:before {
  content: "\24"; }

.icon-comments-2:before {
  content: "\25"; }

.icon-quote:before,
.icon-quotes-left:before {
  content: "\60"; }

.icon-quote-2:before,
.icon-quotes-right:before {
  content: "\61"; }

.icon-quote-3:before,
.icon-bubble-quote:before {
  content: "\e259"; }

.icon-phone:before {
  content: "\e260"; }

.icon-phone-2:before {
  content: "\e261"; }

.icon-envelope:before,
.icon-mail:before {
  content: "\4d"; }

.icon-envelope-opened:before,
.icon-mail-2:before {
  content: "\4e"; }

.icon-unarchive:before,
.icon-drawer:before {
  content: "\4f"; }

.icon-archive:before,
.icon-drawer-2:before {
  content: "\50"; }

.icon-briefcase:before {
  content: "\e020"; }

.icon-tag:before {
  content: "\e262"; }

.icon-tag-2:before {
  content: "\e263"; }

.icon-tags:before {
  content: "\e264"; }

.icon-tags-2:before {
  content: "\e265"; }

.icon-options:before,
.icon-cog:before {
  content: "\38"; }

.icon-cogs:before {
  content: "\37"; }

.icon-screwdriver:before,
.icon-tools:before {
  content: "\36"; }

.icon-wrench:before {
  content: "\3a"; }

.icon-equalizer:before {
  content: "\39"; }

.icon-dashboard:before {
  content: "\78"; }

.icon-switch:before {
  content: "\e266"; }

.icon-filter:before {
  content: "\54"; }

.icon-purge:before,
.icon-trash:before {
  content: "\4c"; }

.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {
  content: "\23"; }

.icon-unlock:before {
  content: "\e267"; }

.icon-key:before {
  content: "\5f"; }

.icon-support:before {
  content: "\46"; }

.icon-database:before {
  content: "\62"; }

.icon-scissors:before {
  content: "\e268"; }

.icon-health:before {
  content: "\6a"; }

.icon-wand:before {
  content: "\6b"; }

.icon-eye-open:before,
.icon-eye:before {
  content: "\3c"; }

.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {
  content: "\e269"; }

.icon-clock:before {
  content: "\6e"; }

.icon-compass:before {
  content: "\6f"; }

.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {
  content: "\e01b"; }

.icon-book:before {
  content: "\e271"; }

.icon-lightning:before,
.icon-flash:before {
  content: "\79"; }

.icon-print:before,
.icon-printer:before {
  content: "\e013"; }

.icon-feed:before {
  content: "\71"; }

.icon-calendar:before {
  content: "\43"; }

.icon-calendar-2:before {
  content: "\44"; }

.icon-calendar-3:before {
  content: "\e273"; }

.icon-pie:before {
  content: "\77"; }

.icon-bars:before {
  content: "\76"; }

.icon-chart:before {
  content: "\75"; }

.icon-power-cord:before {
  content: "\32"; }

.icon-cube:before {
  content: "\33"; }

.icon-puzzle:before {
  content: "\34"; }

.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {
  content: "\72"; }

.icon-lamp:before {
  content: "\74"; }

.icon-pin:before,
.icon-pushpin:before {
  content: "\73"; }

.icon-location:before {
  content: "\63"; }

.icon-shield:before {
  content: "\e274"; }

.icon-flag:before {
  content: "\35"; }

.icon-flag-3:before {
  content: "\e275"; }

.icon-bookmark:before {
  content: "\e023"; }

.icon-bookmark-2:before {
  content: "\e276"; }

.icon-heart:before {
  content: "\e277"; }

.icon-heart-2:before {
  content: "\e278"; }

.icon-thumbs-up:before {
  content: "\5b"; }

.icon-thumbs-down:before {
  content: "\5c"; }

.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {
  content: "\40"; }

.icon-star-2:before {
  content: "\41"; }

.icon-featured:before,
.icon-default:before,
.icon-star:before {
  content: "\42"; }

.icon-smiley:before,
.icon-smiley-happy:before {
  content: "\e279"; }

.icon-smiley-2:before,
.icon-smiley-happy-2:before {
  content: "\e280"; }

.icon-smiley-sad:before {
  content: "\e281"; }

.icon-smiley-sad-2:before {
  content: "\e282"; }

.icon-smiley-neutral:before {
  content: "\e283"; }

.icon-smiley-neutral-2:before {
  content: "\e284"; }

.icon-cart:before {
  content: "\e019"; }

.icon-basket:before {
  content: "\e01a"; }

.icon-credit:before {
  content: "\e286"; }

.icon-credit-2:before {
  content: "\e287"; }

.icon-expired:before {
  content: "\4b"; }

body {
  font-size: 16px;
  font-family: sans-serif;
  color: #71808F; }

h1 {
  font-size: 3.0em;
  letter-spacing: -0.03em; }

.pagination {
  margin-left: 3% !important; }
  .pagination .pagination-list {
    display: block; }
    .pagination .pagination-list li {
      display: inline-block; }
      .pagination .pagination-list li a {
        background: #646464;
        padding: 7px;
        margin: 0 3px;
        color: white;
        line-height: 1em;
        display: block;
        text-decoration: none; }
        .pagination .pagination-list li a span {
          line-height: 1em; }
        .pagination .pagination-list li a:hover {
          background: #aaa; }
        .pagination .pagination-list li a :active {
          background: #7A1828; }
    .pagination .pagination-list li.disabled a {
      color: #bbb;
      background: #646464; }
      .pagination .pagination-list li.disabled a:hover {
        background: #aaa; }

html {
  box-sizing: border-box; 
  }
a {color:#7A1828;}

*, *:before, *:after {
  box-sizing: inherit; }

body {
  width: 100%;
  padding: 0;
  margin: 0;
  background: #F7F4DA !important;
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
  justify-content: space-between;
  flex-direction: column;
  font-family: Georgia, serif;
  font-size: 18px; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: Georgia, serif;
    }
body h3{text-align: center; 
  		width: 100%; 
       text-align: center; 
  		font-size: 1.4em
		}
  body .body {
    display: block;
    width: 100%; }
body .body .topline {
      display: -webkit-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      margin-top: 3%;
      height:0px;
      width: 100%;
      color: #71808F; 
	}
     body .body .topline .line {
        flex: 2 auto;
       }
     body .body .topline h1{display: none}
     body .body .topline .line hr {
          position: relative;
          margin-top: 2%;
          border: none;
          display: block;
          overflow: visible;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
          background-position: top center;
          background-repeat: no-repeat;
          height: 28px;
          padding-bottom: 1em; 
          width: 100%; margin-left: 0% margin-top: 8%;}
        main .divider .line4 hr {
          position: relative;
          margin-top: 2%;
          border: none;
          display: block;
          overflow: visible;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
          background-position: top center;
          background-repeat: no-repeat;
          height: 28px;
          padding-bottom: 1em; 
          width: 100%; 
          margin-left: 0% 
          margin-top: 8%;
}
     
     @media (min-width: 766px) { 
       		body .body .mainheading .line hr {  
              				width: 90%; 
              				margin-left: 4%; 
       						}
      		body .body .mainheading .line4 hr { 
              				width: 90%; 
              				margin-left: 5%; 
              				margin-top: 2%;
       						}
       		body .body .topline .line hr {  
              				position: absolute; 
              				width: 33%; 
              				right: 4%; 
              				margin-top: 3%;
       						}
        	body .body .topline h1{ 
              				position: absolute; 
              				right: 11%; 
              				top: 160px; 
              				z-index: 3; 
              				font-size: 1.4em; 
              				display: block}
          	body .body .topline .line2 {
            				display: block;
           					 padding: 0 ;   
       						}
            body .body .topline .line2 hr {
              				position: absolute; 
              				right: 2.5%; 
              				top: 226px; 
              				z-index: 3;
             				width: 26%;
              				margin-top: 0%;
              				border: none;
                			display: block;
              				overflow: visible;
              				background-image: 						url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
              				background-position: top center;
              				background-repeat: no-repeat;
              				height: 28px;
              				padding-bottom: 1em;
       					}
      		 main .line {
    				flex: 0 1 auto;
    				width: 68%;
    				height: 20px;
   					}
  			footer .line3 {
    			width: 100%;
       		}
}

     
@media (min-width: 992px) {
      body .body .spacer {
        		width: 500px;
        		height: 200px; 
      			} 
      body .body .topline {
          display: -webkit-flex;
          display: -ms-flex;
          display: -moz-flex;
          display: flex;
          -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
          justify-content: flex-end;
          margin-top: -3%;
          height: 0px;
          
          width: 100%;
          color: #71808F; }
     body .body .topline .line {
            flex:   2 auto;
            padding: 0 ;
            
            }
      body .body .topline .line hr {  
        			position: absolute; 
        			width: 33%; 
        			right: 4%;
        			margin-top: 3%;
      			}
      body .body .mainheading .line hr {  
              				width: 90%; 
              				margin-left: 4%;
                            margin-top: 1%;
       						}
      body .body .topline h1{
        			font-size: 1.5em;  
        			position: absolute; 
        			right: 12%; 
        			top: 180px; 
        			z-index: 3;
      				}
    
    body .body .topline .line2 {
                   	display: block;
           			padding: 0 ;
            		right: 2.5%; 
      				top: 230px;
            		padding: 0 ;
      				}
    body .body .topline .line2 hr {
              position: absolute; right: 2.5%; top: 237px; 
      			z-index: 3;
              width: 26%;
              margin-top: 1.5%;
              border: none;
              display: block;
              overflow: visible;
              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
              background-position: top center;
              background-repeat: no-repeat;
              height: 28px;
              padding-bottom: 1em;
              } 
}

 @media (min-width: 1200px) {
       			body .body .topline .line2 hr {
                  			top: 340px; 
              				width: 26%;
       						margin-top: 2%;
  						 }
      			body .body .topline h1{
                  			font-size: 1.6em;  
                  			position: absolute; 
                  			right: 13.2%; 
                  			top: 290px; 
                  			z-index: 3;
   						}
    			 body .body .topline .line2 {
           					 padding: 0 ;
   						}
                body .body .mainheading .line hr {  
              				width: 90%; 
              				margin-left: 4%;
                            margin-top: 1%;
       						}
}
 @media (min-width: 1440px) {
          body .body .topline h1{font-size: 1.7em;  
                                 top: 285px; 
                        }
          body .body .topline .line2 hr {
                               top: 342px; 
                               width: 26%;
                               margin-top: 2%;
                  }
      
 }
   
@media (min-width: 1700px) {
         body .body .topline h1{font-size: 1.9em;  
                                top: 320px
        }
          body .body .topline .line2 hr {
                               top:389px; 
                               width: 26%;
                               margin-top: 2%;
       }

}
@media (min-width: 1800px) {
         	body .body .topline .line2 hr {
             			top:375px; 
              			width: 26%;
       					margin-top: 2%;
  					}
      		body .body .topline h1{
              			top:325px; 
              			}
     		
}
 nav .rightcol_imageholder{display:none;}       
nav { display: block; margin-top:0%; 
  
  }
  nav .rightcol_imageholder{display:none;}}
  @media (min-width: 144px) {
    nav .rightcol_imageholder{display:none; }}

  @media (min-width: 768px) {
    nav .rightcol_imageholder{
      width: 15%;
      display: block;
      position: relative;
      float: right;
      clear: both;
      margin-right: 8%;
      margin-top: 5%;
        }
    nav .rightcol_imageholder img{ margin-left:5%; padding: 10px; width: 90%; }}
  @media (min-width: 992px) {
    nav .rightcol_imageholder{
      width: 15%;
      position: relative;
      margin-right: 7%;
       }
    nav .rightcol_imageholder img{  margin-left:5%; padding: 10px; width: 90%; }}
  @media (min-width: 1200px) {
   nav .rightcol_imageholder{
      width: 15%;
      position: relative;
      
      }
    nav .rightcol_imageholder img{margin: 0 auto; padding: 10px; width: 90%; }}
  @media (min-width: 1440px) {
   nav .rightcol_imageholder{
      width: 15%;
      position: relative;
      margin-right: 7%;
      }
    nav .rightcol_imageholder img{margin: 0 auto; padding: 10px; width: 90%; }}
  @media (min-width: 1700px) {
    nav .rightcol_imageholder{
      width: 15%;
      position:relative;
      z-index: 2;
      float: right;
      clear: both;
      right: 0%;
      margin-right: 7.5%;
      margin-top: 5%;}
     
    nav .rightcol_imageholder img{ margin-left:10%; padding: 10px; width: 80%; z-index: 3; } }

  nav ul {padding-top: 20px;
         
   
   
        }
    nav ul li {
      width: 70%;
      display: block;
      padding: 10px 0px 0px 90px; }
      nav ul li a {
        
        text-decoration: none;
        color: #71808F;
        font-weight: 700}
      @media (min-width: 766px) {
        nav ul li {
          font-size: 1.1em;
          width: 100%;
          padding: 10px 0px 0px 0px; } }
      @media (min-width: 992px) {
        nav ul li {
          font-size: 1.4em;
          width: 90%;
          padding: 5px 0px ; } }
      @media (min-width: 1200px) {
        nav ul li {
          font-size: 1.4em;
          width: 90%;
          padding:  padding: 5px 0;} }
      @media (min-width: 1500px) {
        nav ul li {
          font-size: 1.7em;
          
          width: 90%;
          padding: 5px 0; } }
    nav ul .current a {
      color:#71808F;
      
      text-decoration: none; 
		background: url(../images/underline.gif) no-repeat center bottom ;
        background-size: stretch;
		padding-bottom:9px;
		white-space: nowrap;}


header {
  display: block;
  width: 100%;

  margin: 0
  background: transparent;
   }
  header .title {
    opacity: 1 !important; 
     margin: 0% 0% 3% 0%;}
    header .title img {
      width: 95%;
      opacity: 1 !important;
      margin: 14% 2.5% 0% 2.5%; }
      @media (min-width: 766px) {
        header .title img {
          width: 90%;
          margin: 16% 5% 3% 5%; } }
        @media (min-width: 992px) {
        header .title img {
          width: 95%;
          margin: 12% 2.5% 3% 2.5%; } }
       @media (min-width: 1200px) {
        header .title img {
          width: 95%;
          margin: 12% 2.5% 3% 2.5%; } }
      @media (min-width: 1500px) {
        header .title img {
          width: 90%;
          margin: 12% 5% 3% 5%; } }
     @media (min-width: 1700px) {
      
        header .title img {
          width: 90%;
         
          margin: 5% 5% 3% 5%; } }
  header .custom_header .header img {
   height: 120px; width: 100%}
    @media (min-width: 766px) {
      header .custom_header .header img {
        height: 140px; width: 100% } }
    @media (min-width: 992px) {
      header .custom_header .header img {
        height: 180px; } }
    @media (min-width: 1200px) {
      header .custom_header .header img {
        height: 280px; } }
    @media (min-width: 1500px) {
      header .custom_header .header img{
        height: 280px%;  width:100%} }
   @media (min-width: 1700px) {
      header .custom_header .header img{
        height: 310px;  width:100%} }
    header .custom_header #menucontrol2 {
      display: none; }

    header {
      height: 120px; }
  @media (min-width: 766px) {
    header {
      height: 140px; } }
  @media (min-width: 992px) {
    header {
      height: 180px; } }
  @media (min-width: 1200px) {
    header {
      height: 280px; } }
  @media (min-width: 1500px) {
    header {
      height: 280px; } }
   @media (min-width: 1700px) {
    header {
      height: 310px; } }

nav {
  display: block;
  width: 100%;
  max-height: 50px;
  background: transparent; }
@media (min-width: 766px) {nav {
  display: block;
  float: right;
  clear: both;
  width: 100%;
 
  background: transparent; }}
  nav li {
    list-display-type: none;
    display: block; }
  nav .nav {
    display: none; }
    @media (min-width: 766px) {
      nav .nav {
        display: block;
        width: 30%;
       float:right;
        margin-right: 3%;
        margin-top: 5.5em;
        text-align: center; }
        nav .nav:after {
          content: '';
          width: 1px;
          background: #646464;
          height: 80%;
          position: absolute;
          top: 150px;
          left: 0; }
      }
     @media (min-width: 766px) {
      nav .nav {
        display: block;
        width: 30%;
        float:right;
        clear:none;
        margin-top: 5em;
        text-align: center; }}
     @media (min-width: 992px) {nav .nav { margin-top: 7em; margin-right: 0;
       } }
    @media (min-width: 1200px) {nav .nav { margin-top: 9em; margin-right: 0;
       } }
    @media (min-width: 1600px) {
      nav .nav { margin-top: 10em; margin-right: 0;
       } }
    nav .nav hr:before, nav .nav hr:after {
      top: 0; }
  nav .accordeonck {
    height: 0; }
    nav .accordeonck ul li {
      width: 100%; }
    @media (min-width: 766px) {
      nav .accordeonck {
        display: none; } }
    nav .accordeonck #accordeonck94 {
      box-shadow: none !important;
      display: none; }
      nav .accordeonck #accordeonck94 li {
        border: none; }

.backbtn {
  color: #7A1828;
  padding: 5px;
  text-decoration: none;
  float: right;
  margin-right: 10px;
  padding-left: 30px; }

.menucontrolbox {
  background-color: white;
  width: 30px;
  text-align: right;
  padding: 0 20px 0px; }
  .menucontrolbox svg {
    width: 50px;
    fill: white;
    position: absolute;
    top: 20%;
    right: 4%; }
  @media (min-width: 452px) {
    .menucontrolbox {
      padding: 0 20px 0px;
      z-index: 40;
      height: 0px;
      top: 25%;
      left: 2%; } }
  @media (min-width: 766px) {
    .menucontrolbox {
      width: 50px;
      display: none;
      height: 0px;
      padding: 0; } }

#menucontrol:checked ~ nav {
  display: block;
  position: relative;
  overflow: hidden;
  height: auto;
  background: none;
  position: absolute;
  width: 70%; }
  #menucontrol:checked ~ nav .accordeonck {
    background: none;
    z-index: 999;
    display: block;
    border: none;
    height: auto; }
  #menucontrol:checked ~ nav .accordeonck:not(.accordeonck) {
    height: auto;
    position: relative;
    border: none; }
  #menucontrol:checked ~ nav #accordeonck94 {
    position: fixed;
    top: 0;
    display: block;
    background: none;
    width: 50%;
    margin-left: 0%;
    z-index: 9999999 !important;
    border-bottom: 1px dotted #bbb;
    padding: 0px 0px 30px 0px;
    box-shadow: none !important; }
    #menucontrol:checked ~ nav #accordeonck94 a {
      font-size: 1.1em;
      color: #71808F;
      padding-left: 2em;
      background: #fff;
      padding-bottom: 30px; }
    #menucontrol:checked ~ nav #accordeonck94 :hover {
      color: #9ca6b1; }
  #menucontrol:checked ~ nav ul {
    width: 50%;
    margin-right: 0 !important; }
  #menucontrol:checked ~ nav li {
    width: 100%;
    margin: 0 auto;
    display: block;
    background: #000;
    position: relative;
    padding: 0px 0; }
    @media (min-width: 766px) {
      #menucontrol:checked ~ nav li {
        display: inline-block;
        padding: 0;
        margin-left: 30px; } }
    @media (min-width: 992px) {
      #menucontrol:checked ~ nav li {
        padding: 0 2.5px 0;
        margin-left: 0; } }
  @media (min-width: 452px) {
    #menucontrol:checked ~ nav {
      padding: 10px 0; } }
  @media (min-width: 766px) {
    #menucontrol:checked ~ nav {
      position: absolute;
      left: calc(3% + 152px);
      width: calc(97% - 152px);
      padding: 11px 10px;
      margin-top: 39px;
      z-index: 40;
      border-bottom: none;
      overflow: hidden; } }
  @media (min-width: 992px) {
    #menucontrol:checked ~ nav {
      position: relative;
      width: auto;
      display: flex;
      margin-top: 14px;
      border-bottom: none;
      height: auto;
      padding: 0;
      right: 0;
      left: 0;
      background: none; } }
  @media (min-width: 1200px) {
    #menucontrol:checked ~ nav {
      margin-top: 30px; } }
@media (min-width: 766px) and (min-width: 1200px) {
  #menucontrol:checked ~ nav {
    margin-top: 12px; } }

.menucontrolbutton {
  margin: 20px 0;
  cursor: pointer;
  width: 50px;
  font-size: 1em;
  -webkit-transition: color 0.8s ease;
  -moz-transition: color 0.8s ease;
  -ms-transition: color 0.8s ease;
  -o-transition: color 0.8s ease;
  transition: color 0.8s ease;
  color: white;
  display: none; }
  @media (min-width: 766px) {
    .menucontrolbutton:hover, .menucontrolbutton:active, .menucontrolbutton:focus {
      color: white; } }
  .menucontrolbutton svg {
    height: 20px;
    width: 20px;
    margin: 0 10px -3px 0;
    color: white; }
    @media (min-width: 766px) {
      .menucontrolbutton svg {
        fill: white; } }
  @media (min-width: 766px) {
    .menucontrolbutton {
      color: white; } }

#menucontrol, #menucontrol2 {
  display: none; }

#menucontrol2:checked ~ #sub-aside {
  display: block;
  position: relative;
  overflow: visible;
  height: auto;
  padding: 10px;
  border-top: 5px solid white; }
  #menucontrol2:checked ~ #sub-aside li {
    border-color: white; }
    #menucontrol2:checked ~ #sub-aside li a {
      color: white; }
      @media (min-width: 992px) {
        #menucontrol2:checked ~ #sub-aside li a {
          color: black; } }
    @media (min-width: 992px) {
      #menucontrol2:checked ~ #sub-aside li {
        border-color: black; } }
  @media (min-width: 452px) {
    #menucontrol2:checked ~ #sub-aside {
      padding: 0 10px 0 0; } }
  @media (min-width: 766px) {
    #menucontrol2:checked ~ #sub-aside {
      border-bottom: none;
      overflow: hidden; } }
  @media (min-width: 992px) {
    #menucontrol2:checked ~ #sub-aside {
      border-bottom: none;
      height: auto;
      background: none;
      padding-right: 70px; } }
.mobileimg{display: block; width: 100%;}
.mobileimg img { width:60%; margin-left:20%;}
@media (min-width: 452px) {.mobileimg{display: none;}}
.mhead {
  min-height: 50px;
  padding-top: 1px;
  margin-right: 3%;
  margin-top: 1%; }

.menu-ham {
  display: block;
  padding-top: 10px;
  float: left;
  width: 5%;
  margin-left: 5%;
  margin-top: 1%;
  cursor: pointer; }
  .menu-ham img {
    width: 900%; }
  @media (min-width: 452px) {
    .menu-ham {
      margin-top: -5%;
      margin-left: 2%; } }
  @media (min-width: 766px) {
    .menu-ham {
      display: none; } }

#menucontrol2 {
  display: none; }

.sector-menu {
  padding: 10px 20px;
  text-align: left; }
  .sector-menu label {
    color: white; }
  @media (min-width: 766px) {
    .sector-menu {
      width: 100%;
      display: none; } }

.menumob {
  width: 320px;
  height: 80%;
  position: fixed;
  left: -320px;
  top: 0px;
  background-color: #7A1828;
  transition: all ease 0.5s;
  z-index: 99998; }
.menumob img{width: 30%; margin-left:10%; }
  @media (min-width: 766px) {
    .menumob {
      display: none; } }

.close-menumob {
  width: 30px;
  float: right;
  min-height: 30px;
  padding-right: 20px;
  padding-top: 23px;
  cursor: pointer;
  z-index: 99999; }
  .close-menumob img {
    width: 200%; }
  @media (min-width: 766px) {
    .close-menumob {
      display: none; } }

.menumob ul {
  padding-left: 0;
  margin-top: 30px; }
  @media (min-width: 766px) {
    .menumob ul {
      display: none; } }

.menumob li {
  list-style: none;
  text-decoration-style: none;
  line-height: 150%;
  padding: 8px 10px 10px 30px; }
  @media (min-width: 766px) {
    .menumob li {
      display: none; } }

.menumob li a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  color: #efefef; }
  @media (min-width: 766px) {
    .menumob li a {
      display: none; } }

.menumob li a:hover {
  color: #8e9aa5;
  cursor: pointer; }

.hero {
  background: #6e6f72;
  padding-top: 1px; }
  .hero .slides {
    height: 200px; }
    @media (min-width: 452px) {
      .hero .slides {
        height: 250px; } }
    @media (min-width: 766px) {
      .hero .slides {
        height: 300px; } }
    @media (min-width: 992px) {
      .hero .slides {
        height: 350px; } }
    @media (min-width: 1200px) {
      .hero .slides {
        height: 400px; } }
    @media (min-width: 1500px) {
      .hero .slides {
        height: 450px; } }
    @media (max-height: 700px) {
      .hero .slides {
        height: 20vh; } }

.top {
  display: block;
  width: 100%;
  max-height: 300px;
  background: #eee; }

main {
  	/* section{
  	position:relative;
  	width:100%;
  	padding:0 5%;
  	@include breakpoint(medium){
  		padding-right:40%;
  		
  	}.custom_he
  	
  } */ }
  main .gallery, main .item-page, main .blog {
    padding: 0 30px 30px 30px;
    background: #F7F4DA;
    min-height: 80%;}

main .item-page .mainheading h1{font-size: 1.4em; text-align: center ! important;}
main .item-page .mainheading h2{font-size: 1.1em; margin-top:0%; text-align: center !important; line-height: 1; margin-top: 0; width: 100%;}
main .item-page .mainheading {margin-top: 0%;}
@media(min-width:992px){
main .item-page .mainheading{margin-top: 5%; margin-bottom:0; line-height: 1.1; margin-right: 1%;} }
main .item-page .mainheading a{color:#71808F;}
main .item-page .mainheading a:hover{color:#7A1828;}
            
@media(min-width:452px){
  main .item-page .mainheading h1{margin-bottom: 1.4%; margin-top: 0%;  width:100%;}
}
@media(min-width:768px){
			main .item-page .mainheading h2{font-size: 1.1em; margin-top:0%; text-align: center !important; line-height: 1; margin-top: 0; width: 66%;}}
@media(min-width:992px){
  main .item-page .mainheading h1{font-size: 1.4em; margin-bottom: 1%; width:68%; }
}
@media(min-width:1200px){
  main .item-page .mainheading h1{margin-bottom: 1.5%; margin-top: 0%; width:68%; font-size: 1.6em}
}
@media(min-width:1440px){main .item-page .mainheading h1{margin-bottom: 1%; margin-top: 0%; width: 66%; font-size: 1.7em}}
@media(min-width:1680px){main .item-page .mainheading h1{margin-bottom: 1.5%; margin-top: 0%; font-size: 1.9em}}
@media(min-width:1800px){main .item-page .mainheading h1{margin-bottom: 0.5%; margin-top: 1%; font-size: 1.9em}
						 main .item-page .mainheading h2{font-size: 1.1em; margin-top:0%; text-align: center !important; width: 66%; margin-bottom: 0%}}

@media (min-width:100px){main .item-page .page-header h1  {font-size: 1.4em; text-align: center; width:100%; }}
main .blog .page-header h1 {font-size: 1.4em; text-align: center; width:100%; }
main .item-page .page-header h1 a {color:#71808F;}
main .blog .page-header h1 a {color:#71808F;} 
main .item-page .page-header h1 a:hover{color:#7A1828;}
main .blog .page-header h1 a:hover{color:#7A1828;}
@media (min-width:452px){main .item-page .page-header h1, main .blog .page-header h1{font-size: 1.4em; text-align: center;}}
@media (min-width:768px){main .item-page .page-header h1, main .blog .page-header h1{font-size: 1.4em; }}
@media (min-width:992px){main .item-page .page-header h1, main .blog .page-header h1{font-size: 1.5em; margin-top: 5.3%;  width: 66%; }}
@media (min-width:1200px){main .item-page .page-header h1, main .blog .page-header h1{font-size: 1.6em; margin-top: 5.6%;  width: 68%; }}
@media (min-width:1440px){main .item-page .page-header h1, main .blog .page-header h1{font-size: 1.7em;  margin-top: 5.5%;  }}
@media (min-width:1680px){main .item-page .page-header h1, main .blog .page-header h1{font-size: 1.9em; }}
@media (min-width:1800px){main .item-page .page-header h1, main .blog .page-header h1{font-size: 1.9em; margin-top: 5.3%;  }}

main .item-page .leftcol .hh_img img{float:left; clear:both; margin-left: 20%; width: 60%;}

@media (min-width: 456px){main .gallery h2, main .item-page h2, main .blog h2 {
    text-align: center; margin-top: 1.5%; width: 100%;  font-size: 1.0em; margin-bottom: 0%; }}
@media (min-width: 768px) {main .gallery h2, main .item-page h2, main .blog h2 {
    text-align: center;  width: 100%;  font-size: 1.1em; margin-bottom:0%;  margin-top: 1%;}}
@media (min-width: 992px) {main .gallery h2, main .item-page h2, main .blog h2 {
    text-align: center;  width: 100%; margin-right: 0%;  margin-top: 5%; font-size: 1.4em; margin-bottom:0%;   }
 }
@media (min-width: 1200px) {main .gallery h2, main .item-page h2, main .blog h2 {
    text-align: center;  margin-top: 5%; width: 100%; margin-right: 0%; font-size: 1.6em; margin-bottom:0%; }}
@media (min-width: 1500px) {main .gallery h2, main .item-page h2, main .blog h2 {
    text-align: center; margin-top: 5.4%; width: 100%; margin-right: 0%; font-size: 1.9em; margin-bottom: 0%; }}
@media (min-width: 1700px) {main .gallery h2, main .item-page h2, main .blog h2 {
    text-align: center; width: 100%; margin-right: 0%; font-size: 1.9em; margin-bottom: 0%; margin-top:5%; }}
    main .gallery h2, main .item-page h2, main .blog h2 {
    text-align: center;  width: 100%;   }
  main .item-page h2 a {color: #71808F;}
   main .item-page h2 a:hover {color: #7A1828;}
   main .blog h2 a:hover{color: #7A1828}

   main .item-page h2 a, main .blog h2 a{
      margin-left: 0%; text-decoration: none; color: #71808F;  }
   
   main .login{margin: 0 auto; margin-top: 10%; background: #ddd; width: 300px; border-radius: 15px;} 
   main .login h1{font-size: 20px; text-align: center; padding-top: 5%; } 
   main .login fieldset {border: none;}
   main .nav-tabs{display: none}


  
   main #system-message-container {display: none !important;}
  main .item-page .rightcol {
    display: block;
    position: relative;
    z-index: 99; }
    
main .item-page .events p{text-align: center;}
    main .item-page .rightcol a {
      color: #7A1828;
      margin: 0 auto; }
    main .item-page .rightcol ul {
      list-style-type: none;
    padding-left: 0 !important;
     
      margin-top: 10%;
       text-align: center;}
    main .item-page .rightcol h2 {
      font-size: 0.9em;  text-align: center; }
    @media (min-width: 766px) {
      
      main .item-page .rightcol {
        display: block;
        position: absolute;
        right: 10%;
        width: 15%;
        top: 75%; }
        main .item-page .rightcol a {
          color: #7A1828; }
        main .item-page .rightcol .lowertxt {
          text-align: left;
          margin-top: 5%; }
        main .item-page .rightcol h2 {
          }
        main .item-page .rightcol img {
          margin-top: 45%; }
        main .item-page .rightcol p {
          margin-top: 15%;
          text-align: center;
          font-size: 1.1em;
          font-weight: 600;
          line-height: 1.5; }
        main .item-page .rightcol ul {
          list-style-type: none;
          font-size: 0.9em;
          padding-left: 0 !important;
          margin-top: 35%;
          } }
    @media (min-width: 766px) {
      main .item-page .rightcol {
        right: 8%;
         margin-top: 18%;
        width: 15%; }
        main .item-page .rightcol h2 {
          font-size: 0.9em;  }
        main .item-page .rightcol img {
          margin-top: 40%; } }
    @media (min-width: 992px) {
      main .item-page .rightcol {
        right: 7%;
        margin-top: 22%;
        width: 16%; }
        main .item-page .rightcol h2 {
          font-size: 1.0em;  }
        main .item-page .rightcol img {
          margin-top: 10%; } 
      }
    @media (min-width: 1200px) {
      
      main .item-page .rightcol {
        right: 8%;
        margin-top: 32%;
        width: 15%; }
        main .item-page .rightcol h2 {
          font-size: 1.2em; }
        main .item-page .rightcol img {
          margin-top: 10%; }
       main .item-page .rightcol ul {
          list-style-type: none;
          font-size: 1.0em;
          padding-left: 0 !important;
          margin-top: 20%;
          } }
    @media (min-width: 1500px) {
      
      main .item-page .rightcol {
        right: 7.5%;
        margin-top: 24%;
        width: 15%; }
        main .item-page .rightcol h2 {
          font-size: 1.3em; }
        main .item-page .rightcol img {
          margin-top: 4%; } }
  main .item-page .leftcol {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 2%;
    text-align: left; }
main .item-page .leftcol h2 {text-align: center; padding-left: 10px;}
main .item-page .leftcol .ppolicy  {text-align: center; padding-left: 10px; margin-top: 0%;}
main .item-page .leftcol .ppolicy h2 {text-align: center; padding-left: 10px; margin-top: 3%; width: 100%;}
main .item-page .leftcol h4 {text-align: left; }
main .item-page .leftcol .commlist h2{padding-left: 0; text-align:left;}
main .item-page .leftcol .commlist ul{list-style-type: none; padding-left: 0px ! important;}
main .item-page .leftcol .commlist ul li{text-align:left !important; margin-left: 0 !important;  }
main .item-page .leftcol .commlist ul li a{margin-left: 2% !important; color: #7A1828; }
@media (min-width: 766px) {
  main .item-page .leftcol .commlist ul{list-style-type: none; }
  main .item-page .leftcol .commlist h2{font-size: 1.2em }
  main .item-page .leftcol .commlist ul li {text-align:left !important; }
  main .item-page .leftcol .commlist ul li a{margin-left: 2% !important; color: #7A1828; }}
@media (min-width: 1200px) {main .item-page .leftcol .commlist h2{font-size: 1.2em; text-align:left; }
                             main .item-page .leftcol .commlist ul{list-style-type: none; margin-left: 0; padding-left: 0 }}
@media (min-width: 1500px) {main .item-page .leftcol .commlist h2{font-size: 1.2em }}
@media (min-width: 1800px) {main .item-page .leftcol .commlist h2{font-size: 1.2em; text-align:left;  }
                            main .item-page .leftcol .commlist ul{list-style-type: none; margin-left: 0; padding-left: 0 }
 
}
@media (min-width: 900px) {.committeetable{display: flex; width: 92%;
                flex-flow: row wrap;
                justify-content: space-around; font-size:0.6em;}
.item1{flex: 0 1 auto; align-items:flex-start; width: 36%; text-align: right; margin-right: 3%; font-weight: bold}
.item2{flex: 0 1 auto; align-items: flex-start;width: 25%}
  .item3{flex: 0 1 auto; align-items: flex-start;width: 25%}}


@media (min-width: 900px) {.committeetable{display: flex; width: 92%;
                flex-flow: row wrap;
                justify-content: space-around; font-size:0.8em;}
.item1{flex: 0 1 auto; align-items:flex-start; width: 36%; text-align: right; margin-right: 3%; font-weight: bold}
.item2{flex: 0 1 auto; align-items: flex-start;width: 25%}
  .item3{flex: 0 1 auto; align-items: flex-start;width: 25%}}

@media (min-width: 1200px){
  .committeetable{display: flex; width: 82%;
                flex-flow: row wrap;
                justify-content: space-around; font-size:1.0em; line-height: 2;}
.item1{flex: 0 1 auto; align-items:flex-start; width: 32%; text-align: right; margin-right: 3%; font-weight: bold}
.item2{flex: 0 1 auto; align-items: flex-start;width: 25%}
  .item3{flex: 0 1 auto; align-items: flex-start;width: 25%}}
  main .item-page .leftcol .thumbimg img{width: 50%;}
@media (min-width: 580px){ main .item-page .leftcol {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 2%;
    text-align: left;
    margin-top: 2%;}}
    @media (min-width: 766px) {
      main .item-page .leftcol {
        margin-top: 0;
        width: 66%;
        margin-left: 3%;
        margin-bottom: 2%;
        text-align: left; }
        main .item-page .leftcol a: not(.commlist ul li){
          color: #7A1828; float: right; text-decoration: none; }
      main .item-page .leftcol .leftlink{float:left ! important; clear: both ! important;}
       main .item-page .leftcol h2 .headinghh a{
          float: left ! important; text-decoration: none; font-weight: 600; font-size: 1.1em; color: #71808F;  }
       
        main .item-page .leftcol .thumbimg{
          float: left ! important; text-decoration: none; width: 23%; }
      main .item-page .leftcol .thumbimg img{width: 80%;}
        main .item-page .leftcol .emaillink { color: #7A1828; float: none; }
      main .item-page .leftcol .cookielink{ color: #7A1828; float: left; }
        main .item-page .leftcol img {
          width: 23%;
          margin: 0% 5% 2% 0%;
          float: left;
          clear: none; }
        main .item-page .leftcol h2 {
          margin-left: 0%; font-size: 1.6em; margin-top: 0%;} }
  main .blog h2 {
    margin-left: 5.5%;
    font-size: 1.2em; }
main .blog .item.column-1{margin-top: 2%;}
main .blog .page-header h2{margin-top: 3%;}
  main .blog h4 {
    font-size: 0.9em; text-align:left}


  
    main .blog .page-header  h2 {
      margin-left: 3%; margin-top: 4%; }

     main .blog a {color: #7A1828; text-decoration: none; }

  @media (min-width: 766px) {
    main .blog .page-header h2 {
      margin-left: 3%; text-align: left; } }
  main .blog .section {
    width: 90%;
    margin-left: 3%; margin-top: 8%;}
    main .blog .section .item column-1 {
      width: 85%; }
    @media (min-width: 766px) {
      main .blog .section {
        width: 60%;
        margin-left: 3%; }
       
        main .blog .section h2 {
          margin-left: 3%;
          font-size: 1.2em; }
        main .blog .section .item column-1 {
          width: 65%; margin-left: 3%; } }
  main .blog .items-more {
    display: none; }
  main .blog .icon-chevron-right {
    display: none; }
  main .blog .rightcol {
    display: block; }
    @media (min-width: 766px) {
      main .blog .rightcol {
        display: block;
        width: 80%;
        position: absolute;
        right: 10%;
        width: 15%;
        top: 75%; }
        main .blog .rightcol h2 {
          margin-left: 10%; }
        main .blog .rightcol p {
          margin-top: 15%;
          text-align: center;
          font-size: 1.1em;
          font-weight: 600;
          line-height: 1.5; }
        main .blog .rightcol ul {
          list-style-type: none;
          padding-left: 0 !important;
           } }
  main .blog .leftcol {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 2%;
    border-bottom: 1px solid #7A1828; }
main .blog .leftcol a{color: #7A1828; }
main .blog .leftcol a:hover{color: lighten(#7A1828 , 10%); }
    main .blog .leftcol a.btn{
      color: #7A1828; }
main .blog .leftcol  a.seen {color: #7A1828; }

   main .blog .leftcol .seen a.btn{
      color: #7A1828; visibility: visible;}
  
main .blog .leftcol a.img{width: 40%;
      margin-right: 5%;
      margin-left: 0%;
      float: left;
      clear: none;}

    main .blog .leftcol img {
      width: 40%;
      margin-right: 5%;
      margin-left: 0%;
      margin-bottom: 2%;
      float: left;
      clear: none; }
    main .blog .leftcol h2 {
      text-align: center !important; }
    @media (min-width: 766px) {
      main .blog .leftcol {
        width: 65%;
        margin-left: 3%;
        margin-bottom: 2%;
       padding-bottom: 1.5%;
        margin-top: 1%; }
       
        main .blog .leftcol img {
          width: 32%;
          margin-right: 5%;
          margin-left: 0%;
          float: left;
          clear: none; }
        main .blog .leftcol h2 {
          margin-left: 0%; } }
@media (min-width: 1200px) {main .blog .leftcol img {
          width: 29%;
          margin-right: 5%;
          margin-left: 0%;
          float: left;
          clear: none; }
   
 }
@media (min-width: 1600px) {main .blog .leftcol img {
          width: 25%;
          margin-right: 5%;
          margin-left: 0%;
          float: left;
          clear: none; }}
@media (min-width: 1700px) {main .blog .leftcol img {
          width: 21%;
          margin-right: 5%;
          margin-left: 0%;
          float: left;
          clear: none; }}
  main .blog .pagination-list li.active {
    background: #bbb; }
    main .blog .pagination-list li.active a {
      color: #bbb; }
  main .section {
    position: relative;
    width: 100%;
    padding: 0 5% 0 8%;
    line-height: 1.5;}
    main .section a:not(.backbtn) {
      color: #7A1828; }
    main .section .rightcol {
      display: none; }
     main .section .heading {
      margin: 0 auto;   }
    
     @media (min-width: 452px) {
    main .section .heading {
      margin: 0 auto; }}
     
      main .section .heading h2 {
        font-size: 1.1em; text-align: center ! important; }
        
    
      main .section .heading img {
        width: 35%;
        display: inline;
        float: left;
        margin-right: 20px;
        vertical-align: bottom; }
    main .section .leftcol .homeimg {
      width:60%; }
    main .section .leftcol .hh_img img{float: left;  clear: both; margin-left: 20%; width: 60%;}
    @media (min-width: 452px) {
      main .section {
        position: relative;
        width: 100%;
        padding: 0 5% 0 1%; }
        main .section a:not(.backbtn) {
          color: #7A1828; }
        main .section .rightcol {
          display: none; }
        main .section .heading {
          }
          main .section .heading h1 {
            font-size: 1.4em;
            }
          main .section .heading h2 {
            font-size: 1em; }
          main .section .heading img {
            width: 35%;
            display: inline;
            float: left;
            margin-right: 20px;
            vertical-align: bottom; }
        main .section .leftcol .homeimg {
          width: 60%; } }
    @media (max-height: 700px) {
      main .section {
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: space-around;
        width: 100%;
        margin: 0 auto;
      }
        main .section .leftcol {
          width:100%;
          flex: 0 1 auto;
          padding-right: 0%;
          margin-top: 0%;
          margin-left: 0%;
          background: #F7F4DA;
          text-align: left; 
          hyphens: auto;}
          
        
          main .section .leftcol .homeimg {
            width: 50%; }
        main .section .rightcol {
          display: none; } }
    @media (min-width: 766px) {
     
      main .section {
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 64%;
        justify-content: space-around;
        width: 90%;
        margin-left: 5%;
        margin-top: 2%;
        border-right: 1px solid #71808F;}
        main .section img {
          width: 25%;
          float: left;
          margin-right: 20px;
          margin-top: 2%; }
        main .section .heading {
          margin: 0 auto; width: 68%; }
         
          main .section .heading h2 {
            font-size: 1.1em; width: 100%;  }
        main .section .leftcol {
          flex: 0 1 auto;
          width: 64%;
          margin-top: 0;
          margin-left: 0%;
          background: #F7F4DA;
          text-align: left;
            hyphens: auto;}
          main .section .leftcol .homeimg {
            width: 50%; } }
    @media (min-width: 766px) {
      main .section {
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: space-around;
        width: 64%;
       
        border-right: 1px solid #71808F;}
        main .section .leftcol {
          flex: 0 1 auto;
          width: 100%;
          margin-top: 0;
          margin-left: 0%;
       
          text-align: justify;   hyphens: auto; }
          main .section .leftcol .homeimg {
            width: 160%; }
        main .section .heading {
          margin: 0 auto }
          main .section .leftcol h3 {
            font-size: 1.1em;
            text-align: center;
            margin-right: 0;}
          
          main .section .heading h2 {
            font-size: 1.1em; }
        main .section .rightcol {
          display: none; } }
    @media (min-width: 992px) {
      main .section {
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: space-around;
        width: 69%;
        margin-left: 5%; }
        main .section .leftcol {
          flex: 0 1 auto;
          width: 100%;
          margin-top: 2%;
          margin-left: 0%;
         
          text-align: justify;   hyphens: auto; }
          main .section .leftcol h3 {
            font-size: 1.3em;
            text-align: center;
            margin-right: 0;}
         
         main .item-page .mainheading h2{font-size: 1.1em; margin-top:0%; text-align: center ! important; line-height: 1; margin-top: 0}
          
          main .section .leftcol .homeimg {
            width: 160%; }
      main .section .leftcol .stretch{height: 300px; width: 60%; text-align: center; font-size: 1.2em; color: #71808F}
        main .section .heading {
          margin: 0 auto; }
         
          main .section .heading h2 {
            font-size: 1.1em; text-align: center }
        main .section .rightcol {
          display: none; } 
          main .btmcol {margin-left: 2%; flex: 0 1 auto; flex-flow: row nowrap; }
          main .btmcol .sigFreeImg{width: 60% ! important; height: 60% !important;}}
    @media (min-width: 1200px) {
      main .section {
        
        display:block;
        float:left;
        clear: none;
        width: 64%;
        margin-top: 2%;
        margin-left: 5%; }
        main .section .leftcol {
          margin-left: 0%;
          
          }
      main .section .leftcol h3 {
            font-size: 1.4em;
            text-align: center;
            margin-right: 0;}
      main .item-page .mainheading h2{font-size: 1.1em; text-align: center ! important; margin-top: 0;}
       .mainheading h2{font-size: 1.4em; margin-top:7%; text-align: center ! important}
          
          main .section .leftcol .homeimg {
            width: 160%; } 
            main .btmcol {margin-left: 4%; flex: 0 1 auto; flex-flow: row nowrap}}
   
      main .section {
        justify-content: flex-start;   margin-top: 2%;}
        main .section .leftcol {
          flex: 0 1 auto;
          width: 100%;
          margin-top: 1%; }
          main .section .leftcol .stretch{height: 300px; width: 60%; text-align: center; font-size: 1.1em; color: #71808F; margin-top: 10%; margin-left: 18%; margin-bottom: 40%;}
      main .section .leftcol .stretch .thankyouimg img{width: 60%; height: 60%; margin-left: 20%; margin-top:7%;}
          main .section .leftcol .heading {
            margin: 0 auto; margin-top: 0%; text-align: center}
           
            main .section .leftcol .heading h2 {
              font-size: 1.2em;
              text-align: center;}
           main .section .leftcol .heading h3 {
              font-size: 1.3em;
              text-align: center;}
      main .item-page  .mainheading h2{font-size: 1.1em; text-align: center ! important; margin-top: 0; }
     
      
    
     
          main .section .leftcol .homeimg {
            width: 190%;
            margin-bottom: 3%; } 
             main .btmcol {margin-left: 2%; flex: 0 1 auto; flex-flow: row nowrap}
           }
     @media (min-width: 1440px) { .mainheading h2{font-size: 1.4em; margin-top:7%; text-align: center ! important}
                                  }
    @media (min-width: 1700px) { .mainheading h2{font-size: 1.4em; margin-top:7%; text-align: center ! important}
                                }
  main .topline {
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: -10%;
    height: 50px;
    width: 100%;
    color: #71808F; }
    main .topline .line {
      flex: 2 auto;
      }
      main .topline .line hr {
        position: relative;
        margin-top: 2%;
        border: none;
        display: block;
        overflow: visible;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
        background-position: top center;
        background-repeat: no-repeat;
        height: 28px;
        padding-bottom: 1em; }
      main .topline .line .line2 {
        display: none; }
    @media (min-width: 766px) {
      main .topline {
        display: -webkit-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        margin-top: 0%;
        height: 50px;
        width: 100%;
        color: #71808F; }
        main .topline .line {
          flex: 2 auto;
          padding: 0 20px 0 0;
          width: 66%; }
          }
       
ol {line-height: 1.5}
  main img {
    width: 100%;
    height: auto; }
  @media (min-width: 992px) {
    main .side {
      width: 30%;
      margin-left: 20px;
      float: right;
      background: #fff; }
      main .side h3 {
        margin-top: 0; } }
  main hr {
    position: relative;
    width: 90%;
    margin-left: 5%;
    margin-top: 2%;
    border: none;
    display: block;
    overflow: visible;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
    background-position: top center;
    background-repeat: no-repeat;
    height: 28px;
    padding-bottom: 1em; }
  @media (min-width: 1200px) {  
    main hr{margin-top: 2%;}}
 
  
   
    
    margin: 0 auto; }

  footer .baseline .line3 hr{ position: relative;  margin-top: 0%; width: 100%}
.bottom {
  display: block;
  width: 100%;
  max-height: 300px;
  background: #fff; }

.anseve_form fieldset {
  border: none; }
  .anseve_form fieldset input, .anseve_form fieldset textarea {
    width: 100%;
    margin: 5px 0;
    border: none;
    padding: 5px;
    line-height: 1em; }
  .anseve_form fieldset button {
    display: block;
    background: #f1f3f4;
    border: none;
    padding: 5px; }
    @media (min-width: 992px) {
      .anseve_form fieldset button {
        width: 30%;
        margin: 0;
        margin-left: auto; } }

#ff_formdiv2 {
  border: 2px solid #ddd; margin-top: 4%; margin-left: 0%; }

  #ff_formdiv2 .leftcol {
    margin-left: 0%; width: 80%; font-size: 14px }
@media (min-width: 766px) {
#ff_formdiv2 .leftcol {
  margin-left: 0%; width: 60%; font-size: 1.0em }}

 @media (min-width: 100px) {
  .bfClearfix {
   width: 100%;
   margin-left: 0%;
   padding: 10px 0 10px 0px; } }
  @media (min-width: 766px) {
    .bfClearfix {
      width: 92%;
      margin-left: 4%;
      /* max-height: 500px; */
      float: left;
      clear: both;
      padding: 0 0 10px 0px; } }
  @media (min-width: 1500px) {
    .bfClearfix {
      width: 64%;
      margin-left: 2%;
      margin-top: 3%;
      padding: 0 0 10px 5px; } }

    .bfQuickMode {
      width: 90% !important;
      background: #71808F;
      padding-left: 5% !important;
      padding-bottom: 10% !important;
      color: #fefefe;
      border:none;
      margin-left:5% !important; }
      .bfQuickMode .leftcol {
        margin-left: 0%; }
      .bfQuickMode .bfPageIntro {
        margin-left: 2% !important;
        padding-left: 0px !important;
        width: 90% !important; }
      .bfQuickMode .bfSubmitButton {
        color: #646464 !important; }
 
  @media (min-width: 766px) {
    .bfQuickMode {
      width: 100% !important;
      padding-left: 0% !important;
      padding-bottom: 0% !important;
      background: none;
      color: #646464;
      margin-left: 0% !important; }
      .bfQuickMode .bfPageIntro {
        padding: 0px !important;
        margin: 0px 0px 10px 1% !important;
        background: none !important;
        width: 160% !important;
        font-weight: normal; } }
  @media (min-width: 1500px) {
    .bfQuickMode .bfPageIntro {
      margin-left: 0% !important;
      width: 200% !important; } }

.bfQuickMode .bfLabelLeft label {
  width: 55%;
  float: left;
  margin-left: 20px;
  color: #fefefe;
  text-align: left !important; }
.bfQuickMode .bfLabelLeft input {color: #646464}
 #bfElemWrap123{color: #646464}
  @media (min-width: 766px) {
    .bfQuickMode .bfLabelLeft label {
      width: 55% !important;
      float: left;
      color: #646464;
      margin: 0px 15px 0px 0px !important;
      text-align: right !important; } }
#bfPage2{ font-size: 1.2em; color: #7A1828 }
#bfElemWrap26, #bfElemWrap17, #bfElemWrap148 {
  padding-bottom: 10px; }

#bfLabel17 {
  margin-left: 0% !important; }
 @media (min-width: 766px) {
    #bfLabel17 {
      margin-left: 20% !important; } }
   @media (min-width: 766px) {
    #bfLabel148 {
      margin-left: 20% !important; } }
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .gallery h2 {
    font-size: 1.8em;
    text-align: left !important; }
  .gallery .jg_imgtitle {
    margin-left: 60%;
    width: 100%;
    text-align: left !important; }
  .gallery .jg_row .jg_photo {
    border: none; }
  @media (min-width: 452px) {
    .gallery .jg_row {
      width: 48%; } }
  @media (min-width: 992px) {
    .gallery .jg_row {
      width: 30%; } }
  @media (min-width: 992px) {
    .gallery .jg_row:last-child:nth-child(2), .gallery .jg_row:last-child:nth-child(5), .gallery .jg_row:last-child:nth-child(8) {
      margin: 0 auto 0 5%; } }
  .gallery .jg_back, .gallery .jg_category, .gallery .pagination {
    width: 90%; }
  .gallery #jg_dtl_photo {
    margin: 0 auto !important; }
  .gallery .jg_detailnavi {
    display: none; }
  .gallery .jg_minis {
    margin: 0 auto !important; }

#jg_photocontainer #joom_dhtml_imgtext {
  padding: 0 18px 18px 18px !important;
  font-weight: 600 !important; }

 .pngfile.jg_icon.jg-icon-arrow{width: 2%;}
#adminForm {
  width:70%; }
[id^="jg-title-row"] td:nth-child(5){display: none;}
#adminform .control-group .controls{display:none!important;}
#jform_com_fields_custom_field-lbl, #jform_com_fields_custom_field{display: none}

  #adminForm .tab-content #images {
    display:none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0;
    width: 100%; }
    #adminForm .tab-content #images .control-group {
      width: 100%; display:flex; }
    @media (min-width: 992px) {
      #adminForm .tab-content #images .control-group {
        width: 20%;
        padding: 10px 0; }
        #adminForm .tab-content #images .control-group .inputbox {
          width: 100%; }
        #adminForm .tab-content #images .control-group .media-preview {
          width: 30px; }
        #adminForm .tab-content #images .control-group #jform_images_image_intro, #adminForm .tab-content #images .control-group #jform_images_image_fulltext {
          width: calc(100% - 120px); }
        #adminForm .tab-content #images .control-group .input-prepend {
          display: flex;
          flex-wrap: wrap; }
          #adminForm .tab-content #images .control-group .input-prepend .btn {
            margin-left: 5px; }
        #adminForm .tab-content #images .control-group .control-label {
          padding-bottom: 5px; }
      #adminForm .tab-content #images .control-group:first-child, #adminForm .tab-content #images .control-group:nth-child(5) {
        width: 32%; } }
  #adminForm .tab-content #publishing {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px; }
    #adminForm .tab-content #publishing .control-group {
      width: 100%; }
    @media (min-width: 992px) {
      #adminForm .tab-content #publishing .control-group {
        width: 20%; }
      #adminForm .tab-content #publishing .control-group:first-child {
        width: 32%; } }
  #adminForm .tab-content #metadata {
    display: none;
    justify-content: space-between;
    padding-top: 10px; }
    #adminForm .tab-content #metadata .control-group {
      width: 48%; }
      #adminForm .tab-content #metadata .control-group textarea {
        width: 100%; }
  #adminForm .tab-content a:not(.tab-pane a) {
    color: white;
    display: inline-block; }
  #adminForm .tab-content select {
    width: 100%; }
  #adminForm fieldset {
    padding: 30px;
    border: none; 
    margin-top: 5%;}
  #adminForm .btn-toolbar {
    margin: 5px;
    display:flex;
    flex: row wrap;
    justify-content: flex-start;
    padding-left: 30px;
    position: relative; }
    #adminForm .btn-toolbar .btn-group {
      width: auto;
      display: inline-block;
      margin: 0 1% 0 0 }
      #adminForm .btn-toolbar .btn-group button {
        border: none;
        background: #6e6f72;
        padding: 10px;
        color: white; }
        #adminForm .btn-toolbar .btn-group button i {
          color: white; }
        #adminForm .btn-toolbar .btn-group button:hover {
          background: #184885; }
        #adminForm .btn-toolbar .btn-group button span {
          margin-right: 10px; }
    #adminForm .btn-toolbar .btn-group:nth-child(3) {
      display: block; }
  #adminForm .chzn-single {
    border: 1px solid #6e6f72;
    padding: 5px 10px;
    background: white !important;
    border-radius: 0 !important;
    height: 33px;
    border-radius: 0;
    width: 200px; }
    #adminForm .chzn-single div b {
      margin-top: 5px; }
  #adminForm .chzn-drop {
    width: 200px; }
  #adminForm .chzn-results {
    padding-left: 0 !important; }
    #adminForm .chzn-results .active-result {
      font-size: 16px !important; }
  #adminForm #filter-bar {
    display: none;
    justify-content: space-between;
    width: 90%; }
    #adminForm #filter-bar .btn-group {
      width: inherit; }
  #adminForm .pagination li {
    display: inline-block; }
#editor-xtd-buttons a{display: none;}
.jg_userpanelview {
  width: 100%; }
  .jg_userpanelview .jg-quick-edit-row .row-fluid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 {
      width: 175px; }
      .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 .img-polaroid {
        margin: 20px; }
      .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 a {
        margin: 20px;
        display: block; }
        .jg_userpanelview .jg-quick-edit-row .row-fluid .span3 a .img-polaroid {
          margin: 0; }
    .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 {
      width: calc(100% - 175px);
      margin-top: 20px; }
      .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 label, .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .jg-editor-wrapper {
        width: 100%; }
      .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span3, .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span9 {
        margin: 5px 0; }
        .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span3 input, .jg_userpanelview .jg-quick-edit-row .row-fluid .span9 .span9 input {
          width: 100%; }
  .jg_userpanelview .jg_up_head .btn-group {
    display: flex;
    flex-direction: row; }
.jg_mygal{font-size: 1.6em}

[id^="jg-title-row"] td {
  width: 10%; }
[id^="jg-title-row"] td:first-child {
  width: 2%; }
[id^="jg-title-row"] td:nth-child(2) {
  width: 11%; }
[id^="jg-title-row"] td:nth-child(3) {
  width: 4%; }
[id^="jg-title-row"] td:nth-child(4) {
  width: 45%; }
[id^="jg-title-row"] td:nth-child(5) {
  width: 20%; }
[id^="jg-title-row"] td:nth-child(6) {
  width: 20%; }
  [id^="jg-title-row"] td:nth-child(6) .pull-left {
    width: 30px;
    display: inline-block; }

#imageList thead th {
  width: 10%; }
#imageList thead th:first-child {
  width: 2%; }
#imageList thead th:nth-child(2) {
  width: 11%;
  text-align: left; }
#imageList thead th:nth-child(3) {
  width: 4%; }
#imageList thead th:nth-child(4) {
  width: 45%;
  text-align: left; }
#imageList thead th:nth-child(5) {
  width: 20%;
  text-align: left; }
#imageList thead th:nth-child(6) {
  width: 10%;
  text-align: left; }

#editor .span6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 10px; }
#editor #jform_title {
  width: 45%; }

#jform_publish_up, #jform_publish_down {
  width: calc(100% - 40px); }

.icon-cog {
  display: none; }
  .icon-cog:before {
    display: none; }

.dropdown-menu {
  list-style-type: none;
  padding-left: 0 !important; }
  .dropdown-menu .edit-icon span {
    margin-right: 15px; }

#versionsModal {
  width: 100%; }

#editor-xtd-buttons {
  width: 100%; }

.mceLayout, .wf-editor-container {
  width: 100% !important; }

#jform_articletext {
  width: 100% !important; }

#editor-xtd-buttons {
  margin: 5px;
  padding-left: 0 !important; }
  #editor-xtd-buttons a {
    background: #184885;
    padding: 10px;
    color: white !important;
    margin-right: 5px;
    text-decoration: none; }
    #editor-xtd-buttons a:hover {
      background: #6e6f72; }

.edit-icon {
  margin-left: 0 !important; }
  .edit-icon:before {
    display: none; }

.wf-editor-tabs li {
  margin-left: 0 !important; }
  .wf-editor-tabs li:before {
    display: none; }

.tab-content .tab-pane:not(#editor) a {
  color: #6e6f72;
  text-decoration: none; }
  .tab-content .tab-pane:not(#editor) a:hover {
    color: #185885; }

.nav-tabs {
  display: block;
  padding: 0; }
  .nav-tabs li {
    display: inline-block;
    padding: 0 5px; }
    .nav-tabs li a {
      background: #184885;
      color: white;
      padding: 10px;
      text-decoration: none; }
      .nav-tabs li a:hover {
        background: #6e6f72; }
  .nav-tabs .active a {
    background: #f7c116; }

.media-preview {
  display: none; }

.gallery #imageList {
  display: block;
  width: 100%; }
  .gallery #imageList thead {
    background: #184885;
    color: white;
    padding: 5px;
    display: block; }
    .gallery #imageList thead a {
      color: white;
      text-decoration: none; }

.cms .nav {
  display: block;
  list-style-type: none; }
  .cms .nav li {
    display: inline-block; }
    .cms .nav li a {
      padding: 0 5px;
      border-left: 1px solid #646464;
      text-decoration: none; }
  .cms .nav li:first-child a {
    border-left: none;
    padding-left: 0; }
footer .footer{position: relative;}
footer hr {
  background-repeat: repeat-x; }

footer hr:before, footer hr:after {
  top: 3px; }
 footer .made {
    font-size: 0.8em;
    color: #7a1828;
    margin: 0 auto;
  padding-top: 20px;
   align-items:flex-end;
    display: flex;
    justify-content: center; }
footer {
  display: block;
  width:100%;
  margin-top: 3%;
  max-height: 320px;
  background: #F7F4DA;
 
  font-size: 1.0em; }
  footer .made {
    font-size: 0.8em;
    color: #7a1828;
    margin: 0 auto;
    display: flex;
    justify-content: center; }
     
    footer .made .grey {
      color: #6e6f71;
      font-weight: 900; }
    footer .made .blue {
      color: #184885;
      font-weight: 700; }
    footer .made .yellow {
   color: #9a1228;
      font-weight: 700;
      text-decoration: none;
	}
   footer .made .yellow a{
      color: color: #c69c6d;
      font-weight: 700;
      text-decoration: none;
	}
 hr {position: relative;
           border: none;
           display: block;
			overflow: visible;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8cAAAAcCAMAAAB7wD0ZAAAAwFBMVEUAAAByg5FxgI9xgI+HqKhxgJBxgI+a//9xgI9xgI92h5FxgY9xgI9ygZBzgpBzi5pxgZBygI92iZt0ipSqqqpygZBxgI9xgJBxgZB0h5VxgY9/n59ygJFxgI9xjapzgY9yjJlxgY9ygI9/lJRxgI9ygZBygY9zgZFzgZFzgpFxgZB2go9zgo9xgJB1gZJ5hZBxgI9xgI9ygI9xgY9xgZBygI9ygI91iZNygo9ygI9ygI9xgI9ygZBxgI9yg5BxgI9Vb0UpAAAAP3RSTlMAL+zlBe+5AfHfHpLCXDgRa60NGANzztCgI4AIbeIJNxRjpwzuhkdNNEV4KVHYPRfniMmUWb+jGmDH25uYtDyRITqeAAABJUlEQVR4Ae3BB1LCUBhG0Y+QkIRepUuzIkq3K/vflQzDYGAH/5t7jgTXVasCYFtYqQiAbdPn56kAWPYYPD0FjwJgV9abSTMvKwBWXTdvtXd71RUAo14zofbCTEsAbOrFJR2U4rIAWPQSpXSUioqCu3Zwi/69LQo6KaRrStjBJYKz/I+cEnJ5XwCM+c77SvDzOQGwZZSe60wtXRAASx6ioi4Ug5QAGNKIJ7owiXsCYEj4M9aFcUUATCnFZZ0pf1YFwJaHaKCEQZQSAGtG/aFOhv13wVk7uEUJrUyoozDzpaQdXCI47LrZ0VHnqisAFrVv7nRw57UFwKaZl9Ve1rsXAKuWK1/yV0sBMKu+XUvrbV0A7KotNpv0XAAsewmCXwGwrdEQHPcHXInXIaQRxNYAAAAASUVORK5CYII=);
			background-position: top center;
  			height: 28px
              padding-bottom: 10em; z-index:5;}
   .custom_footer hr{background-repeat: repeat-x;}
.custom_footer hr:before, footer hr:after{top: 3px}
}

.joomimg97_main {
  width: 95%;
  margin: 0 auto; }
  .joomimg97_main a img {
    width: 90px !important;
    height: 90px !important; }
  @media (min-width: 766px) {
    .joomimg97_main a img {
      width: 175px !important;
      height: 175px !important; } }
  @media (min-width: 992px) {
    .joomimg97_main a img {
      width: 220px !important;
      height: 190px !important;
      padding: 8px 12px; } }
  @media (min-width: 1200px) {
    .joomimg97_main a img {
      width: 230px !important;
      height: 210px !important;
      padding: 10px 15px; } }
  @media (min-width: 1500px) {
    .joomimg97_main a img {
      width: 300px !important;
      height: 270px !important;
      padding: 10px 15px; } }
.custom_footerslider{padding: 0;} 

 @media (min-width: 456px) {
   .custom_footerslider .homeslides {margin-left: 0%; margin-top: -4%;}}
.custom_footerslider .homeslides {margin-left: 1%; margin-top: -4%;}
 @media (min-width: 768px) {
   .custom_footerslider .homeslides {margin-left: 2%; margin-top: -4%; width: 100%;}}
.custom_footer {z-index: 1;
  width: 100%;
  padding: 15px;
  background: /*#7A1828;*/ #F7F4DA;
  text-align: justify; }
  .custom_footer h3 {
    font-weight: 600; }
  .custom_footer h4 {
    font-weight: 500; }
  .custom_footer .fmenu {z-index: 2;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    flex-flow: column  nowrap;
    text-align: center;
   color: #71808F; width: 95%; margin-left:2.5%;}
    .custom_footer .fmenu a {
      text-decoration: none; color: #71808F; }
     .custom_footer .fmenu .yellow a {
     text-decoration: none;  color: #71808F;}
    .custom_footer .fmenu img {
      width: 10%;
      margin: 0 auto; }
    .custom_footer .fmenu .footeritem3 a {
      }
    .custom_footer .fmenu .footeritem2 .privacy {
     
      font-size: 0.8em; margin-top: 3%; }
    
  @media (min-width: 768px) {
    .custom_footer .fmenu {
      display: -webkit-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .custom_footer .fmenu img {
      width: 18%;
      margin: 0 auto; }
      .custom_footer .fmenu .footeritem1 {
        flex: 0 2 auto;
        align-self: flex-start;
        padding: 0px 20px 10px 20px;
        line-height: 1;
       
        text-align: center; }
      .custom_footer .fmenu .footeritem2 {
        flex: 0 1 auto;
        align-self: flex-start;
         padding: 0px 20px 10px 20px;}
        .custom_footer .fmenu .footeritem2 a {
          text-decoration: none;
         }
      .custom_footer .fmenu .footeritem3 {
        flex: 0 1 auto;
        align-self: flex-start;
        padding: 0px 20px 10px 20px;
       
        text-align: center; }
        .custom_footer .fmenu .footeritem3 a {
          text-decoration: none;
         } }
.joomimg107_paglink{border: solid 1px #7A1828 !important; padding: 4px !important}
.joomimg107_paglinkactive{border: solid 1px #7A1828 !important; padding: 4px !important}


.sigFreeContainer{background: #F7F4DA !important; } 
@media (max-width: 770px){
  .sigFreeLink .fancybox-gallery{width: 170px !important; height: 150px !important; }
  .sigFreeThumb{width: 170px !important; height: 150px !important; }
  a.sigFreeLink {width: 170px !important; height: 150px !important;}

 .lb-outerContainer{width:100% !important ; height:70% !important ;} 
  
 .lb-outerContainer .lb-image{width:100% !important ; height:70% ! important ;}

  
  .lb-dataContainer{width: 350px !important; }
 
 
  
  
  
}
@media (min-width:144px){
  .joomimg107_imgct{width:18% !important; height: 20% !important; } 
  .joomimg107_img a img{width: 70px !important; height: 50px ! important; padding:4px !important} 
  .joomimg107_txt ul{display: none !important;} #lightboxOverlay{overflow-x: hidden; width: 100% !important}
}
@media (min-width:771px)
{ .joomimg107_imgct{width:10% !important; height: 10% !important; } 
  .joomimg107_img a img{width: 96px !important; height: 80px ! important; padding:4px !important} 
  .joomimg107_main{}
  .joomimg107_txt ul{display: block !important;}
  .moduletable{font-size: 0.6em;}

  .moduletable li{text-align: center;}
  
  
  }
@media (min-width:1024px){.joomimg107_img a img{width: 110px !important; height:95px ! important; padding:4px !important}  
  .moduletable{font-size: 0.7em; margin-top: 2%; }
} 
  

@media (min-width:1220px){.moduletable{font-size: 0.8em; }

.moduletable li{text-align: center;} 
  .joomimg107_img a img{width: 155px !important; height:120px ! important; padding:4px !important} 
}

@media (min-width:1440px){.joomimg107_img a img{width: 180px !important; height:140px ! important; padding:4px !important} .moduletable{ margin-top: 2%;}}
@media (min-width:1600px){.joomimg107_img a img{width: 190px !important; height:150px ! important; padding:5px !important}}
@media (min-width:1800px){.moduletable{font-size: 0.8em; }.joomimg107_img a img{width: 200px !important; height:160px ! important; padding:4px !important} }

.moduletable li{text-align: center;}}
 
a.cms-menu-item {
    background: red;
    padding: 2px 20px;
    color: white;
}

/*# sourceMappingURL=style.css.map */