/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**

 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
 
 
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,600,700');
@import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore');
/* @import url('common_text_styles.css'); */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

[v-cloak] {
  display: none;
}

/**
 * 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */

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: .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: -.5em;
}

sub {
	bottom: -.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 {
	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"],
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;
	font-weight: 400;
}

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

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * 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: .35em .625em .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;
	width:100%;
}

td,
th {
	padding: 0;
}

.search-result-list,
.main-nav,
.main-nav .drop ul,
.top-icons,
.tab-list,
.slick-slider .slick-dots,
.breadcrumbs ul,
.select-list,
.filter-drop,
.filter-list,
div.lightbox .list,
.sidebar-accordion,
.sidebar-accordion .slide,
.sidebar-accordion .nonslide,
.review-bar .list,
.head-list,
.feature-list,
.items,
.pagination ul,
.footer-logos,
.social-networks,
.footer-nav,
.news-list,
.social-tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
.container:after,
.input-wrap:after,
.header-hold:after,
.navigation:after,
.main-nav:after,
.top-icons:after,
#two-columns:after,
div.lightbox .wrapper:after,
.general-wrapper:after,
.quote-form .code-wrap:after,
.two-cols:after,
.footer-holder:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

html {
	box-sizing: border-box;
}

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

* {
	max-height: 1000000px;
}

body {
	color: #777;
	background: #fff;
	font: 15px/1.4 "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	min-width: 320px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
}

.gm-style img {
	max-width: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
	font-family: inherit;
	font-weight: bold;
	margin: 0 0 .5em;
	color: inherit;
}

h1,
.h1 {
	font-size: 30px;
}

h2,
.h2 {
	font-size: 27px;
}

h3,
.h3 {
	font-size: 22px;
}

h4,
.h4 {
	font-size: 20px;
}

h5,
.h5 {
	font-size: 17px;
}

h6,
.h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1em;
}

a {
	color: #003e7d;
}

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

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="number"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #999;
	padding: .4em .7em;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #00aeef;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #999;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
textarea.placeholder {
	color: #999;
}

select {
	-webkit-border-radius: 0;
}

textarea {
	resize: vertical;
	vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}


@font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-bold-webfont.svg#amsi_pro_condbold") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-light-webfont.svg#amsi_pro_condlight") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-regular-webfont.svg#amsi_pro_condregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "amsi_pro";
	src: url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.eot");
	src: url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.woff2") format("woff2"), url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.woff") format("woff"), url("../fonts/stawix/stawix_-_amsiprocond-semibold-webfont.svg#amsi_pro_condsemibold") format("svg");
	font-weight: 600;
	font-style: normal;
}

html,
body {
	height: 100%;
}

#wrapper {

	width: 100%;
	position: relative;
}



img {
	vertical-align: top;
}

a {
	outline: none !important;
}

