/* normalise.css */
/*! normalize.css v3.0.2 | 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 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 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/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, 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/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * 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, 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/11.
 */

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/9/10/11, 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"], /* 1 */
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 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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/10/11.
 * 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/10/11.
 */

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


/* colorbox.css */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}


/* jquery-ui.css */
/*! jQuery UI - v1.12.1 - 2017-05-23
* http://jqueryui.com
* Includes: core.css, menu.css, selectmenu.css, button.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../images/jquery-ui/jquery-ui/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}


/* jquery-ui.structure.css */
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}


/* jquery-ui.theme.css */
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}


/* dna-fonts.css */
@font-face {
  font-family: 'HumanistBlack';
  src: url('../fonts/humanist_black.eot'); /* IE9 Compat Modes */
  src: url('../fonts/humanist_black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/humanist_black.woff') format('woff'), /* Modern Browsers */
       url('../fonts/humanist_black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/humanist_black.svg#bb4ec5ed74777acbd2a279425a09014f') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}

@font-face {
  font-family: 'OpenRegular';
  src: url('../fonts/opensans_regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/opensans_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/opensans_regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/opensans_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/opensans_regular.svg#dc56f0938c09c27a4156bb0f8f5176a2') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}

@font-face {
  font-family: 'SwisRoman';
  src: url('../fonts/swis_roman.eot'); /* IE9 Compat Modes */
  src: url('../fonts/swis_roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/swis_roman.woff') format('woff'), /* Modern Browsers */
       url('../fonts/swis_roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/swis_roman.svg#c5ef580394d15f9924e8da08a3ac8a1b') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  normal;
}

