@charset "UTF-8";
/* ==========================================================================
	Global Variables
========================================================================== */
/* ==========================================================================
  Input Types (eg text in textbox or submit in button )
========================================================================== */
/* ==========================================================================
  Clearfix
========================================================================== */
/* ==========================================================================
	Flexible Media Query
========================================================================== */
/* ==========================================================================
	Pseudo ::before ::after
========================================================================== */
/* ==========================================================================
	Placeholder
========================================================================== */
/* ==========================================================================
	Responsive Ratio
========================================================================== */
/* ==========================================================================
	Truncate
========================================================================== */
/* ==========================================================================
	Positon Centering (Vertical, Horizontal, Both)
========================================================================== */
/* ==========================================================================
	Animation
========================================================================== */
/* ==========================================================================
	Animation Performance
========================================================================== */
/* ==========================================================================
	Gradient (2 colors)
========================================================================== */
/* ==========================================================================
	Padding and Margin
========================================================================== */
/* ==========================================================================
	normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css
========================================================================== */
progress, sub, sup { vertical-align: baseline; }

button, hr, input { overflow: visible; }

[type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

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

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sub { bottom: -.25em; }

sup { top: -.5em; }

img { border-style: none; }

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

code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

figure { margin: 1em 40px; }

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

button, input, select, textarea { font: inherit; margin: 0; }

optgroup { font-weight: 700; }

button, select { text-transform: none; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { color: inherit; display: table; max-width: 100%; white-space: normal; }

textarea { overflow: auto; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: inherit; opacity: .54; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

/* ==========================================================================
  Clear Margins and Paddings
========================================================================== */
form fieldset { margin: 0; padding: 0; }

/* ==========================================================================
  List: Clear
========================================================================== */
.list-clear, .ul-styled, .ol-styled, ul[class$="menu"] { list-style-type: none; margin-top: 0; margin-bottom: 0; padding-left: 0; }

/* ==========================================================================
  List: Inline block
========================================================================== */
@media screen and (min-width: 1024px) { ul[class$="menu"] { word-spacing: -4px; }
  ul[class$="menu"] li { display: inline-block; word-spacing: normal; } }

/* ==========================================================================
  Center (margin's left + right = auto)
========================================================================== */
.boundary { margin-left: auto; margin-right: auto; }

/* ==========================================================================
  Box Shadow
========================================================================== */
.box-shadow { -webkit-box-shadow: 7px 7px 0px 0px #034ea2; box-shadow: 7px 7px 0px 0px #034ea2; }

/* ==========================================================================
  Clear IOS Form styling
========================================================================== */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select { border-radius: 0; -webkit-appearance: none; }

/* ==========================================================================
  Selective display based on Viewport
========================================================================== */
/* ==========================================================================
	MISCELLANEOUS
========================================================================== */
/* ==========================================================================
	Config
========================================================================== */
html { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; }

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

body { color: #1d1b1b; font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 16px; height: 100%; min-width: 320px; max-width: 1920px; }

/* ==========================================================================
	Visual Composer Overrides
========================================================================== */
.wpb-js-composer .flexslider { background: transparent; margin: 0; padding: 0; border: none; -webkit-box-shadow: none; box-shadow: none; }

.wpb-js-composer .flexslider .flex-control-nav { margin-top: -25px; }

.wpb-js-composer .flexslider .flex-control-paging li a { background-color: #ffffff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 5px; width: 30px; opacity: 1; }

@media screen and (min-width: 1024px) { .wpb-js-composer .flexslider .flex-control-paging li a { height: 10px; width: 100px; } }

.wpb-js-composer .flexslider .flex-control-paging li a.flex-active { background-color: #034ea2; height: 8px; position: relative; top: -5px; }

@media screen and (min-width: 1024px) { .wpb-js-composer .flexslider .flex-control-paging li a.flex-active { height: 15px; } }

.wpb-js-composer .boundary.vc_col-sm-12 { float: none; }

.wpb-js-composer .vc_section { padding-left: inherit; padding-right: inherit; margin-left: inherit; margin-right: inherit; }

.wpb-js-composer .vc_row { margin-left: auto; margin-right: auto; }

.wpb-js-composer .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }

.wpb-js-composer .wpb_button, .wpb-js-composer .wpb_content_element, .wpb-js-composer ul.wpb_thumbnails-fluid > li { margin-bottom: inherit; }

.wpb-js-composer .vc_gitem_row .vc_gitem-col { padding: inherit; }

@media screen and (max-width: 1365px) and (min-width: 414px) { .s-accreditations .s-accreditations_list .wpb_image_grid_ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; height: auto !important; } }

@media screen and (max-width: 1365px) and (min-width: 768px) { .s-accreditations .s-accreditations_list .wpb_image_grid_ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media screen and (max-width: 1365px) and (min-width: 414px) { .s-accreditations .s-accreditations_list .wpb_image_grid_ul .isotope-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 10px; padding-right: 10px; margin: 0 !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } }

@media screen and (max-width: 1365px) and (min-width: 620px) { .s-accreditations .s-accreditations_list .wpb_image_grid_ul .isotope-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } }

@media screen and (max-width: 1365px) and (min-width: 768px) { .s-accreditations .s-accreditations_list .wpb_image_grid_ul .isotope-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } }

@media screen and (max-width: 1023px) { .s-clients .m-clients_list { margin-top: 0; } }

@media screen and (min-width: 414px) and (max-width: 1365px) { .s-clients .m-clients_list .wpb_image_grid .wpb_image_grid_ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } }

@media screen and (min-width: 414px) and (max-width: 1365px) and (max-width: 1023px) { .s-clients .m-clients_list .wpb_image_grid .wpb_image_grid_ul { height: auto !important; } }

@media screen and (max-width: 1023px) and (max-width: 413px) { .s-clients .m-clients_list .wpb_image_grid .wpb_image_grid_ul .isotope-item { width: 100%; } }

@media screen and (max-width: 1023px) and (min-width: 414px) { .s-clients .m-clients_list .wpb_image_grid .wpb_image_grid_ul .isotope-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 10px; padding-right: 10px; margin: 0 !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } }

@media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1365px) { .s-clients .m-clients_list .wpb_image_grid .wpb_image_grid_ul .isotope-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } }

.s-clients .m-clients_list .wpb_image_grid .wpb_image_grid_ul .isotope-item img { margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1023px) { .l-thirds .vc_col-sm-4 { float: none; width: 100%; margin-bottom: 20px; }
  .l-thirds .vc_col-sm-4:last-child { margin-bottom: 0; } }

@media screen and (min-width: 1024px) { .l-thirds .l-text { padding-right: 3%; } }

.l-thirds .l-media .vc_figure { margin-top: 0; }

@media screen and (max-width: 1023px) { .l-thirds .l-media .vc_figure { margin-top: 10px; } }

/* ==========================================================================
	Headings
========================================================================== */
h1, h2, h3, h4, h5, h6 { margin-top: 0; }

h1, h2, h3 { font-family: "Akrobat"; text-transform: uppercase; line-height: 1; }