.resize-active * {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

.bg-img {
	display: block;
	position: absolute;
	left: -84px;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: -1;
	background-size: cover;
	background-position: center 55%;
	background-repeat: no-repeat;
}

.bg-img img {
	visibility: hidden;
}

.container {
	max-width: 1500px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.close {
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.close:before,
.close:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 2px;
	background: #d1d1d1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: background .3s;
	transition: background .3s;
}

.close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.close:hover:before,
.close:hover:after {
	background: #003e7d;
}

.button {
	display: inline-block;
	vertical-align: top;
	background: #009b7b;
	color: #fff;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 20px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	border: none;
	outline: none;
	-webkit-transition: background .3s;
	transition: background .3s;
	padding: 3px 10px 6px;
	text-align: center;
	text-decoration: none;
	font-weight:400;
}

.button:hover {
	background: #008267;
}

.button-submit {
	background: #003e7d;
	border-radius: 4px;
	border: none;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	outline: none;
	padding: 2px 16px 4px;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.button-submit:hover {
	background: #003164;
}

.button-submit .fa {
	font-size: 24px;
	color: rgba(255, 255, 255, .7);
	margin-left: 20px;
	position: relative;
	top: 2px;
}

.btn-add {
	display: block;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 20px;
	padding: 8px 16px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	font-weight: 700;
	color: #fff;
	background: #009b7b;
	-webkit-transition: background .3s;
	transition: background .3s;
	position:relative;
}

.btn-add .sign {
	float: left;
	font-size: 28px;
	line-height: 1;
	font-size: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.btn-add:hover {
	background: #008267;
}

.input-wrap {
	margin-bottom: 5px;
	position: relative;
}
.product-info form .input-wrap {
}


.input-wrap .required {
	color: #009b7b;
	position: absolute;
	right: -13px;
	top: -3px;
	font-size: 16px;
}

.input-hold {
	width: calc(100% - 80px);
	float: left;
	position: relative;
}

input.form-input,
textarea.form-input {
	background: #fff;
	border: 1px solid #ddd;
	height: 34px;
	border-radius: 4px;
	width: 100%;
	font-size: 11px;
	line-height: 14px;
	padding: 4px 12px;
	-webkit-transition: border .3s;
	transition: border .3s;
	color: #a1a1a1;
	outline: none !important;
	letter-spacing: .05em;
}

input.form-input.small{width:50%;}

input.form-input::-webkit-input-placeholder,
textarea.form-input::-webkit-input-placeholder {
	text-transform: uppercase;
	color: #a1a1a1;
}

input.form-input::-moz-placeholder,
textarea.form-input::-moz-placeholder {
	opacity: 1;
	text-transform: uppercase;
	color: #a1a1a1;
}

input.form-input:-moz-placeholder,
textarea.form-input:-moz-placeholder {
	text-transform: uppercase;
	color: #a1a1a1;
}

input.form-input:-ms-input-placeholder,
textarea.form-input:-ms-input-placeholder {
	text-transform: uppercase;
	color: #a1a1a1;
}

input.form-input.placeholder,
textarea.form-input.placeholder {
	text-transform: uppercase;
	color: #a1a1a1;
}

input.form-input:focus,
textarea.form-input:focus {
	border-color: #00aeef;
	background:#fff;
}
input.form-input.active{background-color:#fff;}

input.form-input.input-error,
textarea.form-input.input-error {
	border-color: #fb3131 !important;
}


.form input.form-input.input-error::-webkit-input-placeholder {
	color: #fb3131;
}

input.form-input.input-error::-moz-placeholder {
	color: #fb3131;
}

input.form-input.input-error:-moz-placeholder {
	color: #fb3131;
}

input.form-input.input-error:-ms-input-placeholder {
	color: #fb3131;
}

input.form-input.input-error.placeholder {
	color: #fb3131;
}

input.form-input.input-error + .required,
textarea.form-input.input-error + .required{
	color: #fb3131;
}

select.input-error + .jcf-select {
	border-color: #fb3131;
}

select.input-error + .jcf-select .jcf-select-opener {
	border-width: 1px 1px 1px 0;
	border-color: #fb3131;
	border-style: solid;
}
select.input-error + .jcf-select .jcf-select-opener + .required{
	color: #fb3131;
}

.general-form .submit-wrap {
	width: 80px;
	float: right;
	padding-left: 5px;
}

.general-form [type="submit"].button {
	height: 34px;
	width: 100%;
}

.general-form .text {
	display: block;
	margin-bottom: 8px;
	font-weight: 300;
}

.general-form .text a {
	color: #009b7b;
	font-weight: 400;
}

.general-form .text.grey a {
	color: #68696a;
}

.general-form .options-hold {
	padding-top: 10px;
}

.general-form input.button {
	padding: 3px 5px 6px;
}


/* tabset required styles for hidden tabs */

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

.search-drop {
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 6px;
	background: #fff;
	width: 381px;
	z-index: 999;
	border-radius: 4px;
	padding: 8px;
	display: none;
}

.search-drop .search-title {
	display: block;
	background: #f4f4f4;
	font-size: 24px;
	color: #003e7d;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	padding: 2px 12px;
	margin-bottom: 8px;
}

.search-result-list {
	border-top: 3px solid #eee;
	font-size: 12px;
}

.search-result-list li {
	border-top: 1px solid #eee;
	padding: 6px 0;
    overflow:hidden;
}

.search-result-list li:first-child,
.search-result-list li:last-child {
	border-top: none;
}

.search-result-list a {
	display: block;
	text-decoration: none;
	color: #8a8b8c;
}

.search-result-list a:hover {
	color: #009b7b;
}

.search-result-list .btn-wrap {
	text-align: right;
}

.search-result-list .button {
	display: inline-block;
	color: #fff;
	border-radius: 0;
	font-weight: normal;
}

.search-result-list .button:hover {
	color: #fff;
}

.search-result-list .name {
	display: block;
	color: #707071;
	font-size: 14px;
}

.search-result-list .img {
	float: left;
	width: 78px;
	margin-right: 14px;
}

.search-result-list .text {
	overflow: hidden;
}

.loader-block {
	text-align: center;
	padding-bottom: 40px;
}

.loader-block .load-img {
	width: 70px;
	margin: -6px auto 0;
}

.loader-block .info-text {
	display: block;
	font-size: 12px;
	color: #b8b8b8;
	text-transform: uppercase;
}

.btn-back {
	position: fixed;
	right: -70px;
	bottom: 30px;
	width: 40px;
	height: 40px;
	background: #d3d2d2;
	border-radius: 40px;
	z-index: 9;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 1;
	-webkit-transition: background .3s, right .3s;
	transition: background .3s, right .3s;
	display: none;
}

.btn-back:hover {
	background: #003e7d;
}

.btn-back:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.btn-back .fa {
	display: inline-block;
	vertical-align: middle;
}

.back-btn-active .btn-back {
	right: 10px;
}

.popup-holder {
	height: 0;
	overflow: hidden;
}

#header {
	padding: 10px 0 15px;
	z-index: 99;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	min-width: 320px;
	background: #fff;
	border-top:5px solid #003e7d;
}

.logo {
	float: left;
	width: 120px;
	margin: 3px 20px 2px 0;
}

.nav-opener {
	display: block;
	position: relative;
	width: 43px;
	height: 43px;
	background: #009b7b;
	position: absolute;
	right: 15px;
	top: 4px;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.nav-opener:hover {
	background: #003e7d;
}

.nav-active .nav-opener span {
	opacity: 0;
}

.nav-active .nav-opener:before,
.nav-active .nav-opener:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15%;
	right: 15%;
	margin: -2px 0 0 1px;
}

.nav-active .nav-opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-opener span,
.nav-opener:before,
.nav-opener:after {
	left: 20%;
	right: 20%;
	top: 50%;
	height: 4px;
	margin-top: -2px;
	background: #fff;
	position: absolute;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.nav-opener:before,
.nav-opener:after {
	content: "";
	top: 10px;
	margin-top: 0;
}

.nav-opener:after {
	top: auto;
	bottom: 9px;
}

.nav-hold {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #fff;
	z-index: 2;
	padding: 0 15px;
	border-width: 2px 0 4px;
	border-style: solid;
	border-color: #003e7d;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity .3s,visibility .3s, -webkit-transform .3s;
	transition: opacity .3s,visibility .3s, transform .3s;


}

.nav-active .nav-hold {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.main-nav {
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 18px;
	font-weight:400;
}

.main-nav > li.active > a:before {
	opacity: 1;
	visibility: visible;
}

.main-nav li {
	border-top: 1px solid #ebebeb;
	position: relative;
}

.main-nav li:first-child {
	border-top: none;
}

.main-nav a {
	display: block;
	text-decoration: none;
	padding: 6px 0;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.main-nav a:hover {
	color: #009b7b;
}

.main-nav li.hover > a {
	color: #009b7b;
}

.main-nav li.hover .drop {
	max-height: 5000px;
}

.main-nav .drop {
	max-height: 0;
	overflow: hidden;
	font-size: 15px;


	-webkit-transition: max-height .3s;
	transition: max-height .3s;
}

.main-nav .drop ul {
	border-top: 1px solid #ebebeb;
}

.main-nav .drop a {
	padding: 6px 10px;
	color: #9a9999;

}


.main-nav .drop a:hover {
	color: #009b7b;
}



.header-phone {
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	float: right;
	font-size: 20px;
	margin: 8px 53px 0 0;
	color: #bebebe;
}

.header-phone .txt {
	display: none;
}

.header-phone a {
	text-decoration: none;
	color: #003e7d;
	font-weight:400;
}

.header-phone a:hover {
	color: #009b7b;
}

.top-icons {
	padding: 30px 0 10px;
	font-size: 17px;
	position: relative;
}

.top-icons > li {
	float: left;
	margin: 0 4px 5px 0;
	text-align: center;
}

.top-icons > li > a {
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 32px;
	background: #d1d1d1;
	-webkit-transition: background .3s;
	transition: background .3s;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	position: relative;
}

.top-icons > li > a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin-left: -.25em;
}

.top-icons > li > a .fa {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}

.top-icons > li > a:hover {
	background: #9e9fa0;
}

.top-icons > li > a:hover .hover-block {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
}

.top-icons > li > a.has-notification {
	background: #009b7b;
}

.top-icons > li.active > a {
	background: #009b7b;
}

.top-icons .notification {
	width: 16px;
	height: 16px;
	background: #003e7d;
	position: absolute;
	right: -5px;
	top: -3px;
	border-radius: 16px;
	font-size: 10px;
	text-decoration: none;
}

.top-icons .hover-block {
	position: absolute;
	bottom: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #68696a;
	font-size: 12px;
	padding: 4px 15px 6px;
	margin: 0 0 10px;
	border-radius: 5px;
	-webkit-transform: translate(-50%, 10px);
	-ms-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	opacity: 0;
	visibility: hidden;

	-webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
	transition: opacity .3s, visibility .3s, transform .3s;
	font-weight: 400;
}

.top-icons .hover-block:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #68696a transparent transparent;
	margin-left: -5px;
}

.top-icons .drop-active > a {
	background: #009b7b;
}

.top-icons .drop-active > a:hover {
	background: #009b7b;
}

.top-icons .drop-active .drop {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.top-icons .drop {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	margin-bottom: -40px;
	background: #f8f7f7;
	border-radius: 5px;
	padding: 10px 15px;
	text-align: left;
	font-size: 13px;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
	transition: opacity .3s, visibility .3s, transform .3s;
}

.top-icons .title {
	color: #003e7d;
	font: 400 21px/1.2 "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.top-icons .heading {
	overflow: hidden;
	margin-bottom: 6px;
}

.top-icons .close {
	float: right;
}

.banner {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1170px;
}

.banner-block {
	position: relative;
	padding: 30px 15px 50px;
}

.quick-box {
	position: relative;
	z-index: 5;
	background: rgba(255, 255, 255, .36);
	width: 280px;
	padding: 26px 10px;
}

.quick-box .title {
	color: #fff;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 36px;
	font-weight: 700;
	display: block;
	margin-bottom: 9px;
}

.tab-list {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 700;
	text-align: center;
	margin-bottom: 21px;
}

.tab-list li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.tab-list a {
	display: block;
	background: #68696a;
	color: #fff;
	border-radius: 6px;
	margin: 0 2px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px;
	position: relative;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.tab-list a:hover {
	background: #009b7b;
}

.tab-list a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	margin-left: -3px;
	border-width: 7px 4px 0;
	border-color: #009b7b transparent transparent;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.tab-list .active > a {
	background: #009b7b;
}

.tab-list .active > a:before {
	opacity: 1;
}

.form input.form-input {
	font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-transform: none;
	font-size: 14px;
}

.form input.form-input::-webkit-input-placeholder {
	text-transform: none;
}

.form input.form-input::-moz-placeholder {
	opacity: 1;
	text-transform: none;
}

.form input.form-input:-moz-placeholder {
	text-transform: none;
}

.form input.form-input:-ms-input-placeholder {
	text-transform: none;
}

.form input.form-input.placeholder {
	text-transform: none;
}

.form-input.e-bg{position: absolute; left:0; top:0; background: transparent; z-index:10}
.input-hold .place{left:0px; background:#fff;top:0px; height: 34px;
border-radius: 4px; text-indent:13px; padding-top:3px;
width: 100%; display:block;position:absolute;font-size: 11px;
color: #A1A1A1;}
.input-hold .place em{display:block; color:#ccc; font-size:11px; font-weight:400;font-style:normal; line-height:9px;}

.form .button-submit {
	margin: 13px 0 10px;
}

.form .link {
	font-size: 14px;
}

.form .link a {
	color: #009b7b;
}

.banner-slider.slick-slider {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.banner-slider.slick-slider .slick-list,
.banner-slider.slick-slider .slick-track {
	height: 100%;
}

.banner-slider.slick-slider .slide {
	position: relative;
	height: 100%;
}

.slick-slider .slide {
	outline: none !important;
}

.slick-slider .slide img{
	width:100%; height:auto;
}

.slick-slider .slick-dots {
	position: absolute;
	left: 15px;
	bottom: 15px;
	z-index: 4;
	font-size: 0;
	line-height: 0;
	background:rgba(0,0,0,0.2);
	border-radius:2px; padding:5px 0px 5px 7px;
}

.slick-slider .slick-dots li {
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}

.slick-slider .slick-dots button {
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	width: 11px;
	height: 11px;
	border-radius: 11px;
	display: block;
	background: rgba(255, 255, 255, .4);
	-webkit-transition: background .3s;
	transition: background .3s;
	padding: 0;
	border: none;
}

.slick-slider .slick-dots button:hover {
	background: #fff;
}

.slick-slider .slick-dots .slick-active button {
	background: #fff;
}

.banner-aside {
	overflow: hidden;
}

.banner-aside .row {
	padding: 4px 0;
}

.aside-figure {
	position: relative;
	margin: 0;
	height: 100%;
}

.aside-figure > a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 100%;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.aside-figure > a:hover {
	opacity: .8;
}

.aside-figure .bg-img {
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.aside-figure .bg-img img {
	visibility: visible;
	width: 100%;
	max-width: none;
}

.aside-figure .caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .85);
	font-size: 20px;
	font-weight: 700;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	padding: 4px 15px;
}

.content-banner {
	position: relative;
	color: #fff;
	padding: 30px 0;
    height:360px;
}

.content-banner:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	box-shadow: inset 0 -250px 250px -137px rgba(0, 0, 0, .8);
}

.content-banner.add {
	font-weight: 600;
	padding: 32px 15px 35px;
	height:360px;
	overflow:hidden;
}

.content-banner.add:before {
	box-shadow: 290px 0 320px -187px rgba(0, 0, 0, .7) inset;
}

.content-banner.add .content-banner-text {
	padding: 0;
	font-weight: 600;
	max-width: 320px;
}

.content-banner.add .content-banner-text p {

}

.content-banner.add .content-banner-text .link {
	font-size: 24px;
}

.content-banner-text {
	max-width: 420px;
	font-size: 24px;
	line-height: 1.167;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	position: relative;
	z-index: 2;
	padding-left: 50px;
}

.overimg {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image:url(../images/shade.png);
}


.content-banner-text h2 {
	font-size: 30px;
	margin-bottom: 26px;
}

.content-banner-text p {

}

.content-banner-text .link {
	color: #fff;
	font-weight: normal;
}

.main-heading {
	background: #f1f1f1;
	padding: 10px 0 15px;
}

.main-heading h1 {
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #1e1e1e;
}



.main-heading [type="text"] 
	{width:100%; height:45px; margin:5px 0 10px;border-radius:3px; padding-left:50px; border:1px solid #ddd; background:url(../images/search-bg.png) no-repeat 10px center #fff;}
	.main-heading [type="text"]:focus{border:1px solid #00aeef; outline:none;}


.content-search [type="text"]::-webkit-input-placeholder {
	font-style: italic;
}

.content-search [type="text"]::-moz-placeholder {
	opacity: 1;
	font-style: italic;
}

.content-search [type="text"]:-moz-placeholder {
	font-style: italic;
}

.content-search [type="text"]:-ms-input-placeholder {
	font-style: italic;
}

.content-search [type="text"].placeholder {
	font-style: italic;
}

.content-search [type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: transparent;
	border: none;
	color: #888;
	font-size: 20px;
	width: 48px;
	padding: 0;
}

.content-header-hold {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.content-header-hold .content-search {
	display: table-footer-group;
	height: 1%;
	width: 100%;
	overflow: hidden;
}

.breadcrumbs {
	display: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	color: #9a9898;
}

.breadcrumbs ul strong {
	text-decoration: underline;
	font-weight: 300;
}

.breadcrumbs li {
	float: left;
	position: relative;
}

.breadcrumbs li:before {
	content: ">";
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	margin: 0 5px;
}

.breadcrumbs li:first-child:before {
	display: none;
}

.thumbnail-holder {
	display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
    padding:30px 0 60px;
}

.thumbnail-holder.sales .thumbnail .view {
	text-align: right;
}

.thumbnail-holder .column {
	position: relative;
border: 1px solid #707070;
border-radius: 20px;
margin: 0;
text-align: center;
padding: 20px 20px 10px;
cursor: pointer;
text-decoration: none;
    text-align: center;
cursor: pointer;
}


.thumbnail h3 {
	display: block;
font-size: 36px;
line-height: 38px;
    font-weight: 700;
    color: #003e7e;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.thumbnail .pic {
  width: 93%;
  margin: 0 auto;
  display: block;
  position: relative;
  height: 265px;
  display: flex;
  align-items: flex-end;
}

.thumbnail img {
	width: 100%;
height: 100%;
object-fit: contain;
}


.thumbnail p {
	position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
text-align: center;
border-radius: 20px;
padding: 50px 25px;
background: rgba(0,62,126,0.8);
color: #fff;
font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 26px;
font-weight: 400;
opacity: 0;
text-decoration: none;
display: flex;
align-items: center;
line-height: 1.3;
    margin:0;
}
.thumbnail:hover p {
  opacity: 1;
  transition: opacity 0.3s;
}

#two-columns, #one-column {
	margin: 0 -15px;
	padding: 27px 0;
}

#detail-cols {
	margin: 0;
	padding: 15px 0 50px;
}

.main-content {
	padding: 0 15px 15px;
}
.wide-content{padding:0 15px;}

.sidebar {
	padding: 0 15px;
}

.sidebar .top-title {
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: normal;
	color: #1e1e1e;
	border-bottom: 1px solid #ebebeb;
	position: relative;
	font-size: 18px;
	margin: -8px 0 12px;
	padding-bottom: 10px;
}

.sidebar .top-title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	background: #009b7b;
	width: 50px;
}

.sidebar .clear {
	float: right;
	color: #bab9b9;
	font-size: 11px;
	text-decoration: none;


	-webkit-transition: color .3s;
	transition: color .3s;
	text-transform: uppercase;
	margin: 4px 0 0;
	font-weight: 400;
}

.sidebar .clear:hover {
	color: #003e7d;
}

.sidebar .clear .fa {
	font-size: 16px;
	margin-left: 4px;
}

.head-wrap {
	overflow: hidden;
}

.aside-title {
	font-size: 16px;
	display: block;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 600;
	color: #464545;
	margin-bottom: 7px;}
	
	.aside-title.filter-title{
	display:none;
}

.aside-title .fa {
	display: none;
}

.select-list {
	font-size: 14px;
	color: #003e7d;
	margin: 0 0 14px;
	font-weight: 400;
}

.select-list li {
	background: #f1f1f1;
	padding: 4px 5px 4px 10px;
	margin-bottom: 3px;
	display: inline-block;
	vertical-align: top;
}

.select-list li:hover .cross {
	opacity: 1;
}

.select-list .cross {
	float: right;
	opacity: 0;
	color: #bbb;
	text-decoration: none;
	-webkit-transition: opacity .3s, color .3s;
	transition: opacity .3s, color .3s;
	margin-left: 4px;
	vertical-align:top; margin-top:-1px;
	cursor:pointer;
}

.select-list .cross:hover {
	color: #003e7d;
}

.filter-drop {
	margin-bottom: 40px;
}

.filter-drop > li {
	margin-bottom: 3px;
	border: 1px solid transparent;
}

.filter-drop > li.active {
	border-color: #f1f1f1;
}

.filter-drop > li.active .slide-opener {
	background: transparent;
}

.filter-drop > li.active .sign {
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	height: 4px;
	width: 17px;
	background: #cccbcb;
	margin: 11px -2px 0 0;
}

.filter-drop .slide-opener {
	display: block;
	background: #f1f1f1;
	color: #464545;
	text-decoration: none;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 7px 13px;
	-webkit-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
}

.filter-drop .slide-opener:hover {
	color: #003e7d;
}

.filter-drop .slide-opener:hover .sign {
	color: #003e7d;
}

.filter-drop .slide-opener .sign {
	font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 700;
	float: right;
	color: #cccbcb;
	font-size: 30px;
	line-height: 1;
	margin: -6px -8px 0 0;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.filter-list {
	padding: 5px 13px 0;
	font-size: 13px;
	font-weight: 400;
}

.filter-list li {
	margin-bottom: 18px;
}

.filter-list li a {
    color: #686767;
    text-decoration: none;
}
.filter-list li a:hover {
    color: #003e7d;
}

.checkbox {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 26px;
	color: #686767;
}
.checkbox.disabled{color:#aaa;}

.checkbox .count {
	color: #a2a0a0;
}

.checkbox [type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.checkbox [type="checkbox"]:checked + .checkbox-input:before {
	opacity: 1;
}


.checkbox .checkbox-input {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid #d2d1d1;
}

.checkbox .checkbox-input:before {
	content: "";
	position: absolute;
	left: 4px;
	right: 4px;
	top: 4px;
	bottom: 4px;
	background: #003e7d;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.box-wrapper {
	padding: 0 0 20px 0;
}

.box-wrapper h2, .general-head h2 {
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #009b7b;
	font-size: 26px;
	font-weight: 400;
	margin: 0 0 21px;
	
}

.general-head.sortable h2,  .general-head.sortable h1{float:left; margin:0;}

.box-content {
	font-size: 0;
	letter-spacing: -4px;
	margin: 0 -10px;
}

.box-content .column {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 14px;
	letter-spacing: 0;
	padding: 0 10px;
}

.card, a.card {
	display:block;
	overflow:hidden;
	position:relative;
	border-width: 1px 0 0;
	border-color: #e6e6e6;
	border-style: solid;
	padding: 10px 0 0;
	margin-bottom: 37px;
	color:#777;
	text-decoration:none;
}

.card .img,  .card a.img, .card div{
	text-align: center;
	position: relative;
	display:block;
}

.card .view{
	color:#009b7b;
	display:block;
	margin-bottom: 37px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size:18px;
	font-weight: 400;
}
a.card:hover .view{color: #003e7d; text-decoration:underline; }
.card h4 {
	font-size: 20px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 600;
	color: #003e7d;
	margin: 0 0 10px;
}

.card p {
	margin-bottom: 15px;
	font-weight: 400;
}

.card .price{display:block; min-height:24px;padding:0 0 10px 0; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:24px; color:#464545;}

.card a {
	color: #009b7b;
	text-decoration: none;
}

.card a.view:hover, .card a:hover {
	color: #003e7d;
}

.card .extra {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	width: 36px;
	height: 17px;
	background: url(../images/ico-extra.png) no-repeat;
	margin: -6px 0 0 7px;
}

.card .bottom-box {
	overflow: hidden;
}

.card .bottom-box .row {
	margin-bottom: 9px;
}

.card .add {
	display: block;
	background: #c2c0c0;
	color: #fff;
	padding: 0 12px;
	height: 37px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 18px;
	line-height: 36px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	-webkit-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
	position: relative;
}

.card .add:hover {
	background: #009b7b;
	color: #fff;
}

.card .add .sign {
	float: left;
	font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 24px;
}

.card .add .added, .btn-add .added {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 12px;
	background: #ededed;
	color: #009b7b;
	opacity: 0;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
.btn-add .added{padding:8px 12px;}
.card .add .added .sign {
	font-size: 20px;
}

.card .btn {
	height: 37px;
	display: block;
	background: #f0f0f0;
	text-align: center;
	font-size: 23px;
	line-height: 36px;
	color: #acacac;
	-webkit-transition: color .3s;
	transition: color .3s;
	position: relative;
}

.card .btn:hover .txt {
	opacity: 1;
}

.card .btn .txt {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #003e7d;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	padding: 6px 2px;
	opacity: 0;

	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	vertical-align:middle;
}

.box-content.favs .card .btn .txt{line-height:26px;}

.card .btn.full {
	font-size: 18px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
}

.card .btn.full:hover {
	background: #009b7b;
	color: #fff;
}

.card .col-wrap {
	overflow: hidden;
	margin: 0 -4px;
}

.card .col-wrap .col {
	float: left;
	width: 50%;
	padding: 0 4px;
}

.box-content.favs .card .col-wrap .col{width:50%;}



.box-content.favs .card .col-wrap .col:last-child{width:50%;}

.card .add-list.added-active .added, .btn-add.added-active .added {
	opacity: 1;
}

.card .fav-star:hover {
	color: #fec100;
}

.card .fav-star.fav-active, .review-bar .fav-star.fav-active {
	color: #fec100;
}

.card .fav-star.fav-active:hover {
	color: #fec100;
}

.card .fav-star.fav-active .fa-star-o:before {
	content: "\f005";
}

.card .new-product {
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	width: 83px;
	height: 83px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../images/new-product.png) no-repeat;
}

.card .offer {
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../images/ico-offer.png) no-repeat;
}

.general-head {
	overflow: hidden; position:relative;
}

.options{float:right; text-align:right; padding-bottom:15px;}
.sort-form {
	display:inline-block;
	font-size: 14px;
	padding: 8px 0 0;
	float:left;
}

.sort-form .select-hold {
	display: inline-block;
	vertical-align: middle;
	min-width: 100px; padding-left:10px;
	text-align:right;
}

a.all{
	display:inline-block;
	height:26px;
	background:#eee;
	border-radius:3px;
	font-size:14px;
	margin-left:10px;
	vertical-align:middle;
	padding:0 10px;
	text-decoration:none;
	line-height:24px;
	font-weight: 400;
}
a.all:hover{background:#c2c0c0; color:#fff;}

.sort-form .sort-title {

	font-weight: normal;
	font-size: 14px;
	padding: 3px 12px 0 0;
	font-weight: 300;
}

.sort-form .select {
	overflow: hidden;
	width: auto;
	display:inline-block;  vertical-align:middle;
}

.sort-form select {
	border: 1px solid #f0f0f0;
	width: auto;
	height: 26px;
}

div.lightbox {
	padding: 10px 15px;
	max-width: 850px;
	margin: 0 auto;
}

div.lightbox#popup1{max-width:850px;}


div.lightbox .close {
	float: right;
	margin: -5px -10px 0 0;
}

div.lightbox h3 {
	font-weight: 300;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #003e7d;
	margin: 0 0 10px;
}

div.lightbox .wrapper {
	margin: 0 -6px 15px;
}

div.lightbox .slider-wrap {
	padding: 0 6px;
}

div.lightbox .product-info-wrap {
	padding: 0 6px;
}

div.lightbox .bottom {
	border-width: 1px 0;
	border-style: solid;
	border-color: #dfdede;
}

div.lightbox .list {
	padding: 10px 0;
}

div.lightbox .list li {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	position:relative;
}

div.lightbox .list a {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background: #e8e4e4;
	color: #7c7b7b;
	display: block;
	text-align: center;
	-webkit-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
	cursor:pointer;
}

div.lightbox .list a:hover {
	background: #009b7b;
	color: #fff;
}


div.lightbox .list a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

div.lightbox .list a .fa {
	display: inline-block;
	vertical-align: middle;
}

div.lightbox .list a.fav-star:hover{color: #fec100;
}

div.lightbox .list a.fav-star.fav-active {
	color: #fec100;
}



.slider .slick-arrow {
	position: absolute;
	right: 10px;
	bottom: 8px;
	background: transparent;
	padding: 0;
	border: none;
	outline: none !important;
	color: #fff;
	z-index: 4;
	background:rgba(0,0,0,0.2);
	border-radius:2px; padding:2px 5px;
}

.slider .slick-arrow.slick-prev {
	right: 35px;
}

.product-info {
	background-color: #f4f3f3;
	padding: 10px 20px;
}

.product-info .price{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; display:block; font-size:32px; color:#464545; line-height:24px; padding-top:6px;}
.product-info .incvat{display:block; font-size:16px; color:#918f8f;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:300; padding-bottom:10px;}

.product-info .qty-title {
	color: #aaa;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 6px;
	display: block;
}

.product-info .select {
	width: 80px;
	margin-bottom: 25px;
}

.product-info.sales .select {
	margin-bottom: 15px; display:inline-block;
}

.product-info .optgroup{display:inline-block; width:164px;}

.product-info .btn-wrap {
	margin-bottom: 7px;
}

.product-info .btn {
	display: block;
	background: #e1e0e0;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 20px;
	color: #919191;
	padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	font-weight: 700;
}

.product-info .btn:hover {
	opacity: .9;
}

.product-info .btn.add {
	color: #fff;
	background: #009b7b;
}

.product-info .btn .sign {
	float: left;
	font-size: 28px;
	line-height: 1;
	font-size: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.fav-add {
	font-size: 22px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	color: #383838;
	text-align: center;
}



.fav-add .link {
	color: #009b7b;
	font-size: 18px;
}

.fav-add .check {
	width: 80px;
	height: 80px;
	background: #f1f1f1;
	border-radius: 80px;
	margin: 0 auto 20px;
	display: block;
	text-align: center;
	color: #003e7d;
	font-size: 40px;
}

.fav-add .check .fa-star{color: #fec100;}

.fav-add .check:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.fav-add .check .fa {
	display: inline-block;
	vertical-align: middle;
}

.sidebar-accordion {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
}

.sidebar-accordion > li {
	padding: 12px 0;
	border-top: 1px solid #ebebeb;
}

.sidebar-accordion > li:first-child {
	border-top: none;
	padding-top: 0;
}

.sidebar-accordion > li.active a:before {
	top: 0;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sidebar-accordion .slide-opener {
	text-transform: uppercase;
	font: 18px/20px "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #464545;
	text-decoration: none;
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
}

.sidebar-accordion .slide li,  .sidebar-accordion .nonslide li{
	border-top: 1px solid #ebebeb;
}

.sidebar-accordion .slide li:first-child, .sidebar-accordion .nonslide li:first-child {
	border-top: none;
	padding-top: 2px;
}

.sidebar-accordion .slide .active a, .sidebar-accordion .nonslide .active a {
	background: #f1f1f1;
	color: #003e7e;
	padding: 10px 12px 9px;
	position: relative;
	display: block;
}

.sidebar-accordion .slide .active a:before, .sidebar-accordion .nonslide .active a:before {
	position: absolute;
	top: 9px;
	right: 13px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 26px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.sidebar-accordion .slide a, .sidebar-accordion .nonslide a {
	color: #777;
	text-decoration: none;
	display: block;
	padding: 10px 12px 9px;
	font-weight: 400;
}

.sidebar-accordion .slide a:hover, .sidebar-accordion .nonslide a:hover {
	color: #003e7e;
}

.content-block {
	overflow: hidden;
}

.content-block .text-wrap {
	font-size: 15px;
	line-height: 30px;
	font-weight: 400;
	padding-top: 20px;
}



.content-block .text-wrap h2, .content-block h2 {
	font: 300 24px/30px "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #003e7e;
	margin: 0 0 20px;
}

.content-block .text-wrap p, .content-block .text-wrap-left p {
	margin-bottom: 20px;
}

.content-block .text-wrap a {
	color: #009b7b;
}

.content-block .img-wrap, .content-block .img-wrap-left{
	margin: 0 -10px;
	overflow: hidden;
}

.content-block .img-wrap .img-holder, .side-col .img-wrap .img-holder, .content-block .img-wrap-left .img-holder {
	margin-bottom: 20px;
}

.general-wrapper {
	margin: 0 -12px;
}

.general-content {
	padding: 0 12px;
}

.intro {
	color: #003e7d;
	font-size: 23px;
	line-height: 1.304;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	padding: 25px 0 12px;
}

.review-bar {
	// overflow: hidden;
	border-width: 1px 0;
	border-style: solid;
	border-color: #dfdfdf;
	padding: 12px 0 12px;
	display:block;
    height: 65px;
}

.review-bar .nixon-logo {
	float: right;
	margin: -6px 5px -3px 0; text-align:right;
	color:#003e7d; font-size:13px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400;
}
.review-bar .nixon-logo img{
	display:inline-block;
}
.review-bar .nixon-logo span{display:block;}
.review-bar .review {
	float: left;
	color: #9b9999;
	font-size: 13px;
	margin: 7px 0 0 ;
}

.review-bar .list {
	float: left; margin-right:23px
}

.review-bar .list li {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	position:relative;
}

.review-bar .list a {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background: #e8e4e4;
	color: #7c7b7b;
	display: block;
	text-align: center;
	-webkit-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
	
}

.review-bar .list a:hover {
	background: #009b7b;
	color: #fff;
}

.review-bar .list a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.review-bar .list a .fa {
	display: inline-block;
	vertical-align: middle;
}

.detail-wrap {
	padding-top: 20px;
}

.detail-wrap .tab-wrap {
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
}

.detail-wrap p {
	margin-bottom: 24px;
}

.head-list {
	font-size: 15px;
	text-align: center;
	display: table;
	width: 100%;
	table-layout: fixed;
	font-weight: 400;
	margin-bottom: 29px;
}

.head-list li {
	display: table-cell;
	vertical-align: top;
}

.head-list a {
	display: block;
	background: #e9e9e9;
	color: #6c6c6c;
	border-right: 1px solid #fff;
	text-decoration: none;
	padding: 13px 5px;
	position: relative;



	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s;
}

.head-list a:hover {
	background: #7c7b7b;
	color: #fff;
}

.head-list a:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #7c7b7b transparent transparent;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.head-list .active > a {
	background: #7c7b7b;
	color: #fff;
}

.head-list .active > a:before {
	opacity: 1;
}

.feature-wrap {
	padding-top: 16px;
}

.feature-wrap .title {
	display: block;
	font-size: 22px;
	background: #f1f1f1;
	padding: 10px 18px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.feature-list li {
	border-top: 1px solid #ecebeb;
	padding: 14px 10px 14px 50px;
	position: relative;
}

.feature-list li:before {
	content: "\f00c";
	position: absolute;
	left: 11px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #009b7b;
	font-family: "FontAwesome";
	font-size: 26px;
	line-height: 1;
}

.feature-list li:first-child {
	border: none;
}

.aside {
	padding: 0 12px;
}

.aside .btn-add {
	margin-bottom: 14px;
}

.item-block {
	background: #f9f9f9;
	padding: 30px 0 8px;
}

.item-block .card {
	border: none;
	padding-top: 0;
	padding-bottom: 20px;
	margin-bottom: 0;
}

.items {
	font-size: 22px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
}

.items li {
	display: inline-block;
	vertical-align: top;
}

.items a {
	display: block;
	color: #292929;
	text-decoration: none;
	border-radius: 6px;
	padding: 4px 20px;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.items a:hover {
	background: #e5e5e5;
}

.items .active > a {
	background: #e5e5e5;
}

.quote-form {
	background: #003e7e;
	color: #fff;
	padding: 17px 18px 53px;
	position: relative;
	font-size: 12px;
	margin-bottom: 20px;
}

.quote-form .icon {
	position: absolute;
	right: 18px;
	top: 13px;
}

.quote-form h3 {
	font-size: 20px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	margin-bottom: 0px;
	line-height:22px;
}

.quote-form input.form-input,
.quote-form textarea.form-input {
	height: 40px;
	font-size: 14px;
}

.quote-form input.form-input::-webkit-input-placeholder,
.quote-form textarea.form-input::-webkit-input-placeholder {
	text-transform: none;
}

.quote-form input.form-input::-moz-placeholder,
.quote-form textarea.form-input::-moz-placeholder {
	opacity: 1;
	text-transform: none;
}

.quote-form input.form-input:-moz-placeholder,
.quote-form textarea.form-input:-moz-placeholder {
	text-transform: none;
}

.quote-form input.form-input:-ms-input-placeholder,
.quote-form textarea.form-input:-ms-input-placeholder {
	text-transform: none;
}

.quote-form input.form-input.placeholder,
.quote-form textarea.form-input.placeholder {
	text-transform: none;
}

.quote-form textarea.form-input {
	height: 108px !important;
	width: 100% !important;
	padding: 10px 11px;
}

.quote-form .input-wrap .required {
	top: 1px;
	right: 5px;
	color: #22a1d1;
}

.quote-form .form-head {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0 5px;
}

.quote-form .form-link {
	display: block;
	margin-bottom: 7px;
}

.quote-form .form-link a {
	color: #1b99c8;
}

.quote-form .date-holder {
	position: relative;
}

.quote-form .date-holder:hover .date-picker {
	color: #009b7b;
}

.quote-form .date-holder .date-picker {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	background: #f1f1f1;
	color: #1b99c8;
	text-align: center;
	border-radius: 0 4px 4px 0;
	font-size: 20px;
	line-height: 24px;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.quote-form .hold {
	float: left;
	width: 60%;
	margin-right: 4%;
	position: relative;
}

.quote-form .txt {
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
}

.quote-form .select {
	width: 60%;
	position: relative;
	padding-bottom: 10px;
}

.quote-form .select .required {
	right: -14px;
	top: -3px;
}

.quote-form .jcf-select {
	height: 40px;
}

.quote-form .jcf-select .jcf-select-text {
	line-height: 40px;
}

.quote-form .jcf-select .jcf-select-opener {
	line-height: 36px;
}

.quote-form .code-wrap {
	margin-bottom: 27px;
}

.quote-form .code-wrap .img {
	float: left;
	margin: 0 15px 0 -7px;
}

.quote-form .code-wrap .input-wrap {
	overflow: hidden;
}

.quote-form [type="submit"].button {
	width: 100%;
}

.available-box {
	border: 1px solid #dfdfdf;
	padding: 48px 20px 20px;
	margin-bottom: 17px;
	position: relative;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 16px;
	display: none;
}

.available-box .buy {
	position: absolute;
	right: 16px;
	top: 13px;
	width: 57px;
	height: 57px;
	border-radius: 57px;
	line-height: 59px;
	background: #009b7b;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.available-box .title {
	display: block;
	font-size: 20px;
	line-height: 1.02;
	color: #959494;
	font-weight: 300;
	margin-bottom: 5px;
}

.available-box .title mark {
	background: transparent;
	display: block;
	color: #003e7d;
	font-weight: 300;
	font-size: 36px;
}

.available-box .link {
	color: #009b7b;
	display: block;
	margin-bottom: 13px;
}

.available-box .button.grey {
	font-size: 16px;
	color: #918f8f;
	background: #f1f1f1;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.available-box .button.grey:hover {
	background: #009b7b;
	color: #fff;
}

.small-box {
	position: relative;
	height: 130px;
	background: #464646;
	display: none;
}

.small-box .bg-img {
	opacity: .85;
	z-index: 1;
}

.small-box .title {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	background: rgba(54, 54, 54, .8);
	color: #fff;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	font-size: 23px;
	z-index: 3;
	padding: 3px 19px;
}

.two-cols {
	margin: 0 -15px;
	padding: 20px 0;
}

.content-part {
	padding: 0 15px;
	line-height: 1.5;
}
.content-part p{line-height:30px;}
.depot .content-part p{line-height:1.5em;}
.content-wide{padding:0 19px;}

.display-form {
	text-align: right;
	font-size:14px;
}

.display-form .title,
.display-form .select {
	display: inline-block;
	vertical-align: middle;
	
}
.display-form .title{padding-right:5px;}

.article {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom:20px;
	padding-top:10px;
	margin-bottom:20px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	
}
.article p{
	color:#777;
	font-size:15px;
	line-height:21px;
}

.article .img {
	float: left;
	max-width: 212px;
	overflow: hidden;
	margin-right: 30px;
	
}

.article .download{
	float: right;
	max-width: 60px;
	overflow: hidden;
	
	
}
.article .download .btn{
	background:#f1f1f1;
	width:38px;
	height:38px;
	border-radius:2px;
	text-decoration:none;
	font-size:24px;
	text-align:center;
	line-height:38px;
	color:#c4c4c4;
}
.article a.download {text-decoration:none;}
.article .download .btn:before{content:"\f063"; font-family: "FontAwesome"; text-decoration:none;}
.article a.download:hover .btn:before{color:#009675;}
.article .text {
	overflow: hidden;
}

.article-wrapper .article h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #003e7d; font-size:24px; line-height:28px; font-weight:400; margin:0; padding:0;}
	.article h2 a{text-decoration:none;}
	.article h2 a:hover{text-decoration:underline;}
	.article .datetime{
	color:#009b7b;
	display:block;
	padding-bottom:10px;
	font-size:15px;
	font-weight:400;
}
	.article .sharebtns{background:#e7e7e7;  border-radius:4px; padding:5px 10px; width:220px;font-size:12px;}
	.article .sharebtns a{display:inline-block; margin-right:8px; vertical-align:middle;}
	.article .sharebtns img{width:29px; height:auto;}
	.article .sharebtns a:first-child{margin-left:10px;}
	
	.text-wrap h2{color:#003e7e; margin:0; padding:0;font-size:33px; font-weight:300; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
	.text-wrap .date, .text-wrap .location{
	color:#009b7b;
	display:block;
	padding-bottom:10px;
	font-size:18px;
	font-weight:400;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
	.text-wrap p{line-height:30px;}
	.pagination{padding:20px 0 40px;}
.pagination li {
	display: inline-block;
	vertical-align: top;
}

.pagination a {
	width: 32px;
	height: 32px;
	border: 1px solid #dfe1ed;
	display: inline-block;
	text-align: center;
	color: #666;
	text-decoration: none;
	line-height: 30px;

	-webkit-transition: background .3s, color .3s, border .3s;
	transition: background .3s, color .3s, border .3s;
	font-size: 14px;
	font-weight: 400;
}

.pagination a:hover, .pagination a.active {
	background: #009b7b;
	border-color: #009b7b;
	color: #fff;
}

.newsshare{border-top:2px solid #f0f0f0; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;border-bottom:2px solid #f0f0f0; padding:20px 0; font-size:22px; color:#1e1e1e; font-weight:300; margin-bottom:25px;}
.newsshare a{margin-left:12px;}
.newsshare .links{display:inline-block;}
a.backbtn{
	background:#f6f4f4;
	text-decoration:none;
	transition: background 0.3s ease;
	display:block;
	padding:0 0 0 20px;
	height:40px;
	line-height:40px;
	position:relative;
	margin-bottom:25px;
	color:#888;
	font-size:15px;
	font-weight:400;
}
a.backbtn:after{content:"\f112"; font-family: "FontAwesome"; position:absolute; right:0; transition: background 0.3s ease;background:#e0dddd; height:40px;width:60px; text-align:center; color:#fff;}

#detail-cols a.backbtn{color:#fff; background:#003e7e; font-family: "amsi_pro","Arial","Helvetica Neue","Helvetica",sans-serif;
font-size: 18px;
text-transform: uppercase;
font-weight: 700; line-height:43px; height:43px; width:auto; display:inline-block; padding:0 20px; margin-bottom:15px;}

#detail-cols a.backbtn:after{display:none;}
#detail-cols a.backbtn:hover{background:#009B7B;}

#detail-cols a.backbtn:before{color:#fff;content:"\f104"; font-family: "FontAwesome"; padding-right:10px;}

.catselect{list-style:none;padding:10px 0 20px; margin:0;}
.catselect li{
	display:inline-block;
	cursor:pointer;
	width:138px;
	position:relative;
	padding:15px;
	margin-right:10px;
	border-radius:3px;
	text-align:center;
	font-weight:400;
	font-size:12px;
}
.catselect li .pic{
	width:96px;
	height:135px;

	background:no-repeat center center;
	display:inline-block;
	margin-bottom:5px;
		background-size:contain;
}
.catselect li:hover{background:#eae8e8;}

.catselect li.active{background:#eae8e8; color:#003e7e;}
.catselect li.active:before{content:url(../images/picked.png); position:absolute; top:3px; right:3px;}

.catform{background:#f9f9f9; padding:30px; margin-bottom:100px;}
.catform h2{font-size:28px; color:#1e1e1e; margin:0; padding:0 0 10px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:300;}
.catform .form{border-top:1px solid #eae8e8; padding-top:25px;}
.catform .col{float:left; width:50%; padding-left:30px;}
.catform .col:first-child{padding-right:30px; padding-left:0;}
.catform input{border:1px solid #ddd; height:35px; font-weight:400; font-size:12px; margin-bottom:10px; border-radius:3px;line-height:35px; width:100%;}
.catform input.small{width:200px;}
.catform .button{padding-left:45px; padding-right:45px; margin-top:20px;}




a.backbtn:hover:after{background:#003e7d;}
.aside-part, .side-col {
	padding: 0 15px;
}
.update-form {
	background: #f9f9f9;
	padding:20px 20px 36px;
	font-size:14px;
}

.update-form.news {
	background: url(../images/mail.png) 92% 11px no-repeat #f9f9f9;
	padding:60px 20px 36px;
}

.update-form.jobs{height:400px; padding:30px 20px 30px;}
.update-form.jobs p{
	padding-bottom:20px;
	font-weight: 400;
	color: #888;
}



.update-form h3{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color:#1e1e1e; font-weight:300; font-size:28px;line-height:26px;}

.update-form .button{width:100%; margin-top:20px;}

.aside-part .feed-block{border:1px solid #ddd; margin-top:20px;}
.aside-part .feed-block .tweet-hold{height:510px; padding-top:55px;}
.aside-part .social-tabs{padding:10px;}

.baseform{background:#f4f4f4; padding:90px 0;}
.baseform .col{width:45%; float:left;}

.baseform .col.right{padding-left:10%; width:55%;}
.baseform input{width:100%; font-size:12px; height:40px; line-height:40px; padding-left:15px;border:1px solid #ddd; border-radius:3px;margin-bottom:12px;}
.baseform .button{padding-left:45px; padding-right:45px; margin-top:20px;}
.baseform h2{font-size:40px; margin:0; padding:0; line-height:40px; padding-bottom:20px;color:#1e1e1e; font-weight:300;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}


.logintro {
		float: left;
		width: 55%;
		padding: 0 19px;
		line-height:30px;
	}
	.logform-holder{float:right; width:40%;margin-left:3%;margin-right:20px; }
.logform{
	background:#f6f6f6;
	display:block;
	padding:10px 30px;
}
.logform h2{color:#1e1e1e; font-size:28px;margin:0; font-weight:300;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.logform input{
	width:70%;
	font-size:12px;
	height:40px;
	line-height:40px;
	padding-left:15px;
	border:0;
	margin-bottom:8px;
}
.logform a{
	color:#009b7b;
	font-size:13px;
	display:block;
	font-weight: 400;
}
.logform .button{margin-left:10px; padding-left:30px; padding-right:30px; color:#fff; font-size:20px; display:inline-block;}
.logform h3{margin:0; padding:5px 0; color:#003e7e; font-size:21px; font-weight:300;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.side-col .logform{padding:20px;}
.side-col .logform input{width:100%;}
.side-col .logform .button{padding-left:45px; padding-right:45px; margin:10px 0;}

.formsection{border-top:1px solid #eee; padding:20px 0 40px 0; overflow:hidden;}
.formsection h1{color:#003e7e; margin:0; padding:0;font-weight:400; font-size:36px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.formsection h2, .agreement h2{color:#1e1e1e; font-weight:300; font-size:30px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.formsection .instruct{
	color:#009b7b;
	display:block;
	padding-bottom:30px;
	font-weight:300;
	font-size:18px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.formsection .note{font-family:'Lato'; padding-left:15px; font-weight:300; font-size:15px; color:#a6a5a5}
.formsection .col{float:left; width:48%; margin-right:4%;}

.formsection .col.padd{padding-top:57px;}
.formsection h2 .note{color:#6e6d6d; padding-left:5px;}

.formsection label{
	float:left;
	font-size:14px;
	color:#6e6d6d;
	width:33%;
	font-weight: 400;
}
.formsection label.long{display:block; width:100%; padding-bottom:8px; padding-top:5px;}
label.code{
	width:auto;
	padding-right:20px;
	font-weight: 400;
}

.formsection label .req{color:#009b7b; font-size:17px;}
.formsection input[type=text], .formsection input[type=password]{
	background:#f6f6f6;
	border:1px solid #dedbdb;
	margin-bottom:10px;
	border-radius:3px;
	width:65%;
}
.lightbox .formsection input[type=password]{width:100%;}
input.small{max-width:200px;}

.formsection .reqkey{float:right; color:#003e7d; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:18px;}
.formsection .reqkey span{font-weight:400; color:#009b7b;}

.aside .reqkey{color:#1b99c8; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:14px; padding-bottom:8px; text-align:right;}
.aside .reqkey span{font-weight:400; color:#1b99c8;}

.formsection table tr td:first-child{padding-left:0; }

.formsection table th{text-align:left;}
.formsection table td{font-size:14px;}

.formsection .tabhead{margin-top:20px;}
.formsection .buttons{padding-top:40px;}
.formsection.full label{width:15%;}
.formsection textarea{background:#f6f6f6; border:1px solid #dedbdb; margin-bottom:10px;  border-radius:3px; width:90%;}
.formsection.full textarea{ width:80%;}
.formsection .daterow{overflow:hidden;}
.formsection a.btn{background:#e6e6e6; line-height:36px; padding:0 30px;border-radius:3px; text-decoration:none; height:36px; text-align:center;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;  display:inline-block; color:#817f7f; font-size:18px;}
.formsection .filerow{
	border-bottom:1px dotted #ddd;
	padding:18px 0;
	font-size:14px;
	position:relative;
	padding-right:160px;
	font-weight: 400;
}
.filerow a.btn{position:absolute; right:0; text-decoration:none;top:10px; width:120px; line-height:36px;}

.agreement{
	background:#f6f6f6;
	margin-top:20px;
	padding:30px 30px;
	font-size:15px;
	font-weight: 400;
	color: #888;
}
.agreement.space{margin-bottom:80px;}
.agreement .button{padding-left:45px; padding-right:45px; margin-top:20px;}
.agreement strong{font-weight:400; color:#003e7d;}
.agreement a.btn{display:inline-block; margin-left:20px; padding:0 30px;text-align:center;background:#e6e6e6; border-radius:3px; text-decoration:none; height:36px; line-height:36px;text-align:center;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;  color:#817f7f; font-size:18px;}
.formsection a.btn.upload{ margin-bottom:10px;border:1px solid #ddd;line-height:36px;}


.agreement label .req{color:#009b7b; font-size:17px;}
.agreement input[type=text]{background:#fff; border:1px solid #ddd; margin-right:10px;  border-radius:3px; width:40%;}


.formsection .jcf-select {

    background:#f6f6f6; border:1px solid #dedbdb;
    width: 65%;
    border-radius: 3px;

	margin-bottom:7px;
}


.formsection a.btn.right{float:right;border-radius:3px;width:230px; padding:0; border:1px solid #ddd;}
.formsection a.btn.right:hover{opacity:0.7;}

.formsection a.btn:hover{opacity:0.7;}

.formbuttons{padding:0 0 100px;}
.formbuttons .button{padding:4px 47px;}

.lightbox.favsend{max-width:400px;}
.favsend input[type=text]{background:#f9f9f9; border:1px solid #ddd; margin-bottom:10px; height:34px; line-height:34px; font-size:12px; border-radius:3px; width:100%;}
.favsend .file{background:#f9f9f9; border:1px solid #ddd; margin-bottom:10px; height:35px;  padding:0 3px; line-height:35px; font-size:12px; border-radius:3px; width:100%;}
.favsend textarea{background:#f9f9f9; border:1px solid #ddd; padding:3px; height:automargin-bottom:10px; font-size:12px; border-radius:3px; width:100%;}
.favsend .button{padding-left:30px; padding-right:30px; margin-top:10px;}


.desc{display:inline-block; position:relative; width:100%; font-size:14px; clear:left; padding:15px; border-radius:5px; margin:10px 0; background:#f9f9f9;}
.desc:before{content:"";width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top:-8px; position:absolute;
  border-bottom: 8px solid #f9f9f9;}
.desc .item{display:block; padding-right:20px; overflow:hidden; min-height:42px; padding:15px 0 5px;border-bottom:1px dotted #ddd;white-space:nowrap;}
.desc .item strong{color:#003e7e; font-weight:400; width:250px; padding-right:20px;}
.desc .datepicker{margin-right:25px;}
.desc input{margin-left:5px;}
.desc .loop{margin-left:10px; margin-right:5px;}

#timed.desc:before{left:375px;}
#oneoff.desc:before{left:100px;}


.desc input[type=text]{width:110px; margin-bottom:0; height:32px; background:#fff; border:1px solid #ddd;}
.desc input[type=text].date{width:160px;}


.formsection .rads{width:80%; padding-bottom:25px; display:inline-block;}
.formsection .radrow{display:block; padding-bottom:20px; overflow:hidden;}


.radrow label{
    display: inline-block;
    cursor: pointer;
position: relative;
   font-size: 15px;
   padding-left:33px;
	padding-right:60px;
	line-height:29px;
	color:#838282;
	width:auto;
}
.formsection.full .radrow label{width:auto;}
.radrow label a{color:#838282;}


.radrow input[type=radio] {
    display: none;
}

.radrow label:before {
     content: "";
    display: inline-block;
 	vertical-align:middle;
    width: 29px;
    height: 29px;
 	position: absolute;
    left: 0px;
    bottom: 0;
    background:url(../images/radio.png) no-repeat 0px 2px;
}

.radrow input[type=radio]:checked + label:before {
    content: "";
    
    text-align: center;
	background:url(../images/radio.png) no-repeat 0px -27px;

}

.radrow input[type=radio]:checked + label{color:#003e7e;}



.topbutts{float:right;}
.topbutts a.btn{display:inline-block; padding:5px 10px; margin-left:10px; background:#cac9c9; border-radius:2px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color:#fff; font-size:18px; font-weight:400; text-decoration:none;}
.topbutts a.btn.grn{background:#009b7b;}
.topbutts a.btn:hover{opacity:0.7;}


ul.media{list-style:none; padding:0;margin:0;}
ul.media li{display:inline-block; width:49%;}
ul.media li a.panel{color:#444; width:90%; text-decoration:none; display:block; border-top:1px solid #ddd; padding-top:20px; padding-bottom:40px;}
ul.media li a.panel .pic{background-size:cover; position:relative; width:100%; padding-bottom:60%;}
ul.media li a.panel .text{padding:15px 0;}
ul.media li a.panel .pic:before{content:"";position:absolute; transition:opacity 0.3s ease 0s, opacity 0.3s ease 0s;text-align:center; vertical-align:middle;display:inline-block;top:0; bottom:0; left:0; right:0; background:url(../images/play.png) no-repeat center center rgba(0,0,0,0.3); opacity:0;}
ul.media li a.panel:hover .pic:before{opacity:1;}
ul.media li a.panel h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400; font-size:20px; color:#003e7e;}

ul.joblist{list-style:none; margin:0; padding:0;}
ul.joblist li{border-top:1px dotted #ddd; padding:18px 0; font-size:22px;  position:relative; padding-right:160px;}
ul.joblist li a{font-size:26px; line-height:26px;text-decoration:none;color:#003e7e; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
ul.joblist li a .location{
	color:#009b7b;
	font-family:Lato;
	font-size:14px;
	display:block;
	line-height:22px;
	font-weight: 400;
}
ul.joblist li a:hover{text-decoration:none;}
ul.joblist li a.btn{position:absolute; right:0; text-decoration:none;top:22px;  background:#f0f0f0; padding:0 30px;border-radius:3px; text-decoration:none; height:36px; line-height:36px;text-align:center;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;  display:inline-block; color:#817f7f; font-size:18px;}ul.joblist li a.btn:hover{opacity:0.7;}
.quote{display:block; background:#f6f6f6; padding:24px; color:#003e7e; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:22px;}

.two-cols.lower{padding:0 0 40px 0px;}



/* custom select styles */

.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #ddd;
	background: #fff;
	width: 100%;
	border-radius: 4px;
	height: 34px;
	cursor: pointer;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 12px;
	line-height: 33px;
	margin: 0 35px 0 12px;
	color: #aaa;
	font-weight:400;
	text-transform: uppercase;
	cursor: pointer;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	background: #d1d1d1;
	width: 43px;
	font-size: 21px;
	line-height: 33px;
	bottom: -1px;
	right: -1px;
	top: -1px;
	border-radius: 0 4px 4px 0;
}

.jcf-select .jcf-select-opener:before {
	content: "\f107";
	font-family: "FontAwesome";
	color: #fff;
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 99999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	overflow: hidden;
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

.map-wrap{margin:20px 0; background:#f6f6f6; position:relative;}
.map-wrap .map{width:100%; display:block; height:285px;}
.map-wrap .maplink{
	display:block;
	text-align:right;
	padding:20px 10px 10px;
	color:#6d6e6e;
	font-size:15px;
	font-weight: 400;
}
.map-wrap .tempmarker{position:absolute; top:36%; left:30%;}

.large-map{width:100%; position:relative; height:455px;}
.large-map iframe{width:100%; height:100%;}
.large-map.jobs{height:400px;}
.large-map.jobs .tempmarker{position:absolute; font-weight:700; color:#fff; font-size:14px; padding-top:2px; text-align:center; background:url(../images/mapmark-jobs.png) no-repeat; width:25px; height:36px;}
.large-map.jobs .tempmarker a{color:#fff; font-size:14px; text-decoration:none;}

.large-map .mapkey{position:absolute; left:40px; top:50px; width:170px;}
.large-map.main .tempmarker{position:absolute; width:25px; height:38px;}
.large-map.dep .tempmarker{position:absolute; top:26%; left:64%;}


/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 1.2;
	font-size: 12px;
	letter-spacing: .02em;
	width: 100%;
	font-weight:400;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	color: #656565;
	height: 1%;
	cursor: pointer;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color: #000;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/* custom scrollbars styles */

.jcf-scrollable-wrapper {
	box-sizing: content-box;
	position: relative;
}

.jcf-scrollbar-vertical {
	position: absolute;
	cursor: default;
	background: #e5e5e5;
	width: 10px;
	bottom: 0;
	right: 0;
	top: 0;
	border-radius: 12px;
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	background: #bbb;
	height: 14px;
	width: 10px;
	left: 0;
	top: 0;
	display: none !important;
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
	top: auto;
	bottom: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
	background: #a0a0a0;
	height: 1px;
	width: 10px;
	border-radius: 12px;
}

.jcf-scrollbar-slider {
	height: 100% !important;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
	visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
	background: #e3e3e3;
}

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
    max-width:850px; margin:0 auto;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
	text-shadow: none;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
    max-width:850px;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, .8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

#footer {
	width: 100%;
}

.footer-bottom {
	background: #003e7d;
	color: #64879a;
	padding: 18px 0;
	font-size: 12px;
	text-align: center;
}

.footer-bottom a {
	color: #64879a;
	text-decoration: none;
	-webkit-transition: color .3s;
	transition: color .3s;
}

.footer-bottom a:hover {
	color: #fff;
}

.copyright {
	display: block;
}

.footer-logos {
	text-align: center;
	margin: 0 -10px 10px;
}

.footer-logos li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}

.social-networks li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
}

.social-networks a {
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	display: block;
	background: url(../images/ico-facebook.png) no-repeat;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.social-networks a:hover {
	opacity: .8;
}

.social-networks .twitter > a {
	background-image: url(../images/ico-twitter.png);
}

.social-networks .instagram > a {
	background-image: url(../images/ico-instagram.png);
}

.social-networks .linkedin > a {
background-image: url(../images/ico-linkedin.png);
}

.social-networks .youtube > a {
        background-image: url(../images/ico-youtube.png);
}

.social-networks .rss > a {
	background-image: url(../images/ico-rss.png);
}

.footer-holder {
	font-size: 12px;
	margin: 0 -10px;
	padding: 20px 0;
	color: #88888a;
}

.footer-holder .jcf-scrollable {
	max-height: 212px;
}

.footer-holder .footer-column {
	float: left;
	width: 30%;
	padding: 0 10px;
	display: none;
}

.footer-holder .footer-column:first-child {
	width: 100%;
	display: block;
}

.footer-holder .footer-column:last-child {
	width: 28%;
	float: right;
	display: none;
}

.footer-nav {
	color: #88888a;
	margin-bottom: 10px;
}

.footer-nav strong {
	font-size: 12px;
	font-weight: 700;
	color: #8a8a8a;
}

.footer-nav li {
	padding-top: 3px;
}

.footer-nav a {
	text-decoration: none;
	color: #999999;


	-webkit-transition: color .3s;
	transition: color .3s;
	font-weight: 400;
}

.footer-nav a:hover {
	color: #009b7b;
}

.three-col {
	overflow: hidden;
	margin: 0 -10px;
}

.three-col .col {
	float: left;
	width: 33.33%;
	padding: 0 10px;
}

.news-block {
	position: relative;
}

.news-block .news-title {
	position: absolute;
	left: 0;
	right: 20px;
	top: 0;
	background: #fff;
	z-index: 2;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #003e7d;
	font-weight: normal;
	font-size: 16px;
}

.news-list {
	padding-top: 29px;
	font-size: 12px;
}

.news-list li {
	padding: 0 10px 2px 0;
}

.news-list .img {
	float: left;
	margin: 3px 11px 0 0;
	height:45px; width:61px; overflow:hidden; position:relative;
}

.news-list .img img{position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);}

.news-list .text {
	overflow: hidden;
}

.news-list a {
	color: #88888a;
	text-decoration: none;
	-webkit-transition: color .3s;
	transition: color .3s;
	display: block;
}

.news-list a:hover {
	color: #009b7b;
}

.news-list .title {
	display: block;
	font-size: 13px;
	font-weight: normal;
	color: #003e7d;
}

.news-list .title a {
	text-decoration: none;
}

.news-list .button {
	background: #fafafa;
	color: #003e7d;
	border: 1px solid #ccc;
	font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-transform: none;
	font-size: 14px;
	padding: 10px;
}

.feed-block {
	position: relative;
}

.feed-block .tweet-hold {
	height: 212px;
	overflow: hidden;
	padding-top:45px;
}

.social-tabs {
	position: absolute;
	left: 0;
	right: 20px;
	top: 0;
	z-index: 2;
	background: #fff;
	overflow: hidden;
	padding: 3px 0 6px;
}

.social-tabs li {
	float: left;
	margin-right: 15px;
	text-align: center;
	font-size: 20px;
}

.social-tabs a {
	width: 50px;
	height: 31px;
	display: block;
	position: relative;
	background: #e9e8e8;
	color: #bdbdbd;
	text-decoration: none;
	border-radius: 4px;
}

.social-tabs a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.social-tabs a:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0;
	border-color: #e9e8e8 transparent transparent;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.social-tabs a .fa {
	display: inline-block;
	vertical-align: middle;
}

.social-tabs .active > a:after {
	opacity: 1;
}

.social-tabs .active.twitter > a {
	color: #55acee;
}

.social-tabs .active.facebook > a {
	color: #014281;
}

.social-tabs .active.instagram > a {
	color: #009a7e;
}




.tabhead{display:block; color:#013e7d; font-size:24px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; padding:3px 14px; background:#f4f4f4;}
table{margin-bottom:25px;}
table th{border-bottom:3px solid #eeeeee; padding:11px 0 5px; font-size:12px; text-transform:uppercase; color:#6e6d6d}

table tr{border-bottom:1px solid #eeeeee;}
table input[type="text"]{background:#f9f9f9; border:1px solid #dedbdb; border-radius:3px; height:30px; line-height:30px;}

table input.small{width:65px; text-align:center;}
table td{
	padding:6px 0;
	font-size:13px;
	color:#707071;
	font-weight: 400;
}
.lightbox table tr td:first-child{padding-left:0; width:100px;}
.lightbox table td:nth-child(2){width:300px;}
.lightbox table td:nth-child(3){text-align:center;}
.lightbox table th:nth-child(5){text-align:left;}
.lightbox table th:nth-child(5), .lightbox table th:nth-child(4){width:100px;}
table .pic{
	width:78px;
	height:56px;
	background-size:cover !important;
	background-repeat:no-repeat;
	background-position:center center !important;
	display: inline-block;
	vertical-align:middle;
	margin-right:10px;
}
table .fa{font-size:26px;color:#c4c3c3; cursor:pointer;}
table .fa:hover{color:#a81515}
.lightbox p{font-size:16px; color:#797979; line-height:18px; font-weight:300;}
.fav-add p {
	margin-bottom: 10px;
	font-size:18px;
}
.buttons a.btn{display: block;
	background: #e1e0e0;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 18px;
	color: #919191;
	padding: 0 45px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-weight: 700;line-height:36px;}
.buttons a.btn:hover{color:#013e7d;}
.buttons a.btn.submit{text-align:left; padding:0 25px; color:#fff; min-width:220px; background:url(../images/tick.png) no-repeat 95% center #009b7b;}
.buttons a.btn.submit:hover{background-color: #008267}

.buttons{padding-bottom:30px; overflow:hidden;}


table.stripe tr{border-top:1px solid #eee;}
.tab-hold table td{
	font-size:14px;
	color:#797979;
	font-weight:400;
	padding:8px 0;
}

.tab-hold table.stripe td{padding-left:25px;}
table.stripe tr:nth-child(odd){background:#f6f6f6;}
.tab-hold table a.btn-dwn{width: 33px;
	height: 33px;
	background: #d3d2d2;
	border-radius: 33px;
	z-index: 9;
	color: #fff;
	text-align: center;
	font-size: 19px;
	line-height: 1;
	-webkit-transition: background .3s, right .3s;
	transition: background .3s, right .3s;
	display: block;}
.tab-hold table a.btn-dwn .fa{color:#fff; display:inline-block;vertical-align:middle; line-height:33px;	font-size: 19px;}	
.tab-hold table a.btn-dwn:hover {
	background: #003e7d;
}


.tab-hold h3{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color:#003e7e; font-size:24px; font-weight:400; margin:20px 0 0; padding:0 0 10px; border-bottom:3px solid #eee;}


ul.safeicons{padding:15px; text-align:center; background:#eae8e9; margin-top:36px;}
ul.safeicons li{display:inline-block; border-radius:50%; background:#fff; line-height:60px;width:70px; height:70px; vertical-align:middle; text-align:center;margin:0 8px;}
ul.safeicons li img{display:inline-block; vertical-align:middle;}

.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.lightbox.bigvid{max-width:910px; width:90%; padding:20px 0 0;}
.lightbox.bigvid .video{max-width:900px; width:90%;}

ul.revs{list-style:none; margin:0; padding:0;}
ul.revs li{display:block; padding:25px 20px;border-bottom:1px solid #eee;}
ul.revs li:nth-child(even){background:#f9f9f9;}
ul.revs li p{color:#797979; font-size:16px;}
ul.revs .rating{
	display:block;
	padding-bottom:20px;
	font-weight:400;
	font-style:italic;
	color:#aba8a8;
}
ul.revs .rating img{margin-right:20px;}


.mailmessage{padding:0 20px 0 0; display:none; min-height:150px;}
.mailmessage h2{color:#009b7b;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:20px; margin:0; padding:0; font-weight:400;}

.share{cursor:pointer;}
.sharedrop{
    background:#e7e7e7;
    position:absolute;
    left:44px;
    top:-2px;
    border-radius:4px;
    padding:5px 10px;
    width:205px;
    font-size:12px;
}
.sharedrop:before{content: "";
	position: absolute;
	left: -5px;
	top: 40%;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  
  border-right:5px solid #e7e7e7; 
}
.review-bar .list .sharedrop a, div.lightbox .list li .sharedrop a{display:inline-block; vertical-align:middle; margin-left:5px;width: 27px;
height: 27px;
border-radius: 27px;
background: none;
color: none;
text-align: center;
transition: color 0.3s ease 0s, #464646 0.3s ease 0s;}
.review-bar .list .sharedrop a:first-child{margin-left:10px;}

.buypanel{background:#f1f1f1; margin-top:15px; padding:12px 23px; font-weight:300;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.buypanel .price{color:#464545; font-size:36px;  line-height:36px;}
.buypanel .price span{font-size:18px;  line-height:18px;}
.buypanel .incvat{text-align:right; display:block; font-size:20px; color:#918f8f}
.buypanel .cost{float:left; position:relative; }
.buypanel .optgroup{width:100%; max-width:300px; padding-bottom:10px;}

  .main-nav .drop li.sub {
		color:#003e7d;  padding-top:5px; display:block;font-size:18px; border-bottom:0;}




.depot{
	padding:20px 0;
	text-decoration:none;
	display:block;
	color:#888;
	margin:0 19px;
	border-bottom:1px solid #eee;
	overflow:hidden;
	font-size:14px;
	font-weight: 400;
}

.depot h2 a:hover{text-decoration:underline; color:#009b7b;}
a.depot:hover .hours h2{color:#656666; text-decoration:none;}
.depot .img {
	float: left;
	max-width: 235px;
	overflow: hidden;
	margin-right: 30px;
	position:relative;
}

.depot .content-part{ padding:0;}
.depot .side-col{ padding:0 0 0 29px;}
.depotinfo .side-col{ padding:0 19px 0 29px;}
.depot p{margin-bottom:5px;}
.depot h2, .depot h2 a{
	font-size:24px;
	color:#003e7e;
	font-weight:400;
	padding:0;
	text-decoration:none;
	margin:0;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.hours{
    background:#fcfcfc;
    border:1px solid #ddd;
    padding:20px 25px 20px;
}
.hours h2{
	font-size:22px;
	color:#656666;
	margin:0;
	padding:0;
	font-weight:400;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.two-cols.lower .general-head{padding:0;}
.two-cols.lower .general-head.padd{margin:0 19px;}
.two-cols.lower.line{border-bottom:1px solid #ddd; margin-bottom:30px;}
.depot a{color:#009b7b; text-decoration:none;}
.service-icons{padding:12px 0;}
.service{width:42px; height:42px; border-radius:50%; vertical-align:middle;margin-right:10px; display:inline-block; background:url(../images/services.png) no-repeat 0 0 #f6f6f6;}
.service.plant{background-position:3px 3px;}
.service.toilet{background-position:-48px 3px;}
.service.accommodation{background-position:-100px 3px;}
.service.van{background-position:-152px 3px;}

.update-form.locate{height:455px; padding:30px 20px 30px;}
.update-form.locate input{
	width:100%;
	border:1px solid #ddd;
	border-radius:3px;
	font-size:12px;
	height:36px;
	line-height:36px;
	margin-bottom:10px;
}
.update-form.locate .call, .depdetails .call{
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color:#003e7e;
	font-size:24px;
	padding:15px 0 5px;
	font-weight: 400;
}
.depdetails .call{padding:15px 0;}
.update-form.locate .notes{
	color:#999;
	font-size:14px;
	font-weight: 400;
	line-height: 16px;
}

.locate .serv{
	display:block;
	padding:2px 0;
	cursor:pointer;
	color:#888;
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
}
.locate .serv.active{color:#003e7e;}
.locate .service{background-color:#efefef; width:28px; height:28px; background-size:140px;}
.locate .serv.active .service{background-color:#009b7b; background-image:url(../images/services-roll.png);}
.locate .serv.active:after{content:url(../images/serv-tick.png); margin-left:10px; display:inline-block; vertical-align:middle;}
.locate .service.plant{background-position:1px 1px;}
.locate .service.toilet{background-position:-35px 1px;}
.locate .service.accommodation{background-position:-71px 1px;}
.locate .service.van{background-position:-109px 1px;}
.locate .button{margin-top:10px;}

.general-head h1, .content-part h1{margin:0; padding:0; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;color:#003e7e; font-weight:400; font-size:34px;}
.listhead{
	background:#f6f6f6;
	color:#003e7e;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight:400;
	font-size:24px;
	padding:5px 20px;
	margin:0 19px 10px;
}


.manager{
    background:#fcfcfc;
    position:relative;
    border:1px solid #ddd;
    padding:20px 30px ;
    font-size:14px;
    color:#888;
    font-weight: 400;
    overflow:hidden;
}
.manager h2{color:#1e1e1e; font-size:30px; font-weight:300; margin:0; padding:0;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.manager h3{
    color:#009b7b;
    font-size:18px;
    font-weight:400;
    margin:0;
    padding:0 0 10px;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.manager p{line-height:18px; float:left; width:60%; }
.headshot{float:right; width:90px;}
.headshot .img{width:90px; height:90px; display:inline-block; background-size:cover; background-position:center center; border-radius:50%;  vertical-align:middle;}
.headshot .sig{display:inline-block; font-family: 'La Belle Aurore', cursive; color:#003e7e; font-size:28px; -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);}
	
	
	
	.depdetails{
	background:#f9f9f9;
	height:455px;
	color:#888;
	font-size:14px;
	padding:30px 30px 21px 30px;
	font-weight: 400;
}
.depdetails a{color:#009b7b;}
.depdetails h3{
	font-size:22px;
	color:#656666;
	margin:0;
	padding:0;
	font-weight:400;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.depdetails .service-icons{padding:25px 0 0;}
.service{background-color:#e8e6e6;}





.contactboxes{padding:20px 0; overflow:hidden;}
.contactboxes .panel{float:left; width:23.85%;margin-right:1.5%; background:no-repeat 92% 13px #f6f6f6;}
.contactboxes .panel.support{background-image:url(../images/support.png);}
.contactboxes .panel.find{background-image:url(../images/find.png);}
.contactboxes .panel.updated{background-image:url(../images/update.png);}
.contactboxes .panel.cats{background-image:url(../images/cats.png);}
.contactboxes .panel:last-child{margin-right:0;}
.contactboxes .panel .inner{
	padding:60px 15px 90px;
	display:block;
	min-height:370px;
	overflow:hidden;
	position:relative;
	font-size:14px;
	line-height:18px;
	font-weight: 400;
	color: #888;
}
.contactboxes .panel h2{font-size:25px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:300; color:#1e1e1e; margin:0; padding:0 0 10px ; line-height:25px;}
.contactboxes .panel .button{
	margin-top:0;
	font-weight:400;
	bottom:30px;
	left:15px;
	right:15px;
	position:absolute;
	padding:8px 0;
	text-align:center;
}
.contactboxes .panel input{width:100%; border:1px solid #ddd; border-radius:3px; height:34px; margin-bottom:6px; font-size:11px; font-weight:400;}
.contactboxes .panel.locate .inner{
	padding:60px 15px 70px;
}

.contactboxes .panel.locate .service{width:26px; height:26px; background-size:130px;}
.contactboxes .panel.locate .serv.active .service{background-color:#009b7b; background-image:url(../images/services-roll.png);}
.contactboxes .panel.locate .serv.active:after{content:url(../images/serv-tick.png); margin-left:10px; display:inline-block; vertical-align:middle;}
.contactboxes .panel.locate .service.plant{background-position:1px 1px;}
.contactboxes .panel.locate .service.toilet{background-position:-33px 1px;}
.contactboxes .panel.locate .service.accommodation{background-position:-67px 1px;}
.contactboxes .panel.locate .service.van{background-position:-101px 1px;}
.contactboxes .panel.locate .button{margin-top:10px;}


.contactboxes .panel a.email{color:#009b7b; font-size:21px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.contactboxes .panel .call{font-size:27px; color:#003e7e; padding:3px 0 20px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:300; display:block;}
.contactboxes .panel h3{font-size:22px; color:#1e1e1e; margin:0; padding:12px 0 10px;font-weight:300; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.contactboxes .panel ul.dl{list-style:none; padding:0 0 10px 0; margin:0;}
.contactboxes .panel ul.dl li{
	color:#003e7e;
	font-size:14px;
	display:block;
	padding:6px 0 6px 20px;
	background:url(../images/arr.png) no-repeat left 10px;
}
.contactboxes .panel ul.dl li a{text-decoration:none; color:#003e7e;}
.contactboxes .panel ul.dl li a:hover{text-decoration:underline;}

.contactboxes .panel.cats a.link{color:#009b7b; text-decoration:none;}
.contactboxes .panel.cats a.link:hover{text-decoration:underline;}

.formsection.contact h1{padding-bottom:20px;}
.formsection.contact textarea{padding-bottom:23px;}
.formsection.contact label.long{padding-top:0; margin-top:-4px;}



ul.depotlist{list-style:none; margin:0; padding:0 0 20px 0;}
ul.depotlist li{
	display:inline-block;
	vertical-align:top;
	min-height:320px;
	margin-right:2.25%;
	position:relative;
	width:18%;
	font-size:14px;
	line-height:18px;
	padding:25px 0 45px;
	border-bottom:1px solid #ddd;
	font-weight: 400;
}
ul.depotlist li:nth-child(5n){margin-right:-3px;}
ul.depotlist li h2{
	font-weight:400;
	font-size:21px;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color:#003e7e;
}
ul.depotlist li .tel{
	font-weight:400;
	padding:8px 0;
	display:block;
	color:#009b7b;
}
ul.depotlist li a.button{background:#cecccc;  height:37px; line-height:36px; font-weight:600;padding:0; position:absolute; bottom:45px; left:0; width:100%; border-radius:2px;}
ul.depotlist li a.button:hover{opacity:0.6;}



a.button.red{background:#b73636; display:inline-block; padding:0 10px; color:#fff; text-transform:none; font-size:17px; height:28px; line-height:28px;}
.manage-btn{margin-right:10px; background:#e2e1e1; height:29px; line-height:24px; padding:0 15px;display:inline-block; font-size:17px;border-radius:2px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; cursor:pointer;color:#8b8989; position:relative;}
.manage-btn:after{content:"\f107"; font-family: FontAwesome; padding-left:10px;}
.manage-btn ul.manage-drop{width:166px; z-index:50; border-radius:3px;margin:0; padding:0;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-align:left; list-style:none;background:#fff; display:block;border:1px solid #e6e4e4; position:absolute; left:0; top:35px;}
.manage-btn ul.manage-drop:before{content:"";width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top:-7px; right:20px;
  border-bottom: 6px solid #e6e4e4; position:absolute; }
.manage-btn ul.manage-drop:after{content:"";width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top:-6px; right:20px;
  border-bottom: 6px solid #fff; position:absolute; }

.manage-btn ul.manage-drop li a{display:block; text-decoration:none;text-align:left; padding:6px 10px; color:#999; font-size:16px;}
.manage-btn:hover, .manage-btn ul.manage-drop li a:hover{color:#003e7e;}

#acc-menu{height:48px; background:#003e7d;}
#acc-menu ul{list-style:none; margin:0; padding:0;}
#acc-menu ul li{display:inline-block; position:relative;color:#fff; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:19px; padding:10px 0; margin-right:35px; height:48px;}
#acc-menu ul li a{color:#fff; text-decoration:none;}
#acc-menu ul li a:hover{color:#009b7b;}
#acc-menu ul li.active:before{content:"";width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid #fff; position:absolute; bottom:0; left:50%; margin-left:-6px;}

.top-panel{background:#f9f9f9; position:relative; border:1px solid #eaeaea; padding:27px 30px; overflow:hidden;}
.top-panel.filter{padding:10px;}
.top-panel.filter .holder{display:inline-block; width:80%; vertical-align:top;}

#acc-menu .acc-search{float:right; width:50%; padding-top:5px; text-align:right;}
#acc-menu .acc-search input{width:200px; font-size:12px; text-transform:uppercase; height:34px;border-radius:3px; vertical-align:top; background:#fff; border:0; margin-right:5px; display:inline-block;}
#acc-menu .acc-search .input-wrap {
	text-align:left;
	display:inline-block;
	width: 150px;
	vertical-align:top;
	margin-right:5px;
}
#acc-menu .acc-search .button{padding:0 10px; height:34px; border-radius:3px; padding-top:6px; }


.top-panel h2{color:#1e1e1e; font-size:30px; font-weight:300; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
.top-panel.search h2{margin:0;}
.top-panel h3{color:#5a5959; font-size:24px; margin:0 10px 0 0; padding:0; line-height:24px;font-weight:300; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; display:inline-block;}
.top-panel a.button{font-weight:400; position:relative; margin-bottom:10px; font-size:17px;}
.top-panel a.button.grey{background:#e0dede; color:#979696; font-size:17px;}
.top-panel a.button.wide{width:245px;}
.top-panel a.button.mid{width:166px;}
.top-panel a.button.right{position:absolute; right:20px; top:10px;}


.top-panel.filter a.button{margin-bottom:0; vertical-align:middle;}
.top-panel .col{float:left; width:70%;}
.top-panel .col:last-child{width:30%; text-align:right;}
.top-panel.details .col{width:65%;}
.top-panel.details .col:last-child{width:35%; }

.top-panel.contract .col{width:45%;}
.top-panel.contract .col:nth-child(2){width:30%;}
.top-panel.contract .col:last-child{width:25%;}

.top-panel .input-wrap{display:inline-block; margin: 0px 6px 10px 0px; min-width:150px; vertical-align:top; height:32px; line-height:30px;}
.top-panel .input-wrap .jcf-select{height:32px;}
.top-panel .input-wrap .jcf-select .jcf-select-text{line-height:30px;}


.top-panel input{margin:0 6px 10px 0; border:1px solid #ddd; border-radius:3px; font-size:12px; text-transform:uppercase; height:32px;}
.top-panel input.date{width:190px; margin-left:0;}
.top-panel input.wide{width:250px;}
.top-panel.search input.wide{width:350px;}

.top-panel label{float:left; vertical-align:middle; font-size:14px; color:#6e6d6d; width:30%;}
.top-panel .result{width:65%; display:inline-block; color:#003e7d; font-size:14px;}


table.address tr td, table.contracts tr td, table.equip tr td{padding:15px 0;}
table.address tr td:nth-child(2){color:#003e7d; width:auto;}
table.address tr td:nth-child(3){width:auto;}
table.address tr td:first-child{width:80px; text-align:center;}
table.address tr td:last-child{width:80px; text-align:center;}

table.rows tbody tr:nth-child(even){background:#f6f6f6;}
table.rows tr td:first-child{padding-left:8px;}
table.rows .fa, .halfpanel table .fa{font-size:20px; margin:0 7px; color:#c4c3c3; float:right;text-decoration:none;}
table.rows .fa:hover, .halfpanel table .fa:hover{color:#009b7b;}
table.rows .fa.fa-close:hover{color:#b73636;}

table.rows tr:hover td{color:#003e7d;}

table.contracts tr td:nth-child(2), table.contracts tr th:nth-child(2){text-align:center;}
table.contracts tr td:nth-child(2),table.contracts tr td:first-child{width:120px;}
 table.contracts tr td:nth-child(3), table.contracts tr td:nth-child(4){width:auto;}
table.contracts tr td:last-child{width:120px; text-align:right; padding-right:10px;}
table td.live{color:#009b7b;}
table tr.overdue td{color:#b73636;}
table td.overdue{color:#b73636;}

table.list tr td:nth-child(2), table.list tr td:first-child{width:15%;}
table.list tr td:nth-child(3){width:40%;}
table.list tr td:nth-child(4), table.list tr th:nth-child(4){width:auto; text-align:center;}

table.equip tr td:first-child{width:auto;}
table.equip tr td:nth-child(2){width:100px;}
table.equip tr td:nth-child(4){width:120px; text-align:right; padding-right:10px;}

table.finance tr td{padding:10px 0;}
table.finance tr td:first-child{width:auto; padding-left:20px;}
table.finance tr td:nth-child(2){width:auto;}
table.finance tr td:nth-child(3){width:auto;}
table.finance tr td:nth-child(8){width:100px; text-align:center;}
table.finance tr td:nth-child(9){width:50px;text-align:right; padding-right:10px;}


table.finance tr.overdue td:nth-child(7){padding-left:30px; background:url(../images/overdue.png) no-repeat left center;}
table td.overdue span{background:url(../images/overdue.png) no-repeat right center; padding:3px 30px 3px 0;}

table.contractdash tr th:nth-child(-n+3){text-align:left;}

table.contractdash tr td{padding:15px 0;}
table.contractdash tr td{width:auto;}


table.perm{margin-bottom:80px;}
table.perm tr th{text-align:left;}
table.perm tr td{padding:15px 0; width:auto}
table.perm tr td:last-child{width:120px; text-align:right; padding-right:10px;}

table.docs tr td{padding:20px 10px;}
table.docs tr td:first-child, table.docs tr td:nth-child(2){width:auto;}
table.docs tr td:last-child, table.list tr td:last-child{width:150px; text-align:center;}

.lightbox table.groups td:nth-child(2){width:100px; text-align:center;}
.lightbox table.groups tr td:first-child{width:auto;}

table td .button{font-size:15px; padding:4px 10px;}
table td .button.grey{background:#d5d4d4; color:#fff;}

.formsection a.btn.add{background:#009b7b; color:#fff; width:100px; margin-left:30px; border:0; padding:0;}


.again{background:#f6f6f6; padding:20px; margin-bottom:25px;}
.again h2{color:#1e1e1e; font-size:22px; margin:0; padding:0;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:normal;}
.again input{width:100%; font-weight:600; font-size:11px; border:1px solid #ddd; border-radius:3px;height:36px; line-height:36px;}
.again .button{font-weight:normal; font-size:20px; padding:4px 20px; line-height:22px; margin-top:10px;}

.box-wrapper.search{padding-top:0;}

.article .section{
	background:#f6f6f6;
	display:inline-block;
	padding:3px 20px;
	margin:5px 0 10px;
	color:#009b7b;
	font-size:12px;
	border-radius:20px;
	font-weight: 400;
}
a.article:hover h2{text-decoration:underline; color:#009b7b;}

.favsend .jcf-select {

    background:#f9f9f9; border:1px solid #ddd;
    width: 100%;
    border-radius: 3px;

	margin-bottom:7px;
}

.fav-add .buttons{padding:20px 0;}
.fav-add .button{font-size:18px;}
.button.grey{background:#eaeaea; color:#919191;}
.button.grey:hover{color:#003e7d;}
.fav-add .button.grey{margin-left:10px;}


.lightbox.forms{max-width:550px; min-width:550px;}
.lightbox .formsection{padding:18px 0 10px;}
.lightbox.forms h2{color:#013e7d; font-size:30px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:normal;}
.lightbox.forms .button{padding:4px 20px; margin-top:10px;}
.lightbox.forms input[type=text]{width:60%;}

.balance{float:right; width:55%; overflow:hidden; padding:20px 0; height:210px; position:relative;border:1px solid #e9e9e9; background:#f9f9f9;}
.panels{float:left; width:43%; height:210px;}
.balance .amounts{padding:0 6%; margin-right:180px; overflow:hidden;}

.balance .chart .figure{position:absolute; width:160px; text-align:center;top:35%;color:#5d5c5d; font-size:12px; font-weight:700;}
.balance .chart .figure strong{
	display:block;
	line-height:40px;
	font-weight:400;
	font-size:32px;
	color:#009b7b;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.balance .button{display:block; width:200px; margin-top:3px;padding:3px 0;}
.balance table{margin-bottom:10px;}
.balance table td{font-weight:700;}
.balance table tr td{max-width:auto}
.balance table tr td:first-child{max-width:180px;}

.panels a.btn{width:31%; float:left; border:1px solid #e9e9e9; margin-right:2%; text-align:center; font-weight:300; font-size:19px; color:#5d5d5d;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; padding:20px 0; text-decoration:none;}
.panels a.btn .pic{height:95px; width:95px; background:url(../images/dash-icons.png) no-repeat #f1f1f1; border-radius:50%; margin:0 auto 10px;}
.panels a.btn .link{
	display:block;
	height:23px;
	line-height:23px;
	background:#f1f1f1;
	border-radius:2px;
	margin:10px 20px 0;
	color:#888;
	font-size:15px;
}
.panels a.btn:hover .link{color:#009b7b}
.panels a.btn.hire .pic{background-position:0 6px;}
.panels a.btn.price .pic{background-position:-108px 6px;}
.panels a.btn.invoice .pic{background-position:-198px 6px;}

.table-panel{border:1px solid #e9e9e9; display:block; margin-top:20px; padding:30px;}
.table-panel h2{color:#1e1e1e; font-size:34px; font-weight:300;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; padding:0 0 10px 0; margin:0;}

.table-panel ul.tabs, .formsection ul.tabs{display:block; margin:0 0 20px; padding:0; list-style:none;}
.table-panel ul.tabs li, .formsection ul.tabs li{display:inline-block; cursor:pointer;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color:#666;position:relative; padding:2px 15px; border-radius:3px; margin-right:5px;}
.table-panel ul.tabs li a, .formsection ul.tabs li a{color:#666; text-decoration:none;}
.table-panel ul.tabs li:hover, .formsection ul.tabs li:hover{color:#003e7d;}
.table-panel ul.tabs li.active, .formsection ul.tabs li.active{background:#009b7b; color:#fff;}
.table-panel ul.tabs li.active a, .formsection ul.tabs li.active a{color:#fff;}
.table-panel ul.tabs li.active:after, .formsection ul.tabs li.active:after{content:"";width: 0; 
  height: 0; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom:-4px; left:50%; margin-left:-2px;
  border-top: 4px solid #009b7b; position:absolute;}
  .table-panel table{margin-top:20px;}
   .table-panel table tr td:first-child{width:15%;}
  .table-panel table tr td:nth-child(2),   .table-panel table tr th:nth-child(2){text-align:center; width:100px;}
  
  .two-cols.dashb{padding-bottom:0;}
 .halfpanel{float:left; width:49%; position:relative; margin:21px 2% 40px 0;padding:20px 0; border:1px solid #e9e9e9; background:#f9f9f9;}
  .halfpanel:last-child{margin-right:0;}
  .halfpanel p{font-size:14px;}
  .halfpanel h2{font-size:30px; color:#1e1e1e; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; margin:0; font-weight:300; padding:0 0 10px 0;}
  .halfpanel .inner{padding:0 30px;}
  .halfpanel table{margin-bottom:0px; }
  .halfpanel table td a{
	color:#555;
	font-size:14px;
	text-decoration:none;
}
a.button.right{float:right; margin-top:5px;}
    .halfpanel table td a:hover{color:#003e7d; text-decoration:underline;}
	.halfpanel table .fa:hover{text-decoration:none}
  .halfpanel table td{padding:6px 0;}
  .halfpanel table td.overdue{font-weight:bold; color:#b73636;}
.halfpanel table td.new{font-weight:bold; color:#009b7b;}
.halfpanel input{width:90%; height:36px; font-size:12px; border:1px solid #ddd; border-radius:3px;}
.halfpanel a.button{margin-top:10px; padding:3px 20px;}
.halfpanel .icon, .top-panel .icon{position:absolute; top:14px; right:20px; background:url(../images/panel-icons.png) no-repeat 0 0 #ebebec; border-radius:50%; width:70px; height:70px;}
.halfpanel .icon.docs{background-position:3px 12px;}

.halfpanel .icon.search, .top-panel .icon.search{background-position:-70px 12px;}




.topbtns{padding:40px 0 20px; overflow:hidden;}
.topbtns .button.right{float:right;}

table td{font-size:14px;}



table label{
    display: inline-block;
    cursor: pointer;
	vertical-align:middle;
    position: relative;
   font-size: 13px;
   margin-top:20px;
}
table input[type=checkbox] {
    display: none;
}
table label:before{
    content: "";
    display: inline-block;
 	vertical-align:middle;
    width: 19px;
    height: 19px;
 	position: absolute;
    left: -10px;
    bottom: 1px;
    background:url(../images/tabcheck.png) no-repeat 0px 0px;
}

table.address label:before{left:5px;}
table input[type=checkbox]:checked + label:before {
    content: "";
    color: #f3f3f3;
    text-align: center;
    line-height: 18px;
	background:url(../images/tabcheck.png) no-repeat -20px 0px;
	color:#373538;
}

.formsection .checks{width:60%; display:inline-block;}


.formsection .checks label, .agreement .checks label, table .checks label{
    display: inline-block;
    cursor: pointer;
	vertical-align:middle;
    position: relative;
float:none;
width:30px;
   margin:20px 0 0 0;
   padding:0;
}
.quote-form .checks label{
    display: inline-block;
    cursor: pointer;
	vertical-align:middle;
    position: relative;
    float:none;
    width:80%;
    margin:0;
    padding:0 0 0 28px;
    line-height:28px;
    color:#1B99C8;
}
.agreement .checks label{vertical-align:top; width:90%; padding-left:35px; margin:10px 0 15px; vertical-align:top;}
.agreement .checks label span{display:block; padding:0 0 10px 0;}
.formsection input[type=checkbox], .agreement .checks input[type=checkbox], .quote-form .checks input[type=checkbox]{
    display: none;
}
.formsection .checks label:before, .agreement .checks label:before{
    content: "";
    display: inline-block;
 	vertical-align:middle;
    width: 23px;
    height: 23px;
 	position: absolute;
    bottom: 0;
    background:url(../images/formcheck.png) no-repeat -2px -2px;
}
.quote-form .checks label:before{
    content: "";
    display: inline-block;
 	vertical-align:middle;
    width: 23px;
    height: 23px;
 	position: absolute;
    bottom: 1px;
	left:0;
    background:url(../images/quotecheck.png) no-repeat -2px -2px;
}
.agreement .checks label:before{left:0; vertical-align:top; bottom:auto; top:10;}
.formsection .checks input[type=checkbox]:checked + label:before, .agreement .checks input[type=checkbox]:checked + label:before, table .checks input[type=checkbox]:checked + label:before{
    content: "";
    color: #f3f3f3;
    text-align: center;
    line-height: 23px;
	background:url(../images/formcheck.png) no-repeat -45px -2px;
	color:#373538;
}

.quote-form .checks input[type=checkbox]:checked + label:before{
    content: "";
    color: #f3f3f3;
    text-align: center;
    line-height: 23px;
	background:url(../images/quotecheck.png) no-repeat -38px -2px;
	color:#373538;
}
.quote-form .checks input[type=checkbox]:checked + label{color:#fff;}

.agreement .checks{display:inline-block; width:90%;}

.formsection h2 .checks{margin-left:35px; width:auto; display:inline-block; vertical-align:middle;}
.formsection h2 .checks label{margin-top:0; padding-left:30px; width:auto;}
.formsection h2 .checks label:before{left:0;}

	.manage {
		width: 301px;
		height: auto;
		float: right;
		margin: 12px 0 0 10px;
		text-align:right;
	}

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 29%!important;  padding-left:2%!important; font-size:11px!important; color:#999; vertical-align:middle;}
.st-val { width: 65%!important; text-align:left!important; padding-left: 4%!important; padding-right:0!important;vertical-align:middle!important; }

.stacktable.small-only tbody tr:nth-child(even){background:none!important;}
.stacktable.small-only:nth-child(even){background:#f9f9f9;}
table.stacktable.small-only{margin:0!important;}
.stacktable.small-only tr td{padding:6px 0; position:relative;}

table.stacktable.small-only .fa{position:absolute; right:10px; bottom:1px;}
table.perm.small-only .fa.fa-search{right:35px; font-size:18px;}




/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }




input[type=text].quntity-input{width:60px; padding:5px; text-align:center;}
.sp-minus, .sp-plus{display:inline-block;width:30px; margin:0 2px 0 3px; height:30px;border-radius:2px; opacity:0.6; background:url(../images/qty.png) no-repeat 0 0 #eee; vertical-align:middle;}
.sp-minus{background-position:-2px -32px;}
.sp-minus:hover{background-position:-2px -3px; opacity:1;}
.sp-plus{background-position:-40px -32px;}
.sp-plus:hover{background-position:-40px -3px; opacity:1;}
.sp-input{display:inline-block;vertical-align:middle;height:30px;}
.amount{display:block; cursor:pointer; width:30px; height:30px;  font-size:18px;  color:#003e7d; font-weight:700; text-decoration:none; text-align:center; line-height:27px;}



.accnum{
	font-size:13px;
	padding-top:14px;
	display:block;
	color:#003e7d;
	font-weight: 400;
}


.wrap.acnt{float:left;}


.expansion{display:none;}
.expand-btn{display:block; padding:0 0 20px 0; margin:0 20px; border-bottom:1px solid #ddd; text-align:right;}
.expand-btn .btn{padding:4px 12px; cursor:pointer; background:#003e7d; display:inline-block; color:#fff; border-radius:3px; font-size:13px; letter-spacing:normal; text-decoration:none;}

.fav-add a.button{margin-top:10px;}
.fav-add a.button.pos{margin-right:10px;}
.fav-add a.button.neu{background:#eee; color:#666;}
.fav-add a.button.neu:hover{color:#003e7d;}



.dates{display:inline-block; position:relative; margin-right:5px;}
input.date{position:relative;}
.dates:after{content:"\f073"; padding-top:4px;	font-family: FontAwesome; position:absolute; height:32px; top:0; right:0; color:#fff; text-align:center; bottom:0; width:46px;background:#d2d2d2;}



.sort-form .jcf-select, .display-form .jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #ddd;
	background: #fff;
	width: auto;
	border-radius: 4px;
	height: 26px;
	cursor: pointer;
}

.sort-form .jcf-select .jcf-select-text, .display-form .jcf-select .jcf-select-text {
	
	
	line-height: 26px;
	margin: 0 50px 0 12px;
	
}
.jcf-select-drop .jcf-hover{color:#003e7d; background:#f0f0f0;}
.sort-form .jcf-select .jcf-select-opener, .display-form .jcf-select .jcf-select-opener {
	width: 30px;
	font-size: 21px;
	line-height: 26px;

}
.jcf-select-drop .jcf-selected{background:#003e7d; color:#fff;}
.jcf-select-drop .jcf-selected:after{content: "\f00c";
	font-family: "FontAwesome";
	color: #fff; position:absolute; right:10px;}

.content-part .review-bar{margin-bottom:20px;}


.filterbtn{display:inline-block; background:#009b7b; color:#fff; text-decoration:none; margin:8px 0 0 10px;border-radius: 3px;
font-size: 14px; line-height: 24px; height:26px; padding:0 10px; cursor:pointer;}

.filterbtn:after{content: "\f107";
	font-family: "FontAwesome";
	color: #fff; padding-left:10px;}
	
	.filterbtn.active{background:#eeeeee; color:#009b7b;}
	.filterbtn.active:after{content: "\f106"; color:#009b7b;}
	
.filterpanel{border-radius:3px; position:relative; background:#eeeeee; clear:both; padding:15px; margin-bottom:10px; display:block; display:none;}
.filterpanel:before{content:"";width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-bottom: 10px solid #eeeeee; position:absolute; right:50px; top:-10px;}
.filterpanel .select{display:inline-block; width:24%; padding-right:2%;}
.filterpanel .jcf-select{height:28px;}
.filterpanel .jcf-select .jcf-select-text{line-height:26px;}
.filterpanel .jcf-select .jcf-select-opener {
    width: 30px;
    font-size: 21px;
    line-height: 26px;
}


.map-head{padding:15px 0 0;color:#003e7d; margin-top:15px; border-top:1px dashed #ddd; font-size:21px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.map-head a{color:#003e7d; text-decoration:none;}
.map-head:before{content: "\f0a9";
	font-family: "FontAwesome"; margin-right:8px; font-size:18px; }
.map-sub{ padding:10px 0 0 25px; margin:0;font-size:19px;color:#009b7b;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.map-sub a{color:#009b7b;  text-decoration:none;}
.map-break{display:block; padding:3px 10px; background:#eee; margin:15px 0 10px 25px; color:#003e7d; }
.map-break a{color:#003e7d; text-decoration:none;}
.map-head a:hover, .map-sub a:hover, .map-break a:hover{text-decoration:underline;}

.content-part.wide{width:100%; padding-bottom:50px;}
ul.map{-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4; display:block; margin:0; padding:0 0 10px 25px; list-style:none;}
ul.map li{display:block; font-size:13px; padding:2px 0;}
ul.map li:before{content: "\f105";
	font-family: "FontAwesome"; margin-right:10px;}
ul.map li a{color:#555;text-decoration:none;}
ul.map li a:hover{text-decoration:underline;}


.errorpanel{background:#eee; border-radius:3px; padding:10px 20px;}
.errorpanel .input-wrap{display:inline-block; width:350px;}
.errorpanel button{display:inline-block;}
.errorpanel input{width:98%;}
.errorpanel .button-submit{margin:0;}
.errorpanel .title{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;color:#003e7d; display:inline-block; width:auto; padding-right:15px;font-size:21px;}
.errorpanel .search-drop{border:1px solid #eee;}


.filterselect{display:block; position:relative; clear:both; margin:5px 0 0; border-top:1px solid #e6e6e6;  padding:5px 0; overflow:hidden;}
.filterselect .title{display:inline-block; font-size:11px; color:#999; padding-right:10px;}
.filterselect .select-list{margin:0; display:inline-block;}
.filterselect .select-list li{width:auto; display:inline-block; cursor:pointer;  border-radius:3px;  padding: 2px 5px 2px 16px;}
.filterselect .select-list .cross{margin-left:25px;}
.filterselect .clear{display:inline-block; font-size: 11px;
text-decoration: none;
transition: color 0.3s ease 0s;
text-transform: uppercase;
margin: 4px 0px 0px;
font-weight: 400; color:#999; padding-left:10px;}
.filterselect .clear:hover{color:#009b7b;}



.feed-block .gallery-hold{position:relative; padding:45px 0 0;}
.aside-part .feed-block .gallery-hold{padding:60px 10px 20px;}

.feed-block  .gallery-list {
	list-style:none;
	margin:0;
	letter-spacing: -4px;
	font-size: 0;
	text-align: left;
	 padding:2px 0 0; height:165px; max-width:310px;
}
.aside-part .feed-block .gallery-list{height:432px; max-width:280px;}

.gallery-list li {
	padding: 0 6px 6px 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	max-width: 22%;
}

.gallery-list img {
	border: 1px solid #797777;
	width:100%; height:auto;
}





@media (max-width: 700px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
  .tabhead{margin-top:20px;}
}






@media (min-width: 480px) {
	.thumbnail-holder .column {
		
	}

	.box-content .column {
		width: 50%;
		padding: 0 20px;
	}

	.fav-add {
		min-width: 290px;
	}
}

@media (min-width: 480px) and (max-width: 991px) {
	.content-block .img-wrap .img-holder {
		padding: 0 10px;
		float: left;
		width: 50%;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.side-col .img-wrap .img-holder {
		padding: 0 10px;
		float: left;
		width: 50%;
	}
}

@media (min-width: 481px) {
	.banner-aside .row {
		float: left;
		width: 50%;
		padding: 4px;
	}
	
}

@media(min-width:550px){.buttons a.btn{float:left;}
	.buttons a.btn.submit{float:right;} }
	
	@media(max-width:549px){.buttons a.btn{ margin-bottom:5px;}.tabhead{font-size:16px;} .head-list li a{height:60px;}.logform .button{ margin:10px 0; display:block;} .logform input{width:100%;}}

@media (min-width: 768px) {

	
	.btn-back {
		display: block;
	}

	#wrapper {
		padding-top: 103px;
	}

	#header {
		position: fixed;
		height: 103px;
	}

	.logo {
		width: 119px;
		margin: 0 10px 0 0;
	}

	.banner {
		height: 750px;
	}

	.banner .banner-block,
	.banner .banner-aside {
		float: left;
		width: 75.2%;
		height: 100%;
	}

	.banner .banner-aside {
		width: 24.8%;
		padding-left: 8px;
	}

	.banner-block {
		padding: 0;
	}

	.quick-box {
		position: absolute;
		left: 40px;
		top: 56px;
		width: 323px;
		padding: 26px;
	}

	.banner-slider.slick-slider {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
	}

	.banner-aside .row {
		float: none;
		width: auto;
		padding: 0 0 8px;
		height: 20%;
	}

	.banner-aside .row:last-child {
		padding-bottom: 0;
	}

	.aside-figure > a:hover {
		opacity: 1;
	}

	.aside-figure > a:hover .bg-img {
		top: -10px;
		bottom: -10px;
		left: -10px;
		right: -10px;
	}

	.aside-figure .bg-img {
		position: absolute;
	}

	.aside-figure .bg-img img {
		visibility: hidden;
	}

	.content-banner {
		padding: 65px 0 75px;
	}

	.content-banner.add {
		padding: 60px 47px 40px;
	}

	.content-part {
		float: left;
		width: 60%;
		padding: 0 19px;
	}
	.header-part {
		float: left;
		width: 70%;
		
	}

	.aside-part {
		float: left;
		width: 40%;
		padding: 0 19px 0 45px;
	}
	.aside-part.careers {
		
		padding: 0 19px 0 20px;
	}
	
	.side-col{float: left;
		width: 40%;
		padding: 0 19px 0 60px;}

	.main-heading {
		padding: 0;
	}

	.main-heading h1 {
		margin-bottom: 0;
		font-size: 40px;
	}

	.content-header-hold {
		padding: 14px 0 20px 0px;
	}

	.content-header-hold .content-search {
		width: 293px;
		height: auto;
		float: right;
		margin: 12px 0 0 10px;
	}


	.breadcrumbs {
		display: block;
	}

	.thumbnail-holder.sales .column {
		width: 33.33%;
	}

	.thumbnail-holder .column {
	
	}

	#two-columns {
		margin: 0 -30px;
	}

	.main-content {
		padding: 0 30px 35px 10px;
		float: right;
		width: 70%;
	}
	
	.wide-content{padding:0 30px;}

	.sidebar {
		padding: 0 10px 0 30px;
		float: left;
		width: 30%;
	}

	.sidebar .top-title {
		font-size: 22px;
		padding-bottom: 15px;
	}

	.select-list li {
		display: block;
		padding: 9px 9px 9px 16px;
	}

	.select-list .cross {
		font-size: 16px;
	}

	.box-content {
		margin: 0 -20px;
	}

	.card {
		padding: 17px 9px 0px;
	}

	div.lightbox {
		padding: 20px 30px;
	}

	div.lightbox h3 {
		font-size: 35px;
	}

	div.lightbox .slider-wrap {
		float: left;
		width: 60%;
	}

	div.lightbox .product-info-wrap {
		float: left;
		width: 40%;
	}
	
	div.lightbox.buy .slider-wrap {
		float: left;
		width: 56%;
	}
	div.lightbox.buy .product-info-wrap {
		float: left;
		width: 44%;
	}

	.sidebar-accordion {
		margin-bottom: 50px;
	}

	.sidebar-accordion > li {
		padding: 10px 0 16px;
	}

	.sidebar-accordion .slide-opener {
		pointer-events: none;
	}

	.sidebar-accordion .slide {
		position: static !important;
		width: auto !important;
	}




	.content-block .text-wrap h2 {
		margin-bottom: 32px;
	}

	.content-block .text-wrap p {
		margin-bottom: 30px;
	}

	

	.general-content {
		float: left;
		width: 69.2%;
	}

	.intro {
		padding-right: 15px;
	}

	.aside {
		float: left;
		width: 30.8%;
	}

	.item-block .box-content .column {
		width: 33.33%;
	}

	.available-box {
		display: block;
	}

	.small-box {
		display: block;
	}

	.two-cols {
		margin: 0 -19px;
		padding: 30px 0;
	}

	

	.footer-bottom {
		text-align: left;
	}

	.footer-logos {
		float: right;
		margin-bottom: 0;
	}

	.footer-logos li {
		margin: 0 0 0 8px;
	}

	.footer-left {
		float: left;
	}

	.footer-left p,
	.footer-left .social-networks {
		display: inline-block;
		vertical-align: middle;
	}

	.footer-left p {
		margin: 0 10px 0 0;
	}

	.footer-holder {
		padding: 39px 0;
		font-size: 13px;
	}

	.footer-holder .footer-column {
		display: block;
		width: 35%;
	}

	.footer-holder .footer-column:first-child {
		width: 65%;
	}

	.footer-nav strong {
		font-size: 14px;
	}
}

@media(max-width:767px){.head-list{font-size:14px;} .baseform{padding:40px 0;}.baseform .col, .baseform .col.right{float:none; width:100%; padding:10px;}
.catform .col, .catform .col:first-child{float:none; width:100%; padding:0px;} 
}

@media (min-width: 992px) {
		.content-block .text-wrap {
		width: calc(100% - 360px);
		float: left;
		padding-top: 0;
		margin-top: -6px;
	}
	.content-block .text-wrap-left {
		width: calc(100% - 360px);
		float: right;
		padding-top: 0;
		margin-top: -6px;
	}
	.content-block .img-wrap {
		float: right;
		width: 320px;
		text-align: right;
	}
	
	.content-block .img-wrap-left {
		float: left;
		width: 320px;
		text-align: left;
	}
	.content-part {
		float: left;
		width: 70%;
		padding: 0 19px;
	}

	.aside-part {
		float: left;
		width: 30%;
		padding: 0 19px 0 45px;
	}
	
	.side-col{float: left;
		width: 30%;
		padding: 0 19px 0 60px;}
	#wrapper:before {
	
	}

	#wrapper {
		padding-top: 110px;
	}

	#header {
		padding: 0;
		height: 110px;
		border-top:12px solid #003e7d;
	}

	.fixed-position #header {
		
	}

	
	

	

	.logo {
		margin: 8px 16px 0 0;
	}

	.nav-opener {
		display: none;
	}

	.nav-hold {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		position: static;
		border: none;
		padding: 0;
	}

	.main-nav {
		float: left;
	}

	.main-nav > li > a {
		position: relative;
	}

	.main-nav > li > a:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 3px;
		background: #009b7b;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: visibility .2s, opacity .1s;
		transition: visibility .2s, opacity .1s;
	}

	.main-nav li {
		float: left;
		border: none;
		margin: 0 5px 0 0;
	}

	.main-nav a {
		padding: 6px 5px 33px;
	}

	.main-nav li.hover .drop {
		max-height: none;
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.main-nav .drop {
		position: absolute;
		width: 192px;
		margin-left: -46px;
		background: #fff;
		max-height: none;
		z-index: 9;
		overflow: visible;
		border-top: 3px solid #009b7b;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
		transition: opacity .3s, visibility .3s, transform .3s;
		margin-top:-3px;
	}

	.main-nav .drop:before {
		content: "";
		position: absolute;
		z-index: 2;
		bottom: 100%;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -9px;
		border-style: solid;
		border-width: 0 10px 10px;
		border-color: transparent transparent #009b7b;
	}

	.main-nav .drop ul {
		border-top: none;
		padding: 6px 14px;
		
	}
	
	.main-nav .drop.multi {
		width: 990px; margin-left:-100px;}
		
		.main-nav .drop.mid{width:520px;}
		.main-nav .drop.multi ul, .main-nav .drop.mid ul{
		display:inline-block; vertical-align:top; -moz-column-count: 6;
  -moz-column-gap: 10px;
  -webkit-column-count: 6;
  -webkit-column-gap: 10px;
  column-count: 6;
  column-gap: 10px;
  width:990px;
  margin-bottom:10px;}
  
  .main-nav .drop.mid ul{
		 -moz-column-count: 3;
  -moz-column-gap: 10px;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  column-count:3;
  
  width:510px;
 }
  

		

		
  
  .main-nav .drop.multi ul li, .main-nav .drop.mid ul li{width:150px;}
		
		.main-nav .drop.multi:before {
		
		left: 140px;
		
	}
	.main-nav .drop.mid:before {
		
		left: 90px;
		
	}
		

	.main-nav .drop li {
		float: none;
		margin: 0;
		border-bottom: 1px solid #ebebeb;
	}

	.main-nav .drop li:last-child {
		border-bottom: none;
	}

	.main-nav .drop a {
		padding: 5px 0;
	}

	.header-phone {
		margin: 0 0 5px;
		float: none;
		display: block;
		text-align: right;
		-webkit-transition: margin .3s;
		transition: margin .3s;
	}

	.header-phone .txt {
		display: inline;
	}

	.top-icons {
		float: right;
		padding: 5px 0 0;
	}

	.top-icons > li {
		margin: 0 0 5px 11px;
		position: relative;
	}

	.top-icons .drop {
		right: -27px;
		left: auto;
		top: 100%;
		margin: 15px 0 0;
		bottom: auto;
		width: 400px;
	}

	.top-icons .drop:before {
		content: "";
		position: absolute;
		bottom: 100%;
		right: 33px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px;
		border-color: transparent transparent #f8f7f7;
	}

	.copyright {
		display: inline;
	}
}

@media (min-width: 992px) and (max-width: 1399px) {
	.top-icons > li:last-child .hover-block {
		margin-left: -30px;
	}

	.top-icons > li:last-child .hover-block:before {
		left: auto;
		right: 11px;
	}

}

@media (min-width: 1024px) {
	.logo {
		margin-right: 27px;
	}

	.main-nav li {
		margin-right: 10px;
	}

	.thumbnail-holder {

	}

	.thumbnail-holder .column {
		
	}

	.main-content {
		width: 74.5%;
		padding-left: 30px;
	}

	.sidebar {
		padding-right: 30px;
		width: 25.5%;
	}

	.box-content .column {
		width: 33.33%;
	}
	
	.box-content.favs .column {
		width: 25%;
	}

	.item-block .box-content .column {
		width: 25%;
	}

	.footer-holder .footer-column {
		width: 30%;
	}

	.footer-holder .footer-column:first-child {
		width: 42%;
	}

	.footer-holder .footer-column:last-child {
		display: block;
	}
}

@media (min-width: 1200px) {
	.main-nav li {
		margin-right: 24px;
	}
}

@media (max-width:1150px){.contactboxes .panel{float:left; width:47.5%;margin-right:2%; margin-bottom:20px;}ul.depotlist li{margin-right:2%;position:relative; width:23%;}
ul.depotlist li:nth-child(4n){margin-right:0;}
ul.depotlist li:nth-child(5n){margin-right:1.2%;}}

@media (max-width: 991px) {
	.nav-hold{	margin-top:14px;}
	.top-icons > li:first-child .hover-block {
		margin-left: 40px;
	}

	.top-icons > li:first-child .hover-block:before {
		left: 16px;
	}
	.logintro, .logform-holder{float:none; width:auto; display:block; margin:0;}
	.logform-holder{padding:15px;}
	.desc .item strong{ width:100%; padding:5px 0; display:block;}
	ul.map{-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count:3; /* Firefox */
    column-count: 3;}
	
	table.contracts tr td:nth-child(2),table.contracts tr td:first-child{width:auto;}
}

@media(min-width:768px) and (max-width:1200px){	.head-list a{height:60px;}}

@media (max-width: 767px) {

	.content-banner-text{padding:0 20px;}
	ul.media li a.panel .pic:before{opacity:1;}
		.depdetails{height:auto;}
	.depot .side-col{ padding:0 ;}
	.depotinfo .side-col {
    padding: 0px 19px 0px 19px;
}
	.large-map, .large-map.jobs{height:300px;}
	ul.joblist li a.btn{font-size:14px; padding:0 10px;}
	.update-form.jobs{height:auto; padding:30px 20px;}
.formsection .rads{display:block; width:100%;}
.formsection .desc span{display:block;}
	.formsection.full label{width:30%;}
	.formsection.full textarea{width:60%;}
	.formsection .col{float:none; width:100%;}
	.buypanel .incvat{font-size:14px;}
	.search-drop {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	.filter-wrapper.filter-active .filter-drop {
		max-height: 1000px;
	}

	.filter-wrapper .filter-drop {
		margin-bottom: 0;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height .3s;
		transition: max-height .3s;
	}

	.filter-wrapper .filter-title {
		display: block;
		background: #f1f1f1;
		padding: 6px 10px;
		cursor: pointer;
		
	}

	.filter-wrapper .filter-title .fa {
		display: block;
		float: right;
		margin-top: 3px;
		color: #003e7d;
	}

	.sidebar-accordion .slide-opener {
		display: block;
	}

	.sidebar-accordion .slide-opener:before {
		position: absolute;
		top: -2px;
		right: 10px;
		content: "\f105";
		font-family: FontAwesome;
		font-size: 28px;
	}
	.formsection a.btn.right{float:none; display:block;margin-bottom:20px;}
	ul.media li{display:block; width:100%;}
	ul.media li a.panel{width:100%;}

	.catselect li{width:110px;padding:10px; margin-right:2px; margin-bottom:20px;}
.catselect li .pic{width:80px; height:125px;}
ul.depotlist li{margin-right:1.2%;position:relative; width:32%;}
ul.depotlist li:nth-child(3n){margin-right:0;}
ul.depotlist li:nth-child(5n){margin-right:1.2%;}
.top-panel.details .col{float:none; width:100%; padding-bottom:20px;}
.top-panel.details .col:last-child{width:100%; text-align:left;}
.top-panel label{float:left; font-size:15px; color:#6e6d6d; width:35%;}
.top-panel .result{width:62%; display:inline-block; color:#003e7d; font-size:16px;}
.formsection a.btn.add{ width:150px; margin-left:0; }
.balance,
.panels{float:none; width:100%; height:auto; margin:10px 0;}
.panels a.btn{width:32%;}
.panels a.btn:last-child{margin-right:0;}
#acc-menu {
    height: auto;}
	#acc-menu .acc-search {
    float: none;
    width: 100%; text-align:left; padding-top:10px;}
 .top-panel input.wide, .top-panel input{width:100%; float:none; margin:10px 0 0;}
 .top-panel input.date{width:100%; float:none; margin:0;}
.dates{display:block; width:100%; margin:10px 0 0;}
.dates:after{right:0;}
.top-panel a.button{width:100%; margin-top:10px;}
	.topbtns .button.right{float:none; width:100%; margin-bottom:10px;}
	.top-panel a.button.right{position:relative; width:100%; margin:0; right:0; margin-bottom:20px;}
	.top-panel.filter .holder{display:block; width:100%;}
	.table-panel{padding:30px 15px;}
	.top-panel.contract .col:nth-child(2), .top-panel.contract .col, .top-panel.contract .col:last-child {
    width: 100%; text-align:left;}
	.top-panel a.button.mid{width:100%;}
	.top-panel a.button.status {margin-top:20px;width:100%;}
	.desc input[type=text].date{width:100%; margin-left:0;}
	.desc .dates{margin-bottom:10px;}
	.options{float:none;  display:block;}
	.general-head.sortable h2{display:block; width:100%;}
	.sort-form .select-hold{padding-left:0;}
	.filterpanel .select{width:32%; }
	.sort-form .sort-title{padding-right:3px;}
	ul.map{-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}
}

@media (max-width:600px){
	.article .img {
	float: none;
	width: 100%; max-width:100%;
margin-bottom:20px;
	margin-right: 0px;
	
}
.contactboxes .panel{float:left; width:100%;margin-right:0; margin-bottom:20px;}
.article .text, .article .download{margin-top:20px;} 
.lightbox.forms{min-width:0px;}
.halfpanel{width:100%; margin:10px 0; float:none;}.halfpanel input{width:100%;}.halfpanel .icon{width:40px; height:40px; background-size:100px;} .halfpanel .icon.docs{background-position:-1px 6px;}.halfpanel .icon.search {
    background-position: -51px 6px;
}
.panels a.btn .pic{width:55px; height:55px; background-size:200px;} .panels a.btn.hire .pic {
    background-position: -5px 0px;
}
.panels a.btn.price .pic {
    background-position: -75px 1px;
}
.panels a.btn.invoice .pic {
    background-position: -135px 1px;
}
#acc-menu .acc-search {
    float: none;
    width: 100%; text-align:left;}
	#acc-menu .acc-search input {
    width: 100%; margin:8px 0;}
	.manage{float:none; width:100%; text-align:center; margin:5px 0;}
	.wrap.acnt{float:none;text-align:center;}
	
}
@media (max-width:540px){ul.map{-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;}.sort-form{text-align:left; width:100%;}
	.sort-form .select-hold{width:100%; padding:3px 0; margin:0;}
	.filterpanel .select{width:100%; margin:4px 0;}
	.sort-form .sort-title{width:30%;}
	.sort-form .select{width:70%;}
	.sort-form .jcf-select{width:100%;}
	a.all{margin:4px 0 10px; width:100%; padding:0; text-align:center;}
	.filterbtn{width:100%; padding:0; text-align:center; margin:0;}}
@media (max-width:480px){
	.content-banner{height:auto;}
	.content-banner.add{height:auto;}
	.errorpanel .input-wrap{display:inline-block; width:100%;}
	
	#detail-cols a.backbtn{width:100%; padding:0 2.5%;}
.depot .img img{width:100%; height:auto;}
	.manager{padding:20px 20px 120px;}
	.general-head h1, .content-part h1{font-size:30px;}
	.update-form.locate .call{font-size:21px;}
	.sort-form .select-hold{padding-left:0; padding-bottom:8px;}
	
	.lightbox.forms input[type="text"] {
    width: 100%;
} .lightbox.forms .button{width:100%;}
	
	.panels a.btn .link{margin:10px 8px 0px;}
	.balance{text-align:center; height:auto;}
	.balance .chart{float:none; display:inline-block;}
	.balance .amounts{margin-right:0; text-align:left;}
	.balance .button{width:100%;}
		.depot .img {
	float: none;
	max-width: 100%;
margin-bottom:20px;
	margin-right: 0px;
	
}.formsection.full label{width:100%; float:none;}
	.formsection.full textarea{width:100%;}.formsection textarea{width:100%;}.formsection label{display:block; float:none; width:auto;} .formsection input[type="text"]{width:100%;}

.formsection table td:nth-child(3){display:block; width:100%; }.formsection .jcf-select {width: 100%;}
.formsection a.btn.right{width:100%; }
.topbutts{float:none; display:block;}
.topbutts a.btn{display:block; margin-bottom:8px; margin-left:0;}
ul.depotlist li{margin-right:0;position:relative; width:100%; min-height:0; padding-bottom:65px;}
ul.depotlist li a.button{bottom:10px; width:100%;}

#acc-menu ul li{margin-right:20px;}
.top-panel a.button.wide{width:100%;}
.top-panel label{float:none; padding-top:10px; display:block; width:auto;}
.top-panel .result{display:block; with:auto;}
.buttons .button{width:100%;}
.input-hold {
	width: calc(100% - 0px);
	float: none;
}
.general-form .submit-wrap {
	width: 100%;
	float: none;
	margin:10px 0 0 0;
	padding:0;
}
.filterselect .select-list{display:block; padding-top:5px;}
.filterselect .clear{position:absolute; top:5px; right:0;}
input[type=text].quntity-input{width:60px;}
.radrow label{padding-right:0;}
.head-list{font-size:11px; line-height:13px;}
.head-list li a{padding:8px 5px; height:45px;}
.sharedrop {
  
    left: -65px;
    top: -45px;}
	
	.sharedrop:before{
	left: 40%;
	top: auto;
bottom:-5px;
	border-top: 5px solid #e7e7e7;
	border-bottom:none;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; 
}
}


/*   Password protected updates  */

.password-wrap{padding:80px 0; min-height:500px; text-align:center;}
.password-wrap h2{font: 300 30px/30px "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #003e7e;
	margin: 0 0 20px;}
.password-wrap .icon{height:120px; color:#ccc; font-size:70px; line-height:115px; width:120px; background:#f3f3f3; border-radius:50%; margin:0 auto 15px; display:inline-block;}
.password-wrap input{background: #F6F6F6 none repeat scroll 0% 0%;
border: 1px solid #DEDBDB; border-radius:3px; margin-right:10px; min-width:280px;}
.password-wrap .button{padding:2px 10px 3px;}

@media(max-width:480px){.password-wrap .button{width:100%; padding:3px 0; margin-top:10px;}.password-wrap input{width:100%; min-width:0;}}



/*   News updates  */

.text-wrap h4{color:#009B7B; font: 300 24px/30px "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; padding:10px 0; border-bottom:1px solid #ddd; margin-bottom:10px;}
a.newslink{display:block; margin:12px 0; text-decoration:none;}
a.newslink:before{font-family: FontAwesome; color:#888; font-size:13px; text-align:center;width:24px; line-height:24px;  height:24px; background:#eee; border-radius:50%; left:0; top:0;vertical-align:middle; display:inline-block; margin-right:6px; }
a.newslink.file:before{content:"\f0f6";}
a.newslink.link:before{content:"\f0c1";}
a.newslink:hover{text-decoration:underline;}
a.newslink:hover:before{color:#009B7B;}
.img-holder{position:relative;}
.gallery{position:absolute; cursor:pointer;top:0; text-align:center; right:0; width:40px; height:40px; background:rgba(0,62,125,0.9); color:#fff;}
.gallery:before{content:"\f00e"; font-family: FontAwesome; font-size:24px; text-align:center; line-height:36px;}


.onecol{padding-top:30px;}
.multicol{padding-top:30px; -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}

/*   Landing page styles  */	

.container.landing{position:relative;}
.container.landing:after{height:0;}
.landing-banner {
	position: relative;
	color: #fff;
	padding: 0;
    min-height:450px;
}

.landing-banner.grey, .landing-banner.grey label{color:#666;}
.landing-banner.grey h2{color:#013e7d}
.landing-banner.mid{text-align:center; padding-top:70px;}
.landing-banner .content-banner-text {
	max-width: 450px;
	font-size: 24px;
	line-height: 1.167;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	position: relative;
	z-index: 2;
	padding-left: 50px;
	padding-top:40px;
}	

.landing-banner .content-banner-text.middle {
	max-width: 550px;
	color:#fff;
	padding-left:0px;
	margin:0 auto;
	font-size:26px;
}
.landing-banner.rightform{height:450px; overflow:visible;}
.landing-banner .content-banner-text.middle h1{font-size:42px; font-weight:400;}
.landing .btn{border-radius:3px; vertical-align:top; height:36px; display:inline-block; line-height:33px; padding:0 12px; color:#fff; background:#009b7b;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:20px; margin:0px;text-decoration:none;}
.landing-banner  p{margin-bottom:10px;}
.landing-banner .bg-img{background-color:#013e7d;}
.headform{padding:10px 0;}	
.headform label{display:block; font-size:16px; color:#fff; padding-bottom: 5px;}
.landing input{border-radius:3px;height:36px; font-family:"Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color:#666; font-size:14px; padding:0px 5px; }	
.headform input{max-width:350px; height:36px; border-radius:3px; width:100%;border:0; margin:0 10px 8px 0; display:inline-block; padding:0px 5px;}

.grey .stripform label{color:#013e7d;}
.landing-banner.grey input{border:1px solid #ddd;}
.headform .btn{border-radius:3px; vertical-align:top; height:36px; display:inline-block; line-height:33px; padding:0 12px; color:#fff; background:#009b7b;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:20px; margin-top:10px;text-decoration:none;}
.headform .btn:hover{background:#008267;}
.landing .threecol{padding:40px 20px;}
.landing .threecol .col{width:33%; padding:0 3%; display:inline-block; text-align:center; margin-right:-3px;}

.landing .row{ padding:30px; position:relative; margin:0;}
.landing .row.center{text-align:center;}

.landing .col{display:inline-block; width:50%; vertical-align:top; margin-right:-3px;}
.landing .col.left{padding:20px 10% 0 0;}
.landing .col.right{padding:10px 0 0 5%;}
.landing .col.img{text-align:center;}
.landing .thumbnail-holder{padding:60px 0;}
.landing .col img{max-width:90%; height:auto; margin:auto auto;}
.landing .threecol .col img{width:auto; max-width:100%; margin-bottom:20px;}

.landing .titleband{padding:50px 100px; text-align:center; overflow:hidden;}
.landing .titleband h2{font: 300 34px/38px "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; max-width:900px; margin:0 auto;}
.landing .titleband .btn{margin-top:20px;}
.stripform input{width:250px; display:inline-block; border-color:#ccc;margin:0 10px;}
.stripform label{font-size:18px;}
.landing .titleband .stripform .btn{margin:0;}

.landing h2, .landing h3{font: 300 24px/30px "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #003e7e;
	margin: 0 0 10px;}
.landing .blue h2, .landing .blue h3, .landing .blue p{color:#fff;}

.landing .content-banner.add{height:420px;}
.landing .content-banner-text h2{color:#fff; font-weight:400; margin-bottom:30px;font-size:34px;}

.landing .pagetext{padding:30px 0;}

.threepanel{padding:80px 0;}
.threepanel .col{width:33%; display:inline-block; vertical-align:top;}
.landing  .panel{width:90%; background:#f1f1f1; padding-bottom:20px;}
.landing  .panel img{width:100%; height:auto; max-width:100%;}
.landing  .panel .brief{padding:20px;}
.landing  .panel .button{margin:0 20px 20px; display:block; text-align:center;}
.landing .aside-part{padding-right:0; padding-bottom:50px; padding-left:25px;}
.aside-part .panel{width:100%;}

.landing .form{padding:30px 25px; display:block; min-height:420px;}
.landing .form input, .landing .form textarea{border-radius:3px; border:1px solid #ddd; width:100%;}
.landing .form .button{width:100%; margin-top:10px;}
.landing .form label{font-size:12px;}

.callto{background:#f1f1f1; padding:70px 0; text-align:center;}
.callto .button{margin-top:10px;}

.mainimg{
	float:right;
	max-width:600px;
	width:55%;
	margin-right:0px;
	position:relative;
	min-height:450px;
	background-size:cover;
	background-position:center center;
	display:block;
}
.mainimg iframe{min-height:450px!important;}

.blockrow{height:410px; margin:0; padding:0; border:0;}
.blockrow .pichold{width:48%; margin:0; padding:0; display:inline-block;height:410px; background-repeat:no-repeat; background-size:cover;}
.blockrow .texthold{display:inline-block; padding: 40px 6% 20px; width:50%; vertical-align:top; max-width:650px;}
.blockrow iframe{min-height:410px!important; margin:0!important; padding:0!important;}

.grey{background:#f1f1f1; }
.blue{background:#013e7d; color:#fff;}

.header-hold .btn{
	float:right;
	vertical-align:middle;
	margin:16px 0 0 20px;
	border-radius:3px;
	vertical-align:top;
	height:36px;
	display:inline-block;
	line-height:33px;
	padding:0 12px;
	color:#fff;
	background:#009b7b;
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size:22px;
	text-decoration:none;
}

.landing-phone {
	font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	float: right;
	display:inline-block;
	font-size: 26px;
	margin: 18px 20px 0 0;
	color: #bebebe;
}



.landing-phone a {
	text-decoration: none;
	color: #003e7d;
	font-weight:400;
}

.landing-phone a:hover {
	color: #009b7b;
}
.center-box{background:rgba(255,255,255,0.75); color:#666; padding:30px;width:60%; max-width:500px; position:relative; margin:0 auto;}
.center-box input{border:1px solid #ccc; height:36px;}
.center-box h2{color:#003e7d; font-weight:400; font-size:30px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}

.landing .row.narrow{padding: 20px 120px;}
.landing .row.narrow .col{vertical-align:middle;}
.landing .row.narrow .col a{color:#009B7B}
.landing .row.narrow .col.left {
    padding: 20px 0 0px 0px;
}
.landing .col.right {
    padding: 10px 0px 0px 2%;
}
.row.padd{padding:0 50px; position:relative;}
.owl-carousel{padding:40px 30px; display:block; position:relative;}
.owl-prev, .owl-next{
	display: inline-block;
	zoom: 1;
	background: url(../images/slide-left.png) no-repeat center center #aaa;
	opacity: 1;
	width:23px; height:20%; text-indent:-1000px; overflow:hidden; position:absolute; cursor:pointer;
}
.owl-prev{
  left: 0px;
  top: 40%; 
}
.owl-next{
  right: 0px;
  top: 40%;
	background: url(../images/slide-right.png) no-repeat center center #aaa;

}
.row.padd .owl-prev{
  left: 25px;}

.row.padd .owl-next{
  right: 25px;}

.owl-prev.disabled, .owl-next.disabled{opacity:0; filter: alpha(opacity=0);}
.owl-carousel .item{display:block; background-size:cover; padding-bottom:70%;}

.leftcol{display:inline-block; padding: 20px 0; vertical-align:top; width:65%;}
.rightcol{display:inline-block;vertical-align:top; padding:0 0 20px; width:35%; padding-left:3%; margin-left:-3px; min-height:450px; position:relative;}
.formtop{background:rgba(1,62,125, 0.6); position:relative; padding:50px 30px; min-height:450px; }
.formtop h2{font-weight:400; color:#fff;font-size:30px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.formbtm{margin-right:20px;}

.rightfixed{float:right;color:#fff; margin-right:20px; width:30%; margin-top:-450px;}
.rightfixed .form{
    padding: 30px 25px;
    display: block;
    min-height: 420px;
	color:#fff;
}
.rightfixed .form input, .rightfixed .form textarea{border-radius:3px; border:1px solid #ddd; width:100%;}
.rightfixed .form .button{width:100%; margin-top:20px;}
.rightfixed .form label{font-size:12px;}
.rightfixed .form.grey label{color:#666;}
.rightfixed .form h2{font: 300 24px/30px "amsi_pro","Arial","Helvetica Neue","Helvetica",sans-serif;
color: #ff;
margin: 0px 0px 10px;}

@media (max-width: 1000px) {
.landing .aside-part{width:40%; padding-left:12px;}
.landing .header-part{width:60%;}
.overimg{float:right; max-width:300px;}
.mainimg{width:40%;}
.landing .row.narrow{padding: 20px 20px;}
.rightfixed{width:35%;}
.leftcol{width:60%;}
	}
	
@media (max-width: 768px) {
.leftcol{display:block; width:100%;}
.rightcol{display:block; width:100%;}
.landing .aside-part,.landing .header-part {float:none; display:block; padding:0; width:100%;}
.landing .form{min-height:0; margin-bottom:30px;}
.mainimg{float:none; width:100%; max-width:100%;display:block; margin:0 auto 20px; min-height:300px;}
.landing-banner .content-banner-text{padding:20px; text-align:center; max-width:100%;}
.landing .titleband{padding:30px;}
.landing .titleband h2{font-size:24px; line-height:28px;}
.threepanel{padding:30px 0;}
.landing .row{padding:20px;}
.landing iframe{width:100%; }
.landing .threecol{padding:30px 0;}
.blockrow .pichold, .blockrow .texthold{width:100%; display:block;}
.blockrow iframe{min-height:300px!important;}
.center-box{width:75%;}
.rightfixed{width:100%; margin-top:0; display:block; margin:0;}
.formtop{min-height:auto; background:rgba(1, 62, 125, 1);padding: 20px 30px;}
}

@media (max-width: 600px) {
.landing .row.narrow .col{display:block; width:100%;}
.threepanel .col{width:100%;}
.landing .panel{width:100%; margin-bottom:20px;}
.landing .col{display:block; width:100%;}
.landing .col img{max-width:100%;}
.landing .threecol .col{display:block; width:100%;}
.landing .col.right{padding:20px 0;}
}

.btn-down {
	position: fixed;
	right: 10px;
	bottom: 30px;
	width: 40px;
	height: 40px;
	background: #d3d2d2;
	border-radius: 40px;
	z-index: 9;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 1;
	-webkit-transition: background .3s, right .3s;
	transition: background .3s, right .3s;
	display: block;
}

.btn-down:hover {
	background: #003e7d;
}

.btn-down:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.btn-down .fa {
	display: inline-block;
	vertical-align: middle;
}

.down-btn-active .btn-down {
	right: -70px;
}




@media (min-width: 900px) {
div#popup1.lightbox{min-width:730px;}
}

.product-info .price .vat{font-size:15px;}

@media(max-width:640px){.fr-video iframe{width:100%!important; }}
@media(max-width:767px){
 .content-block .onecol table, .content-block .onecol table tbody, .content-block .onecol table tr{display:block; width:100%!important; max-width:100%; position:relative;}
 .content-block .onecol table td{display:block; text-align:left!important;width:100%!important; clear:both; position:relative;}
 img.fr-fic{position:relative; max-width:100%!important;  height:auto!important;}
}

.depdetails{padding-right:10px;}
.directions{padding-top:25px;}
.directions input{width:150px; height:30px; border-radius:3px; border-color:#ddd; margin-right:6px;}
.directions button.button{color:#fff; font-size:14px; line-height:20px; padding:4px 8px 5px;}
#directions {
border-radius: 3px;
    color: #9C9C9A;
    padding: 7px;
    margin: 5px 0;
}
a.backlink{padding:8px 10px; background:#eee; color:#666; text-decoration:none; font-size:14px; border-radius:3px;}
a.backlink:hover{color:#003e7e;}




@media (min-width: 901px) {

#detail-cols .slick-slider, #detail-cols .slider{background:#ddd;height:400px!important; max-height:400px!important;}
#detail-cols .slick-slide, #detail-cols .slide {text-align:center;line-height:400px!important; max-height:400px!important; height:400px!important; }
#detail-cols .slick-slider .slide img{max-height:400px!important;  width:auto!important;  display:inline-block!important;  }

}

@media (min-width: 1200px) {

#detail-cols .slick-slider, #detail-cols .slider{height:481px!important; max-height:481px!important;}
#detail-cols .slick-slide, #detail-cols .slide {line-height:481px!important; max-height:481px!important; height:481px!important; }
#detail-cols .slick-slider .slide img{max-height:481px!important;  }

}





.half-col{width:30%; margin:20px 3% 50px 0;display:inline-block; vertical-align:top; }
.logform{min-height:280px; padding:20px 30px;}
.logform input{margin-right:10px;}
.half-col .logform input{width:100%;}
.half-col .logform a{display:inline-block;  vertical-align:middle;}
.half-col .logform .button{margin-left:0; padding-left: 20px;
padding-right: 20px; margin-right:10px;}
.logform p{padding:8px 0; min-height:120px;}
.top-panel h2{line-height:30px; margin-bottom:20px;}
.result input{width:70%; margin-bottom:2px;}
.halfpanel table a.button{background:#ddd; color:#666; margin:0; float:right;}
.favsend .dates::after{height:34px;}
.halfpanel{min-height:275px;}
.halfpanel p{width:80%;}
.halfpanel h2{margin-bottom:10px;}
.alert{text-align:center; min-height:150px;}
div.lightbox.alert h3{font-size:26px; line-height:30px; padding:0 0 20px; margin:0;}
div.lightbox.alert a.neu{background:#ddd; color:#666;}
div.lightbox.alert a.neu:hover{color:#003e7d;}
div.lightbox.alert a.button{margin:0 4px; padding:3px 20px;}

.top-panel a.button.status{text-align:left; text-transform:none; margin-top:-50px;}
.top-panel a.button.status:after{position:absolute; right:10px; top:7px;}
.top-panel a.button.live{background:#003e7d;}
.top-panel a.button.live:after{content:url(../images/live.png);}
.top-panel a.button.pending{background:#d47d20;}
.top-panel a.button.pending:after{content:url(../images/pend.png);}
.top-panel a.button.collect{background:#20a3d4;}
.top-panel a.button.collect:after{content:url(../images/collect.png);}

.top-panel a.button.complete:after{content:url(../images/tick.png);}

.password label{display:block; width:100%;}

.content-wide.acc{clear:both;}

@media (max-width: 900px) {
	.logform{min-height:300px;}
	.logform input{width:95%;}
.logform p{min-height:0;}
	.half-col{width:100%; margin:20px 0 0; display:block; } .logform{min-height:0;}
}


.favsend label{font-size:13px; padding-right:10px;}


.response{text-align:center;}
.response h2{color:#003e7d; font-family: "amsi_pro"; font-weight:400; background:#f6f6f6;}
h2.wperror{color:#b73636; margin-bottom:0;  background:none; line-height:50px;position:relative; padding-left:60px; display:inline-block; width:auto;}
.wperror:before{ content: "\f12a"; font-family: "FontAwesome"; line-height:50px; width:50px; height:50px; border-radius:50%; left:0; background:#b73636; color:#fff; position:absolute; text-align:center; }
h2.wpsuccess{color:#009b7b; margin-bottom:0; background:none; line-height:50px; padding-left:60px; display:inline-block; width:auto;position:relative;}
.wpsuccess:before{content: "\f00c"; font-family: "FontAwesome"; line-height:50px; width:50px; height:50px; border-radius:50%; left:0; background:#009b7b; color:#fff; position:absolute; text-align:center;}


@media(max-width:767px){.banner-block{height:520px;}}

@media(max-width:500px){
	.quick-box{position:relative; background:#eee; width:100%;} 
	.banner-slider.slick-slider{height:0px; }
	.banner-block{padding:0;height:auto;}
	.quick-box .title{color:#003e7d;}
	}
	
	
	
	table.logist td{padding:10px 0;}
	table.logist tr td:first-child{width:20%;}
	table.logist tr td:nth-child(3){width:8%;}
	table.logist  a.btn-dwn{width: 33px;
	height: 33px;
	background: #d3d2d2;
	border-radius: 33px;
	z-index: 9;
	color: #fff;
	text-align: center;
	font-size: 19px;
	line-height: 1;
	-webkit-transition: background .3s, right .3s;
	transition: background .3s, right .3s;
	display: block;}
table.logist  a.btn-dwn .fa{color:#fff; display:inline-block;vertical-align:middle; line-height:33px;	font-size: 19px;}	
table.logist  a.btn-dwn:hover {
	background: #003e7d;
}




.aside .input-wrap.price{display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
 margin-top:-5px; padding-bottom:10px; }
.aside .input-wrap.price i{font-size:36px; padding-left:10px; line-height:36px;  font-style:normal; text-transform:none;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; display:inline-block; vertical-align:middle;}
.aside .input-wrap.price span{vertical-align:bottom; font-size:14px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; line-height:18px; text-transform:none;}


span.title{color: #003e7e;
margin: 0; display:block;
padding: 0 0 10px;
font-weight: 400;
font-size: 36px;
font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}

.top-panel.order .col{width:50%;}
.top-panel.order .col:last-child{text-align:left;}
.top-panel.order label{width:35%;}

.top-panel.order .result {
    width: 60%;}
	.top-panel.order li{list-style:none; display:block; padding:4px 0;}
	.aside a.button{width:100%;}
	
	.lightbox.paypop{max-width:580px;}
	
	@media (max-width:767px){
	.top-panel.order .col, .top-panel.order .col:last-child{display:block; width:100%;}	
	}
	
	@media (max-width:480px){
	.top-panel.order label,
.top-panel.order .result {
    width: 100%;}	
	
	}
	
	.small_input {
    width: 20% !important;
    float: left !important;
}
.hsh {
    width: 13px !important;
    text-align: center;
    padding-top: 5px;
}

.paypop .button{width:150px;}




.buypanel{overflow:hidden;}
.aside .input-wrap.price i{padding-left:0; font-size:32px;}
.aside .input-wrap.price .totals{display:inline-block; vertical-align:top;}
.aside .input-wrap.price .incvat{display:block; font-size:18px; padding-top:3px;color:#22a1d1; }
.lightbox .formsection .price{padding:10px 0;}
.lightbox .formsection .price .total{font-size:24px; color:#008267; margin-bottom:10px; line-height:22px;}
.aside .input-wrap.price span{white-space:nowrap;}

.lightbox.paypop{width:550px!important;}
.lightbox.paypop .formsection label{display:inline-block;}
.lightbox.paypop .formsection label.hsh{float:left; clear:none;}

.lightbox.paypop .formsection input[type="text"], .lightbox.paypop .formsection input[type="tel"], .lightbox.paypop .formsection input[type="email"], .lightbox.paypop .formsection .jcf-select, .lightbox.paypop textarea{width: 65%;}

.lightbox.paypop .formsection input.small{float:left; }

@media(max-width:980px){.aside .input-wrap.price i{font-size:30px;}}
@media(max-width:767px){.buypanel .price{font-size:30px;} .aside .input-wrap.price i{font-size:28px;} 	.fancybox-wrap{width:90%!important;} .lightbox.paypop, .fancybox-inner{width:100%!important;}}
	@media (max-width:480px){
		.buypanel { padding: 12px;}
		.buypanel .price{font-size:26px;}
	

	.lightbox.paypop .formsection label.hsh{display:inline-block; float:left; clear:none;}
	.lightbox.paypop .formsection label{clear:both; display:block;}
	.lightbox.paypop .formsection input[type="text"], .lightbox.paypop .formsection input[type="tel"], .lightbox.paypop .formsection input[type="email"], .lightbox.paypop .formsection .jcf-select, .lightbox.paypop textarea{width: 100%;}
	.lightbox.paypop .formsection .small_input{width:40%!important;}
	}
	







.content-header-hold.find{padding:30px 0;}	
	.cust-list{padding:50px 0;}
	.main-heading h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 300; color:#1e1e1e; font-size: 29px; margin:0; padding:0 0 8px;}
	.main-heading h3{font-weight:600; color:#009b7b; padding:0; margin:0;}

.main-heading .col{display:inline-block; box-sizing:border-box;vertical-align:top;}
.main-heading .col:nth-child(1){width:263px; padding-right: 2.5%; margin-right: 2.5%; border-right:1px solid #ddd;}
.main-heading .col:nth-child(2){ width:calc(98% - 420px);}
.main-heading .col:nth-child(3){width:120px; padding-top:6px; float:right;}
.main-heading.carthead .col:nth-child(1), .main-heading.quotehead .col:nth-child(1){width:calc(96% - 350px); }
.main-heading.carthead .col:nth-child(2){ width:300px; padding-top:45px;}
.main-heading.quotehead .col:nth-child(2){ width:350px; padding-top:45px;}



.main-heading a.btn.pos, .quote-form a.btn-add{text-align:left; cursor:pointer; margin-top:6px; font-weight:400; background:url(../images/plus.png) no-repeat 92% center #009b7b; width:230px; padding:0 70px 0 20px; color:#fff; line-height:42px; height:44px; text-decoration:none;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:22px; border-radius:3px; display:inline-block;}	
.main-heading a.btn.pos:hover, .quote-form a.btn-add:hover{background-color: #008267;}
.quote-form a.btn-add{width:100%;}
.quote-form .btn-add .added{background:#336598; color:#fff; padding:0 20px;}
.quote-form .btn-add .sign{float:right; padding-top:6px;}

.main-heading.carthead a.btn.pos, .quotehead a.btn.pos{width:300px;}

.quote-form a.btn{width:100%;}

	.quote-form{ padding:30px 25px; min-height:480px;}
	.quote-form .price{font-weight:300; font-size:40px; line-height:40px; color:#fff; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.quote-form .vat{display:block; font-size:20px; line-height:20px; color:#00aeef; padding-bottom:10px;}

.quote-form .price.range{font-size:34px;padding:0 0 10px; margin-top:-12px; }
.quote-form .price.range b{font-weight:300;display:block;font-size:16px; line-height:16px;color:#00aeef}

.quote-form .rangeset{display:block; font-size:14px; padding-bottom:10px;}
.quote-form .rangeset input{height: 32px;  border:0;  outline: none !important;
    font-size: 16px;border-radius: 4px;line-height: 14px;
    padding: 4px 12px;width:118px;color:#000; margin:0 8px;}
.quote-form .price.range span{display:inline-block;}
.quote-form .rangeset span{white-space: nowrap}
.quote-form .rangeset label{padding-right:12px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; float:left; line-height:32px;font-size:22px;font-weight:300;width: auto;}

	.quote-form .total{font-weight:300; font-size:40px; line-height:40px; color:#fff; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.quote-form input.form-input, .quote-form textarea.form-input{color:#000;}

#detail-cols h1{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-weight: 300;
font-size: 38px;
line-height: 1.2;
margin-bottom: 15px;
color:
#1e1e1e;}

.cart{border-radius:50%; width:52px; height:52px; background:url(../images/basket.png) no-repeat center center #00aeef; float:right; margin-top:20px; color:#003e7e; font-size:15px; padding-top:20px; line-height:18px;text-align:center; font-weight:600; cursor:pointer;margin-left:20px;}

.product-info .col{width:auto; padding-right:20px;display:inline-block; vertical-align:top}
.product-info .form-head{font-size:12px; color:#666;}
.product-info .total, .product-info .price{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:27px; line-height:30px; padding-top:8px;}
.product-info .vat{display:block; font-size:18px; line-height:18px; color:#00aeef; padding-bottom:5px;}
.product-info  .hold {   width: 40%; display:inline-block; margin-right:5px;}
.product-info .select{margin-bottom:15px;}
.quote-form .hold{vertical-align:middle;  display:inline-block; float:none; }

.card .select label{text-align:left; display:block; font-size:12px; padding:0 0 4px; color:#003e7e;}

#detail-cols a.backbtn.quote{float:right; background:#009b7b}

#detail-cols a.backbtn.quote:hover{ background:#008267}


.quote-form .txt{vertical-align:middle;font-size:20px;}

input[type=text].date{background:url(../images/cal.png) no-repeat 97% center #fff;}

.remodal.complete{max-width:600px;}
.remodal.register{max-width:660px;}
.remodal .formsection{border:0; padding:0;}
.remodal .reqkey{display:block; float:none; text-align:right; padding:0 2% 10px 0;}
.remodal.register .modal-footer a.btn{float:none;}

.upsell{ max-width:1400px; border-radius:5px; margin-top:3%;}
.upsell .card{border:1px solid #ddd; border-radius:3px; margin:10px 0; padding:10px ;}
.upsell .card.active{border:3px solid #00aeef; background:#eef6fd;}
.upsell .box-content .column{padding:5px; }
.upsell h1, .upsell h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color:#222; font-size:40px; margin:0; font-weight:300;}
.upsell h2{font-size:30px;}

@media (min-width: 767px){
.upsell .box-content .column {
    width:33.3%;
}}

@media (min-width: 1000px){
.upsell .box-content .column {
    width:25%;
}}

@media (min-width: 1300px){
.upsell .box-content .column {
    width:20%;
}}



.upsell .jcf-select .jcf-select-text{font-size:16px; color:#000;}
.upsell .active .jcf-select .jcf-select-text{color:#003e7e;} 
.upsell .totalfoot span{margin:0 5px; display:inline-block;}
.upsell .totalfoot .calcs{ display:inline-block;}
.upsell .total{padding:10px 0 10px 30px;  display:inline-block;margin-left:30px; border-left:1px solid #4e8ae2;}
.upsell .totalfoot{padding:10px 0;}

.upsell .card .price{padding-bottom:5px;}
.upsell .minhire{font-weight:400;}

.upsell .totalfoot strong{margin:0 5px;}

.modal-footer{  right:0; overflow:hidden;  border-radius:0 0 5px 5px; padding:15px 20px;}
.upsell .modal-footer a.btn,.upsell .modal-footer button.btn{float:right; cursor:pointer;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:24px; border-radius:3px; background:#009b7b;color:#fff; line-height:42px; height:45px; text-decoration:none; padding:0 40px; margin:0;}
.modal-body{padding:20px; max-height:70vh; overflow-y:auto; background:#fff;}
.remodal.complete .modal-body{text-align:center;}
.upsell .box-content{margin:0 -2px;}

.modal-head{ display:block;border-radius:5px 5px 0 0; padding:13px 20px; }
.modal-head .close{float:right; margin:0px -5px 0 0;}

.upsell .modal-head{background:#eee;color:#003e7e; font-size:16px; overflow:hidden;}
.remodal.complete .modal-head{background:#003e7e; text-align:center; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:28px; color:#fff; font-weight:300;}


.upsell .modal-footer{ color:#fff; background:#003e7e; }
.remodal.complete .modal-footer{ color:#fff; background:#eee; text-align:center; }

.modal-footer a.btn, .modal-footer button.btn, .modal-head a.btn{ border-radius:4px; display: inline-block;
    margin: 10px 0; text-decoration:none;
    color: #fff;
    padding: 5px 30px;
    border-radius: 3px;
    font-size: 21px; cursor:pointer;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	border:0; 
}
.modal-head a.btn{float:right; font-size:24px; margin: 10px 0 0; padding-right:55px;}
.modal-head.quotes{padding-top:40px;}
.modal-head.quotes .close{float:right; margin:-30px -5px 0 0;}
.modal-head.quotes h2{float:left; font-size:30px;margin: 15px 0 0;}
.modal-footer a.btn.pos, .modal-footer button.btn.pos{background:#009b7b;}
.modal-head a.btn.pos{background:url(../images/arrow.png) no-repeat 93% center #009b7b;}

.modal-footer a.btn.pos:hover, .modal-footer button.btn.pos:hover, .modal-head a.btn.pos:hover{background-color:#008267;}
.modal-footer a.btn.pos.disabled{  display:none;}
.modal-footer a.btn.grey{background:#ccc; position:absolute; right:20px; bottom:15px;   padding: 5px 15px;}
.modal-footer a.btn.grey:hover{background:#aaa}

.upsell .skip{float:right; text-decoration:none; color:#00aeef;background:rgba(255,255,255,0.1); padding:5px 15px; margin-top:4px; border-radius:3px;}
.upsell .skip:hover{color:#fff;}

.modal-body textarea{border-radius:3px; width:100%; height:100px; border:1px solid #ddd; }
.modal-body h2{font-size:30px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; color:#003e7e; font-weight:400;}
.modal-body .ref{padding:8px 40px; width:100%; text-align:center;margin:0 0 20px;border-radius:3px; background:#e3f6fd; display:inline-block; font-size:20px;color:#00aeef}

.quote-form{position:sticky; top:95px; float:right; width:30%;}
.quote-form .jcf-select .jcf-select-text {font-size:14px; color:#000;}

.ui-datepicker .ui-datepicker-next span{background:url(../images/right.png);}
.ui-datepicker .ui-datepicker-prev span{background:url(../images/left.png);}
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover{background:#009b7b; border:0;}

.actions{background:#f6f6f6; padding:30px 0 60px; }
.actions a.btn{ text-decoration:none;display:inline-block;  color:#fff; padding:5px 30px; border-radius:3px;font-size:21px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.actions a.btn.grey{background:#aaa;}
.actions a.btn.grey:hover{background:#808080;}
.actions a.btn.blue{background:#003e7e;}
.actions a.btn.blue:hover{background:#012e5b;}
.actions a.btn.pos{background:#009b7b;}
.actions a.btn.pos:hover{background-color:#008267;}
.actions a.btn.accept{background:#76cd42;}
.actions a.btn.accept:hover{background-color:#6eb941;}
.actions a.btn.reject{background:#ec5252;}
.actions a.btn.reject:hover{background-color:#d84545;}
.actions a.btn.complete{background:#528BFF;}
.actions a.btn.complete:hover{background-color:#3971e2;}





.bespoke{font-size:13px; color:#999; background:#efc82d; letter-spacing: 0.1em; font-weight:600; color:#fff; padding:4px 14px; border-radius:17px;}
.card .bespoke{position:absolute; left:9px; top:15px; z-index:2;font-size:12px;}
.upsell .card .bespoke{left:18px;}
.quote-form .bespoke{position:absolute; right:15px; top:15px; z-index:2;}

.diffdates{display:block; padding:10px 0 5px;  font-size:14px; color:#666; }
.diffdates input{margin-right:10px;}


.hire-list{padding:30px 0;}

.hire-list table td:first-child{font-size:16px; color:#003e7e; width:60%;}

.hire-list h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 300;
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #1e1e1e;}

.carttotals{text-align:right; font-size:14px; padding:10px 50px;}
.carttotals.top{border-top:1px solid #eee;}
.carttotal{text-align:right; color:#003e7e; font-size:24px; line-height:18px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; padding:15px 50px;}
.carttotals span, .carttotal span{width:200px; padding-left:60px;  display:inline-block; vertical-align:top;}
.carttotal span em{font-size:15px; font-style:normal;}

.hiredates{border-radius:4px; background:#eef6fd; border-radius:3px; border:1px solid #00aeef; color:#555; padding:10px 20px; margin-bottom:10px;}
.hiredates .heading{display:inline-block; font-weight:300; padding-right:20px; color:#003e7e;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:24px;}
.hiredates input{   background-size:18px;
    border: 1px solid #b9e3f3;
    border-radius: 3px;
    height: 30px;
    line-height: 30px; margin-right:5px;}
	

.preview{width:335px; display:none; position:absolute; top:83px; right:0;border:1px solid #ddd; background:#fff;}
.preview:before {content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position:absolute;
	content:"";
	border-bottom: 11px solid #ddd;
	right:30px; top:-12px;
}

.preview:after{content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;position:absolute;
		content:"";
	border-bottom: 10px solid #f7f7f7;
	right:30px; top:-10px;
	z-index: 1;
}
.preview .head{background:#f7f7f7; color:#222222; height:50px; padding:0 15px; line-height:48px;}
.preview .added{background:url(../images/added.png) no-repeat 14px center #eef6fd; color:#00aeef; padding:10px 15px 10px 38px;}
.preview ul.list{max-height:350px;  margin:0;overflow-y:auto; padding:10px 10px 20px 15px; list-style:none;}
.preview ul.list li{display:block; position:relative; border-bottom:1px solid #ddd; padding:10px 0;}
.preview ul.list li:last-child{border-bottom:0;}
.preview li .del{width:16px; cursor:pointer; height:16px; position:absolute; right:8px; top:80px; background:url(../images/cart-del.png);}
.preview li .del:hover{background:url(../images/cart-del-f2.png);}
.preview .product{color:#003e7e; font-size:15px; display:block; font-weight:600;}
.preview .from{color:#00aeef;font-size:14px; display:block;}
.preview .days, .preview .cost{font-size:14px; color:#222; display:block;}
.preview .pic{border:1px solid #ddd; background-size:contain; background-repeat:no-repeat; background-position:center center; width:98px; height:91px; display:inline-block; vertical-align:middle;} 
.preview .info{display:inline-block; margin-left:10px; width:calc(100% - 115px); vertical-align:middle;}
.preview .subtotal{background:#fafafa; color:#003e7e; font-weight:600; font-size:18px; padding:10px 15px;}
.preview .subtotal span{font-size:13px;}
.preview .foot{background:#f1f1f1; padding:20px 15px;}
.preview .foot a.btn{float:none; width:100%; text-align:center; padding:0; margin:0;}
.preview .foot a.btn:hover{background-color:#008267;}

.preview li .related{background:#f5f7fb; font-size:12px; color:#222; position:relative; margin:7px 0 0; border-radius:3px; padding:6px}
.preview li .related .prod{width:70%; font-size:13px;display:block;color:#003e7e; font-weight:600;}
.preview li .related .del{bottom:10px; width:16px; top:auto;}
.preview li .related .from{color:#00aeef; font-size:12px; display:block;}

.searchhold{position:relative; width:100%;}
.searchdrop{
	position: absolute;
    left: 0;
    top: 44px;
    margin-top: 6px;
    background: #fff;
    width: 100%;
	border:1px solid #ddd;
    z-index: 999;
    border-radius: 4px;
  display:none;
    }
	.cust-list td a, .quote-list td a{text-decoration:none;}
	.cust-list td a:hover, .quote-list td a:hover{text-decoration:underline;}
.searchhold input:focus{border:1px solid #00aeef;}	
	.searchresults{
		margin:0; padding:0; list-style:none;
	max-height:400px;
	overflow-x:auto; 
	}
	.searchresults .pic{display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center center; width:85px; margin-right:15px; height:70px; border:1px solid #ddd;vertical-align:middle; }
	.searchresults .info{width:calc(100% - 110px);display:inline-block;vertical-align:middle; }
	.searchresults li{display:block;padding:6px 15px; font-size:12px; color:#888; border-bottom:1px solid #ddd;}
	.searchresults li a{display:block;   text-decoration:none; color:#555;}
	.searchresults li:last-child{border:0;}
	.searchresults li:hover{background:#eef6fd;}
	.searchresults .heading{color:#003e7e; padding-bottom:4px; display:block; font-size:14px;}
	.searchresults .code{display:block;}
	
	table input[type=text].date{ background-size:18px; }
	
	div.lightbox .col{float:left; width:56%; padding-right:4%;}
	div.lightbox .col .slider-wrap{width:100%; float:none; margin-bottom:30px;}
	div.lightbox .quote-form{width:44%; margin:0;min-height:0;padding:25px;}
	div.lightbox .quote-form .price, div.lightbox .quote-form .total{font-size:34px; line-height:34px;}
	div.lightbox .quote-form input.form-input, div.lightbox .quote-form textarea.form-input, div.lightbox .quote-form .jcf-select{height:36px;  color:#000;   letter-spacing: 0em;}
	div.lightbox .jcf-select .jcf-select-text{line-height:36px;}
		div.lightbox .quote-form a.btn{cursor:pointer;}
	
	.card .add{background:#003e7e;}
	
	a.btn{	-webkit-transition: background .3s;
	transition: background .3s;}
	table.contractdash tr td:last-child{width:250px;}
			.cust-list td a, .quote-list td a{color:#707071;}
		.cust-list tr:hover td a, .quote-list tr:hover td a{color:#003e7e;}	
	.cust-list td a.start, .quote-list td a.start{cursor: pointer; display:inline-block; background:#3F8ED9; color:#fff; width:90px; font-size:16px; text-decoration:none; text-align:center; padding:3px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; border-radius:3px;}
	.quote-list td a.start{width:140px;}
	.cust-list tr:hover td a.start, .quote-list tr:hover td a.start{color:#fff;}
		.cust-list td a.start:hover, .quote-list td a.start:hover{background:#003e7e;color:#fff; text-decoration:none; }
		.cust-list tr:hover td a.start:hover, .quote-list tr:hover td a.start:hover{color:#fff;}
		
		.hire-list table td{padding:10px 0;}
h1.padd{display:block; padding:0 10px;}

#header a.backlink{display:inline-block; margin-top:35px;padding:5px 10px;}

.minhire{padding:5px; border-radius:30px; display:block; background:#f1f4fa; text-align:center; margin-bottom:10px; color:#00aeef; font-weight:600;}
.quote-form .minhire{background:#00aeef; color:#fff; font-size:14px; padding:4px; margin-bottom:15px; font-weight:400;}

table tbody tr{border-top:1px solid #eee; border-bottom:0; border-radius:3px;}
.stacktable{border-bottom:1px solid #eee;}
table tr.related{border:0; background:#f5f7fb; border-bottom:5px solid #fff;}
table tr.related td{padding:6px 0;}
table tr.related .sp-minus, table tr.related .sp-plus{background-color:#e8eef6;}
.sp-quantity{margin-top:20px;}
.items{font-size:34px; color:#222;}

table tr.related td:first-child{text-indent:30px; color:#528bff;}
table tr.related .diffdates{padding-top:3px;}
table input[type=text]{background:#fff;}

table .del{width:18px; cursor:pointer; height:18px; display:block; background:url(../images/cart-del.png);}
table .del:hover{background:url(../images/cart-del-f2.png);}

.bottom-box .hold{width:37%; display:inline-block; margin:0 2px;}
.bottom-box .date-holder{width:60%;display:inline-block;}
.card div.input-wrap, .card div.date-holder, .card div.hold{text-align:left;}
.card div.input-wrap{margin-top:5px;}
.upsell .bottom-box .txt{margin-left:-45px; font-size:12px; position:relative;}
.bottom-box input.form-input{font-size:12px; color:#000;}
.bottom-box input.form-input::placeholder{font-size:11px;}
.upsell .card.active input.form-input{color:#003e7e;}

.formsection input[type="text"], .formsection input[type="password"], .formsection .jcf-select{background-color:#fcfcfc;}

  .login{max-width:500px; padding:50px 0;margin:0 auto;}
  .login a.btn{width:280px; text-align:center; margin:20px 0 0 150px;border-radius: 3px;
    border: 0;
    outline: none;
    cursor: pointer;
    padding: 5px 20px;
    text-decoration: none;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 20px;
    -webkit-appearance: none;
    display: inline-block;background: #009b7b;
    color: #fff;}
	  .login a.btn:hover{background:#003e7e;}
  .login a.pass{text-align:right; color:#4d8be2;}
 
  
  .form label {
    font-size: 13px;
    color: #003e7e;
    width: 150px;
    display: inline-block;
}
  
     .login input[type=text] {
    border: 1px solid #d3d5e4;
    border-radius: 3px;
    outline: none;
    height: 30px;
	width:280px;
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    line-height: 20px;
	margin-bottom:10px;
}

.find h3{font-size:20px; display:inline-block; padding-right:20px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}

 ul.stats{float:right; margin:0; padding:0;}
	ul.stats li{display:inline-block; text-align:center; width:90px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; text-transform:uppercase; color:#9fa2b8; letter-spacing:0.05em; cursor:pointer; padding-top:6px; }
ul.stats a{text-decoration:none; color:#b6b9cc; }
ul.stats li:hover, ul.stats li:hover a{color:#003e7e;}
ul.stats li strong{display:block; margin:0 auto; border-radius:50%; width:65px; letter-spacing:0; text-align:center; height:65px; line-height:63px; font-weight:normal;   font-size:30px; color:#fff; margin-bottom:4px; background:#b6b9cc;}
ul.stats li.progress strong{background:#fc8763;}
ul.stats li.complete strong{background:#009b7b;}

.formsection h3{color:#003e7e; font-weight:300; font-size:28px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
	
	@media(max-width:1010px){.main-heading .col:nth-child(1){width:30%;}.main-heading .col:nth-child(2){width:52%}.main-heading .col:nth-child(3){width:100px;}}
	@media(max-width:767px){
	div.lightbox .col{width:100%;}
	div.lightbox .quote-form{width:100%;}	
	.upsell .totalfoot .calcs{display:block;}
	.upsell .total{display:block; margin-left:0; padding-left:0; border-left:0;}
	.quote-form{width:100%; position:relative; top:0; float:none;}
	.main-heading .col:nth-child(2),.main-heading .col:nth-child(1){width:100%; margin:0;}
	.main-heading .col:nth-child(1){padding-bottom:20px; border:0;}	.main-heading .col:nth-child(3){position:absolute; top:0; right:10px;}
	.main-heading .col:nth-child(2) h2{display:inline-block; padding-right:10px;}
	.content-header-hold.find{padding:10px 0;}
	.main-heading h1{margin-bottom:0; font-size:30px;}
	.main-heading a.btn.pos, .quote-form a.btn-add{margin-top:0;}
	.hiredates .heading{display:block;}
	.hd.one{padding-top:10px;}
	.stacktable.small-only:nth-child(2n) input{background:#fff;}
	.general-content{position:relative;}
	
	}
	@media(max-width:650px){
		.remodal.complete{width:95%;}
	.preview{width:100%; bottom:0; top:67px; position:fixed;}.actions a.btn{width:100%; margin:10px auto;}	.cart{margin-top:0;}
	}
	
	
	
.custname{color:#003e7e; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400; font-size:16px; margin-top:30px;  float:right;}

a.logout{color:#fff; background:#ec5252;border-radius:3px; float:right; margin-top:20px; padding:4px 6px; font-size:14px; text-decoration:none;}
a.logout:hover{background:#b73636;}

a.topbtn{color:#fff; background:#003e7e;display:inline-block;float:right;margin-top:20px; border-radius:3px; padding:4px 10px; margin-right:8px;font-size:14px; text-decoration:none;}
a.topbtn:hover{background:#003e7e;}

    .login input[type=password] {
    border: 1px solid #d3d5e4;
    border-radius: 3px;
    outline: none;
    height: 30px;
	width:280px;
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    line-height: 20px;
	margin-bottom:10px;
}

@media(max-width:1010px){.custname{margin-top:12px;}#header a.backlink{margin-top:20px;}.cart{margin-top:0;}}
@media(max-width:550px){#header a.backlink{clear:left; margin-top:5px;} }

.formsection.top {
    border-top: none;
    padding:0 0 20px;
}
.formsection textarea{background:#fcfcfc; width:98%; font-size:13px;}




.ui-datepicker table tr, .date-picker-wrapper table tr, .date-picker-wrapper table tbody tr{border:0;}
.date-picker-wrapper table th{border:0;}
.date-picker-wrapper table th.month-name{ color:#003e7e; font-size:13px;}
.month-wrapper table .week-name th{font-size:11px; }
i.selected-days{color:#00aeef;}
.bottom-box .date-holder{width:49.3%; position:relative;}
.card .select label.checkbox{padding:0 0 0 30px; margin-top:4px; font-size:14px;}
.card .select label.checkbox .checkbox-input::before {background:#00aeef;}
.card .select label.checkbox .checkbox-input{height:22px; width:22px;}
.card .select label.checkbox .checkbox-input{background-color:#fff;}



.upsell .modal-body{min-height:480px;padding-bottom:60px;}
.upsellcat{border-radius:4px; background:#00aeef;display:block;  padding:7px 10px; margin-top:10px;color:#fff; font-size:24px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; cursor:pointer;}
.upsellcat:hover, .upsellcat.active{background:#003e7e}
.upsellreveal{display:none;}
.upsellcat .opener{color:#fff; float:right;font: 15px/1.4 "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;padding:4px 26px;}




.upsellcats{display:inline-block; padding:5px 10px; position:relative; border-radius:3px; color:#003e7e; background:#f1f2fa;margin:5px;font-size:20px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; cursor:pointer;}
.upsellreveal h2{font-size:36px;font-weight:300}
.upsellcats.active{background:#00aeef; color:#fff;}
.upsellcats.active:after{content:""; width: 0; position:absolute; bottom:-10px; left:50%;
  height: 0; margin-left:-10px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  
  border-top: 10px solid #00aeef;}
.upsellbtn{float:right; margin-left:10px; padding:5px 20px; border-radius:4px; color:#fff;font-size:24px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; cursor:pointer;}
.upsellbtn.pos{background:url(../images/arrow.png) no-repeat 85% center #009b7b; padding-right:50px;}
.upsellbtn.pos:hover{background-color:#008267}
.upsellbtn.neu{background:#eee; color:#999;}
.upsellbtn.neu:hover{background-color:#ddd;}
.addbtns{float:right;display:none;}


/*   ON-OFF SWITCH     */

.onoffswitch {


	margin-bottom: 2px;
	margin-left: 10px;
	position: relative;
	width: 54px;
	display:inline-block;
	vertical-align:middle;
	height:22px;
	cursor:pointer;

    }

.onoffswitch input[type=checkbox]:checked + label:before, .onoffswitch-label:before{display:none;}
    .onoffswitch-checkbox {
	display: none;
	font-size: 13px;
    }
    .onoffswitch-label{margin-top:0;
    display: block; overflow: hidden; cursor: pointer; 
    font-size: 12px; padding:0; 
     height:22px;border-radius: 15px; float:none; position:static; width:54px;
    }
	
	
    .onoffswitch-inner {
    width: 200%; margin-left:-100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 22px; padding: 0; line-height: 15px;
    font-size: 12px; color: white; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .onoffswitch-inner:before {
    content: "ON";
    padding-left: 8px;
    background: #528BFF;  
        text-align:left;
		font-size:9px;
		line-height:22px;
        color:#fff;
    }
    .onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background: #ddd;  
 color: #999999;
    text-align: right;
	
    }
    .onoffswitch-switch {
    width: 16px; height:16px; margin: 3px;
    background: #fff;  
     border-radius: 9px;

    position: absolute; top: 0; bottom: 0; right: 30px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;

  
    }
	.onoffswitch-switch:after{}
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 1px;
    }	




 .upsellcat .onoffswitch-inner:before {
    content: "";
    padding-left: 8px;
    background: #009b7b;  
        text-align:left;
		font-size:9px;
		line-height:22px;
        color:#fff;
    }
     .upsellcat .onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background: rgba(255,255,255,0.3);  
 color: #999999;
    text-align: right;
                  

	
    }

.upsellcat .onoffswitch-inner span:before {
    content: "NO";
   position:absolute; left:-23px;
		font-size:11px;
		line-height:23px;
        color:#fff;opacity:0.7
    }

     .upsellcat .onoffswitch-inner span:after {
    content: "YES";
  position:absolute; right:-25px;
    text-align: right;
        	font-size:11px;
		line-height:23px;          
    }


.upsellcat .onoffswitch-inner span:after{opacity:0.7}
.upsellcat .onoffswitch-inner span.active:after{opacity:1;}






	
.hire-list table input[type=text]{width:130px}
.hire-list input[type="text"].quntity-input{width:60px;}
.hire-list table td:first-child{width:43%;}
.hire-list table td:nth-child(5){color:#528BFF}
.hire-list table .active{display:inline-block;}
.hire-list table .inactive{color:#d3d5e4}

.quote-form .checks label{font-size:16px;color:#00aeef;}


table.cartlist .checks label{width:auto;padding-left:25px;margin:0; }
table.cartlist label:before{left:0;bottom:-1px;background: url(../images/tabcheck.png) no-repeat 0px 0px;}
table.cartlist .checks input[type=checkbox]:checked + label:before{background: url(../images/tabcheck.png) no-repeat -20px 0px;}
table.cartlist .checks input[type=checkbox]:checked + label{color:#009b7b}
table.cartlist .sp-quantity{margin-top:0;}

table.cartlist td.free .onoffswitch{visibility: hidden;}

.remodal.alert{width:450px;}
.remodal.alert .modal-footer{ margin:0;  text-align:center; border-top:0px none;background:#f1f2fa; padding:8px 20px;border-radius: 0 0 5px 5px; }
.remodal.alert .modal-body{text-align:center;  color:#000;padding-bottom:10px; }
.remodal.alert .modal-head{ font-size:24px; position:relative; color:#fff; font-weight:300; line-height:26px; padding:20px 20px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;  text-align:center;padding-top:100px; background:#003e7e}
.remodal.alert .modal-head:before{content:"";width:70px; height:70px; border-radius:50%;top:20px; left:50%; margin-left:-35px; position:absolute; background:url(../images/alert.png) center center no-repeat #ec5252;}


.hire-list h2{font-size:30px;font-weight:600; color:#003e7e}
.formsection h3{font-weight:400; color:#1e1e1e; font-size:24px;}
.formsection .col:nth-child(3){margin-right:0;}

.upsell .card .img{height:170px; overflow:hidden;margin-bottom:10px;}


.contractdash tr td:first-child{border-left:5px solid transparent; }
.contractdash tr.pending td:first-child{border-left-color:#e9a70a; color:#e9a70a;font-size:12px;}
.contractdash tr.draft td:first-child{border-left-color:#4d8be2; color:#4d8be2;font-size:12px;}
.contractdash tr.near td:first-child{border-left-color:#e9a70a; color:#e9a70a;font-size:12px;}
.contractdash tr.expire td:first-child{border-left-color:#e9a70a; color:#e9a70a;font-size:12px;}
.contractdash tr.approve td:first-child{border-left-color:#003e7e; color:#003e7e;font-size:12px;}
.contractdash tr.reject td:first-child{border-left-color:#ec5252; color:#ec5252;font-size:12px;}


.status{float:right; padding:6px 15px; position: relative;color:#fff; text-align:right; font-size:13px;background:#4d8be2; margin-right:0.75%;border-radius:2px;}
.status.approve{background:#003e7e}
.status.reject{background:url(../images/info.png) no-repeat 95% center #ec5252;  cursor:pointer; padding-right:36px;}
.status.near{background:#e9a70a}
.status.expire{background:#e9a70a}
.status.pending{background:#e9a70a}
.status.complete{background:#009b7b}

.alerts{ position:relative; float:right; display:inline-block; margin: 20px 8px 0 0;}
.alerts .num:after{content:""; width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid #8466ff; position:absolute; bottom:-5px; left:50%; margin-left:-4px;}
  .alerts .num{text-decoration:none; cursor:pointer; border-radius:3px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; min-width:28px; text-align:center;padding:3px 7px 4px; font-size:14px; background:#8466ff; color:#fff;}

.drop{border-radius:3px; display:none;z-index:4; list-style:none; text-align:left; background:#fff; right:0; border:1px solid #d3d5e4; position:absolute; padding:7px 5px 8px 5px; font-size:14px;}
.drop li a{display:block; border-radius:3px; white-space:nowrap; color:#111; padding:4px 15px 4px 6px; -webkit-transition: all 0.3s ease-in-out; outline:none;
	transition: all 0.3s ease-in-out; text-decoration:none; color:#222;}
.drop li a:hover{background:#f1f2fa;color:#4d8be2;}
.alerts .drop li a{text-decoration:none; font-size:13px;}
.alerts .drop li a .date{color:#bbb; font-size:10px; padding-left:16px;display:block; text-transform:uppercase;}
.alerts .drop li a .details{display:block; font-size:11px; color:#9fa2b8;padding-left:16px;}
.alerts .drop li a:before{content:""; margin-right:8px;width:8px; height:8px; border-radius:50%;display:inline-block;}
.alerts .drop li a.approve{color:#003e7e}
.alerts .drop li a.approve:before{background-color:#003e7e;}
.alerts .drop li a.reject{color:#ec5252;}
.alerts .drop li a.reject:before{background-color:#ec5252;}
.alerts .drop li a.expire{color:#e9a70a;}
.alerts .drop li a.expire:before{background-color:#e9a70a;}
.alerts .drop li a.near{color:#e9a70a;}
.alerts .drop li a.near:before{background-color:#e9a70a;}
.alerts .drop li a.new{color:#4d8be2;}
.alerts .drop li a.new:before{background-color:#4d8be2;}
.alerts .drop li a.draft{color:#4d8be2;}
.alerts .drop li a.draft:before{background-color:#4d8be2;}
.alerts .drop li:hover a .date{color:#4d8be2;}


.cartnotes{padding:10px 0;display:block;clear:both;}
.formsection h4{font-weight: 400;
    color: #1e1e1e; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 22px;}
.formsection h3.ref{color:#4d8be2; margin-top:-10px; }

.actions .btns, .actions .process{display:inline-block;}
.actions .btns a.btn{margin:10px 10px 0 0;}
.actions .btns{width:270px;}
.actions .process{text-align:right;width:calc(100% - 276px);}
.actions .process a.btn{margin:10px 0 0 10px;}


.formsection .row .col:nth-child(2) {
    margin-right: 0;
}

.modal-body .formsection{text-align:left; border-top:1px solid #ddd; padding-top:15px;}
.modal-body .jcf-select{text-align:left; margin-bottom:10px;}

.quotehead h2{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;

padding:0;
        font-size: 26px;
    font-weight: 600;
    color: #003e7e;}

.quotehead h3.ref {
    color: #4d8be2;

    font-weight:400;
    font-size:24px;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.quotehead h1{font-size:37px; padding-bottom:12px;}
.main-heading.quotehead .col:nth-child(2){padding-top:5px;}
.cartlist .fixed{font-size:14px; color: #009b7b;}
.review .diffdates{padding-top:2px;}
.review{margin-bottom:0;}
.hire-list .introtext{padding:0 0 30px;}

.quotehead .content-header-hold {
    padding: 30px 0px;
}

.carttotals{font-weight:600;color:#222;}
.carttotals, .carttotal{padding-right:0}
.carttotals.top{padding-top:30px;}

.quotehead a.btn, .quotehead button{text-align: left;float:none;
    cursor: pointer;
    margin-top: 6px;
    font-weight: 400;
    width: 350px;
    padding: 0 20px;
    color: #fff;
    line-height: 42px;
    height: 44px;
    text-decoration: none;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 24px;
    border-radius: 3px;text-align:center;
    display: inline-block;}

.quotehead a.btn.accept{background:#009b7b;}
.quotehead a.btn.accept:hover{background-color:#008267;}
.quotehead a.btn.reject{background:#ec5252; margin-top:15px;}
.quotehead a.btn.reject:hover{background-color:#d84545;}

.hire-list .introtext h3{font-weight: 400;
    color: #1e1e1e;   font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 26px;}

.cartnotes h4{color:#ec5252}

.rejectnote{position: absolute;right:0; text-align:left; display:none;top:25px;padding:15px; background:#f9f9f9; width:300px;color:#222;}
.rejectnote span{display:block;color:#ec5252; font-weight:600;}


.modal-body .formsection textarea{width:65%;}






.hire-list .group{padding:20px 0;}
.hire-list .group-title{ font-size:20px; padding:3px 10px; color:#fff; background:#003e7e;  font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.hire-list .override{font-weight:normal; font-size:14px; color:#528BFF; display:block; text-align:right; padding-top:5px;}
.hire-list .override input, .hire-list .override input[type="checkbox"]{border:1px solid #dedbdb;}
.hire-list .override input[type="checkbox"]{display:inline-block; vertical-align: middle; width:17px; height:17px;margin-left:4px;}
.hire-list .override input[type="text"]{margin-top:5px; text-align:right;color:#222; font-weight:600; font-size:14px; width:100px;}
.carttotals{padding:3px 15px; font-size:17px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.delamount{display:none;color:#222;font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.delamount strong{font-size:14px;margin-left:5px;}
.delcost.off{text-decoration: line-through; opacity:0.4;}
.no-bg{background: none !important;}

.carttotal{padding-right:15px;}
.hire-list .total{background:#f5f7fb;padding:15px 0;}
.total .carttotals{}

.hire-list a.btn.small{margin-left:10px;height:32px;cursor:pointer; color:#003e7e;line-height:32px; vertical-align: top; width:calc(29% - 10px);box-sizing:border-box}



.hire-list .group .jcf-select{width:60px;vertical-align:middle;height:30px;}
.hire-list .group .jcf-select .jcf-select-opener{background:none;width:30px;font-size:15px;}
.hire-list .group .jcf-select .jcf-select-opener:before{color:#000;}
.hire-list .group .jcf-select .jcf-select-text{line-height:30px;}
.hire-list .group .active{width:60px;}








   .fieldWrap{
    	width: 100%;
    	clear: both;
    }

    label{
    	width: 15%;
    	display: inline-block;
    }

    .seperator{
    	margin-bottom: 15px;
    	display: none;
    }

    .outputArea{
    	display: none;
    	padding-left: 5px;
    }

    /*
    .searchInput{
    	width: 70%;
    	height: 25px;
    	padding: 5px;
    	font-size: 18px;
    	border: 1px solid transparent;
    	border-bottom: 1px solid #D9D8D7;
    	background: white;
    	font-family: monospace;
    }

    .searchInput::placeholder{
    	font-size: 18px;
    }

    .searchInput:focus {
    	border-bottom: 1px solid #12ada6;
    	outline: 0;
    }
    */
    select{
    	width: 100%;
      margin-top: 15px;
    	height: 35px;
    	padding-left: 5px;
    	font-size: 18px;
    	font-family: monospace;
    	border: 1px solid #D9D8D7;
    	color: #1f2d3d;
    }

    select:focus{
    	outline: 0;
    	border: 1px solid #12ada6;
    }
    /*
    select > option:selected {
    	cursor: pointer;
    	background: #14C5BD;
    }
    */

    select > option:focus{
    	background:#14C5BD ;
    	outline: none;
    }

    button {
    	background-color: #14C5BD;
    	color: white;
    	width: 100px;
    	height: 37px;
    	border: none;
    	cursor: pointer;
    	float: right;
    	font-size: 16px;
    }

    button:hover{
    background: #7BDEDA;
    }

    .clear{
    	display: none;
    	position: relative;
    	background: #bbb8b8;
    	width: 18px;
    	height: 18px;
    	text-align: center;
    	border-radius: 20px;
    	float: right;
    	padding: 2px;
    	color: white;
    	font-size: 14px;
    	right: 30px;
    	top: 8px;
    	line-height: 18px;
    }

    .clear:hover{
    	background: #969696;
    	cursor: pointer;
    }

.error{
	background: #f5b355; 
	padding: 10px;
	margin-top: 15px;
	display: none; 
}


.datalist{    background: #f6f6f6;
    border: 1px solid #dedbdb;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 65%;padding: .4em .7em;}




/*    NEW STYLES    */

.hire-list .min{display:inline-block; font-size:12px;color: #009b7b;padding-right:20px;}
.hire-list .input-wrap{display:inline-block;}
.diffdates{padding-bottom:0;}
.diffdates .input-wrap{color: #003e7e;}
.main-heading.carthead .col:nth-child(1) {
    width: calc(97% - 300px);}
.main-heading.quotehead .col:nth-child(1){
    min-height:170px;width: calc(97% - 350px);
}
/*    NEW STYLES - PHASE 5   */

.upsell .modal-footer a.btn, .upsell .modal-footer button.btn{width:auto;}
div.lightbox .quote-form{overflow-x:hidden;}
.modal-body h2{font-size:26px;}
.contractdash tr.check td:first-child{border-left-color:#e9a70a; color:#e9a70a;font-size:12px;}
.status.check{background:#e9a70a}
.alerts .drop li a.check{color:#e9a70a}
.alerts .drop li a.check:before{background-color:#e9a70a;}

.convertinfo label{width:25%;float:none; display:inline-block;clear:left;padding-right:30px;}
.convertinfo input[type=text], .convertinfo textarea{width:40%;margin:2px 0;}
.convertinfo textarea{height:100px;}
.hire-list .checks label{width:100%;margin:0 0 0 15px; padding-left:30px; }
.hire-list .checks{width:110px;}
.hire-list .formsection .checks label:before{left:0}
.hire-list textarea{margin-top:20px;}
.formsection input[type="text"]:disabled{opacity:0.5}
.manual-delivery{display: none}
.hire-list table td .checks {
width: auto;
}

.cust-list h2 {
    font-size: 30px;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    color: #003e7e;
    font-weight: 400;
    margin-top:-20px;
}
.cust-list a.back{float:right; color:#009b7b;font-size:14px; text-decoration:none;margin-top:-15px;}
.cust-list a.back:hover{color:#003e7e;}
.filter-list label {
width: auto;
}

/*   NEW T&Cs styles   */


.convertinfo input[type=text], .convertinfo textarea{padding-left:10px;}
.convertinfo .row, .additional .row{padding:3px 0;overflow:hidden;}
.convertinfo .checks, .additional .checks{width:100%;}
.convertinfo .checks label, .additional .checks label{width:100%;padding-left:30px; color: #ec5252; font-size:18px;  font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.convertinfo .checks label:before, .additional .checks label:before{left:0;}

.convertinfo{padding:10px 0 20px;}
.convertinfo label span.if, .additional label span.if{display:block; font-size:11px; color:#666;color: #4d8be2;}
.convertinfo input[type=file], .additional input[type=file]{display:inline-block;vertical-align: top;}
.convertinfo input[type=file]{margin-top:5px;}
.additional .checks label{margin-top:5px;}


.actions .btns{width:430px;}
.actions .process{width:calc(100% - 433px);}
.actions a.btn{padding:5px 20px;}

.quote-form textarea{border-radius: 4px;  font-size: 14px; color:#000;  outline: none !important;
    width: 100%;    border: 1px solid #ddd;margin-bottom:10px;}
.quote-form .select{padding-bottom:5px;}
.convertinfo h3{padding-bottom:10px;}
.modal-body .additional textarea{height:70px;}

.card .select label{width:100%;}
.hire-list textarea{height:80px;}


.hire-list input{outline:0;}
.hire-list table input[type=text].price-change{width:75px;margin-right:2px;}
.hire-list table input[type=text]{outline:0;}


.admin-notes, .admin-totals{display:inline-block;width:49%;vertical-align: middle}
.admin-totals{padding-top:30px;}
.admin-notes{padding-left:20px;}
.admin-notes label{color:#003e7e;width:100%;}
.admin-notes textarea{ border: 1px solid #dedbdb;
    border-radius: 3px; display:block; width:100%;margin-top:5px;height:100px}

.user-notes{padding:10px 15px; border:1px solid #f5a7a7;color:#ec5252;}
.user-notes strong{ padding-right:10px;}

.formsection input[type=text].searchInput{width:98%;margin-bottom: 10px}

.alerts .drop li a .details{color:#333;font-size: 12px;}
.alerts .drop li a .date {
    color: #999;
    font-size: 12px;}

.remodal.complete .modal-body{position: relative;}
.tandcs label{width:100%;padding-left:30px; color: #ec5252; font-size:18px;  font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}

.tandcs .checks label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
margin-right:10px;

    background: url(../images/formcheck.png) no-repeat -2px -2px;
}

.tandcs .checks input[type=checkbox]:checked + label:before {
    content: "";
    color: #f3f3f3;
    text-align: center;
    line-height: 23px;
    background: url(../images/formcheck.png) no-repeat -45px -2px;
    color: #373538;
}

.tandcs .checks input[type=checkbox] {
    display: none;
}





/*   Edit upsell items if needed  */

.hire-list table td{padding-bottom:6px;}
table tbody tr.add-items{border:0;}
.hire-list table tr.add-items td{padding:0 0 15px;}
tr.add-items a{display:inline-block; color:#fff; background:#528BFF;padding:5px 15px 5px 10px; border-radius:10px;font-size:12px;text-decoration: none; line-height:12px;}
tr.add-items a:before{content:"+";font-weight:bold; margin-right:5px;}
tr.add-items a:hover{background:#003e7e}
.upsell .cancel{float:right; cursor: pointer; text-decoration:none; color:#fff;background:rgba(255,255,255,0.1); font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 24px;padding:5px 15px;height:45px; margin:0 20px 0 0; border-radius:3px;}
.upsell .cancel:hover{background:#528BFF}





/*   Update panel and button if needed  */

.update-panel{margin:-10px 0 20px;padding:15px 20px; background:#f5f7fb;text-align:center;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;color: #003e7e;font-size:21px;top:95px;z-index:10;}
.update-panel a.btn, a.btn.bright{text-decoration: none;
margin-left:30px;border-radius: 3px;
    color: #fff;display:inline-block;
 padding: 5px 20px;
    font-size: 21px;
   background: #528BFF;cursor: pointer}
.update-panel a.btn:hover, a.btn.bright:hover{background-color:#3971e2;}

.upsell .modal-head{font-weight:bold;}
.upsell .totalfoot{font-size:16px;}
.upsell .skip{font-size:16px;padding:8px 15px;background:#009b7b; color:#fff;}
.upsell .skip:hover{background-color: #008267;}
.alerts .drop li a{font-size:14px;}
.alerts ul.drop{max-height:250px; overflow-y:scroll;padding-right:20px;}

.prevrate{margin:-10px 0 10px;color:#fff;font-size:13px;}
.quoteform .prevrate{margin:-12px 0 10px;}
div.lightbox .quote-form .price, div.lightbox .quote-form .total{line-height:36px;}


.depots{display: inline-block; width:300px; text-align: left;  margin-left:10px; vertical-align: middle; font: 15px/1.4 "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.update-panel{border:1px solid #81aaff; font-size:24px; background:#f5f7fb;}
.update-panel .jcf-select .jcf-select-text,.update-panel .jcf-list{color:#000;font-size:13px;}
.hire-list table td:nth-child(5),.hire-list table td:nth-child(6),.hire-list table th:nth-child(5),.hire-list table th:nth-child(6){  border-bottom-color:#fff;  background: #e7edf8;color: #528BFF;}
.hire-list table td:nth-child(5),.hire-list table td:nth-child(6){border-bottom:2px solid #fff;}
.hire-list table td:nth-child(6),.hire-list table th:nth-child(6) {padding-left:15px;
    text-align:left;
}
.hire-list table th:nth-child(6), .hire-list table th:nth-child(5){color:#003e7e}
.hire-list table td:nth-child(7){background:#fff;border-bottom:1px solid #eee;}

/* NEW STYLES 2022  */

.stop-flag{background:url(../images/onstop.png) no-repeat 5px center #ec5252; padding:1px 8px 1px 25px; color:#fff; font-size:13px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400; border-radius:15px;display: block;width:70px;}
.prospect-flag{text-align:center;background:#6b54c7; padding:1px 8px 1px 8px; color:#fff; font-size:13px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400; border-radius:15px;display: block;width:70px;margin-bottom:4px;}
.cash-flag{text-align:center;background:#f4bb21; padding:1px 8px 1px 8px; color:#fff; font-size:13px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400; border-radius:15px;display: block;width:70px;margin-bottom:4px;}
.formsection.top .stop-flag, .formsection.top .prospect-flag, .formsection.top .cash-flag{float:right;clear:right;margin:10px;}
.formsection.top .prospect-flag, .formsection.top .cash-flag{font-size:14px;letter-spacing:0.5px}
.modal-head .stop-flag, .modal-head .prospect-flag,.modal-head .cash-flag{position: absolute;left:20px; top:20px;}
.remodal.alert .modal-footer{padding:15px 20px}
.custname{text-align:right;margin-top:18px}

.card div .select.fixed input{display:inline-block; width:48%;text-align:left;}
.card .fixed .btn{display:inline-block; width:50%;background:#009b7b;color:#fff;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400;height:34px;vertical-align: top;border-radius:3px;font-size:20px;cursor: pointer}
.card .fixed .btn:hover{background-color: #008267;}
.card .fixed .btn.active{background-color:#003e7e}
.card div .select.fixed input:disabled{background:#f6f6f6}

.hire-list input[type="text"].quntity-input:disabled{background:#f6f6f6}
.quote-form .price.range{margin-top:0}
.bespoke{font-size:12px;padding:3px 14px}
.platinum {
  font-size: 12px;
  color: #444;
  background: #ccc;
  letter-spacing: 0.1em;
  font-weight: 600;
  padding: 3px 14px;
  border-radius: 17px;
position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
}
.hire-list table .poa{width:60px;text-align:left;margin-top:-15px;}
.hire-list table .poa input[type="text"]{width:60px;color:#000;font-size:13px;padding:.4em}
.hire-list table .poa span{display:block;}



.modal-body .tandcs{text-align:left;padding-left:20px;}
.modal-body .tandcs label{display:block;padding-left:50px}
.modal-body .tandcs .checks label::before {margin-left:-34px}
#po-date{display:none}







/*  GROUPED PRODUCTS UPDATE    */



.upsell .card .price{padding-bottom:0;min-height:20px}
.choose-items{background: #fff;padding:20px 5px 50px 20px;position:absolute;top:10px; left:20px; right:20px; bottom:20px;border-radius:5px; border:2px solid #00aeef;display:none;min-height:660px;z-index:3;}

.choose-items .foot{padding:20px;text-align:right;letter-spacing: normal;position: absolute;bottom:0; left:0; right:0;background:#eee}
.choose-items .card, .choose-items .card.active{border:0;background:#fff;margin:0;padding:0;}
.choose-items h2{letter-spacing:normal; font-weight:600;color:#003e7e;padding-bottom:10px;}
.card .subitems-holder{display:inline-block; vertical-align:top;width:80.5%;text-align:left;padding:0 25px 0 1.5%;max-height:560px;overflow-y:auto;}
.card .pack-items{width:100%; transition:all 0.3s ease-in-out; margin-left:1%;margin-bottom:10px;background:#fff;vertical-align: top;text-align:left;padding:10px;border:1px solid #ddd;border-radius:3px;display:none;}
.card .subitems-holder .pack-items{display:inline-block;}
.pack-items h4{margin:0;font-size:20px;}

.pack-items .item-list{margin:10px 0 100px;text-align: left;}

.pack-items .slick-next, .pack-items .slick-prev{position: absolute;top:0; color:#fff; width:18px; height:160px;background:#003e7e;border:0;border-radius:3px;}
.pack-items .slick-next{ right:-24px;; }
.pack-items .slick-prev{left:-24px; }
.pack-items .slick-disabled{background:#eee;}

.pack-items .subitem{border: 1px solid #fff;display:inline-block;padding:6px;margin:2px 0;box-sizing: border-box;width:16%}
.pack-items .subitem.active{border: 1px solid #00aeef;border-radius:3px;background:#eef6fd;}
.pack-items .subitem .img{display:block; width:100%;height:auto;vertical-align: middle;text-align:center;border:1px solid #ddd;}
.pack-items img{display:inline-block; }

.pack-items .pack-qty{display:block;  vertical-align: middle;}
.pack-items .tally{color:#009b7b;font-weight:600;}
.pack-items .jcf-select{height:25px;margin:0;width:75px;}
.pack-items .jcf-select .jcf-select-text, .pack-items .jcf-select .jcf-select-opener {line-height:24px;font-size:14px;color:#000;}
.subitem.active .jcf-select .jcf-select-text{font-weight:600}
.pack-items .jcf-select .jcf-select-opener{width:26px}
.card .pack-items .sub-details{ display: block; vertical-align: top;padding-left:10px;}
.pack-items .prod{font-size:14px;padding:0 0 5px;line-height:16px;color:#000; display: block;min-height:40px}
.pack-items .subitem.active .prod{color:#003e7e}


    .choose-items .column.subitems.active{width:100%;}
    .choose-items .column.subitems.active .hold{display: inline-block;width:19%}


a.edit-pack{display: none;
color: #fff;
background: #528BFF;
padding: 5px 15px 5px 15px;
border-radius: 10px;
font-size: 12px;
text-decoration: none;
    line-height: 12px;cursor:pointer;margin-top:5px;}

.card.active a.edit-pack{display:inline-block}
.card.active .minhire{background:#fff}

.card div.input-wrap.right{text-align:right}

.pack-details{display:block;padding:4px 0 0 0;color:#003e7e;font-size:12px;}
.pack-details .item{display:block; }
.preview .pack-details strong{display:block;}
.preview .pack-details .item{padding:6px 0px; line-height:12px;position: relative;border-top:2px solid #fff;}
.preview li .pack-details .del{right:2px}
.preview li .related .del{top:10px}

.packbtn{float:right; margin-left:10px; padding:5px 20px; border-radius:4px; color:#fff;font-size:24px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; cursor:pointer;}
.packbtn.pos{background:url(../images/arrow.png) no-repeat 85% center #009b7b; padding-right:50px;}
.packbtn.pos:hover{background-color:#008267}
.packbtn.neu{background:#ccc}
.packbtn.neu:hover{background:#aaa}


table tr.related.pack{border-bottom:1px solid #fff;}
table tr.grouped{ background:#f5f7fb; border-bottom:1px solid #fff;}
table tr.grouped td{padding:6px 0;}
table tr.grouped .sp-minus, table tr.grouped .sp-plus{background-color:#e8eef6;}
table tr.grouped td:first-child{padding-left:30px; color:#528bff;}
table tr.grouped .diffdates{padding-top:3px;}



@media(max-width:767px){ .card .subitems-holder{width:100%;}.choose-items{top:-5%; left:0;right:0; bottom:auto;padding:20px} .choose-items .column.subitems.active .hold{width:100%}.choose-items .foot{position: relative; overflow:hidden;}.card .subitems-holder{padding-left:0;padding-right:0;max-height:100%;}.card .pack-items{margin-left:0}}






table.contractdash tr td strong{color:#003e7e;padding-right:5px;}
.card .subitems-holder{overflow-x:hidden;}
@media(max-width:1200px){.pack-items .subitem{width:24%}
    .thumbnail-holder {grid-template-columns: repeat(2, 1fr);}}
@media(max-width:767px){ .thumbnail-holder {grid-template-columns: repeat(1, 1fr);}}
@media(max-width:650px){.pack-items .subitem{width:49%}}


.convertinfo .checks.inline{width:30%;vertical-align: middle;margin-left:20px;}
.convertinfo .checks.inline label{margin:0;color:#6e6d6d;font: 15px/1.4 "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.convertinfo .row{padding:5px 0}
.alertnote{font-size:24px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;color:#ec5252}
.additional .checks.inline{width:25%;vertical-align: middle;margin-left:10px;}
.additional .checks.inline label{margin:0;color:#6e6d6d;font: 14px/1.8 "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}

/*  UPSELL FLEXI RATE  */

.card .price{font-size:22px}
.card .price.range{font-size:22px; margin-top:-1px; text-align:left;line-height:1;padding-bottom:1px;}
.card .price.range b{font-weight:300;display:block;font-size:12px; line-height:10px;color:#00aeef}
.card .flexi{padding-bottom:5px;}
.card .flexi .input-wrap{display:inline-block;text-align:left;vertical-align: top}
.flexi .row{margin:0; }
.flexi .input-wrap{width:calc(100% - 93px);}
.flexi .input-wrap:nth-child(2){width:87px}
.card .rangeset{display:block; font-size:14px; padding-bottom:10px;text-align:left;}
.card .rangeset input{height: 33px; border: 1px solid #ddd;
    font-size: 14px;border-radius: 4px;line-height: 14px;
    padding: 4px 12px;width:calc(100% - 45px);color:#000; margin:0 4px;}
.card .price.range span{display:inline-block;}
.card .rangeset span{white-space: nowrap;font-size:11px; color:#000;}
.card .rangeset label{text-align: left;
display: block;width:100%;
font-size: 12px;
padding: 0 0 4px;
color: #003e7e;}
.modal-body .jcf-select{min-width:85px}
.card input::-webkit-outer-spin-button,
.card input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.card input[type=number] {
  -moz-appearance: textfield;
}


/*  TRANSPORT UPDATES   */
.carttotals .sp-quantity{display:inline-block;padding-left:20px;margin-top:0;margin-right:-136px;position:relative;z-index:9;}
.carttotals input{border: 1px solid #dedbdb;
border-radius: 3px;text-align:right;
height: 30px;
    line-height: 30px;width: 100px;}
.carttotals span{vertical-align: middle}
.checks.collect{width:175px; float:right;padding-top:0;}
.hire-list .checks label{line-height:25px}

.carttotals span, .carttotal span{width:300px}
.depot-collect{display: none}

/*  LOCKED UPDATES   */
.locked{text-align:center; color:#000;}
.locked p{font-size:18px; line-height:28px;}
.locked p.locked-text{font-size:22px;color:#003e7e;}
.locked .timer{color:#ec5252; padding:5px 10px; margin:0 5px; display:inline-block; background:#f1f2fa;font-weight:600;}

.warning{padding:10px; background:#fdefef;border:1px solid #ec5252;border-radius:3px; color:#ec5252;font-size:13px;margin-bottom:20px;}

/*  Customer Account UPDATES   */
.remodal.accdetails{margin-top:2%}
.remodal.accdetails .modal-body{text-align:left}
.remodal.accdetails label{width:34%;padding-right:20px;vertical-align: top; font-weight:600; color:#000;}
.remodal.accdetails .modal-footer{text-align:right}
.remodal.accdetails .modal-footer a.btn.grey{position: relative;right:0;bottom:0;}
.remodal.accdetails .row{padding:8px;}
.remodal.accdetails .row div{display:inline-block;width:66%;vertical-align: top}
.remodal.accdetails .modal-body h3{color:#003e7e;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;font-weight:400; font-size:24px}
.remodal.accdetails .row:nth-child(odd){background:#f7f7f7}

/*  UNAVAILABLE FADE CSS   */
.box-content .column.unavailable{opacity:0.4}
.box-content .column.unavailable .card .btn, .box-content .column.unavailable .card .add, .box-content .column.unavailable .card img, .box-content .column.unavailable .card a.img{pointer-events:none;}

.cust-list td a.collect{cursor: pointer; margin-top:5px;display:inline-block; background:#003e7e; color:#fff; width:100px; font-size:15px; text-decoration:none; text-align:center; padding:3px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; border-radius:3px;}
.cust-list td a.start{width:100px}
.cust-list td a.collect:hover{background:#3F8ED9;color:#fff!important; text-decoration:none; }

table.contractdash tr td{padding:8px 0;}
.cust-list tr:hover td a.collect{color:#fff;}
.cust-list tr:hover td a.breakd{color:#003e7e;}

.cust-list td a.breakd{cursor: pointer; margin-top:5px;display:inline-block; background:#e4e4e4; color:#003e7e; width:100px; font-size:15px; text-decoration:none; text-align:center; padding:3px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; border-radius:3px;}
.cust-list td a.breakd:hover{background:#003e7e;color:#fff!important; text-decoration:none; }

.filterband{background:#f9f9f9;padding:20px 0;}
.filterband input{width: 12.4%;
height: 41px;

border-radius: 3px;
padding-left: 10px;
border: 1px solid #ddd;
    background:#fff;}
.filterband a.btn{display: inline-block;
margin: 0 0 0 10px;
text-decoration: none;
color: #fff;
padding: 5px 20px;
border-radius: 3px;
font-size: 21px;
cursor: pointer;
font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    border: 0;}
.filterband h3{color: #4d8be2;font-weight: 400;font-size: 24px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;margin:0;display:inline-block;margin-right:15px}
.filterband a.btn.neu{background: #ccc;}
.filterband a.btn.pos{background-color: #008267;}
.main-heading.collect .col:nth-child(1){width:calc(100% - 170px);padding:0;margin:0;}
.main-heading.collect .col:nth-child(2){width:165px}
.main-heading.collect ul.stats li{width:150px}
.main-heading h2{font-size: 30px;
font-weight: 600;
    color: #003e7e;}

.collect-list, .breakdown-list{margin:30px 0 50px}
.collect-list th, .breakdown-list th, .breakdown-check th{text-align: left;}
    .breakdown-check th{padding:8px 8px;}
.collect-list th, .collect-list td, .breakdown-list th, .breakdown-list td, .breakdown-check td{padding:13px 8px;}
.breakdown-check td{color:#003e7e;background:#f6f6f6;font-size:16px}
.collect-list th, .breakdown-list th{border-bottom:1px solid #ddd;}
.collect-list td, .breakdown-list td{border-top:1px solid #ddd}
.collect-list th:last-child, .collect-list td:last-child, .breakdown-list th:last-child, .breakdown-list td:last-child{background: #e7edf8;padding:5px 10px;color:#003e7e;border-color:#fff}
.breakdown-list td:last-child{text-align: center}
.collect-list th:nth-child(9), .collect-list td:nth-child(9), .breakdown-list th:nth-child(9), .breakdown-list td:nth-child(9){text-align:center;}
.collect-list tr, .breakdown-list tr, .breakdown-check tr{border:0;}
.collect-list tr.highlight td,  .breakdown-list tr.highlight td{background:#c1dbf7;color:#000}
.searchhold.inline{display:inline-block;width:27%;}
.searchhold.inline input{width:100%}
.collect-list .jcf-select{
width: 60%;
height: 28px;color:#000;
    vertical-align: middle
}
.collect-list .jcf-select .jcf-select-opener{
position: absolute;
text-align: center;
background: none;
width: 20px;
font-size: 21px;
    line-height: 28px;color:#000}
.collect-list .jcf-select .jcf-select-text{color:#000;line-height:25px;overflow:visible}
.collect-list h2{
  font-size: 30px;
  font-weight: 600;
  color: #003e7e;
    }
.checks.collection{width:20px; display:inline-block;vertical-align: middle}
.checks.collection label{margin:0 0 0 17px;padding:0;width:32px}
table .checks.collection label:before {margin:0;left:0;position: relative}
.collect-selected{font-size: 22px;
    color: #003e7e;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}

.collect-list .del{display:inline-block;margin-left:10px;}
.collect{padding-top:30px}
.collect-ref{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;font-weight: 400;
color: #4d8be2;
font-size: 24px;margin:0;}

@media(max-width:767px){.main-heading.carthead .col:nth-child(1){display:block;width:100%;padding-right:0;}.main-heading.carthead .col:nth-child(2){width:100%;padding-top:0px;}.main-heading.carthead a.btn.pos, .quotehead a.btn.pos{width:100%}}

.convertinfo .jcf-select{width:40%}


.formsection.top{overflow: visible;}
.notes-btn{
 float: right;
padding: 6px 25px 6px 15px;
position: relative;
color: #fff;
text-align: right;
font-size: 12px;
background: #003e7e;
margin-right: 0.75%;
border-radius: 4px;  
    text-decoration: none;
}
.notes-btn:hover{background:#012e5b;}
.notes-btn span{
    border-radius:50%;
    width:20px;height:20px;
    background:#4d8be2;
    color:#fff;
    font-size:12px;
    font-weight:600;
    position: absolute;
    top:-5px;right:3px;
    text-align:center;
}

.remodal.notes{max-width:700px;}
.remodal.notes .modal-head{background: #003e7e;
text-align: center;
font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 28px;
color: #fff;
font-weight: 300;}
.remodal.notes .modal-footer{
 color: #fff;
background: #eee;  
}
.remodal.notes .modal-body{
 max-height:300px;overflow-y:scroll;   
}
.modal-footer h2{ font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
color: #003e7e;margin:0;
    font-weight: 400;}
.modal-footer textarea{
 border-radius: 3px;
width: 100%;
height: 100px;
border: 1px solid #ddd;   
}
.remodal.notes .note{padding:5px;background:#f6f6f6;margin:0 0 10px;border:1px solid #ddd;position: relative}
.remodal.notes .note .date{color:#4d8be2;padding-right:20px;}
.remodal.notes .note .name{color:#003e7e}

.query-btn{padding:5px 10px;border-radius:3px; margin-top:6px; color:#fff;background:#003e7e;display:inline-block;margin-left:10px;vertical-align: middle;font-size:16px;line-height:16px;cursor: pointer;text-decoration: none;}
.query-btn:hover{background:#012e5b}



.status a.ext{text-decoration: none;  background:#003e7e;color:#fff;border-radius:30px;height:20px;padding:0 10px;display:inline-block;line-height:20px;font-size:11px;margin:5px 0 0;width:auto;clear:both;cursor:pointer;}

.note{margin:-5px 0 5px;display:block}


.formsection textarea.break-details{width:65%;}
.formsection .bluetext{color:#4d8be2;padding:20px 0 10px;}

.break-reveal{display:none;padding:20px 0 0;}

.remodal.register .modal-footer a.btn.blue{background: #00aeef;margin-left:10px;}
.remodal.register .modal-footer a.btn.blue:hover{background:#0496cd}
.remodal.register .modal-footer a.btn{font-size:20px;padding:0 20px;}


.convertinfo input[type="text"]#card-name{width:25%;display:inline-block;vertical-align: middle;    color: #6e6d6d;
font-weight: 500;
font-family: 'Roboto', Open Sans, Segoe UI, sans-serif;
font-size: 13px;}


#paymentForm .formsection{padding:0 0 20px;border:0;}
#card-element {display:inline-block;vertical-align: middle;
  border: 1px solid #ddd;
  padding: 15px 6px;
  width: 40%;
    height:45px;
    font-size:15px;
  background: #fff;

}
.ElementsApp, .ElementsApp .InputElement{font-size:16px!important;}

.complete .formsection input[type="text"]#card-name{width:100%}
.complete #card-element{width:100%;background-color: #fcfcfc;padding:6px;height:auto}

.remodal.payment{max-width:600px;}
.remodal.payment p{}
.remodal.payment .modal-head{background:#003e7e;  font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:30px; color:#fff; font-weight:400;}
.remodal.payment .modal-footer{ color:#fff; background:#eee; }
.remodal.payment .formsection input[type="text"]#card-name{width:100%;height:40px}
.remodal.payment #card-element{width:100%;background-color: #fcfcfc;padding:10px 6px;height:auto;height:40px}
.remodal.payment button{float:left;cursor: pointer;
margin-top: 6px;
font-weight: 400;
width: 350px;
padding: 0 20px;
color: #fff;
line-height: 42px;
height: 44px;
text-decoration: none;
font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 24px;
border-radius: 3px;
text-align: center;
display: inline-block;}
.remodal.payment h3{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-size:28px;font-weight:700}
.convertinfo .checks label, .additional .checks label{font-size:20px}


.main-heading .payment{padding:30px 0;}
.main-heading .payment input[type="text"]{display:inline-block;width:45%;margin:0 2% 0 0; background:#fff;padding:4px 10px;}
.main-heading .payment .button{float:none; width:200px;margin-top:20px;font-size: 26px;height:auto}
.main-heading .payment .cancel{background:#ccc;color:#666;border-radius: 2px;
text-transform: uppercase;
font-size: 26px;
    font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;transition: background .3s;
padding: 3px 25px 6px;
text-align: center;
text-decoration: none;
font-weight: 400;display:inline-block;margin-top:20px;margin-left:50px}
.main-heading .payment .cancel:hover{color:#222}


.breakdown-list th:last-child{text-align:center}
.cust-list td:last-child{display:flex;flex-direction: row-reverse;flex-wrap: wrap;justify-content: flex-start;width:250px;}
.cust-list th:last-child{width:250px}
.cust-list td a.exch{cursor: pointer; margin-top:5px;display:inline-block; background:#e4e4e4; color:#003e7e; width:100px; font-size:15px; text-decoration:none; text-align:center; padding:3px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; border-radius:3px;}
.cust-list tr:hover td a.exch{color:#003e7e;}
.cust-list td a.exch:hover{background:#003e7e;color:#fff!important; text-decoration:none; }
.cust-list td a{height:28px; margin:2px 3px!important;display:inline-block;vertical-align: top;}

.check-all{display:inline-block;text-align:center;font-size:9px;float:right;}
.check-all .checks{display:block;margin:2px auto 0;width:20px}
.check-all .checks label::before {left:0}


a.followup{color:#fff; background:#3F8ED9;display:inline-block;float:right;margin-top:20px; border-radius:3px; padding:4px 10px; margin-right:8px;font-size:14px; text-decoration:none;}
a.followup:hover{background:#3F8ED9;}

.modal-body .fu-row{text-align:left;padding:10px 0 0;}
.modal-body .fu-row.center{text-align:center}
.modal-body .fu-row label{width:35%}
.modal-body .fu-row .checks input[type=checkbox]{display: none;}
.modal-body .fu-row .checks label {
    display: inline-block;
cursor: pointer;
vertical-align: top;
position: relative;
padding-top:10px;
}
.modal-body .fu-row .checks label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;

  background: url(../images/formcheck.png) no-repeat -2px -2px;
}
.modal-body .fu-row input[type="text"]{border: 1px solid #dedbdb;
    border-radius: 3px;vertical-align: top;margin-top:3px;}
.modal-body .fu-row .checks input[type="checkbox"]:checked + label::before {

    content: "";
    color: #f3f3f3;
    text-align: center;
    line-height: 23px;
    background: url(../images/formcheck.png) no-repeat -45px -2px;
    color: #373538;}

.quote-actions{float:right;padding-right:20px;}
.fudate-btn{
 float: right;
padding: 6px 10px;
position: relative;
color: #003e7e;
text-align: right;
font-size: 12px;
background: #eee;
margin-right: 0.75%;
border-radius: 4px;  
text-decoration: none;
}
.fudate-btn:hover{background:#012e5b;}

.status a.ext-new{text-decoration: none;  background:#003e7e;color:#fff;border-radius:30px;height:20px;padding:0 10px;display:inline-block;line-height:20px;font-size:11px;margin:5px 0 0 5px; width:55px;clear:both;cursor:pointer;}

.modal-body .fu-row .current{display: block;
font-size: 13px;
color: #666;
    color: #4d8be2;}


.change-desc{font-size:13px;color:#000;display:block;padding:5px 0}
.change-desc .req {
  color: #009b7b;
  font-size: 17px;
}
.hire-list table .change-desc input[type="text"]{width:100%;display:block;border:2px solid #4d8be2;background:#f5f7fb;color:#000;margin-top:2px;}




.collect-flag{text-align:center;background:#76cd42; padding:1px 8px 3px 8px; color:#fff; font-size:14px; font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif; font-weight:400; border-radius:15px;display: block;width:100px;}



/* Customer add updates  */

.formsection.top{border-top:0;padding-bottom:20px}
.rad{display:inline-block;margin-right:20px}
.rad input{width:18px;height:18px;display:inline-block;margin-right:5px;margin-bottom:-3px;}
.upsell.register .modal-body{padding-bottom:20px}
.upsell.register .modal-footer{text-align:center}
.remodal.register .modal-footer a.btn.blue{margin-left:0}
.upsell.register .formsection label{font-size:15px;color:#151515}
.remodal.register .modal-footer a.btn{font-size:22px}




/* Notes and Email Text updates  */
.remodal.complete .modal-body .left{text-align:left}
.modal-body .formsection h3, .modal-body h3{margin:0 0 5px;color:#003e7e; font-weight:400; font-size:22px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.modal-body hr{ border:0; border-top: 1px solid #ddd;margin:20px 0;}
p.highlight{color: #528bff;margin-top:-10px}

/* Notes and Email Text updates  */
.remodal.complete .modal-body .left{text-align:left}
.modal-body .formsection h3, .modal-body h3{margin:0 0 5px;color:#003e7e; font-weight:400; font-size:22px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;}
.modal-body hr{ border:0; border-top: 1px solid #ddd;margin:20px 0;}
p.highlight{color: #528bff;margin-top:-10px}

label.wide{width:calc(100% - 35px);}
.formsection .row .checks.retrn{width:30px}
.formsection .row{padding-bottom:15px}

.collect .total{background:#f5f7fb;padding:15px 0;margin-bottom:40px;}
.collect span em {
  font-size: 15px;
  font-style: normal;
}

.convertinfo input[type="text"] {
 height:auto;
}

/*    ROW UPDATES    */

.item-holder{display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;}

.item-holder .item{position: relative;border:1px solid #707070;border-radius:20px;margin:0;text-align:center; padding:20px 20px 10px;cursor: pointer;text-decoration: none;}

.item-holder.case a.item, .item-holder.case .item {
  border: 0;
  padding: 0;
  margin: 0;
  background: #ddd;
  border-radius: 0;
  color: #707070;
}

.subsections{padding-bottom:80px}
/* .subsections .section{font-family: 'Open Sans', sans-serif;font-size:22px; font-weight:300;}  */
.subsections .section h2{font-size:45px;float:left;}
.subsections .section h3{font-size:30px;line-height:32px;border-bottom:0;margin:0;font-weight:700}
.subsections .section strong{font-weight:700}
.subsections .section table{margin:0;font-weight:300;}
.subsections .section table.striped tr:nth-child(even){background:rgba(0,62,126,0.1);}
.subsections .section p{line-height:1.5}
div.block{padding:1rem 0;}
div.block.coloured{margin:1rem 0;}
.subsections .section .wrap.line{border-bottom:1px solid #707070;padding-top:20px;}
div.block h3{font-size:30px;line-height:32px;}

.subsections .reveal{display:none}
.subsections .arr{font-size:50px; float:right;font-weight:400;color:#003e7e;line-height:1.1;}
.subsections .opener{overflow:hidden;padding:20px 0 0;cursor: pointer}
.subsections .opener.open .arr{transform: rotate(90deg)}



.quoteblock, .quoterow{font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;font-weight:400;padding:30px 0 50px;}
.quoteblock{background:#ddd;}
.quoteblock span, .quoterow span.quotetext{display: block;padding:0 70px;position: relative}
.quoteblock span:before,.quoteblock span:after, .quoterow span.quotetext:before, .quoterow span.quotetext:after{content:"";width:50px;height:50px;background-size: contain;display:inline-block;background-repeat:no-repeat;}
.quoteblock span:before, .quoterow span.quotetext:before{background-image:url(../img/qm-start.png);margin:0 20px 0 -70px;}
.quoteblock span:after, .quoterow span.quotetext:after{background-image:url(../img/qm-end.png);right:0;position: absolute}

.quoteref{display:block;text-align:right;font-size:30px;padding-top:20px;}
.quoteref .name{font-weight:700;}

.item-holder.subcats .item .over{display:flex;align-items: center;padding:0 25px;}
.item-holder.product .item .over{bottom:75px}
.item-holder .over h3{color:#fff;text-transform: uppercase;font-size:40px}
.item-holder .pic{width:93%;margin:0 auto;display:block;position: relative;height:265px;display:flex;align-items: flex-end}
.item-holder img{width:100%;height:100%;object-fit: contain;}
.item-holder .item:hover .over{opacity:1; transition: opacity 0.3s;}
a.cat-link{text-decoration: none; color:#003e7e;font-size: 50px; font-weight:300;margin-top:50px;display:block;}
a.cat-link strong{font-weight:700;}
.blue a.cat-link{color:#fff}



.item-holder.product h3{font-size:34px;padding-bottom:0;font-weight:400;}
.item-holder.product h3 span{display:block}
.item-holder.product h3 span.strong{font-weight:700}
.item-holder.product .item{padding-bottom:100px;    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.item-holder.product .pic{height:250px}
.block .item-holder.case .info{padding:30px 50px;}
.item-holder .actions{position: absolute;bottom:0;left:0;right:0;background:#003e7e;height:103;padding:6px 10px 10px;border-radius:0 0 20px 20px;}
.item-holder .actions .hold{justify-content: center;max-width:398px;display:flex;justify-content: space-between;margin:0 auto;}
.item-holder .actions a, .item-holder .actions span{width:84px;height:84px;background:url(../img/actions.png) no-repeat -7px 0;}
.item-holder .actions a.details{background-position:-105px 0}
.item-holder .actions a.download{background-position:-530px 0}
.item-holder .actions span.favs{background-position:-200px 0}
.item-holder .actions span.favs.active{background-position:-410px 0}
.item-holder .actions span.basket, .item-holder .actions a.basket{background-position:-310px 0}
.item-holder .actions a:hover, .item-holder .actions span:hover{opacity:0.5}

.item-holder.resource{padding:20px 0}
.item-holder.resource .actions .hold{justify-content: space-around;max-width:320px}
.item-holder.resource h3{font-size:34px;line-height:40px;margin-top:5px;}
.item-holder.resource .item{padding-bottom:110px}
.item-holder.resource .pic{height: auto;justify-content: center;min-height:310px;align-items: center}
.item-holder.resource .pic img{width:auto;max-height:300px;}
.item-holder.resource .item .over{font-size:22px;padding-top:30px;font-weight:400;margin-bottom:50px;}
.item-holder.resource .item .over div{width:100%;}
h2.section{font-size:45px}

.item-holder.case{  grid-gap: 1.75rem;}
.item-holder.case a.item, .item-holder.case .item{border:0;padding:0;margin:0;background:#ddd;border-radius:0; color:#707070}
.item-holder.case h3{font-size:30px}
.item-holder.case .info{padding:30px;text-align: left;word-break: break-word;}
.item-holder.case p{color:#202020}

.item-holder.news{grid-gap:50px}
.item-holder.news .item{padding:0;border:0;padding-bottom:80px;position: relative}
.item-holder.news .item a{color:#707070}
.item-holder.news h3{font-size: 26px;line-height:30px}
.item-holder.news .date{}

.item-holder.case .pic, .item-holder.news .pic{width:100%;display:block;min-height:0px;height:auto; }
.item-holder.news .pic img,.item-holder.case .pic img{height: 100%;
    object-fit: cover;}
    .item-holder.news .pic{height:270px;overflow:hidden;margin-bottom:30px;    display: flex;
    align-items: center;}

.textbox{border:1px solid #707070; padding:0 100px 0 30px;font-family: "amsi_pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;color:#5E6C75;font-size:28px; position: relative;cursor: pointer}

.textbox img{position: absolute; right:30px; top:30px;transition: transform 1.0s ease-in-out;}
.textbox.open img{transform: rotate(180deg);transition: transform 1.0s ease-in-out;}
.textbox strong{font-weight:700}
.textbox .reveal{display:none}


.item-holder.icon .pic {padding:30px}
.item-holder.icon .pic img{object-fit: cover;height:auto;width:100%;max-width:100%;max-width: 7.81rem;}
.item-holder.icon .slick-slide img{display:inline-block;}


.item-holder.left .item, .item-holder.right .item{display: flex;flex-direction: row;}
.item-holder.left .item .pic{width:30%;padding-right:0;}
.item-holder.right .item .pic{width:30%;padding-left:0;}
.item-holder.left .item .info, .item-holder.right .item .info{width:70%;}

.item-holder.left .item .info{padding-left:15px;}
.item-holder.right .item .info{padding-right:15px}


.item-holder.right .item .info{order: -1}
.item-holder.top .item .pic{padding-bottom:0}

.item-holder.centred{display:flex; justify-content: center}
.item-holder.centred .item{width:calc(50% - 1.5rem);}

.block .item-holder .item{cursor:default}



/*   TEXT  ALIGNMENT -  APPLY TO ALL ROW TEXT AREAS */

.align-left{text-align:left!important;}
.align-right{text-align:right!important}
.align-center{text-align:center!important}





@media(max-width:1200px){
    .item-holder.left .item, .item-holder.right .item{flex-direction: column}
    .item-holder.left .item .info, .item-holder.right .item .info{width:100%;order:0}
    .item-holder.left .item .pic, .item-holder.right .item .pic{width:100%;padding:30px 30px 0;}
    .item-holder.centred .item{width:100%}

}



.imgrow{margin:0 -10px 20px;}


.imgrow a{margin:10px;}
.imgrow img{object-fit: cover;
   width:100%;
  height: 360px;}

.imgrow  .slick-arrow, .imggrid  .slick-arrow, .item-holder .slick-arrow {
    position: absolute;
    right: 20px;
    top:45%;
    width:17px;height:47px;background:url(../img/gall-next.png);
    padding: 0;
    border: none;
    outline: none !important;
    overflow:hidden;
    text-indent: -10000px;
    z-index: 4;

}
.item-holder .slick-arrow{right:40px; top:30%;}
.imgrow .slick-arrow.slick-prev, .imggrid .slick-arrow.slick-prev, .item-holder .slick-arrow.slick-prev {
    right: auto;left:20px;background:url(../img/gall-prev.png);
}
.item-holder .slick-arrow.slick-prev{left:40px}






.imggrid{display:grid; grid-gap: 30px; } 
.imggrid .pic{line-height:1;font-size:0;}
.imggrid img{object-fit: cover;
  overflow: hidden;
  height: 100%;width:auto;}
.imggrid.picslide .pic{margin:10px}

.imggrid.pic-slide{margin:0 -10px}

.imggrid .slick-track, .item-holder .slick-track
{
    display: flex !important;
    padding:10px 0;
}

.imggrid .slick-slide, .item-holder .slick-slide
{
    height: inherit !important;
}

.item-holder.pic-slide{margin:0 -15px}
.item-holder.pic-slide .item{margin:15px}
.item-holder.reversed.case .item{display:grid}
.item-holder.reversed.case .info{order:-1;}




.leftbox, .rightbox{background:#ddd;position: relative;}
.leftbox.fullimg, .rightbox.fullimg{display:grid;grid-template-columns: repeat(2, 1fr);}
.leftbox.smallimg, .rightbox.smallimg{display:flex}
.leftbox .info, .rightbox .info{padding:50px;align-self: center;}
.leftbox.fullimg .pic, .rightbox.fullimg .pic{height:100%;}
.leftbox.smallimg .pic{text-align:right;padding:20px;}
.rightbox.smallimg .pic{text-align:left;padding:20px;}
.leftbox.smallimg .pic img, .rightbox.smallimg .pic img{width:auto;max-width:none}
.leftbox.fullimg .pic img, .rightbox.fullimg .pic img{object-fit: cover;
  overflow: hidden;height: 100%;width:100%;}


.leftbox.shadow, .rightbox.shadow, .item-holder.case a.item.shadow, .item-holder.case .item.shadow, .fullbox.shadow, .imggrid.shadow .pic{    -webkit-box-shadow: 0px 0px 40px rgb(0 0 0 / 8%);
    box-shadow: 0px 0px 40px rgb(0 0 0 / 8%);}


.fullbox{background:#ddd;position: relative;padding:30px;}

.tabcontent .section .wrap{width:100%;}
.tabcontent .item-holder{padding:20px 0 40px;grid-template-columns: repeat(3, 1fr);}
.tabcontent .item-holder h3{font-weight:700}

.quoterow p{margin:0;}
.block table td{font-weight:300}

.pages .wrap.paddtop{padding:50px 20px 0}

.fulltext.wrap{margin:-1em auto}
.fulltext table td{padding:6px 20px}

.t-padd{padding-top:80px}
.b-padd{padding-bottom:80px}

.t-mid-padd{padding-top:40px}
.b-mid-padd{padding-bottom:40px}

@media(max-width:1280px){
  .item-holder{grid-template-columns: repeat(2, 1fr)!important;}
     .item-holder.news .pic{height:auto;overflow:hidden;margin-bottom:20px;}
}
@media(max-width:920px){
   .item-holder{grid-template-columns: repeat(1, 1fr)!important;}
    
    .item-holder .over h3{font-size:34px}
    .item-holder .item .over{font-size:26px}
    .item-holder .pic{height:250px}
     .item-holder.product .pic{height:210px}
      .leftbox.fullimg, .rightbox.fullimg{grid-template-columns: repeat(1, 1fr);}  
    .leftbox .info, .rightbox .info{padding:40px}
    .leftbox.smallimg, .rightbox.smallimg{flex-direction: column}
    .leftbox .pic{order:-1;}
    .leftbox.smallimg .pic, .rightbox.smallimg .pic{padding:0;}
    .leftbox.smallimg .pic img, .rightbox.smallimg .pic img{width:100%;height:auto;}
   .imggrid{ grid-template-columns: repeat(1, 1fr)!important;}
    
    .t-padd{padding-top:40px}
.b-padd{padding-bottom:40px}
}
@media(max-width:727px){
     .item-holder h3{display:inline-block;}  
  .item-holder .actions a, .item-holder .actions span{background:url(../img/actions-mob.png);height:70px;width:70px}
    .item-holder .actions a.details {
        background-position: -75px 0;}
.item-holder .actions span.favs {
    background-position: -148px 0;
}
    .item-holder .actions span.basket, .item-holder .actions a.basket {
    background-position: -225px 0;
}
    .item-holder .actions span.favs.active {
    background-position: -296px 0;
}
     .leftbox .info, .rightbox .info{padding:40px 30px}
    .item-holder.left .item .info, .item-holder.right .item .info, .block .item-holder.case .info{padding:30px}
}
@media(max-width:550px){
     .item-holder .item .over{font-size:20px}   
}
.hire-list .group .depots .jcf-select{
	width:100%
}

.menu_item_exchange{display:none !important;}