/* dna-defaults.css */
* {outline: none !important; box-sizing: border-box;}
html {font-size: 16px}
body {font-family: 'SwisRoman', sans-serif; line-height: 1; background-color: #fff; color: #000}

p { margin: 0; padding: 0; font-size: 20px; line-height: 23px; color: #1B1919; }
h1, h2, h3, h4, h5, h6 { margin: 0;  padding: 0; }
a {text-decoration: underline; cursor: pointer; }

.footer-newsletter h4 { font-size: 20px; line-height: 24px; color: #ffffff; text-transform: uppercase; }
.newsletter input:first-child { font-family: 'OpenRegular'; font-size: 14px; color: #696969; }
.newsletter input:last-child { font-family: -apple-system, BlinkMacSystemFont, sans-serif; text-transform: uppercase; color: #ffffff; font-size: 20px; font-weight: 300; }
.footer-bottom .footer-cta h3 a { font-size: 33px; line-height: 33px; color: #ffffff; }
.footer-bottom .footer-cta .description, .site-info p, .site-info .links a { color: #ffffff; font-size: 14px; line-height: 14px; font-family: 'OpenRegular'; }

.home-enquiry-box .content-inner h2 { font-size: 72px; color: #ffffff; text-align: left; font-family: 'HumanistBlack'; padding: 0 0 23px 20px; }
	.home-enquiry-box .content-inner .home-enquiry input { font-family: 'SwisRoman'; font-size: 16px; color: #1B1919; padding: 16px 0 14px 20px; }
		.home-enquiry-box .content-inner .home-enquiry input.button { font-size: 20px; text-transform: uppercase; font-family: -apple-system, BlinkMacSystemFont, sans-serif; padding: 13px 0 12px 0; background-color: #CECECE; }
.home-link-box .content-inner h2 { font-size: 72px; color: #ffffff; font-family: 'HumanistBlack'; padding-bottom: 15px; }
.home-link-box .content-inner p { font-size: 14px; line-height: 19px; color: #ffffff; font-family: 'OpenRegular'; }
.service-box .block h2 { font-size: 72px; color: #8FC23F; font-family: 'HumanistBlack'; padding-bottom: 17px; }
.service-box .block p { font-size: 14px; line-height: 19px; color: #ffffff; font-family: 'OpenRegular'; }
	.service-box .block.last p { text-transform: uppercase; font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-size: 22px; line-height: 26px; font-weight: 100; padding-bottom: 8px; }
.featured-products .featured-products-inner h2, .brands .brands-inner h2 { color: #9B9B9B; font-size: 28px; line-height: 33px; font-family: 'Helvetica'; text-transform: uppercase; text-align: left; }
	.featured-products .featured-products-inner h2 { padding-bottom: 22px; }
	.featured-products .featured-products-inner .code, .featured-products .featured-products-inner .title { text-transform: uppercase; font-size: 14px; line-height: 16px; color: #1B1919; font-family: 'OpenRegular'; font-weight: bold; }
	.featured-products .featured-products-inner .title { padding: 3px 0 5px; }
	.featured-products .featured-products-inner .main { font-size: 14px; line-height: 19px; color: #1B1919; font-family: 'OpenRegular'; font-weight: 100; }
	.featured-products .featured-products-inner .read-more { margin-top: 14px; font-size: 20px; line-height: 22px; font-family: 'Helvetica'; width: 100%; text-align: center; background-color: #8FC23F; border-radius: 5px; }
		.featured-products .featured-products-inner .read-more a { color: #ffffff; display: block; padding: 18px 0 12px; text-decoration: none; text-transform: uppercase; }
.about-main .about-main-inner h2, #story .about-story-inner h2, #why .about-why-inner h2,
.services-main .services-main-inner h2 { font-size: 28px; line-height: 32px; color: #9B9B9B; font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; text-transform: uppercase; padding-bottom: 20px; }
 	.about-main .about-main-inner .block:first-child p,
  .services-main .services-main-inner .block:first-child p { color: #8FC23F; font-size: 33px; line-height: 39px; }
#why .about-why-inner ul li, #business .about-business-inner ul li { font-size: 20px; line-height: 23px; color: #1B1919; }
#organisation .about-organisation-inner h2, #business .about-business-inner h2, #charity .about-charity-inner h2 { font-size: 25px; line-height: 30px; color: #9B9B9B; font-family: 'Helvetica'; font-weight: 600; text-transform: uppercase; padding-bottom: 20px; }
#business .about-business-inner ul li { padding-bottom: 25px; }
#team .content-inner h3 { color: #ffffff; text-transform: uppercase; font-size: 22px; font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; }
#team .content-inner h4 { color: #ffffff; text-transform: uppercase; font-size: 18px; font-family: 'SwisRoman'; padding-top: 6px; font-weight: 100; }
#team .content-inner .email { color: #ffffff; text-transform: uppercase; font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 400; text-decoration: none; font-weight: 300; }



::-webkit-input-placeholder {color: #1B1919;}
::-moz-placeholder {color: #1B1919;}
:-ms-input-placeholder {color: #1B1919;}
:-moz-placeholder {color: #1B1919;}

/* dna-menu.css */
.menu-icon {display: none}
.menu-icon a {display: block; width: 30px; height: 19px; overflow: hidden; text-indent: -200%; background: transparent url(../images/menu.png) 0 0 no-repeat; background-size: 30px 19px; text-decoration: none}
nav { height: 40px; background-color: #404040; position: relative}
/*body.small-header #site-inner nav {height: 0}*/
#menu-main-menu { margin: 0 auto; padding: 0; max-width: 1180px; text-align: center}
	#menu-main-menu li { list-style: none; display: inline-block; text-transform: uppercase; color: #ffffff; padding: 0 20px; }
			#menu-main-menu li:hover a { color: #8FC23F; }
		#menu-main-menu li a { color: #ffffff; display: block; padding: 5px 0 6px; text-decoration: none; font-size: 18px; padding: 11px 25px; font-family: '.AppleSystemUIFont', 'Helvetica'; letter-spacing: 1.5px; }
	#menu-main-menu .sub-menu { display: none; position: absolute; left: 0; text-align: center; background-color: #8FC23F; top: 40px; padding: 0; z-index: 100; width: 100%}
	#menu-main-menu li:hover .sub-menu { display: block; }
		/*#menu-main-menu .sub-menu::after, #menu-main-menu .sub-menu::before { display: block; width: 100%; height: 40px; background-color: #8FC23F; position: absolute; right: -1180px; top: 0; content: ""; }
		#menu-main-menu .sub-menu::before { right: auto; left: -1180px; }*/
		#menu-main-menu .sub-menu li { padding: 0 2px; }
			#menu-main-menu .sub-menu li a { color: #ffffff; font-family: 'SwisRoman'; padding: 12px 13px 13px; font-size: 15px; }
				#menu-main-menu .sub-menu li a:hover { background-color: #498B5B; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#menu-main-menu li { padding: 0 10px; }
		#menu-main-menu li a { padding: 11px 0; }
}

/* dna-banner.css */
.banner {overflow: hidden; display: block; position: relative; width: 100%; background-color: #fff}
  .banner .banner-inner {height: 100%; width: 100%}
    .banner .banner-inner ul.videos {margin: 0; padding: 0; height: 100%; width: 100%}
      .banner .banner-inner ul.videos li {margin: 0; padding: 0; list-style: none; height: 100%; width: 100%; position: absolute; left: 0; top: 0; height: 100%; overflow: hidden}
        .banner .banner-inner ul.videos li.active {}
      
.banner .banner-inner ul.videos li .banner-content {height: 100%; width: 100%; text-align: center; color: #00213B; position: relative;}
  .banner .banner-inner ul.videos li .banner-content .banner-content-inner {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); max-width: 350px;}
    .banner .banner-inner ul.videos li .banner-content .banner-content-inner h2 {font-size: 2.4rem; line-height: 1; margin: 0 0 0 0; font-weight: normal}
    .banner .banner-inner ul.videos li .banner-content .banner-content-inner p {font-size: 17px; line-height: 19px; margin: 13px 0 0 0;}
    .banner .banner-inner ul.videos li .banner-content .banner-content-inner a.button {display: inline-block; margin: 35px 0 0 0;}

body.home .banner .banner-inner ul.videos li .banner-content {max-width: 1200px; padding: 0 10px; text-align: left; margin: 0 auto}
  body.home .banner .banner-inner ul.videos li .banner-content .banner-content-inner {position: absolute; top: 50%; left: 210px; transform: translateY(-50%) translateX(0); -webkit-transform: translateY(-50%) translateX(0);}
    body.home .banner .banner-inner ul.videos li .banner-content .banner-content-inner h2 {font-size: 36px; line-height: 43px; letter-spacing: 1.5px; font-family: 'MerriweatherLight';}
    body.home .banner .banner-inner ul.videos li .banner-content .banner-content-inner p {}
    body.home .banner .banner-inner ul.videos li .banner-content .banner-content-inner a.button {}

  .banner .banner-inner ul.pagination {margin: 0; padding: 0; position: 0; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center}
    .banner .banner-inner ul.pagination li {list-style: none; padding: 0; margin: 0 10px 0 0; display: inline-block}
    .banner .banner-inner ul.pagination li:last-child {margin-right: 0}
      .banner .banner-inner ul.pagination li span {display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 5px; background-color: transparent; text-indent: -9999em; transition: background-color 0.5s}
      .banner .banner-inner ul.pagination li.active span {background-color: #000}

/* dna.css */
.header-inner, .footer-top, .footer-bottom, .site-info .site-info { max-width: 1180px; margin: 0 auto; padding: 0 10px; }
/*********************
Header 
*********************/
header { height: 166px; background-color: #1B1919; }
#site-inner { position: relative; }
.small-header header,
.small-header nav {display: none}
  /*body.small-header #site-inner header { position: fixed; width: 100%; top: 0; left: 0; height: 50px; z-index: 9999; transition: height 0.5s;}
  	body.small-header #site-inner .logo { width: 166px; height: 36px; background-size: 166px auto; top: 8px; }
  	body.small-header #site-inner .rest-of-site { padding-top: 50px; }
  	body.small-header #site-inner .menu-icon { display: block; position: absolute; right: 10px; top: 15px; }
  	body.small-header #site-inner .header-right { position: relative; width: 320px; }
  	body.small-header #site-inner .header-right-top { margin-top: 15px; float: left; }
  		body.small-header #site-inner .header-right-top .search { position: absolute; right: 51px; top: 15px; }
  	body.small-header #site-inner .header-right-bottom { clear: none; float: right; }
  		body.small-header #site-inner .header-right-bottom .phone { margin-top: 0; }
  			body.small-header #site-inner .header-right-bottom .phone a { width: 30px; text-indent: -9999px; background-position: 18px 13px; background-size: 27px auto; }
  		body.small-header #site-inner .header-right-bottom .email-wrapper { margin: 0 92px 0 10px; }
  			body.small-header #site-inner .header-right-bottom .email-wrapper .email { width: 27px; background-color: transparent; background-image: url(/wp-content/uploads/2017/05/header-get-in-touch-green.png); border-radius: 0; background-position: center 16px; }
  				body.small-header #site-inner .header-right-bottom .email-wrapper .email::after { content: none; }

  body.small-header nav {display: block; left: -250px; width: 250px; transition: left 0.5s, opacity 0.5s; position: fixed; top: 50px; height: auto; height: 100%; padding: left 20px; opacity: 0; z-index: 50000; }
  body.nav-active nav {left: 0; box-shadow: 2px 2px 10px #000; opacity: 1; }
    body.small-header nav #nav-inner {height: auto}
      body.small-header nav #nav-inner .menu-main-menu-container {}
        body.small-header nav #nav-inner .menu-main-menu-container ul#menu-main-menu {}
          body.small-header nav #nav-inner .menu-main-menu-container ul#menu-main-menu > li {display: block; text-align: left;}
            body.small-header nav #nav-inner .menu-main-menu-container ul#menu-main-menu > li > a {}
            body.small-header nav #nav-inner .menu-main-menu-container ul#menu-main-menu > li > ul {display: block; position: relative; top: auto; left: auto; background-color: transparent; margin: 0 0 0 20px; }
            body.small-header nav #nav-inner .menu-main-menu-container ul#menu-main-menu > li > ul:after {display: none}
              body.small-header nav #nav-inner .menu-main-menu-container ul#menu-main-menu > li > ul li {display: block; text-align: left;}
                body.small-header nav #nav-inner .menu-main-menu-container ul#menu-main-menu > li > ul li a {}*/


header .header-inner { position: relative; }
.logo { position: absolute; left: 0; top: 33px; text-indent: -99999px; width: 425px; height: 93px; background-image: url(/wp-content/uploads/2017/05/logo.png); background-repeat: no-repeat; background-position: center center; }
	.logo a { display: block; height: 100%; }
header .header-right { float: right; width: 350px; }
header .flags { float: right; }
	header .flags a { display: block; width: 113px; height: 20px; margin-left: 15px; background-image: url(/wp-content/uploads/2017/06/header-flags-2.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; }
header .header-right-top { margin-top: 32px; }
	header .header-right-top .search { float: right; }
		header .header-right-top .search a { display: block; width: 20px; height: 20px; background-image: url(/wp-content/uploads/2017/05/header-search.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; }
header .header-right-bottom { clear: both; }
	header .header-right-bottom .phone { float: left; margin-top: 30px; }
		header .header-right-bottom .phone a { display: block; height: 34px; padding: 6px 0 0 50px; font-size: 22px; text-decoration: none; color: #ffffff; background-image: url(/wp-content/uploads/2017/04/footer-phone.png); background-repeat: no-repeat; background-position: 17px 2px; background-size: 35px auto; }
	header .header-right-bottom .email-wrapper { float: right; margin-top: 30px; }
		header .header-right-bottom .email-wrapper .email { text-indent: -9999px; display: block; width: 149px; height: 34px; background-color: #8FC23F; border-radius: 5px; position: relative; background-image: url(/wp-content/uploads/2017/05/header-get-in-touch.png); background-repeat: no-repeat; background-position: 5px center; text-indent: -9999px;  }
			header .header-right-bottom .email-wrapper .email:after { content: "GET IN TOUCH"; display: inline-block; color: #ffffff; font-size: 15px; font-family: '.AppleSystemUIFont', 'Helvetica'; position: absolute; right: 7px; top: 10px; text-indent: 0; }


.search-wrapper { display:none;	position:fixed;	background-color:#000; background-color:rgba(0,0,0,.7); top:0; left:0; width:100%; height:100%; z-index:9999; }
.search-inner {
	position:relative;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	border-radius:5px;
	background-color:#fff;
	padding:25px;
	max-width:calc(540px - 40px);
	width:calc(100% - 40px)
}
.search-inner form {
	margin:0;
	overflow:hidden
}
.search-inner form input.text-field {
	float:left;
	width:60%;
  height: 35px;
  padding: 0 5px !important;
  box-sizing: border-box;
}
.search-inner form input.button {
	float:right;
	width:34%;
	padding: 0;
  text-align: center;
  height: 35px;
	background-color: #8FC23F;
  border: none;
}
.search-inner a.close {
	position:absolute;
	top:-10px;
	right:-10px;
	width:20px;
	height:20px;
	overflow:hidden;
	background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0Q2MjlBMDY3RjUxMUU2OTc4OEVCOUYxNDFBMzc2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0Q2MjlBMTY3RjUxMUU2OTc4OEVCOUYxNDFBMzc2RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhDRDYyOTlFNjdGNTExRTY5Nzg4RUI5RjE0MUEzNzZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDRDYyOTlGNjdGNTExRTY5Nzg4RUI5RjE0MUEzNzZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yvBGywAAAxBJREFUeNpiZFi0kWEgABPDAIFRi0ctHnIWszExUcFiSU4OZwkR4m2NVpS54GMvz81JkcUa/DzHPW03OZqbiwgSY6untNg8KwNNft6jHrY6ArxkWgy07Ii7DdDtXCzMmx3NVXi5CapfY2cKCWdpLo49rlbcLMzkWGwgxC/MzgZhi3Kw7XC2kOHCGYBAZwEdxwWz6e///zmnLn/985cci2feetBx5Tacq8zLvc3ZnJ+VFVMl0EG7XSyBjoOL5J66vObhM/LjuOr8daD1cK6uAN86B1O0RAt0CtBBCjxccBGgc6cj6SLH4v8MDNmnLm968gIu4iQhstTGiJmREZ5zgE4BOgiuAGgl0LlUyE7A2Io8fPbkm/dwkRB5qclmukAG0PrV9iZOSJkN6ERgIP8nZCYzQ2AkMXb//vd/7aPnXjLi4hzsEBFTYYGf//5FKkrHKMrAlR17/c7/wKlf//4RNJCRpIYAMAUd97SBJ+z/IP0IcPnDJ9sdRz/+/k39IvPJt+9ee0/CjWbELUX9shroLY89J37+RQnMD79+e+w9AbSbtpUEBzN6YQRM4Ewo/qeBxcBss8HRlJ0ZSz7GU6hRajHQaOSS6z9uKWpaDCwO97paInsLWEpMRy3UgHZz4agVyLQYUjup8fHARabevA8sF3NRCzUrUaHltsbwQo1Si1mZmIDGIdfHS+8/AVoJKdRCD57Z9+INXMpPRgJSqFFqMdDx860MgMbBRYDWJB27AI9gYDkVdOA0MJvBFWSqKbQYaFBqcZuhZjRSoXjm7QegNWiFIrDcAJYej78i8nG1rhrQevItztdQqtBRhXPvfP7qte8E1uIJWHo47T72+scvuAgwwJHDiQSLeVhYCrWU4VygoZ57TyAbjQaAzvLdf/IbrMkBTGIzLfSBhpBs8Zc/f6x3HL7y4TMkMN33HgcajT+EgFUnsAL9DY6Ip99+ALUADSGnWvz8+8+KB09NRQSBrafjr98TkwVufvpy78s3TX4eYMjf+vSVOtUiSQ16/LUyrXoSBNsCo522UYuHn8UAAQYAS0Q2i3ttleAAAAAASUVORK5CYII=) 0 0 no-repeat;
	text-indent:100%;
	background-size:20px 20px
}

body.search {}
  body.search .main {max-width: 1000px; padding: 0 10px; margin: 0 auto;}
    body.search .main .main-inner {padding: 50px 0;}
      body.search article {padding-bottom: 30px; margin-bottom: 45px !important; border-bottom: 1px solid #8FC23F;}
      body.search article.block-1-3 {border-bottom: none;}
        body.search article a {display: block; text-decoration: none; color: #333;}
        body.search article a,
        body.search article a * {cursor: pointer;}
          body.search article h2 {margin-bottom: 10px; word-wrap: break-word;}
          body.search article p {margin-bottom: 20px;}
          body.search article .button {display: inline-block; background-color: #8FC23F; color: #fff; font-weight: bold; text-transform: uppercase; padding: 10px 15px; border-radius: 5px; text-decoration: none}

/*********************
Footer 
*********************/
.footer-top:before, .footer-top:after, .footer-bottom:before, .footer-bottom:after, .site-info .site-info:before, .site-info .site-info:after { content: " "; /* 1 */ display: table; /* 2 */ }
.footer-top:after, .footer-bottom:after, .site-info .site-info:after { clear: both; }
.footer-top, .footer-bottom, .site-info .site-info { *zoom: 1; }

#footer { background-color: #1B1919; padding: 39px 0 0; }
.footer-top { padding-bottom: 65px; background-image: url(/wp-content/uploads/2017/04/footer-dotted-line.png); background-repeat: no-repeat; background-position: center bottom; background-size: 1160px auto; }
.footer-newsletter { float: left; max-width: 590px; width: 66%; }
	.footer-newsletter h4 { padding-bottom: 18px; }
		.newsletter input:first-child { border: none; background-color: #ffffff; border-radius: 5px; padding: 14px 0 13px 19px; height: 50px; margin-right: 8px; width: 71%; }
		.newsletter input:last-child { border: none; background-color: #8FC23F; border-radius: 5px; padding: 10px 12px 14px; height: 50px; }
.footer-social { float: right; }
	.footer-social .social-networks { margin: 41px 0 0; padding: 0; }
	.footer-social .social { list-style: none; display: inline-block; width: 50px; height: 50px; text-indent: -99999px; margin: 0 5px; background-image: url(/wp-content/uploads/2017/04/facebook-icon.png); background-repeat: no-repeat; background-position: center center; }
		.footer-social .social.social-instagram { background-image: url(/wp-content/uploads/2017/04/instagram-icon.png); }
		.footer-social .social.social-youtube { background-image: url(/wp-content/uploads/2017/04/youtube-icon.png); }
		.footer-social .social.social-pinterest { background-image: url(/wp-content/uploads/2017/04/pinterest-icon.png); }
			.footer-social .social a { height: 100%; display: block; }
.footer-bottom { padding: 43px 0 73px; text-align: center}
	.footer-bottom .footer-cta { display: inline-block; width: auto; margin: 0 50px 20px 0; padding: 0 10px 0 50px; background-image: url(/wp-content/uploads/2017/04/footer-phone.png); background-repeat: no-repeat; background-position: left top; }
  .footer-bottom .footer-cta:last-child {margin-right: 0;}
    .footer-bottom .footer-cta.footer-cta-supplynation {background: none; padding: 0; width: auto; vertical-align: top; margin: 0 30px 20px 0;}
      .footer-bottom .footer-cta.footer-cta-supplynation img {display: block; max-width: 100%; height: auto}
    .footer-bottom .footer-cta.footer-cta-icn {background: none; padding: 0; width: auto; vertical-align: top; margin: 0 40px 20px 0;}
      .footer-bottom .footer-cta.footer-cta-icn a {display: block; text-decoration: none}
        .footer-bottom .footer-cta.footer-cta-icn img {display: block; max-width: 100%; height: auto}
		.footer-bottom .footer-cta.footer-cta-email { background-image: url(/wp-content/uploads/2017/05/footer-email.png); }
    .footer-bottom .footer-cta.footer-cta-email a {color: #fff; text-decoration: none}
		.footer-bottom .footer-cta.footer-cta-chat { background-image: url(/wp-content/uploads/2017/05/footer-chat.png); padding-left: 70px;}
		.footer-bottom .footer-cta.footer-cta-faq { background-image: url(/wp-content/uploads/2017/05/footer-faq.png); }
		.footer-bottom .footer-cta h3 a { text-decoration: none; padding-bottom: 11px; display: block; }
.site-info { background-color: #8FC23F; padding: 26px 0; }
	.site-info .copyright { float: left; margin-right: 16px;}
	.site-info .links { /*float: right;*/ margin: 0; }
		.site-info .links li { list-style: none; display: inline-block; margin: 0 8px; }
		.site-info .links a { text-decoration: none; }


/*********************
Homepage
*********************/
.home-enquiry-box .content-inner h2 { text-align: left; max-width: 510px; margin: 0 auto; }
.home-enquiry-box .content-inner .home-enquiry { max-width: 510px; margin: 0 auto; padding: 0 20px;}
  .home-enquiry-box .content-inner .home-enquiry input { display: block; width: 100%; border-radius: 5px; border: none; margin: 14px 0; }
	.home-enquiry-box .content-inner .home-enquiry .home-button-float {overflow: hidden;}
    .home-enquiry-box .content-inner .home-enquiry .button {float: left; width: 49%; margin: 14px 2% 14px 0;}
    .home-enquiry-box .content-inner .home-enquiry .button:last-child {margin-right: 0;}
    .home-enquiry-box .content-inner .home-enquiry a.button {font-size: 20px; text-transform: uppercase; font-family: -apple-system, BlinkMacSystemFont, sans-serif; padding: 14px 0 14px 0; background-color: #CECECE; border-radius: 5px; border: none; color: #1B1919;}
    .contact-details a.button {font-size: 20px; text-transform: uppercase; font-family: -apple-system, BlinkMacSystemFont, sans-serif; padding: 14px 20px 14px 20px; background-color: #CECECE; border-radius: 5px; border: none; color: #1B1919; text-decoration: none; margin: 14px 0 0 0; display: inline-block;}
body.page-home .home-contact-link-box .home-link-box .content-inner { padding: 0 30% 46px 44px; }
body.page-home .main-inner { background-color: #1B1919;}
.service-box { max-width: 1180px; margin: 0 auto; padding: 90px 0 50px; }
.service-box > .block { padding-right: 100px; }
	.service-box > .block.last { padding: 0 0 0 60px; }
  .service-box a {text-decoration: none; color: #fff}
.featured-products .featured-products-inner { max-width: 940px; margin: 0 auto; padding: 100px 0 50px; }
	.featured-products .featured-products-inner .image { padding-bottom: 12px; }
.brands { background-color: rgba(155,155,155,0.07); }
	.brands .brands-inner { max-width: 940px; margin: 0 auto; padding: 52px 0 37px; text-align: center; }
		.brands .brands-inner img { display: inline-block; vertical-align: middle; margin: 25px; }
/*********************
About
*********************/
.about-main .about-main-inner, .services-main .services-main-inner, #story .about-story-inner, #why .about-why-inner, #organisation .about-organisation-inner, #business .about-business-inner, #charity .about-charity-inner { max-width: 940px; margin: 0 auto; padding: 110px 0; }
	.about-main .about-main-inner .grid.margin > .block-1-2,
  .services-main .services-main-inner .grid.margin > .block-1-2 { padding-right: 60px; }
	.about-main .about-main-inner .grid.clear-2 > .block:nth-child(2n),
  .services-main .services-main-inner .grid.clear-2 > .block:nth-child(2n) { padding: 0 30px; }
#story .about-story-inner .story-content {  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px;}
	#story .about-story-inner h2 {}
	#story .about-story-inner p { padding: 0 0 25px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
#why { background-color: rgba(155,155,155,0.07); }
	#why .about-why-inner {  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px; padding-top: 150px; }
		#why .about-why-inner h2 {}
		#why .about-why-inner p { padding: 0 0 25px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
		#why .about-why-inner ul { padding-left: 20px; margin: 0 0 25px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

#team .content-inner .email { border: 1px solid #ffffff; border-radius: 4px; display: block; text-align: center; max-width: 164px; padding: 8px 8px; margin: 10px 0 0 0 !important; font-size: 14px;}
	#team .content h3,
  #team .content h4 {text-shadow: 2px 2px 10px #000}
  #team .content:hover h3,
  #team .content:hover h4 {text-shadow: none !important}
  #team .content:hover h3 { color: #1B1919; }
	#team .content:hover h4 { color: #1B1919; }
	#team .content:hover .email { background-color: #8FC23F; border: 1px solid #8FC23F; }

.search-title {text-align: center; margin: 0 0 40px 0;}

#organisation .about-organisation-inner .grid.margin > .block-1-2 { padding-right: 60px; }
#organisation .about-organisation-inner .grid.clear-2 > .block:nth-child(2n) { padding-right: 0; }
#business { background-color: rgba(155,155,155,0.07); }
	#business .about-business-inner .grid.margin > .block-1-2 { padding-right: 60px; }
	#business .about-business-inner .grid.clear-2 > .block:nth-child(2n) { padding: 0; }
		#business .about-business-inner .grid.clear-2 > .block:nth-child(2n) ul { margin: 0; padding: 0 0 0 40px; }
#charity .about-charity-inner .grid.margin { padding-top: 50px; margin-top: -50px; }
	#charity .about-charity-inner .grid.margin > .block-1-2 { padding-right: 60px; }
	#charity .about-charity-inner .grid.clear-2 > .block:nth-child(2n) { padding: 0; margin-top: -50px; }

.testimonials-wrapper {background: #fff url('/wp-content/uploads/2017/04/about-main-back.png') 50% 50% no-repeat; background-size: cover;}
  .testimonials-wrapper-inner {padding: 100px 10px; max-width: 1200px; margin: 0 auto;}
    .testimonials-wrapper h2 {margin-bottom: 30px; font-weight: bold; font-size: 72px; color: #8FC23F; font-family: 'HumanistBlack'}
    .testimonials {padding: 50px 10px; max-width: 500px; margin: 0 auto; position: relative;}
      .testimonials ul.slides {padding: 0; margin: 0; height: 100%; position: relative}
        .testimonials ul.slides li.slide {margin: 0; padding: 0; list-style: none; background: none; position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.5s;}
        .testimonials ul.slides li.slide.active {opacity: 1}
          .testimonials ul.slides li.slide .quote-wrapper {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; background: transparent url(../images/quotes-green.png) 0 0 no-repeat; background-size: 55px 44px; padding: 20px 0 0 20px; margin-top: -10px; margin-left: -20px;}
            .testimonials ul.slides li.slide .quote-wrapper p.quote-content {margin: 0; padding: 0 0 10px 0;}
            .testimonials ul.slides li.slide .quote-wrapper p.cite {text-align: right; margin: 0; opacity: 0.6; color: #8FC23F; font-size: 33px; line-height: 1}

      .testimonials ul.pagination {position: absolute; margin: 0; padding: 0; bottom: 20px; text-align: center; width: 100%; left: 0;}
        .testimonials ul.pagination li.page-marker {margin: 0 5px 0 0; padding: 0; width: 10px; height: 10px; border-radius: 5px; border: 1px solid #8FC23F; display: inline-block; cursor: pointer}
        .testimonials ul.pagination li.page-marker:last-child {margin-right: 0;}
        .testimonials ul.pagination li.page-marker.active {background-color: #8FC23F;}
		
		.page-id-1527 .main, .page-id-1527 .brands, .page-id-1529 .page-section-0{
		width: 980px;
  margin: 0 auto;
  padding-top: 30px;
}

.page-id-1529 h3, .page-id-1527 h2 {
padding-top: 15px;
  padding-bottom: 12px;
  color: #9B9B9B;
  font-size: 25px;
}
.page-id-1529 .page-section-0{
	margin-bottom:20px;
}

/* dna-pav.css */
.grid {overflow: hidden;}
  .grid > .block {float: left; margin: 0 0 0 0;}
  .grid.margin > .block {margin: 0 2% 20px 0;}
  .grid.padding > .block {padding: 15px;}

  .grid > .block-1-1 {width: 100%; margin-right: 0; float: none}
  .grid > .block-1-2 {width: 50%}
  .grid > .block-1-3 {width: 33.3%}
  .grid > .block-1-4 {width: 25%}

  .grid.margin > .block-1-2 {width: 49%}
  .grid.margin > .block-1-3 {width: 32%}
  .grid.margin > .block-1-4 {width: 23.5%}

  .grid.clear-2 > .block:nth-child(2n) {margin-right: 0 !important;}
  .grid.clear-2 > .block:nth-child(2n+1) {clear: both}
  .grid.clear-3 > .block:nth-child(3n) {margin-right: 0 !important;}
  .grid.clear-3 > .block:nth-child(3n+1) {clear: both}
  .grid.clear-4 > .block:nth-child(4n) {margin-right: 0 !important;}
  .grid.clear-4 > .block:nth-child(4n+1) {clear: both}

  .grid.margin > .block.last {margin-right: 0;}


.image {display: block}
  .image a {display: block; width: 100%; text-decoration: none}
  .image img {display: block; width: 100%; height: auto}

.banner {}
  .banner ul.slides {margin: 0; padding: 0;}
    .banner ul.slides li.slide {list-style: none; padding: 0; margin: 0; background: none;}

.video {display: block}

/* FIXED HEADER / NAVIGATION */
.fixed-header {height: 50px; position: fixed; width: 100%; top: -50px; transition: all 0.5s; opacity: 0; z-index: 9999; background-color: #1B1919;}
.small-header .fixed-header {top: 0; opacity: 1}
  .fixed-header-inner {overflow: hidden;}
    .fixed-header .logo {float: left; height: 50px; position: relative; top: 0; left: 0; width: 165px; background: none !important;}
      .fixed-header .logo a {display: block; background-size: 166px 36px !important; background: transparent url(/wp-content/uploads/2017/05/logo.png) 0 50% no-repeat; height: 100%; width: 100%}
    .fixed-header .fixed-header-right {float: right}
      .fixed-header .fixed-header-right a {overflow: hidden; display: block; text-indent: -9999em; text-decoration: none; height: 50px}
      .fixed-header .fixed-header-right .flags {display: inline-block; margin-right: 10px;}
        .fixed-header .fixed-header-right .flags a {background: transparent url(/wp-content/uploads/2017/06/header-flags-2.png) 0 50% no-repeat; background-size: 113px 20px; width: 113px}
      .fixed-header .fixed-header-right .phone {display: inline-block; margin-right: 10px;}
        .fixed-header .fixed-header-right .phone a {background: transparent url(/wp-content/uploads/2017/04/footer-phone.png) 0 50% no-repeat; background-size: 27px 22px; width: 27px}
      .fixed-header .fixed-header-right .email-wrapper {display: inline-block; margin-right: 10px;}
        .fixed-header .fixed-header-right .email-wrapper a {background: transparent url(/wp-content/uploads/2017/05/header-get-in-touch-green.png) 0 50% no-repeat; background-size: 27px 17px; width: 27px}
      .fixed-header .fixed-header-right .menu-icon {display: inline-block; margin-right: 5px;}
        .fixed-header .fixed-header-right .menu-icon a {background: transparent url(../images/menu.png) 0 50% no-repeat; background-size: 30px 19px; width: 30px}
    .fixed-header #fixed-nav {position: fixed; width: 250px; left: -250px; top: 0; opacity: 0; box-shadow: 2px 2px 10px #000; transition: all 0.5s; height: 100%; background-color: #8FC23F;}
      .fixed-header #fixed-nav ul {margin: 0; padding: 15px}
        .fixed-header #fixed-nav ul li {list-style: none; margin: 0; padding: 5px 0;}
          .fixed-header #fixed-nav ul li a {display: block; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none}
            .fixed-header #fixed-nav ul ul li {}
              .fixed-header #fixed-nav ul ul li a {font-weight: normal}

    .nav-active .fixed-header #fixed-nav {left: 0; opacity: 1}

.small-header .rest-of-site {padding-top: 205px !important;}

/* HOME PAGE */
body.page-home .home-contact-link-box {}
  body.page-home .home-contact-link-box .block {position: relative}
    body.page-home .home-contact-link-box .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
      body.page-home .home-contact-link-box .home-enquiry-box .content-inner {position: relative; top: 50%; transform: translateY(-50%); text-align: center;}
      body.page-home .home-contact-link-box .home-link-box .content-inner {position: absolute; bottom: 0; padding: 50px;}
        body.page-home .home-contact-link-box .home-link-box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; display: block}

body.home .service-box .block-1-2:first-child {padding-right: 25px;}

/* ABOUT PAGE */
body.page-about {}
  body.page-about .users-grid {}
    body.page-about .users-grid .block {position: relative;}
      body.page-about .users-grid .block .content {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s}
      body.page-about .users-grid .block:hover .content {background-color: rgba(255, 255, 255, 0.7);}
        body.page-about .users-grid .block .content .content-inner {position: absolute; bottom: 0; padding: 20px}

/* PRODUCTS PAGE */
body.page-products .home-enquiry-box {position: relative;}
  body.page-products .home-enquiry-box .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
    body.page-products .home-enquiry-box .content-inner {position: relative; top: 50%; transform: translateY(-50%); text-align: center;}

.product-box {position: relative;}
  .product-box .product-slider {background-color: #f8f8f8;}
    .product-box .product-slider ul {margin: 0; padding: 0; overflow: hidden; height: 100%; width: 100%; position: absolute; left: 0; top: 0}
      .product-box .product-slider ul li {list-style: none; padding: 0; margin: 0; background: none; float: left}
        .product-box .product-slider ul li a.gallery {display: none}
        .product-box .product-slider ul li img {}
  .product-box .title-actions {position: absolute; bottom: 0; left: 0; padding: 50px; width: 100%; overflow: hidden;}
    .product-box .title-actions h3 {float: left; margin: 0; padding: 10px; background-color: #fff;}
    .product-box .title-actions .actions {float: right}
      .product-box .title-actions .actions .action {width: 32px; height: 32px; display: block; float: left; font-size: 0; overflow: hidden; text-indent: 100%; line-height: 55px; margin: 0 5px 0 0; background-size: 20px 20px !important; border-radius: 16px; background-color: rgba(0, 0, 0, 0.6) !important;}
      .product-box .title-actions .actions .action:hover {background-color: #8FC23F !important;}
      .product-box .title-actions .actions .action-pause {background: transparent url(../images/icon-pause.png) 50% 50% no-repeat;}
      .product-box .title-actions .actions .action-play {background: transparent url(../images/icon-play.png) 50% 50% no-repeat;}
      .product-box .title-actions .actions .action-prev {background: transparent url(../images/icon-prev.png) 50% 50% no-repeat;}
      .product-box .title-actions .actions .action-next {background: transparent url(../images/icon-next.png) 50% 50% no-repeat;}
      .product-box .title-actions .actions .action-full {background: transparent url(../images/icon-full.png) 50% 50% no-repeat;}
      .product-box .title-actions .actions .action-email {background: transparent url(../images/icon-email.png) 50% 50% no-repeat;}

/* SERVICES PAGE */
body.page-services {}
  body.page-services .services-grid {}
    body.page-services .services-grid .block {position: relative;}
      body.page-services .services-grid .block .image {}
        body.page-services .services-grid .block .image img {}
      body.page-services .services-grid .block .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.3);}
      body.page-services .services-grid .block .content:hover {background-color: rgba(0, 0, 0, 0.7);}
        body.page-services .services-grid .block .content .content-inner {position: absolute; bottom: 50px; left: 50px}
          body.page-services .services-grid .block .content h3 {display: inline-block; max-width: 250px; font-family: 'SwisRoman'; font-size: 22px; font-weight: bold; line-height: 25px; margin: 0; padding: 0 0 10px 0; color: #fff; background: transparent url(../images/services-sep.png) 0 100% no-repeat; background-size: 167.5px 4.5px;}
          body.page-services .services-grid .block .content .reveal {padding-top: 10px; display: none; max-width: 250px}
            body.page-services .services-grid .block .content .reveal p {font-size: 14px; font-family: 'OpenRegular'; font-weight: bold; color: #fff; line-height: 16px; margin: 0;}

body.page-services .home-link-boxes .home-link-box {position: relative;}
  body.page-services .home-link-boxes .home-link-box .content-inner {position: absolute; bottom: 0; padding: 50px;}
    body.page-services .home-link-boxes .home-link-box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; display: block}

/* CONTACT PAGE */
.gmap {height: 550px}

body.page-contact .contact-details {padding: 40px 0}
body.page-contact .contact-details .contact-info {margin: 0; padding: 70px 0 0 15%}
  body.page-contact .contact-details .contact-info h2 {color: #8FC23F; font-size: 33px; line-height: 39px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0;}
  body.page-contact .contact-details .contact-info h3 {font-weight: bold; margin: 0 0 5px 0;}
  body.page-contact .contact-details .contact-info p {}
body.page-contact .contact-details .contact-map {margin: 0;}

dl {overflow: hidden;}
  dl dt {clear: both; float: left; font-weight: bold; margin: 0 10px 5px 0;}
  dl dd {float: left; margin: 0 0 5px 0;}
    dl dd a {text-decoration: none; color: #000;}

.dynamic-form {padding: 40px 0; background-color: #f8f8f8; position: relative;}
  .dynamic-form .form-box {padding: 70px 0 0 15%}
  /*.dynamic-form .form-box-inner {position: absolute; top: 50%; transform: translateY(-50%)}*/
    .dynamic-form .form-box h2 {font-family: 'SwisRoman'; font-weight: bold; color: #9B9B9B; font-size: 28px; line-height: 32px; text-transform: uppercase; margin: 0;}
    .dynamic-form .form-box h3 {color: #8FC23F; font-size: 33px; line-height: 39px; font-weight: bold; text-transform: uppercase; margin: 0 0 60px 0;}
  .dynamic-form .graphic-box {}
    .dynamic-form .graphic-box img {display: none}

/* DYNAMIC FORM */
  .dynamic-form {}
    .dynamic-form .gform_wrapper {}
      .dynamic-form .gform_wrapper form {}
      .dynamic-form .gform_wrapper form p.large-title-contact {font-family: 'HumanistBlack'; color: #000; font-size: 72px; line-height: 1; margin: 0 0 60px 0;}
        .dynamic-form .gform_wrapper form .gform_body {}
          .dynamic-form .gform_wrapper form .gform_body ul {margin: 0; padding: 0;}
            .dynamic-form .gform_wrapper form .gform_body ul li {list-style: none; background: none; margin: 0; padding: 0;}
              .dynamic-form .gform_wrapper form .gform_body .gform_page_fields {margin-bottom: 35px;}
                .dynamic-form .gform_wrapper form .gform_body ul li label {display: none}
                  .dynamic-form .gform_wrapper form .gform_body ul li label .gfield_required {}
                  .dynamic-form .gform_wrapper form .gform_body ul li .ginput_container_text input,
                  .dynamic-form .gform_wrapper form .gform_body ul li .ginput_container_email input,
                  .dynamic-form .gform_wrapper form .gform_body ul li .ginput_container_textarea textarea {width: 100%; display: block; border: none; background-color: #fff; resize: none; padding: 0 5px; height: 50px}
                  .dynamic-form .gform_wrapper form .gform_body ul li .ginput_container_text input {}
                  .dynamic-form .gform_wrapper form .gform_body ul li .ginput_container_textarea textarea {padding: 5px; height: 100px}
                  .dynamic-form .gform_wrapper form .gform_body .gform_page_footer {overflow: hidden;}
                    .dynamic-form .gform_wrapper form .gform_body .gform_page_footer .gform_previous_button,
                    .dynamic-form .gform_wrapper form .gform_body .gform_page_footer .gform_next_button {font-size: 20px; font-family: 'SwisRoman'; color: #8FC23F; text-transform: uppercase; background: none; border: none; text-transform: capitalize;}
                    .dynamic-form .gform_wrapper form .gform_body .gform_page_footer .gform_previous_button {float: left; color: #000;}
                    .dynamic-form .gform_wrapper form .gform_body .gform_page_footer .gform_next_button {float: right}

                    .dynamic-form .gform_wrapper form .gform_body .gform_page_footer .gform_button {float: right; text-transform: uppercase; font-weight: bold; font-family: 'SwisRoman'; font-size: 20px; background-color: #CECECE; border-radius: 4px; color: #000; border: none; height: 50px; line-height: 50px}
                    
                    .dynamic-form .gform_wrapper form .gform_body .gform_page_footer #gform_next_button_4_9 {content: 'Let\'s go!'; text-transform: uppercase; font-weight: bold; font-family: 'SwisRoman'; font-size: 20px; background-color: #CECECE; border-radius: 4px; width: 100%; color: #000; border: none; height: 50px; line-height: 50px}

                    li#field_4_18,
                    li#field_4_20,
                    li#field_4_21 {margin-bottom: 10px;}

/* RANGE SLIDER */
.dynamic-form .gform_wrapper form .gform_body #field_4_15 .ginput_container_text {margin-bottom: 15px; text-align: center}
.dynamic-form .gform_wrapper form .gform_body #field_4_15 label {display: block; margin-bottom: 10px;}
#slider-range {background-color: #cecece; border: none; height: 28px; border-radius: 14px}
  #slider-range .ui-slider-range {text-align: center; background-color: #8fc23f; height: 28px; line-height: 28px; color: #fff; font-weight: normal; font-size: 14px; border-radius: 14px}
  #slider-range .ui-slider-handle {background-color: #fff; height: 28px; border: none; display: block; top: 0; border: 1px solid #8fc23f; border-radius: 14px 0 0 14px}
  #slider-range .ui-slider-handle:nth-of-type(2) {border-radius: 0 14px 14px 0}

.country-text {display: none}


.grid-search > .block {padding: 15px;}




/* dna-global-overrides.css */
.align-center {text-align: center}
.align-left {text-align: left}
.align-right {text-align: right}

.hr {display: block; height: 1px; overflow: hidden; background-color: #ccc; background-color: rgba(153, 153, 153, 0.5); margin: 0 0 50px 0; padding: 0; font-size: 0;}
.hr:last-child {margin-bottom: 0;}

/* dna-responsive.css */
@media only screen and (min-width: 320px) and (max-width: 767px) {
/*********************
Footer 
*********************/
#footer-inner { width: 320px; margin: 0 auto; }
.footer-newsletter { float: none; max-width: 100%; width: 100%; }
.newsletter input:first-child { width: 66%; }
.newsletter input:last-child { padding: 10px 5px 10px; font-size: 14px; }
.footer-social { text-align: center; float: none; }
.footer-bottom .footer-cta { float: none; width: 80%; margin: 25px auto; padding: 0 0 0 60px; }
.site-info { text-align: center; }
.site-info .copyright { float: none; }
.site-info .links { float: none; margin: 20px 0 0 0; padding: 0; }
	.site-info .links li { display: block; margin: 10px 0; }
/*********************
Homepage 
*********************/
.home-enquiry-box .content-inner h2 { font-size: 36px; padding: 0 0 0 20px; }
body.page-home .home-contact-link-box .block { margin: 0 !important;}
.home-link-box .content-inner h2 { font-size: 36px; }
.service-box { padding: 50px 20px; }
	.service-box > .block { padding-right: 0; }
		.service-box > .block.last { padding: 30px 0 0 0; }
			.service-box .block.last p { font-size: 16px; line-height: 22px; }
		.service-box .block h2 { font-size: 36px; }
.featured-products .featured-products-inner h2, .brands .brands-inner h2 { font-size: 20px; line-height: 26px; }
.brands .brands-inner img { max-width: 100%; height: auto }
.featured-products .featured-products-inner { padding: 50px 20px; }
.brands .brands-inner { padding: 52px 20px 37px; }
/*********************
About Us 
*********************/
.about-main .about-main-inner, .services-main .services-main-inner, #story .about-story-inner, #why .about-why-inner, #organisation .about-organisation-inner, #business .about-business-inner, #charity .about-charity-inner { padding: 50px 20px; }
.about-main .about-main-inner .grid.margin > .block-1-2, .services-main .services-main-inner .grid.margin > .block-1-2 { padding-right: 0; }
.about-main .about-main-inner .block:first-child p, .services-main .services-main-inner .block:first-child p { font-size: 20px; line-height: 28px; }
.about-main .about-main-inner .grid.clear-2 > .block:nth-child(2n), .services-main .services-main-inner .grid.clear-2 > .block:nth-child(2n) { padding: 0; }
#story .about-story-inner, #why .about-why-inner { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; padding-top: 100px; }
body.page-about .users-grid .block { margin: 0 !important; }
#organisation .about-organisation-inner .grid.margin > .block-1-2, #business .about-business-inner .grid.margin > .block-1-2, #charity .about-charity-inner .grid.margin > .block-1-2 { padding-right: 0; }
#business .about-business-inner .grid.clear-2 > .block:nth-child(2n) ul { padding: 0 0 0 20px; }
.page-about p, #why .about-why-inner ul li, #business .about-business-inner ul li { font-size: 16px; line-height: 22px; }
}

@media(max-width: 770px){
	.small-header .rest-of-site {padding-top: 50px !important;}
	.dynamic-form .gform_wrapper form p.large-title-contact {display: none}
	.dynamic-form .form-box {padding: 20px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
/*********************
Footer 
*********************/
.footer-bottom .footer-cta { padding-left: 45px; background-size: 35px auto; }
	.footer-bottom .footer-cta h3 a { font-size: 22px; line-height: 22px; }
/*********************
Homepage 
*********************/
.home-enquiry-box .content-inner h2 { font-size: 50px; }
.home-link-box .content-inner h2 { font-size: 50px; }
.service-box { padding-left: 20px; padding-right: 20px; }
	.service-box .block h2 { font-size: 50px; }
		.service-box > .block.last { padding: 25px 0 0 0; }
			.service-box .block.last p { font-size: 14px; line-height: 18px; }
.featured-products .featured-products-inner { padding: 50px 20px 50px; }
.brands .brands-inner { padding: 52px 20px 37px; }
	.brands .brands-inner img { height: auto; width: 25%; }
/*********************
About Us 
*********************/
.about-main .about-main-inner, .services-main .services-main-inner, #story .about-story-inner, #why .about-why-inner, #organisation .about-organisation-inner, #business .about-business-inner, #charity .about-charity-inner { padding: 50px 20px; }
#story .about-story-inner, #why .about-why-inner {  padding-top: 100px; }
body.page-about .users-grid .block .content .content-inner { padding: 15px; }
#team .content-inner h3 { font-size: 16px; }
#team .content-inner h4 { font-size: 14px; }
#team .content-inner .email { max-width: 130px; padding: 11px 0; margin-top: 15px; font-size: 14px; }
#charity .about-charity-inner .image img { width: 80%; }
}

@media(max-width: 430px){
  .fixed-header .fixed-header-right .flags a {width: 57px; background-size: 57px 10px}
}
@media(max-width: 355px){
  .fixed-header .fixed-header-right .flags {display: none}
}

@media(max-width: 767px){
  .grid {}
  .grid > .block {float: none !important; width: 100% !important}
  .grid.margin > .block {margin: 0 0 15px 0 !important;}
  .brands .brands-inner img {margin: 5px}
}