h1 { color: #ffffff; font-size: 40px; font-weight: bold; letter-spacing: -1.5px; }

@media screen and (min-width: 1024px) { h1 { font-size: 60px; } }

h2 { color: #034ea2; font-size: 32px; font-weight: 800; letter-spacing: -1.5px; margin-bottom: 0; }

h2 span { font-weight: 500; }

@media screen and (min-width: 1024px) { h2 { font-size: 48px; } }

@media screen and (min-width: 1366px) { h2 { font-size: 54px; } }

h3 { color: #034ea2; font-size: 16px; font-weight: 800; letter-spacing: -1px; }

@media screen and (min-width: 1366px) { h3 { font-size: 20px; } }

/* ==========================================================================
	Paragraphs
========================================================================== */
p { letter-spacing: -0.25px; line-height: 1.5; margin-top: 0; max-width: 800px; }

/* ==========================================================================
	Lists
========================================================================== */
.ol-styled li { counter-increment: step-counter; }

.ol-styled li::before { content: counter(step-counter); margin-right: 10px; font-size: smaller; background-color: #1d1b1b; color: #ffffff; font-weight: bold; padding: 3px 8px; border-radius: 3px; }

dl dt { font-weight: 700; }

dl dd { margin-left: 0; }

.wi-list { list-style-type: none; padding-left: 0; }

.wi-list_item { margin-bottom: 10px; padding-left: 25px; position: relative; }

@media screen and (min-width: 1366px) { .wi-list_item { margin-bottom: 15px; } }

.wi-list_item::before { content: ""; display: block; position: absolute; background-color: #034ea2; width: 12px; height: 3px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* ==========================================================================
	Address
========================================================================== */
address { font-style: normal; }

/* ==========================================================================
	Images
========================================================================== */
img { height: auto; max-width: 100%; }

a > img, i > img { display: block; }

div > img { vertical-align: bottom; }

.thumbnail { display: inline-block; }

a.thumbnail:hover { border-color: #034ea2; }

/* ==========================================================================
	Figure
========================================================================== */
figure { display: inline-block; }

figure figcaption { display: block; text-align: center; }

/* ==========================================================================
	Iframe
========================================================================== */
.iframe-holder { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }

.iframe-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ==========================================================================
	Icons
========================================================================== */
.wi-icon { background-repeat: no-repeat; display: inline-block; vertical-align: middle; }

.wi-icon + span { display: none; }

/* ==========================================================================
	Tables
========================================================================== */
th { text-align: left; }

table { border-collapse: collapse; }

table thead th { color: #034ea2; font-family: "Akrobat"; font-weight: 900; text-transform: uppercase; letter-spacing: -0.5px; }

/* --------------------------------------------------------------------------
	Specs
-------------------------------------------------------------------------- */
.specs { margin-top: 30px; margin-bottom: 30px; vertical-align: top; width: 100%; }

@media screen and (min-width: 1024px) { .specs { float: left; margin-right: 50px; width: 45%; } }

@media screen and (min-width: 1366px) { .specs { margin-right: 100px; width: 40%; } }

.specs thead th { padding-bottom: 10px; }

.specs tbody tr td { border-bottom: 1px solid #8c9299; padding-top: 20px; padding-bottom: 10px; }

.specs_value { text-align: right; }

/* ==========================================================================
	Forms
========================================================================== */
form fieldset { border: none; }

form .field { margin-bottom: 10px; }

label { color: #1d1b1b; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select { border: 1px solid #000000; color: #1d1b1b; font-size: 16px; padding: 10px 15px; width: 100%; }

textarea { width: 100%; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }

.css-label { position: relative; }

.css-label:before { content: ""; display: block; position: absolute; border: 2px solid #034ea2; left: 0; }

.css-checkbox, .css-radio { content: ""; display: absolute; position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; padding: 0; border: 0; }

.css-checkbox + .css-label, .css-radio + .css-label { color: #31a434; padding-left: 30px; display: inline-block; vertical-align: middle; cursor: pointer; }

.css-checkbox:checked + .css-label::before { background-color: #034ea2; border: 3px solid #ffffff; -webkit-box-shadow: 0 0 0 2px #034ea2; box-shadow: 0 0 0 2px #034ea2; content: ''; width: 12px; height: 12px; margin: 2px 0 0 2px; }

.css-radio:checked + .css-label::before { color: #667eea; content: '•'; font-family: 'Arial', sans-serif; font-size: 44px; line-height: 19px; text-indent: 1px; }

.field-holder label { display: none; }

.form-enquiry .field-holder { margin-bottom: 10px; }

.form-enquiry .field-holder input[type="color"], .form-enquiry .field-holder input[type="date"], .form-enquiry .field-holder input[type="datetime"], .form-enquiry .field-holder input[type="datetime-local"], .form-enquiry .field-holder input[type="email"], .form-enquiry .field-holder input[type="month"], .form-enquiry .field-holder input[type="number"], .form-enquiry .field-holder input[type="password"], .form-enquiry .field-holder input[type="search"], .form-enquiry .field-holder input[type="tel"], .form-enquiry .field-holder input[type="text"], .form-enquiry .field-holder input[type="time"], .form-enquiry .field-holder input[type="url"], .form-enquiry .field-holder input[type="week"], .form-enquiry .field-holder input:not([type]), .form-enquiry .field-holder textarea { border: none; }

@media screen and (min-width: 768px) { .form-enquiry .l-split { margin-left: -1.6%; }
  .form-enquiry .l-split::after { clear: both; content: ''; display: table; }
  .form-enquiry .l-split .field-holder { float: left; margin-left: 1.6%; width: 48.4%; }
  .form-enquiry .s-action { margin-top: 5px; }
  .form-enquiry .s-action .btn-primary { width: 100%; } }

/* ==========================================================================
	Hyperlinks (Normal + Button-styled)
========================================================================== */
a { border-bottom: 1px solid transparent; font-family: inherit; -webkit-transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

a:hover { text-decoration: none; }

a:not([class]) { color: #034ea2; text-decoration: none; }

a:not([class]):hover { color: #31a434; }

input.btn, button.btn, .btn a.vc_btn3.vc_btn3-style-custom { background-color: #1d1b1b; border: 4px solid transparent; border-radius: 0; color: #ffffff; display: inline-block; font-family: "Akrobat"; font-size: 14px; font-weight: 900; text-align: center; text-decoration: none; text-transform: uppercase; padding: 10px 20px; position: relative; -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-appearance: none; }

@media screen and (min-width: 1024px) { input.btn, button.btn, .btn a.vc_btn3.vc_btn3-style-custom { font-size: 16px; padding: 12px 30px; } }

input.btn:hover, button.btn:hover, .btn:hover a.vc_btn3.vc_btn3-style-custom { background-color: #282b2e; color: #ffffff; }

.btn:hover a.vc_btn3.vc_btn3-style-custom:hover { background-color: none; color: #ffffff; }

input.btn-primary, button.btn-primary, .btn-primary a.vc_btn3.vc_btn3-style-custom { background-color: #31a434; }

input.btn-primary:hover, button.btn-primary:hover, .btn-primary:hover a.vc_btn3.vc_btn3-style-custom { background-color: #034ea2; }

input.btn-secondary, button.btn-secondary, .btn-secondary a.vc_btn3.vc_btn3-style-custom { background-color: transparent; border-color: #ffffff; }

input.btn-secondary:hover, button.btn-secondary:hover, .btn-secondary:hover a.vc_btn3.vc_btn3-style-custom { background-color: transparent; border-color: #034ea2; }

.btn.vc_btn3.vc_btn3-style-custom.btn--has-icon { padding-left: 65px; position: relative; }

.btn.vc_btn3.vc_btn3-style-custom.btn--has-icon .wi-icon { display: block; position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 35px; height: 35px; }

.btn.vc_btn3.vc_btn3-style-custom.btn--has-icon .wi-icon img { height: 100%; width: auto; }

/* ==========================================================================
	Item
========================================================================== */
.o-item { max-width: 640px; /* --------------------------------------------------------------------------
	Common (with Icon)
-------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------
	with Picture
-------------------------------------------------------------------------- */ }

.o-item_name { margin-top: 20px; margin-bottom: 20px; }

.o-item-picture { text-align: center; }

.o-item-picture .o-item_image { display: inline-block; overflow: hidden; width: 275px; height: 275px; position: relative; }

.o-item-picture .o-item_image img { max-width: none; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* ==========================================================================
	Product
========================================================================== */
.o-product { /* --------------------------------------------------------------------------
	Normal
-------------------------------------------------------------------------- */ max-width: 310px; /* --------------------------------------------------------------------------
	Mini
-------------------------------------------------------------------------- */ }

.o-product_link { border: 1px solid #000000; display: block; text-decoration: none; position: relative; }

.o-product_link::after { content: ""; display: block; position: absolute; background-color: rgba(3, 78, 162, 0.7); width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 1; -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.o-product_link:hover { border-color: #034ea2; }

.o-product_link:hover::after { opacity: 1; }

.o-product .btn-primary { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; background-color: #1d1b1b; border: 4px solid transparent; border-radius: 0; color: #ffffff; display: inline-block; font-family: "Akrobat"; font-size: 16px; font-weight: 900; text-align: center; text-decoration: none; text-transform: uppercase; padding: 10px 20px; -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-appearance: none; }

@media screen and (min-width: 1024px) { .o-product .btn-primary { font-size: 18px; padding: 12px 30px; } }

.o-product .btn-primary:hover { background-color: #31a434; }

.o-product:hover .btn-primary { opacity: 1; z-index: 2; }

.o-product_name { color: #1d1b1b; margin-top: 20px; margin-bottom: 15px; }

.o-product_description { color: #1d1b1b; font-size: 16px; line-height: 1.5; margin-bottom: 0; }

.o-product-mini { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

.o-product-mini .o-product_image { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; }

.o-product-mini .o-product_info { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; padding-left: 20px; text-align: left; }

.o-product-mini .o-product_name { color: inherit; font-size: 22px; margin-bottom: 15px; }

.o-product-mini .o-product_description { color: inherit; }

/* ==========================================================================
	Featured Pages (eg How Can We Help?)
========================================================================== */
.o-featured { background: no-repeat 50% 50%; background-size: cover; color: #ffffff; max-width: 620px; text-align: left; padding: 30px 35px; position: relative; }

@media screen and (max-width: 480px) { .o-featured { min-height: 300px; } }

.o-featured::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: transparent; top: 0; left: 0; -webkit-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }

.o-featured:hover::before { background-color: rgba(3, 78, 162, 0.7); -webkit-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }

.o-featured .o-featured_link, .o-featured .vc-zone-link { display: block; min-height: 340px; height: 100%; width: 100%; text-decoration: none; }

.o-featured .o-featured_link:hover, .o-featured .vc-zone-link:hover { background-color: rgba(3, 78, 162, 0.7); }

.o-featured .o-featured_link-text, .o-featured .vc_gitem-link { display: block; font-family: "Akrobat", Arial, Helvetica, sans-serif; font-weight: 900; opacity: 0; position: absolute; bottom: 30px; right: 35px; text-transform: uppercase; }

.o-featured .o-featured:hover .o-featured_link-text, .o-featured .o-featured:hover .vc_gitem-link { opacity: 1; }

.o-featured .o-featured_info, .o-featured .o-featured_info.vc_gitem-col { padding: 0; }

.o-featured .o-featured_info h2, .o-featured .o-featured_info.vc_gitem-col h2 { color: inherit; }

.o-featured .o-featured_title, .o-featured .o-featured_title.vc_custom_heading { color: inherit; font-weight: 800; line-height: 1; margin-bottom: 20px; }

.o-featured .o-featured_title span, .o-featured .o-featured_title.vc_custom_heading span { font-weight: 500; }

.o-featured .o-featured_blurb { line-height: 1.8; }

/* ==========================================================================
	Category
========================================================================== */
.o-category { display: inline-block; position: relative; max-width: 620px; }

.o-category_link, .o-category a { display: block; width: 100%; height: 100%; padding: 10px; position: absolute; top: 0; left: 0; text-decoration: none; }

@media screen and (min-width: 768px) { .o-category_link, .o-category a { padding: 20px; } }

.o-category_link:hover, .o-category a:hover { background-color: rgba(255, 255, 255, 0.3); }

.o-category_name, .o-category h2.woocommerce-loop-category__title, .o-category_name h3 { color: #ffffff; display: inline-block; font-size: 16px !important; letter-spacing: 0; margin-bottom: 0; padding: 10px 15px !important; }

@media screen and (min-width: 768px) { .o-category_name, .o-category h2.woocommerce-loop-category__title, .o-category_name h3 { font-size: 20px !important; } }

.o-category:hover .o-category_name, .o-category:hover .o-category h2.woocommerce-loop-category__title, .o-category:hover .o-category_name h3 { color: red; }

.o-category.equipment .o-category_name, .o-category.equipment h2.woocommerce-loop-category__title { background-color: #034ea2; }

.o-category.equipment:hover .o-category_name, .o-category.equipment:hover h2.woocommerce-loop-category__title { background-color: #31a434; color: #ffffff; }

/* ==========================================================================
	NAVIGATION / MENU
========================================================================== */
/* ==========================================================================
  Items List
========================================================================== */
.m-items_list { list-style-type: none; padding-left: 0; }

@media screen and (min-width: 600px) { .m-items_list { margin-left: -20px; } }

@media screen and (min-width: 1024px) { .m-items_list { margin-top: 50px; margin-left: -45px; } }

@media screen and (min-width: 1366px) { .m-items_list { margin-top: 80px; } }

.m-items_list .vc_gitem-zone.o-item { height: 325px !important; }

@media screen and (min-width: 600px) { .m-items_list-item { padding-left: 20px; } }

@media screen and (min-width: 1024px) { .m-items_list-item { margin-bottom: 45px; padding-left: 45px; } }

/* ==========================================================================
  Equipment List
========================================================================== */
.m-equipment_list { list-style-type: none; padding-left: 0; }

.m-equipment_list-item { margin-bottom: 10px; }

@media screen and (min-width: 1366px) { .woocommerce.columns-3 ul.products li.product.m-equipment_list-item { margin: 0 1% 1% 0; width: 32.3%; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ }

@media screen and (-ms-high-contrast: active) and (min-width: 1366px), screen and (-ms-high-contrast: none) and (min-width: 1366px) { .woocommerce.columns-3 ul.products li.product.m-equipment_list-item { overflow: hidden; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .woocommerce.columns-3 ul.products li.product.m-equipment_list-item img { height: auto; width: 100%; } }

/* ==========================================================================
	OUR CLIENTS
========================================================================== */
.m-clients_list { list-style-type: none; margin-top: 50px; padding-left: 0; }

.m-clients_list-item { margin-top: 20px; }

/* ==========================================================================
  Industries List
========================================================================== */
.m-industries_list { list-style-type: none; padding-left: 0; }

@media screen and (min-width: 1366px) { .m-industries_list { margin-top: 50px; } }

.m-industries_list-item { margin-top: 30px; }

@media screen and (min-width: 1366px) { .m-industries_list-item { margin-top: 45px; } }

/* ==========================================================================
  Waste List
========================================================================== */
.m-waste_list { list-style-type: none; padding-left: 0; }

@media screen and (min-width: 1366px) { .m-waste_list { margin-top: 50px; } }

.m-waste_list-item { margin-top: 30px; }

@media screen and (min-width: 1366px) { .m-waste_list-item { margin-top: 45px; } }

/* ==========================================================================
  Items List
========================================================================== */
.m-product_list { list-style-type: none; padding-left: 0; }

@media screen and (min-width: 600px) { .m-product_list { margin-left: -20px; } }

@media screen and (min-width: 1024px) { .m-product_list { margin-left: -45px; } }

@media screen and (min-width: 1366px) { .m-product_list { margin-left: -15px; } }

.m-product_list-item { margin-bottom: 30px; }

.m-product_list-item:last-child { margin-bottom: 0; }

@media screen and (min-width: 600px) { .m-product_list-item { padding-left: 20px; } }

@media screen and (min-width: 1024px) { .m-product_list-item { margin-bottom: 45px; padding-left: 45px; } }

@media screen and (min-width: 1366px) { .m-product_list-item { padding-left: 15px; } }

/* ==========================================================================
  Sub Category
========================================================================== */
.m-sub-category { border-bottom: 1px solid #8c9299; margin-bottom: 30px; padding-bottom: 30px; }

@media screen and (min-width: 1024px) { .m-sub-category { margin-bottom: 80px; padding-bottom: 40px; } }

@media screen and (min-width: 1024px) { .m-sub-category_products { padding-left: 50px; } }

/* ==========================================================================
  QUICK LINKS
========================================================================== */
.m-quicklinks { margin: 0; padding: 0; }

.m-quicklinks_item { font-size: 14px; list-style-type: none; margin-bottom: 10px; }

@media screen and (min-width: 768px) { .m-quicklinks_item { display: inline-block; margin-right: 30px; } }

@media screen and (min-width: 1366px) { .m-quicklinks_item { font-size: 15px; } }

.m-quicklinks_item-link { color: #034ea2; display: block; text-decoration: none; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }

.m-quicklinks_item-link:hover { color: #31a434; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }

@media screen and (min-width: 768px) { .m-quicklinks_item-link:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } }

/* ==========================================================================
	HEADER
========================================================================== */
.site-header { background: url("../images/bg-site-header.jpg") 50% 50% no-repeat; background-size: cover; -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4); padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 99; }

.site-header .boundary { position: relative; }

.site-header .site-logo { width: 200px; }

.site-header_menu { padding: 20px; }

@media screen and (max-width: 1023px) { .site-header_menu { border-style: solid; border-width: 0px 0px 10px; -webkit-border-image: url("../images/bg-site-header.jpg") 0 0 9 repeat round; -o-border-image: url("../images/bg-site-header.jpg") 0 0 9 repeat round; border-image: url("../images/bg-site-header.jpg") 0 0 9 repeat round; } }

.site-header_menu .connect-menu, .site-header_menu .contact-number { display: none; }

.site-header .nav-menu_item { margin-bottom: 15px; }

.site-header .nav-menu_item a { color: #282b2e; font-family: "Akrobat", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 800; text-transform: uppercase; }

.site-header .nav-menu_item a:hover { color: #31a434; }

@media screen and (min-width: 1024px) { .site-header { padding-top: 0; padding-bottom: 10px; }
  .site-header .boundary { max-width: 1920px; padding-left: 0; padding-right: 0; }
  .site-header .boundary::after { clear: both; content: ''; display: table; }
  .site-header .site-logo { float: left; width: 250px; max-width: 338px; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .site-header_menu { float: right; background-color: #ffffff; min-width: 680px; position: relative; }
  .site-header_menu::before { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0px 55px 113px 0; border-color: transparent #ffffff transparent transparent; left: -55px; top: 0; }
  .site-header_menu .nav-menu_item { margin-left: 10px; }
  .site-header_menu .nav-menu_item:first-child { margin-left: 0; }
  .site-header_menu .nav-menu_item a { font-size: 16px; }
  .site-header #secondary-menu { text-align: right; }
  .site-header #secondary-menu::after { clear: both; content: ''; display: table; }
  .site-header #secondary-menu .connect-menu { display: inline-block; vertical-align: top; }
  .site-header #secondary-menu .connect-menu_item { margin-right: 15px; }
  .site-header #secondary-menu .connect-menu_item:last-child { margin-right: 0; }
  .site-header #secondary-menu .site-nav { display: inline-block; margin-left: 20px; margin-right: 20px; vertical-align: top; }
  .site-header #secondary-menu .nav-menu_item { line-height: 34px; margin-bottom: 0; padding-left: 10px; position: relative; }
  .site-header #secondary-menu .nav-menu_item:first-child { padding-left: 0; }
  .site-header #secondary-menu .nav-menu_item:first-child::before { display: none; }
  .site-header #secondary-menu .nav-menu_item::before { content: ""; display: block; position: absolute; background-color: #282b2e; height: 20px; width: 1px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .site-header #secondary-menu .nav-menu_item a { font-weight: 600; }
  .site-header #secondary-menu .contact-number { display: inline-block; vertical-align: top; }
  .site-header #secondary-menu .contact-number a { font-family: "Akrobat", Arial, Helvetica, sans-serif; font-size: 26px; font-weight: 900; }
  .site-header #main-menu { padding-top: 15px; text-align: right; }
  .site-header #main-menu .nav-menu_item { margin-bottom: 0; } }

@media screen and (min-width: 1366px) { .site-header .site-logo { width: 338px; }
  .site-header_menu { padding-right: 50px; width: 70%; }
  .site-header_menu .nav-menu_item { margin-left: 30px; }
  .site-header_menu .nav-menu_item a { font-size: 16px; }
  .site-header #secondary-menu .nav-menu_item { margin-left: 20px; padding-left: 20px; }
  .site-header #secondary-menu .contact-number a { font-size: 30px; } }

@media screen and (min-width: 1600px) { .site-header_menu { width: 75%; } }

@media screen and (min-width: 1366px) { .menu-item-our-equipment { position: relative; } }

.dd-menu-equipment { background-color: #ffffff; -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; margin-left: -90px; width: 700px; position: absolute; text-align: left; top: 0; -webkit-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); transform: translate(-50%, 20px); }

@media screen and (max-width: 1365px) { .dd-menu-equipment { display: none; } }

.dd-menu-equipment_list { background-color: #034ea2; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; margin: 0; padding: 10px 0; }

.dd-menu-equipment_list-item { display: block !important; margin: 2px 0; }

.dd-menu-equipment_list-item a { background-color: transparent; color: #ffffff !important; display: block; font-family: 'Akrobat', sans-serif; font-weight: 800; padding: 10px 20px; text-decoration: none; text-transform: uppercase; }

.dd-menu-equipment_list-item a:hover, .dd-menu-equipment_list-item a.active { background-color: #ffffff; color: #31a434 !important; }

.dd-menu-equipment_content { -webkit-box-flex: 0; -ms-flex: 0 0 520px; flex: 0 0 520px; padding: 20px; position: relative; }

.dd-menu-equipment_content::before { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 20px 30px 20px; border-color: transparent transparent #ffffff transparent; left: 50%; top: 0; -webkit-transform: translate(-50%, -30px); -ms-transform: translate(-50%, -30px); transform: translate(-50%, -30px); }

.dd-menu-equipment_info-action { position: relative; }

.dd-menu-equipment_info { margin-top: 20px; }

.dd-menu-equipment_description { font-size: 14px; }

.dd-menu-equipment_action { text-align: right; }

.dd-menu-equipment_action .btn-primary a { font-size: 15px !important; font-weight: 800 !important; padding: 10px 15px !important; }

/* ==========================================================================
	FOOTER
========================================================================== */
.site-footer { background-color: #034ea2; color: #ffffff; padding-top: 30px; }

.site-footer a { color: inherit; }

.site-footer > .boundary .site-logo { margin-bottom: 30px; }

.site-footer > .boundary .connect-menu { word-spacing: -4px; }

.site-footer > .boundary .connect-menu_item { display: inline-block; margin-left: 15px; word-spacing: normal; }

.site-footer > .boundary .connect-menu_item:first-child { margin-left: 0; }

.site-footer > .boundary .company-info_details { padding-top: 30px; }

.site-footer > .boundary .company-info_details .wi-icon { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; }

@media screen and (max-width: 767px) { .site-footer > .boundary .company-info_details .wi-icon { display: none; } }

.site-footer > .boundary .company-info_detail { line-height: 28px; margin-bottom: 10px; }

@media screen and (min-width: 768px) { .site-footer > .boundary .company-info_detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .site-footer > .boundary .company-info_detail:first-of-type { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.site-footer > .boundary .sitemap { font-family: "Akrobat", Arial, Helvetica, sans-serif; margin-top: 30px; padding-bottom: 30px; }

.site-footer > .boundary .sitemap_menu-item { font-weight: 900; margin-bottom: 20px; text-transform: uppercase; }

.site-footer > .boundary .sitemap_menu-item .sub-menu { margin-top: 10px; margin-bottom: 30px; }

.site-footer > .boundary .sitemap_menu-item .sub-menu_item { font-weight: normal; margin-bottom: 10px; text-transform: none; }

@media screen and (min-width: 1366px) { .site-footer > .boundary { padding-top: 50px; padding-bottom: 50px; }
  .site-footer > .boundary::after { clear: both; content: ''; display: table; }
  .site-footer > .boundary .company-logo.company-info { float: left; padding-right: 8%; width: 35%; }
  .site-footer > .boundary .sitemap { float: right; margin-top: 0; padding-bottom: 0; width: 65%; }
  .site-footer > .boundary .sitemap::after { clear: both; content: ''; display: table; }
  .site-footer > .boundary .sitemap .highlight { float: left; width: 83%; }
  .site-footer > .boundary .sitemap .highlight .sitemap_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; float: none; width: 100%; }
  .site-footer > .boundary .sitemap .highlight .sitemap_menu-item { width: 33.33%; }
  .site-footer > .boundary .sitemap .highlight .sitemap_menu-item .sub-menu_item { display: block; }
  .site-footer > .boundary .sitemap_menu { float: right; width: 17%; }
  .site-footer > .boundary .sitemap_menu-item { display: block; margin-right: 0; } }

.site-footer .footer-note { background-color: #044996; color: #d3d3d3; font-size: 13px; padding-top: 20px; padding-bottom: 20px; }

@media screen and (min-width: 1024px) { .site-footer .footer-note .boundary .copyright { float: left; margin-right: 30px; }
  .site-footer .footer-note .boundary .menu-item { margin-right: 15px; padding-right: 15px; position: relative; }
  .site-footer .footer-note .boundary .menu-item::after { content: ""; display: block; position: absolute; background-color: #d3d3d3; height: 20px; width: 1px; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .site-footer .footer-note .boundary .menu-item:last-child { margin-right: 0; padding-right: 0; }
  .site-footer .footer-note .boundary .menu-item:last-child::after { display: none; } }

@media screen and (min-width: 768px) and (max-width: 1365px) { .site-footer > .boundary { width: 100%; clear: both; content: ''; display: table; padding-bottom: 20px; }
  .site-footer > .boundary .company-info { float: left; width: 50%; }
  .site-footer > .boundary .sitemap { float: right; width: 35%; position: relative; }
  .site-footer > .boundary .sitemap::before { content: ""; display: block; position: absolute; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 1px; top: -20px; left: -60px; } }

@media screen and (min-width: 768px) and (max-width: 1365px) and (min-width: 1024px) { .site-footer > .boundary .sitemap { width: 50%; margin-top: 0; padding-bottom: 0; }
  .site-footer > .boundary .sitemap::before { display: none; } }

@media screen and (min-width: 768px) and (max-width: 1365px) and (min-width: 1024px) { .site-footer > .boundary .sitemap .sitemap_menu { word-spacing: 0; margin-right: 15px; } }

@media screen and (min-width: 768px) and (max-width: 1365px) and (min-width: 1024px) { .site-footer > .boundary .sitemap .sitemap_menu-item { margin-right: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1365px) and (min-width: 1024px) { .site-footer > .boundary .sitemap .highlight .sitemap_menu-item { margin-right: 0; } }

@media screen and (min-width: 768px) and (max-width: 1365px) and (min-width: 1024px) { .site-footer > .boundary .sitemap .sub-menu { margin-bottom: 0; word-spacing: 0; } }

@media screen and (min-width: 768px) and (max-width: 1365px) and (min-width: 1024px) { .site-footer > .boundary .sitemap .sub-menu_item { margin-right: 15px; } }

/* ==========================================================================
	Hero
========================================================================== */
.s-hero { background-image: url("../images/bg-hero-default.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; color: #ffffff; padding-top: 0; padding-bottom: 0; /* --------------------------------------------------------------------------
	Common
-------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------
	Carousel (Homepage)
-------------------------------------------------------------------------- */ }

.s-hero_info { padding-top: 30px; padding-bottom: 50px; }

.s-hero_info::after { clear: both; content: ''; display: table; }

@media screen and (min-width: 1366px) { .s-hero_info { padding-top: 100px; padding-bottom: 120px; position: relative; } }

.s-hero_breadcrumbs { background-color: #034ea2; color: #ffffff; display: inline-block; padding: 8px; position: relative; -webkit-transform: translate(-15px, 0); -ms-transform: translate(-15px, 0); transform: translate(-15px, 0); }

@media screen and (max-width: 1023px) { .s-hero_breadcrumbs { margin-bottom: 15px; } }

.s-hero_breadcrumbs a { color: inherit; display: inline-block; font-family: "Akrobat", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 800; text-transform: uppercase; padding: 2px; }

@media screen and (min-width: 414px) { .s-hero_breadcrumbs a { padding: 5px 10px; } }

@media screen and (min-width: 1024px) { .s-hero_breadcrumbs { padding: 10px 15px 20px 15px; -webkit-transform: translate(-25px, 25px); -ms-transform: translate(-25px, 25px); transform: translate(-25px, 25px); }
  .s-hero_breadcrumbs a { font-size: 18px; font-weight: 900; } }

.s-hero_title { margin-bottom: 20px; max-width: 800px; position: relative; z-index: 1; }

.s-hero_blurb p:last-child { margin-bottom: 0; }

.s-hero_action { margin-top: 30px; }

@media screen and (min-width: 1366px) { .s-hero_action { position: absolute; right: 0; bottom: 120px; } }

.s-hero.carousel .s-hero_action { position: relative; bottom: 0; }

.s-hero .wpb_gallery .wpb_gallery_slides > ul.slides > li { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

/* ==========================================================================
 	Our Capabilities
========================================================================== */
.s-capabilities { background: url("http://wasteinitiative.advisclient.com.au/wp-content/uploads/2017/11/bg-our-capabilities.jpg") no-repeat 50% 50%; background-size: cover; }

@media screen and (min-width: 414px) { .s-capabilities .m-items_list { margin-left: -20px; } }

.s-capabilities .m-items_list .m-items_list-item { display: block; }

@media screen and (min-width: 414px) { .s-capabilities .m-items_list .m-items_list-item { display: inline-block; padding-left: 20px; width: 49.97%; } }

@media screen and (min-width: 768px) { .s-capabilities .m-items_list .m-items_list-item { width: 24.7%; } }

@media screen and (max-width: 767px) { .s-capabilities_action { text-align: center; } }

@media screen and (min-width: 1366px) { .s-capabilities_action { margin-top: 50px; } }

/* ==========================================================================
  Our Equipment
========================================================================== */
.s-equipment { background-color: #f3f3f3; }

@media screen and (max-width: 1365px) { .s-equipment { padding-bottom: 0; } }

/* ==========================================================================
  Our Accreditations
========================================================================== */
.s-equipment + .s-accreditations { background-color: #f3f3f3; padding-top: 0; }

@media screen and (max-width: 767px) { .s-accreditations .vc_custom_heading { text-align: center !important; } }

.s-accreditations_list { margin-left: -10px; padding-left: 0; word-spacing: -4.5px !important; }

.s-accreditations_list-item { margin-bottom: 10px; padding-left: 10px; width: 50%; word-spacing: normal; }

.s-accreditations_list-item img { display: block; }

.s-accreditations .wpb_image_grid .wpb_image_grid_ul .isotope-item { margin-left: 25px; margin-bottom: 20px; }

/* ==========================================================================
  CTA
========================================================================== */
.s-cta { background: url("../images/bg-cta.jpg") no-repeat 50% 50%; background-size: cover; color: #ffffff; text-align: center; /* --------------------------------------------------------------------------
	Enquiry
-------------------------------------------------------------------------- */ }

.s-cta h2 { color: inherit; }

@media screen and (max-width: 767px) { .s-cta .l-generic_text { text-align: left; } }

@media screen and (min-width: 620px) { .s-cta_action::after { content: ''; display: table; clear: both; } }

.s-cta_contact-info { margin-bottom: 30px; text-align: left; }

@media screen and (min-width: 620px) and (max-width: 1200px) { .s-cta_contact-info { float: left; width: 70%; } }

@media screen and (min-width: 768px) { .s-cta_contact-info { margin-bottom: 50px; } }

.s-cta_contact-info a { color: inherit; display: block; margin-bottom: 10px; }

@media screen and (min-width: 620px) { .s-cta_contact-info a { display: inline-block; margin-right: 20px; margin-bottom: 0; }
  .s-cta_contact-info a:last-child { margin-right: 0; } }

.s-cta_contact-info .wi-icon img { display: block; }

.s-cta_contact-info .wi-icon + span { display: inline-block; font-family: "Akrobat", Arial, Helvetica, sans-serif; font-weight: 600; margin-left: 10px; text-transform: uppercase; }

@media screen and (min-width: 620px) and (max-width: 1200px) { .s-cta_contact-info + .vc_col-sm-2 { float: right; width: 30%; } }

@media screen and (min-width: 1024px) { .s-cta_action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; }
  .s-cta_contact-info { margin-bottom: 20px; }
  .s-cta_contact-info a { font-size: 30px; } }

@media screen and (min-width: 1024px) and (min-width: 1366px) { .s-cta_contact-info a { font-size: 38px; margin-right: 35px; } }

@media screen and (min-width: 1024px) { .s-cta_contact-info .wi-icon { vertical-align: middle; } }

.s-cta.enquiry h2 { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { .s-cta.enquiry h2 { text-align: left; margin-bottom: 50px; }
  .s-cta.enquiry .s-cta_contact-info { text-align: left; } }

.s-cta.enquiry .s-cta_contact-info { margin-top: 30px; }

@media screen and (min-width: 620px) { .s-cta.enquiry .s-cta_contact-info { float: none; width: 100%; } }

@media screen and (min-width: 1024px) { .s-cta.enquiry .s-cta_contact-info { margin-top: 0; } }

.s-cta.enquiry .s-cta_contact-info .vc_empty_space + a { margin-bottom: 10px; }

@media screen and (min-width: 768px) and (max-width: 1023px) { .s-cta.enquiry .s-cta_contact-info { margin-bottom: 50px; }
  .s-cta.enquiry .l-generic_text-media { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  .s-cta.enquiry .l-generic .l-generic_text { width: 100%; max-width: 800px; margin-top: 0; }
  .s-cta.enquiry .l-generic .l-generic_text .vc_empty_space { height: 15px !important; } }

/* ==========================================================================
  Listing (Equipment)
========================================================================== */
@media screen and (min-width: 1366px) { .s-listing { padding-top: 40px; } }

/* ==========================================================================
 	Other Products
========================================================================== */
/* ==========================================================================
 	Other Equipment
========================================================================== */
@media screen and (min-width: 1366px) { .s-other-equipment h2 { margin-bottom: 50px; }
  .s-other-equipment .m-equipment_list { margin-bottom: 50px; }
  .s-other-equipment .m-equipment_list-item { padding-left: 5px; padding-right: 5px; } }

/* ==========================================================================
	Recent Projects
========================================================================== */
.s-recent-projects { background-color: #f3f3f3; }

.s-recent-projects .l-generic_text-media { border-bottom: 1px solid #1d1b1b; padding-top: 30px; padding-bottom: 30px; }

@media screen and (min-width: 1024px) { .s-recent-projects .l-generic_text-media { padding-top: 80px; padding-bottom: 80px; } }

.s-recent-projects .l-generic_text-media:last-of-type { border-bottom: none; padding-bottom: 0; }

/* ==========================================================================
	Equipment Support
========================================================================== */
.s-equipment-support { background-color: #f3f3f3; }

.s-equipment-support h2 { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { .s-equipment-support h2 { margin-bottom: 50px; } }

/* ==========================================================================
 	Equipment Details
========================================================================== */
.s-equipment-details_info { text-align: left !important; /* Shame */ }

.s-equipment-details h3 { margin-top: 40px; }

.s-equipment-details_media { margin-left: auto; margin-right: auto; max-width: 620px; }

.s-equipment-details .woocommerce-product-gallery .flex-viewport, .s-equipment-details .woocommerce-product-gallery .flex-control-thumbs li { border: 1px solid #282b2e; }

.s-equipment-details .s-equipment_photo-link { border: 1px solid #282b2e; display: block; }

.s-equipment-details .s-equipment_thumbnails { margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.s-equipment-details .s-equipment_thumbnail-link { border: 1px solid #282b2e; display: inline-block; }

@media screen and (max-width: 767px) { .s-equipment-details .s-equipment_thumbnail-link { width: 31%; } }

.s-equipment-details_action { margin-top: 30px; }

@media screen and (min-width: 768px) { .s-equipment-details_action { margin-top: 50px; }
  .s-equipment-details_action .btn a.vc_btn3.vc_btn3-style-custom { font-size: 15px; padding-left: 12px; padding-right: 12px; }
  .s-equipment-details_action .btn.vc_btn3.vc_btn3-style-custom.btn--has-icon { padding-left: 65px; }
  .s-equipment-details_action .btn { display: inline-block; } }

@media screen and (max-width: 600px) { .s-equipment-details_action .btn-primary { margin-top: 10px; } }

@media screen and (min-width: 1024px) { .s-equipment-details_action { text-align: right; }
  .s-equipment-details_action .btn-primary { margin-left: 15px; } }

/* ==========================================================================
	Applicable Waste
========================================================================== */
.s-applicable-waste { background-color: #f3f3f3; }

.s-applicable-waste .m-items_list { margin-top: 50px; }

@media screen and (min-width: 1024px) and (max-width: 1365px) { .s-applicable-waste .l-grid-4 .l-grid_item { width: 49.97%; } }

.s-applicable-waste .o-item_image { max-width: 100%; }

.s-applicable-waste .o-item_name { margin-bottom: 0; margin-top: 5px; font-size: 20px; }

@media screen and (min-width: 1366px) { .s-applicable-waste .o-item_name { font-size: 24px; } }

.s-applicable-waste .o-item_description { display: none; }

.s-applicable-waste .owl-carousel { margin-top: 30px; margin-bottom: 30px; }

@media screen and (min-width: 1024px) { .s-applicable-waste .owl-carousel { margin-top: 50px; margin-bottom: 50px; } }

.s-applicable-waste .owl-carousel .owl-nav .owl-prev, .s-applicable-waste .owl-carousel .owl-nav .owl-next { margin-top: -5px; width: 40px; }

.s-applicable-waste .owl-carousel .owl-nav .owl-prev .fa, .s-applicable-waste .owl-carousel .owl-nav .owl-next .fa { opacity: 0.5; -webkit-transition: opacity 250ms ease; -o-transition: opacity 250ms ease; transition: opacity 250ms ease; }

.s-applicable-waste .owl-carousel .owl-nav .owl-prev:hover .fa, .s-applicable-waste .owl-carousel .owl-nav .owl-next:hover .fa { opacity: 1; }

@media screen and (min-width: 1366px) { .s-applicable-waste .owl-carousel .owl-nav .owl-prev { left: -50px; } }

@media screen and (min-width: 1366px) { .s-applicable-waste .owl-carousel .owl-nav .owl-next { right: -50px; } }

/* ==========================================================================
	Technical Specifications
========================================================================== */
.s-technical-specifications .boundary::after { clear: both; content: ''; display: table; }

@media screen and (min-width: 1024px) { .s-technical-specifications .boundary h2 { margin-bottom: 50px; } }

.s-technical-specifications .boundary .iframe-holder { display: none; }

@media screen and (min-width: 1024px) { .s-technical-specifications .tables-holder { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media screen and (min-width: 1024px) { .s-technical-specifications .tables-holder .table-dimensions { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 40px; } }

@media screen and (min-width: 1024px) { .s-technical-specifications .tables-holder .table-performance { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 40px; } }

@media screen and (min-width: 1024px) { .s-technical-specifications .tables-holder .specs { float: none; margin-right: 0; width: 100%; } }

.s-technical-specifications_action { clear: both; margin-top: 40px; text-align: right; }

/* ==========================================================================
	Enquiry Lightbox
========================================================================== */
.s-cta.enquiry.lightbox { max-width: 800px; padding: 20px; }

.s-cta.enquiry.lightbox .boundary { padding-left: 0; padding-right: 0; }

.s-cta.enquiry.lightbox .o-product-mini { max-width: 575px; }

/* ==========================================================================
	Featured Pages
========================================================================== */
.s-featured-pages .vc_custom_heading { margin-bottom: 30px; }

@media screen and (min-width: 1024px) { .s-featured-pages .vc_custom_heading { margin-bottom: 50px; } }

/* ==========================================================================
 	Waste
========================================================================== */
.s-waste .vc_gitem-zone { padding: 20px; }

.s-waste .vc_gitem-zone::before { content: ""; display: block; position: absolute; background-color: transparent; height: 100%; width: 100%; top: 0; left: 0; }

.s-waste .vc_gitem-zone .vc_gitem-col { padding: 0; }

.s-waste .vc_gitem-zone .vc_gitem-col .vc_custom_heading.o-category_name { padding: 0 !important; }

.s-waste .vc_gitem-zone .vc_gitem-col .vc_custom_heading.o-category_name h3 { background-color: #034ea2; }

.s-waste .vc_gitem-zone:hover::before { background-color: rgba(255, 255, 255, 0.3); }

.s-waste .vc_gitem-zone:hover .vc_custom_heading.o-category_name h3 { background-color: #31a434; color: #ffffff; }

/* ==========================================================================
 	Industries
========================================================================== */
.s-industries .vc_gitem-zone { padding: 20px; }

.s-industries .vc_gitem-zone::before { content: ""; display: block; position: absolute; background-color: transparent; height: 100%; width: 100%; top: 0; left: 0; }

.s-industries .vc_gitem-zone .vc_gitem-col { padding: 0; }

.s-industries .vc_gitem-zone .vc_gitem-col .vc_custom_heading.o-category_name { padding: 0 !important; }

.s-industries .vc_gitem-zone .vc_gitem-col .vc_custom_heading.o-category_name h3 { background-color: #034ea2; }

.s-industries .vc_gitem-zone:hover::before { background-color: rgba(255, 255, 255, 0.3); }

.s-industries .vc_gitem-zone:hover .vc_custom_heading.o-category_name h3 { background-color: #31a434; color: #ffffff; }

/* ==========================================================================
	History
========================================================================== */
.s-history h2 { margin-bottom: 30px; }

.s-history_action { margin-top: 30px; }

@media screen and (min-width: 1024px) { .s-history h2 { margin-bottom: 50px; }
  .s-history_action { margin-top: 50px; } }

/* ==========================================================================
	CALCULATOR
========================================================================== */
.s-calculator { background-color: #f3f3f3; }

/* ==========================================================================
  QUICK LINKS
========================================================================== */
.s-quicklinks { background-color: #f3f3f3; border-bottom: 1px solid #d3d3d3; padding-top: 20px; padding-bottom: 20px; }

.s-quicklinks_title { display: inline-block; font-family: "Akrobat", Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; }

@media screen and (min-width: 1366px) { .s-quicklinks_title { font-size: 18px; } }

/* ==========================================================================
	Homepage
========================================================================== */
.page-home .s-hero { background-image: none; }

.page-home .s-hero .boundary { padding-top: 30px; padding-bottom: 30px; }

.page-home .s-hero_info { background-color: rgba(29, 27, 27, 0.7); border-top: 5px solid #034ea2; padding: 30px; }

.page-home .s-hero .flexslider { overflow: hidden; }

@media screen and (max-width: 600px) { .page-home .s-hero .wpb_gallery .wpb_gallery_slides > ul.slides > li { background-position: center bottom; }
  .page-home .s-hero_info { padding: 20px; margin-bottom: 200px; }
  .page-home .s-hero_info h1 { font-size: 32px; margin-bottom: 10px; }
  .page-home .s-hero_info .s-hero_action { margin-top: 15px; }
  .page-home .s-hero_info .vc_btn3-container { margin-bottom: 0; } }

@media screen and (min-width: 1024px) { .page-home .s-hero .boundary { padding-top: 50px; padding-bottom: 50px; }
  .page-home .s-hero_info { max-width: 550px; }
  .page-home .s-hero_info h1 { margin-bottom: 20px; } }

@media screen and (min-width: 1366px) { .page-home .s-hero .flexslider .slides > li { background-color: #034ea2; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
  .page-home .s-hero .boundary { padding-top: 150px; padding-bottom: 215px; }
  .page-home .s-hero_info { border-top-width: 9px; }
  .page-home .s-hero_blurb { font-size: 18px; }
  .page-home .s-hero_action { position: relative; left: 0; bottom: 0; } }

.page-home .s-equipment .m-equipment_list { list-style-type: none; padding-left: 0; }

@media screen and (min-width: 768px) { .page-home .s-equipment .m-equipment_list { margin-top: 50px; } }

@media screen and (min-width: 1366px) { .page-home .s-equipment .m-equipment_list { margin-top: 70px; } }

/* ==========================================================================
	About Us
========================================================================== */
.page-about-us .s-hero.vc_section.vc_section-has-fill + section.s-accreditations { padding-bottom: 0; }

@media screen and (min-width: 1600px) { .page-about-us .s-history { margin-bottom: 50px; } }

.page-about-us .s-gallery { padding-top: 0; padding-bottom: 0; }

.page-about-us .s-gallery figure { margin: 0; }

.page-about-us .s-gallery figure figcaption { padding-top: 10px; }

@media screen and (min-width: 1024px) { .page-about-us .s-gallery figure figcaption { text-align: left; padding: 20px; } }

.page-about-us .s-tagline { padding-top: 0; }

/* ==========================================================================
	Equipment Listing
========================================================================== */
.page-equipment-listing .m-sub-category_products .m-product_list { margin-bottom: 0; }

@media screen and (min-width: 1024px) { .page-equipment-listing .m-sub-category_products .m-product_list { margin-top: 0; margin-left: -15px; }
  .page-equipment-listing .m-sub-category_products .m-product_list-item { padding-left: 15px; width: 33.33%; }
  .page-equipment-listing .m-sub-category_products .m-product_list .o-product_description { line-height: 20px; } }

/* ==========================================================================
  Woocommerce Landing Pages (eg. Vertical Balers)
========================================================================== */
.woocommerce-page .s-hero_action .btn + .btn { margin-top: 15px; }

.woocommerce-page .s-hero_action .btn + .btn a:hover { border-color: #31a434; }

/* ==========================================================================
	Projects
========================================================================== */
.page-projects .l-generic_text-media, .page-projects .l-generic_text-media.vc_gitem-zone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.page-projects .l-generic_text-media .page-projects .l-generic_text, .page-projects .l-generic_text-media.vc_gitem-zone .page-projects .l-generic_text { margin-bottom: 0; }

.page-projects .l-generic_block, .page-projects .l-generic_text, .page-projects .l-generic_media, .page-projects .l-generic_text.vc_gitem-col, .page-projects .l-generic_media.vc_gitem-col { text-align: center; margin-bottom: 40px; }

@media screen and (min-width: 1024px) { .page-projects .l-generic { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .page-projects .l-generic_block, .page-projects .l-generic_text, .page-projects .l-generic_media, .page-projects .l-generic_text.vc_gitem-col, .page-projects .l-generic_media.vc_gitem-col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: left; margin-bottom: 0; }
  .page-projects .l-generic_block { padding-right: 20px; }
  .page-projects .l-generic_block:last-child { padding-left: 20px; padding-right: 0; }
  .page-projects .l-generic_text, .page-projects .l-generic_text.vc_gitem-col { padding-right: 40px; }
  .page-projects .l-generic_text:last-child, .page-projects .l-generic_text.vc_gitem-col:last-child { padding-left: 40px; padding-right: 0; }
  .page-projects .l-generic_text-media, .page-projects .l-generic_text.vc_gitem-col-media { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .page-projects .l-generic--reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .page-projects .l-generic--reversed .page-projects .l-generic_text { padding-right: 0; padding-left: 50px; } }

@media screen and (min-width: 1366px) { .page-projects .m-items_list { margin-left: -60px; }
  .page-projects .m-items_list-item { padding-left: 60px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) { .page-projects .l-generic_text-media.vc_gitem-zone .l-generic_text { text-align: left; padding-right: 40px; } }

/* ==========================================================================
	Contact Us
========================================================================== */
.page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common { padding-bottom: 0; }

.page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_details { text-align: left; }

@media screen and (min-width: 1600px) { .page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_details { margin-top: 30px; } }

.page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_detail { margin-top: 15px; text-align: left; }

.page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_detail a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; color: #1d1b1b; font-family: "Akrobat", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; text-decoration: none; }

@media screen and (min-width: 1600px) { .page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_detail a { font-size: 24px; } }

.page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_detail a i { display: none; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; }

.page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_detail a span { text-transform: none; }

.page-contact-us .s-hero.vc_section.vc_section-has-fill + section.s-common .company-info_detail.icon-span { margin-left: 0; }

.page-contact-us .l-generic_text { text-align: left; }

@media screen and (min-width: 1600px) { .page-contact-us .l-generic_media { padding-left: 80px; } }

.page-contact-us .field-holder input[type="color"], .page-contact-us .field-holder input[type="date"], .page-contact-us .field-holder input[type="datetime"], .page-contact-us .field-holder input[type="datetime-local"], .page-contact-us .field-holder input[type="email"], .page-contact-us .field-holder input[type="month"], .page-contact-us .field-holder input[type="number"], .page-contact-us .field-holder input[type="password"], .page-contact-us .field-holder input[type="search"], .page-contact-us .field-holder input[type="tel"], .page-contact-us .field-holder input[type="text"], .page-contact-us .field-holder input[type="time"], .page-contact-us .field-holder input[type="url"], .page-contact-us .field-holder input[type="week"], .page-contact-us .field-holder input:not([type]), .page-contact-us .field-holder textarea { border: 1px solid #8c9299; }

@media screen and (min-width: 768px) { .page-contact-us .map { margin-top: 50px; } }

@media screen and (min-width: 1024px) { .page-contact-us .map { margin-top: 70px; } }

/* ==========================================================================
	Your Waste Detail
========================================================================== */
@media screen and (min-width: 1600px) { .s-common { margin-bottom: 50px; } }

/* ==========================================================================
	Support
========================================================================== */
.page-support .s-hero_action .o-hotline { color: #ffffff; display: inline-block; text-align: right; }

.page-support .s-hero_action .o-hotline a { color: inherit; }

.page-support .s-hero_action .o-hotline a:hover { color: #31a434; }

.page-support .s-hero_action .o-hotline .wi-icon { margin-top: -40px; }

.page-support .s-hero_action .o-hotline .wi-icon + span { display: inline-block; line-height: 24px; margin-left: 15px; text-align: left; }

.page-support .s-hero_action .o-hotline .wi-icon + span em { display: block; font-style: normal; font-weight: bold; }

.page-support .s-hero_action .o-hotline .wi-icon + span b { display: block; font-size: 30px; font-weight: normal; letter-spacing: -1px; }

@media screen and (min-width: 768px) { .page-support .s-hero_action .o-hotline .wi-icon + span b { font-size: 42px; letter-spacing: -2px; line-height: 42px; } }

.page-support .s-hero_action .o-hotline a:last-child { display: block; }

@media screen and (min-width: 768px) { .page-support .s-hero_action .o-hotline a:last-child { font-size: 24px; margin-top: 5px; } }

/* ==========================================================================
  Single Post - News
========================================================================== */
.single-post .s-common h3 { font-size: 20px; margin-top: 20px; text-transform: none; }

/* ==========================================================================
	GLOBAL
========================================================================== */
.site-wrapper { max-width: 1920px; margin-left: auto; margin-right: auto; overflow: hidden; }

main { background-color: #ffffff; }

section, .s-hero.vc_section.vc_section-has-fill + section { padding: 50px 0; }

@media screen and (min-width: 1366px) { section, .s-hero.vc_section.vc_section-has-fill + section { padding-top: 100px; padding-bottom: 100px; } }

.boundary { padding-left: 20px; padding-right: 20px; position: relative; }

@media screen and (min-width: 1024px) { .boundary { max-width: 1200px; } }

@media screen and (min-width: 1366px) { .boundary { padding-left: 0; padding-right: 0; } }

/* ==========================================================================
	GENERIC LAYOUT (split, media-text, media-split, text-media, text-split)
========================================================================== */
.l-generic_text-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.l-generic_text-media .l-generic_text { margin-bottom: 0; }

.l-generic_block, .l-generic_text, .l-generic_media { text-align: center; margin-bottom: 40px; }

@media screen and (min-width: 768px) and (max-width: 1023px) { .l-generic_text { text-align: left; } }

@media screen and (min-width: 1024px) { .l-generic { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .l-generic_block, .l-generic_text, .l-generic_media { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: left; margin-bottom: 0; }
  .l-generic_block { padding-right: 20px; }
  .l-generic_block:last-child { padding-left: 20px; padding-right: 0; }
  .l-generic_text { padding-right: 40px; }
  .l-generic_text:last-child { padding-left: 40px; padding-right: 0; }
  .l-generic_text-media { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .l-generic--reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .l-generic--reversed .l-generic_text { padding-right: 0; padding-left: 50px; } }

/* ==========================================================================
	WI Custom -  Uneven Split, Thirds
========================================================================== */
@media screen and (min-width: 1024px) { .l-35x65 > div:first-child, .l-35x65 > .l-generic_text { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; }
  .l-35x65 > div:last-child, .l-35x65 > .l-generic_text + .l-generic_text { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; } }

@media screen and (min-width: 1600px) { .l-thirds { position: relative; word-spacing: -4px; }
  .l-thirds .l-text { display: inline-block; padding-right: 3%; vertical-align: top; word-spacing: normal; width: 37%; }
  .l-thirds .l-media { -webkit-box-shadow: -20px 20px 0 #034ea2; box-shadow: -20px 20px 0 #034ea2; position: absolute; right: -350px; top: 0; width: 580px; }
  .l-thirds .l-media figure.wpb_wrapper.vc_figure { margin-top: 0; } }

/* ==========================================================================
	GRIDS (3, 4, 5)
========================================================================== */
.l-grid_item { display: inline-block; vertical-align: top; }

@media screen and (min-width: 600px) { .l-grid { word-spacing: -4px; }
  .l-grid_item { word-spacing: normal; }
  .l-grid-4 .l-grid_item, .l-grid-5 .l-grid_item { width: 49.97%; } }

@media screen and (min-width: 768px) { .l-grid-2 .l-grid_item, .l-grid-2 .product, .l-grid-3 .l-grid_item, .l-grid-3 .product, .l-grid .woocommerce.columns-3 .l-grid_item, .l-grid .woocommerce.columns-3 .product { width: 49.97%; }
  .l-grid-5 .l-grid_item { width: 33.3%; } }

@media screen and (min-width: 1024px) { .l-grid-4 .l-grid_item, .l-grid-5 .l-grid_item { width: 24.7%; } }

@media screen and (min-width: 1200px) { .l-grid-3 .l-grid_item, .l-grid-3 .product, .l-grid .woocommerce.columns-3 .l-grid_item, .l-grid .woocommerce.columns-3 .product { width: 33.3%; }
  .l-grid-4 .l-grid_item { width: 24.7%; }
  .l-grid-5 .l-grid_item { width: 19.7%; } }

/* ==========================================================================
  Clear Margins and Paddings
========================================================================== */
form fieldset { margin: 0; padding: 0; }

/* ==========================================================================
  List: Clear
========================================================================== */
.list-clear, .ul-styled, .ol-styled, ul[class$="menu"] { list-style-type: none; margin-top: 0; margin-bottom: 0; padding-left: 0; }

/* ==========================================================================
  List: Inline block
========================================================================== */
@media screen and (min-width: 1024px) { ul[class$="menu"] { word-spacing: -4px; }
  ul[class$="menu"] li { display: inline-block; word-spacing: normal; } }

/* ==========================================================================
  Center (margin's left + right = auto)
========================================================================== */
.boundary { margin-left: auto; margin-right: auto; }

/* ==========================================================================
  Box Shadow
========================================================================== */
.box-shadow { -webkit-box-shadow: 7px 7px 0px 0px #034ea2; box-shadow: 7px 7px 0px 0px #034ea2; }

/* ==========================================================================
  Clear IOS Form styling
========================================================================== */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select { border-radius: 0; -webkit-appearance: none; }

/* ==========================================================================
  Selective display based on Viewport
========================================================================== */
/* ==========================================================================
	MISCELLANEOUS
========================================================================== */
/* ==========================================================================
	MENU TOGGLE + DISPLAY
========================================================================== */
#menu-toggle { display: none; }

@media screen and (max-width: 1023px) { #menu-toggle { display: block; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; z-index: 999; padding-bottom: 0; border-bottom: none; }
  #menu-toggle span, #menu-toggle span::before, #menu-toggle span::after { display: inline-block; background-color: #ffffff; width: 25px; height: 3px; }
  #menu-toggle span { position: relative; top: -5px; }
  #menu-toggle span::before, #menu-toggle span::after { content: ""; display: block; position: absolute; }
  #menu-toggle span::before { top: -7px; }
  #menu-toggle span::after { bottom: -7px; }
  #menu-toggle b { color: #ffffff; display: inline-block; font-family: "Akrobat", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 800; margin-left: 5px; text-transform: uppercase; } }

@media screen and (max-width: 1023px) and (max-width: 400px) { #menu-toggle b { display: none; } }

@media screen and (max-width: 1023px) { #menu-toggle.active span { visibility: hidden; }
  #menu-toggle.active span::before, #menu-toggle.active span::after { visibility: visible; top: 0; -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
  #menu-toggle.active span::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  #menu-toggle.active span::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .site-header_menu { background-color: #ffffff; display: block; position: absolute; top: 55px; left: 0; opacity: 0; -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); transform: translateX(-100vw); -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 100%; z-index: -1; }
  .site-header_menu.fade-in { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } }

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