/*
Theme Name: Solidor Theme
Author: JKE Web Design
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solidor-theme
Domain Path: /languages/
Requires at least: 5.0
Requires PHP: 8.2
*/
/* --------------------------------------------------------------
Reset
-------------------------------------------------------------- */
/* stylelint-disable selector-list-comma-newline-after  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	/* stylelint-disable max-line-length */
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* stylelint-enable selector-list-comma-newline-after */
html {
scroll-behavior: smooth;
overflow-y: scroll;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
overflow-x: hidden;
margin: 0 auto;
background: #fff;
word-wrap: break-word;
}

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

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

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: 300;
	text-align: left;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}
a {
color: inherit;
}
a:hover,
a:active {
text-decoration: underline;
outline: 0;
}
a img {
	border: 0;
}
ul {
list-style-type: disc;
list-style-position: inside;
margin: 10px 0 20px 0;
padding: 0;
text-align: left;
}
ul li {
color: inherit;
font-size: 1.1em;
line-height: 1.5em; 
padding: 0;
margin-bottom: 10px;
margin-left: 2.0em;
text-indent: -1.2em;
}

@charset "UTF-8";
/*
	Main
*/
/*
	Settings
*/
/* Mono */
/* Colour */
/* Brand */
/* Social */
/* Tint */
/* Spacing */
/* Transition */
/* Type */
/* Forms */
/* Tables */
/* Buttons */
/* Borders */
/* Grid */
/* Options */
/*
	Reset
*/
/*html,body{
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;
}*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	outline: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
p + p { 
margin-top: 0.5em;
}
strong {
font-weight: bold;
}

/*================================*/
/*          Colours               */
/*                                */
/*     Green:       #053305       */
/*     Light Green: #9ee870       */
/*                                */
/*================================*/

/*===== Main Styles =====*/
body {
background-color: #ffffff;
font-family: "DM Sans", serif;
color: #545454;
margin: 0;
padding: 0;
line-height: 1;
}

#header {
position: fixed;
top: 0;
background: #ffffff;
border-bottom: 1px solid #053305;
width: 100%;
height: 60px;
z-index: 999;
}

.header-trust-wrapper {
position: absolute;
left: 0;
right: 0;
height: 60px;
padding: 18px 0 0;
margin: 0 auto;
z-index: 99;
}

#main-banner {
position: relative;
width: 100%;
height: 600px;
padding: 0;
margin: 0;
overflow: hidden;
}

#header-logo {
position: absolute;
top: 0;
left: 0;
height: 59px;
z-index: 100;
}

#child-banner {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}

#product-banner {
position: relative;
width: 100%;
height: 375px;
padding: 0;
margin: 0;
overflow: hidden;
}

.flexslider .slides > li {
height: 600px;
text-indent: unset;
}

ul.slides li.flex-active-slide {
height: 600px;
}

#banner-content {
position: absolute;
top: 20%;
left: 80px;
padding: 0 120px 0 0;
}

#child-banner-content {
position: relative;
top: 10%;
left: 0;
padding: 0 80px 0 0;
}

#product-banner-content {
position: absolute;
top: 30%;
left: 80px;
}

#banner {
position: relative;
background: url("images/placeholder-banner.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 350px;
}

#banner-logo {
position: absolute;
top: 36%;
right: -73px;
background: url("images/solidor-logo.jpg");
width: 146px;
height: 126px;
}

.content-area {
position: relative;
top: 60px;
/*margin: 0 0 150px 0;*/
margin: 0;
}

.short-banner {
padding: 25px 0 0;
}

#trustpilot-banner {
display: none;
background: #ffffff;
position: fixed;
top: 60px;
width: 100%;
height: 50px;
padding: 15px 0 0;
z-index: 100;
}

.main-content {
position: relative;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}

.main-top-content {
position: relative;
width: 100%;
padding: 0 0 80px 0;
margin: 0;
}

.main-content.black {
background: #242424;
background: url("images/integrate-icon-03.png") no-repeat scroll left 40px top -60px, url("images/integrate-icon-04.png") no-repeat scroll right 40px bottom 100px #242424;
}

.main-content.grey {
background: #e5e8e8;
}

.main-content.grey p {
color: #111111;
}

.main-content.mint {
background: #9ee870;
}

.main-content.green {
background: #85a400;
padding: 40px 0;
margin: 0 0 25px 0;
}

.choose-header {
padding: 20px 0;
margin: 0;
}

.choose-text {
padding: 0 0 20px;
margin: 0;
}

.column-details {
width: 100%;
height: 130px;
margin: 0;
padding: 20px;
}

.bestsellers-details {
width: 100%;
min-height: 150px;
margin: 0;
padding: 20px;
}

.campaign-details {
display: flex;
align-items: center;
background-color: #053305;
width: 100%;
min-height: 155px;
margin: 0;
padding: 20px;
}

.campaign-details a.button {
margin: 0 auto;	
}

.flex-blog-wrapper {
display: flex;
flex-flow: row wrap;
align-items: stretch;
align-content: flex-start;
}

.blog-text-wrapper {
width: 100%;
max-width: 70%;
margin: 0 auto;
padding: 0;
}

.blog-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 400px;
}

.blog-header {
background: #e5e8e8;
padding: 10px 20px 20px;
margin: 0;
}

.blog-text {
background: #e5e8e8;
min-height: 125px;
padding: 0 20px 20px;
margin: 0;
}

.blog-details {
width: 100%;
margin: 0;
padding: 10px 20px;
}

.column-header {
padding: 20px 0;
margin: 0;
}

.header-bar {
position: relative;
width: 100%;
padding: 40px 80px;
margin: 0;
}

.text-container {
padding: 0;
margin: 0;
}

.text-overlay {
position: absolute;
top: 20px;
left: 20px;
width: 90%;
text-align: left;
}

#navbar {
height: 100px;
width: 100%;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 0;
margin: 0;
overflow: visible;
z-index: 100;
}

.sticky {
position: fixed;
top: 60px;
}

.sticky-placeholder {
flex-shrink: 0;
}

#footer {
position: relative;
background: #9ee870;
width: 100%;
padding: 0;
margin: 0;
}

#baseline {
position: relative;
background: #053305;
width: 100%;
padding: 0;
margin: 0;
}

/*===== Wrappers =====*/
#header-wrapper {
position: relative;
width: 100%;
max-width: 1600px;
height: 100%;
padding: 10px;
margin: 0 auto;
}

#banner-wrapper {
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
width: 100%;
height: 100%;
padding: 0;
margin: 0 auto;
}

#banner-button-wrapper {
padding: 80px 0 0;
margin: 0;
}

#banner-button-short-wrapper {
padding: 40px 0 0;
margin: 0;
}

#content-block-button-wrapper {
padding: 80px 0 0;
margin: 0;
}

#banner-trust-wrapper {
display: flex;
justify-content: start;
align-items: center;
padding: 40px 0 0;
margin: 0;
}

.brochure-button-wrapper {
position: relative;
padding: 80px 0 0;
}

.fai-button-wrapper {
position: relative;
padding: 40px 0 0;
}

.main-content-wrapper {
position: relative;
width: 100%;
max-width: 1775px;
margin: 0 auto;
padding: 80px 10px;
overflow: hidden;
}

.main-content-short-wrapper {
position: relative;
width: 100%;
max-width: 1775px;
margin: 0 auto;
padding: 40px 10px;
overflow: hidden;
}

.main-content-top-wrapper {
position: relative;
width: 100%;
max-width: 1775px;
margin: 0 auto;
padding: 0 10px 80px 10px;
overflow: hidden;
}

.main-content-mid-wrapper {
position: relative;
width: 100%;
max-width: 1775px;
margin: 0 auto;
padding: 60px 10px;
overflow: hidden;
}

.header-wrapper {
position: relative;
height: 108px;
z-index: 999;
}

.logo-wrapper {
position: fixed;
top: 0;
left: 50px;
background: #85a400;
display: block;
width: 126px;
z-index: 9999;
}

.logo-wrapper a img {
display: block;
margin: 0 auto;
}

#navbar-wrapper {
position: relative;
width: 100%;
max-width: 1775px;
margin: 0 auto;
}

.flex-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-home-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-homesub-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-product-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-wrap-wrapper {
display: flex;
flex-flow: row wrap;
align-items: stretch;
align-content: center;
}

.flex-two-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-three-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-four-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-five-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-five-wrapper.bestsellers {
margin: 0;
padding: 0;
}

.best-sellers-wrapper {
display: none;	
}

.flex-choose-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.column-button-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
height: 100%;
}

.column-std-button-wrapper {
position: absolute;
bottom: 80px;
left: 80px;
}

.column-image-wrapper {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
width: 100%;
padding: 0;
margin: 0;
}

.bestsellers-image-wrapper {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 275px;
width: 100%;
padding: 0;
margin: 0;
}

.campaign-promo-wrapper {
display: flex;
align-items: center;
background-color: #9ee870;
height: 275px;
width: 100%;
padding: 40px;
margin: 0;
}

.content-block-wrapper {
background-repeat: no-repeat;
width: 100%;
min-height: 600px;
padding: 80px;
margin: 0;
}

.content-block-wrapper.rightimg {
background-position: bottom right;
}

.content-block-wrapper.leftimg {
background-position: bottom left;
}

.sup-tab-wrapper {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}

.sup-tab-item {
position: relative;
order: 1;
flex-grow: 1;
background: transparent;
padding: 10px 0 5px 0;
margin: 0 60px;
text-align: center;
z-index: 1;
}

.sup-tab-item:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleY(0);
transform-origin: bottom center;
background: #ffffff;
z-index: -1;
transition: transform 0.3s;	
}

.installer-enquiry-wrapper {
padding: 0;
margin: 0;
min-height: 650px;
}

#footer-wrapper {
position: relative;
width: 100%;
max-width: 1775px;
margin: 0 auto;
padding: 120px 10px 80px 10px;
overflow: hidden;
}

#baseline-wrapper {
position: relative;
width: 100%;
max-width: 1775px;
margin: 0 auto;
padding: 20px 10px;
overflow: hidden;
}

#baseline-flex-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: center;
}

/*===== Columns =====*/
.main-banner-01 {
position: relative;
order: 1;
background-color: #053305;
width: 60%;
padding: 40px;
margin: 0;
z-index: 20;
}

.main-banner-02 {
position: relative;
order: 2;
background-color: #ffffff;
width: 40%;
padding: 0;
margin: 0;
z-index: 10;
}

.main-banner-404 {
position: relative;
order: 2;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 40%;
height: 100%;
padding: 0;
margin: 0;
z-index: 10;
}

.child-banner-01 {
position: relative;
order: 1;
width: 50%;
padding: 80px;
margin: 0;
z-index: 20;	
}

.child-banner-02 {
position: relative;
order: 2;
width: 50%;
padding: 0 80px 80px 0;
margin: 0;
z-index: 10;
}

.product-banner-01 {
position: relative;
order: 1;
background-color: #9ee870;
width: 60%;
padding: 40px;
margin: 0;
z-index: 20;
}

.product-banner-02 {
position: relative;
order: 2;
background-color: #ffffff;
width: 40%;
padding: 0;
margin: 0;
z-index: 10;
}

.product-banner-03 {
position: relative;
background-color: #053305;
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
align-items: center;
width: 100%;
padding: 40px 80px;
margin: 0;
z-index: 20;
}

.product-sub-banner-01 {
position: relative;
order: 1;
width: 60%;
padding: 0 0 20px 0;
margin: 0;
text-align: left;
}

.product-sub-banner-02 {
position: relative;
order: 2;
width: 40%;
padding: 0;
margin: 0;
text-align: right;
}

.left-column-50 {
position: relative;
order: 1;
width: 50%;
margin: 0;
padding: 0 80px;
}

.left-column-50.image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.right-column-50 {
position: relative;
order: 2;
width: 50%;
margin: 0;
padding: 0 80px;
}

.right-column-50.image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.left-column-30 {
order: 1;
width: 30%;
margin: 0;
padding: 80px;
}

.right-column-70 {
order: 2;
width: 70%;
margin: 0;
padding: 80px;
}

.left-column-products {
position: relative;
order: 1;
width: 30%;
margin: 0;
padding: 80px;
z-index: 10;
transition: none !important;
}

.right-column-products {
order: 2;
width: 70%;
margin: 0;
padding: 80px;
}

.left-content-column-60 {
position: relative;
order: 1;
width: 60%;
min-height: 600px;
margin: 0;
padding: 80px;	
}

.left-content-column-70 {
position: relative;
order: 1;
width: 70%;
min-height: 600px;
margin: 0;
padding: 80px;	
}

.right-content-column-30 {
order: 2;
width: 30%;
margin: 0;
padding: 0;
}

.right-content-column-30.image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;	
}

.right-content-column-40 {
order: 2;
width: 40%;
margin: 0;
padding: 0;
}

.right-content-column-40.image {
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;	
}

.left-content-column-30 {
position: relative;
order: 1;
width: 30%;
min-height: 600px;
margin: 0;
padding: 0;	
}

.right-content-column-60 {
position: relative;
order: 2;
width: 60%;
min-height: 600px;
margin: 0;
padding: 80px;	
}

.left-content-column-40 {
order: 1;
width: 40%;
margin: 0;
padding: 0;	
}

.left-content-column-40.image {
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;	
}

.right-content-column-70 {
order: 2;
width: 70%;
margin: 0;
padding: 80px;
}

.left-column-40 {
position: relative;
order: 1;
width: 40%;
margin: 0;
padding: 80px;
}

.left-column-40.image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.right-column-60 {
order: 2;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 60%;
min-height: 500px;
margin: 0;
padding: 0;
}

.right-column-60.content {
padding: 0 80px;
}

.left-column-60 {
order: 1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 60%;
min-height: 500px;
margin: 0;
padding: 0;
}

.left-column-60.content {
padding: 0 80px;
}

.right-column-40 {
position: relative;
background-color: #053305;
order: 2;
width: 40%;
margin: 0;
padding: 80px;
}

.right-column-40.image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.left-column-expand-60 {
order: 1;
width: 60%;
margin: 0;
padding: 80px;
}

.right-column-expand-40 {
order: 2;
width: 40%;
margin: 0;
padding: 80px;
}

.left-column-expand-40 {
order: 1;
width: 40%;
margin: 0;
padding: 80px;
}

.right-column-expand-60 {
order: 2;
width: 60%;
margin: 0;
padding: 80px;
}

.left-content-column-50 {
position: relative;
order: 1;
width: 50%;
min-height: 600px;
margin: 0;
padding: 80px;	
}

.left-content-column-50.videocontent {
min-height: auto;	
}

.left-content-column-50.videocolumn {
min-height: auto;
padding: 0;	
}

.left-content-column-50.form {
order: 2;
}

.left-content-column-50.noform {
order: 1;
}

.left-content-column-50.image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;	
}

.right-content-column-50 {
position: relative;
order: 2;
width: 50%;
min-height: 600px;
margin: 0;
padding: 80px;	
}

.right-content-column-50.locationmap {
padding: 0;	
}

.right-content-column-50.videocontent {
min-height: auto;	
}

.right-content-column-50.videocolumn {
min-height: auto;
padding: 0;	
}

.right-content-column-50.form {
order: 2;
}

.right-content-column-50.noform {
order: 1;
}

.right-content-column-50.image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;	
}

.two-column {
position: relative;
order: 1;
width: 50%;
padding: 0;
margin: 0;
}

.two-column.fixedrgt {
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
min-height: 650px;
}

.two-column.fixedlft {
background-position: center right;
background-repeat: no-repeat;
background-size: cover;
min-height: 650px;
}

.two-column.homepg {
width: 50%;
}

.two-column.homesub {
width: 50%;
}

.two-column.stdbg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 650px;
}

.two-column.bgrgtbtm {
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 650px;
}

.three-column {
position: relative;
order: 1;
width: 33.333%;
padding: 0;
margin: 0;
}

.four-column {
position: relative;
order: 1;
width: 25%;
padding: 0;
margin: 0;
}

.four-column.sub {
width: 25%;
}

.four-column-inner.swatch {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 200px;
margin: 5px;
}

.five-column {
position: relative;
order: 1;
width: 20%;
padding: 0;
margin: 0;
}

.six-column {
position: relative;
order: 1;
width: 16.666%;
padding: 0;
margin: 0;
}

.promo-column {
width: 20%;
}

.inner-column {
height: 100%;
padding: 80px;
margin: 0;
}

.inner-column-two {
padding: 20px;
margin: 0;
}

.inner-column-three {
padding: 20px;
margin: 0;
}

.inner-column-four {
padding: 20px;
margin: 0;
}

.inner-column-five {
padding: 20px;
margin: 0;
}

.inner-column-six {
padding: 20px;
margin: 0;
}

.inner-column-plain {
padding: 20px;
margin: 0;
}

.inner-column-home {
height: 100%;
padding: 80px;
margin: 0;
}

.column-button {
position: absolute;
bottom: 0;
background: #053305;
width: 100%;
height: 200px;
}

#footer-column-01 {
display: block;
float: left;
width: 31%;
padding: 0 75px 0 0;
margin: 0;
}

#footer-column-02 {
display: block;
float: left;
width: 23%;
padding: 0;
margin: 0;
}

#footer-column-03 {
display: block;
float: left;
width: 23%;
padding: 0;
margin: 0;
}

#footer-column-04 {
display: block;
float: left;
width: 23%;
padding: 0;
margin: 0;
}

#baseline-column-01 {
order: 1;
}

#baseline-column-02 {
order: 2;
flex-grow: 4;
}

/*===== Galleries =====*/
.flex-home-gallery-wrapper {
display: flex;
flex-flow: row wrap;
align-items: stretch;
margin: 0;
padding: 0;
}

.home-gallery-full-wrapper {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: 5px solid #ffffff;
width: 100%;
height: 760px;
padding: 0;
margin: 0;
}

.home-gallery-half-wrapper {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: 5px solid #ffffff;
width: 100%;
height: 380px;
padding: 0;
margin: 0;
}

.gallery-column {
display: block;
float: left;
width: 25%;
padding: 10px;
margin: 0;
}

.main-gallery-wrapper {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 375px;
padding: 5px;
margin: 0;
}

a.maingallery:link, a.maingallery:visited, a.maingallery:active {
text-decoration: none;
}

a.columngallery:link, a.columngallery:visited, a.columngallery:active {
text-decoration: none;
}

.gallery-six-column {
display: block;
float: left;
width: 16.666%;
padding: 10px;
margin: 0;
}

.six-gallery-wrapper {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 300px;
padding: 5px;
margin: 0;
}

/*===== Sections =====*/
section {
padding: 40px 0 0;
margin: 0;
overflow: hidden;
}

section.small {
padding: 10px 0 0;
margin: 0;
overflow: hidden;
}

section.short {
padding: 20px 0 0;
margin: 0;
overflow: hidden;
}

section.large {
padding: 80px 0 0;
margin: 0;
overflow: hidden;
}

section.lower {
padding: 0 0 40px 0;
margin: 0;
overflow: hidden;
}

section.sub {
padding: 0 0 20px 0;
margin: 0;
overflow: hidden;
}

section.subsmall {
padding: 0 0 10px 0;
margin: 0;
overflow: hidden;
}

section.testimonial-block {
padding: 0;
margin: 0;
}

/*===== Menus =====*/
.menu-bar {
padding-right: 1.25em;
position: relative;
cursor: pointer;
width: 50px;
height: 2px;
background-color: #1a1a1a;
margin: 9px 0;
}

.nav-bars {
display: block;
position: absolute;
top: 9px;
left: 85px;
padding: 0;
cursor: pointer;
z-index: 999;
}

.nav-bars span {
font-size: 30px;
cursor: pointer;
}

.menu-bar {
padding-right: 1.25em;
position: relative;
cursor: pointer;
width: 50px;
height: 2px;
background-color: #1a1a1a;
margin: 9px 0;
}

.nav-bars-mobile {
display: none;
position: absolute;
top: 9px;
left: 85px;
padding: 0;
cursor: pointer;
z-index: 99;
}

.nav-bars-mobile span {
font-size: 30px;
cursor: pointer;
}

.overlay {
height: 0;
width: 100%;
position: fixed;
z-index: 1;
top: 60px;
left: 0;
background-color: #9ee870;
overflow-x: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 99999999;
}

.overlay-content {
position: relative;
border-bottom: 5px solid #053305;
width: 100%;
margin: 0;
padding: 40px 0 80px;
}

.overlay .closebtn {
position: absolute;
color: #053305;
font-family: "oswald", serif;
font-weight: 400;
top: -10px;
right: 20px;
font-size: 75px;
text-decoration: none;
z-index: 100;
}

.mobile-closebtn {
position: absolute;
color: #053305 !important;
font-family: "oswald", serif;
font-weight: 400;
top: -10px;
right: 20px;
font-size: 75px !important;
text-decoration: none !important;
z-index: 100;
}

ul.over-menu {
width: 27%;
border-right: 2px solid #053305;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.over-menu li {
font-size: 1em;
text-indent: unset;
}

.over-menu li a {
display: block;
color: #053305;
border-left: 5px solid #9ee870;
font-family: "oswald", serif;
font-weight: 400;
font-size: 1.3em;
letter-spacing: 1px;
transition: 0.3s;
padding: 15px 20px 15px 10px;
margin: 0 0 0 70px;
text-decoration: none;
text-align: left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.over-menu li a:hover {
border-left: 5px solid #053305;
}

.over-menu li a::before {
background: 0 0;
}

.sub-menu-parent { 
position: relative;
background: url("images/green-right-arrow_24.png") no-repeat scroll right 25px center;
margin: 0;
padding: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.sub-menu-parent:hover {
background: url("images/green-right-arrow_24.png") no-repeat scroll right 20px center;
}

ul.sub-menu {
list-style-type: none;
}

.sub-menu {
visibility: hidden; /* hides sub-menu */
opacity: 0;
position: absolute;
left: 101%;
width: 100%;
transform: translateX(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.sub-menu.one {
top: -11px;
border-right: 2px solid #053305;
}

.sub-menu.two {
top: -64px;
border-right: 2px solid #053305;
}

.sub-menu.three {
top: -118px;
border-right: 2px solid #053305;
}

.sub-menu.four {
top: -172px;
border-right: 2px solid #053305;
}

.sub-menu.five {
top: -226px;
min-height: 300px;
border-right: 2px solid #053305;
}

.sub-menu-parent:hover .sub-menu {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}

.sub-menu li {
background: #9ee870;
width: 100%;
margin: 0;
text-align: left;
text-indent: unset;
}

.sub-menu li a {
background: url("images/green-right-arrow_24.png") no-repeat scroll right 25px center;
display: block;
color: #053305;
border-left: 5px solid #9ee870;
font-family: "oswald", serif;
font-weight: 400;
font-size: 1.3em;
letter-spacing: 1px;
transition: 0.3s;
padding: 15px 20px 15px 10px;
margin: 0 0 0 20px;
text-decoration: none;
text-align: left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.sub-menu li a:hover {
background: url("images/green-right-arrow_24.png") no-repeat scroll right 20px center;
}

.sub-menu li a:hover .triple-menu {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}

.triple-menu {
visibility: hidden;
opacity: 0;
position: absolute;
left: 114%;
width: 100%;
padding: 0 0 0 20px;
transform: translateX(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.triple-menu.one {
top: 0;
padding-bottom: 40px;
}

.triple-menu.two {
top: 0;
padding-bottom: 40px;
}

.triple-menu.three {
top: 0;
padding-bottom: 40px;
}

.triple-menu.four {
top: 0;
padding-bottom: 40px;
}

.triple-menu.five {
top: 0;
padding-bottom: 40px;
}

.triple-menu.six {
top: 0;
padding-bottom: 40px;
}

.triple-menu.seven {
top: 0;
padding-bottom: 40px;
}

.triple-menu.eight {
top: 0;
padding-bottom: 40px;
}

.triple-menu.nine {
top: 0;
padding-bottom: 40px;
}

.triple-menu.ten {
top: 0;
padding-bottom: 40px;
}

.triple-menu header {
max-width: 370px;
padding: 20px 10px 20px 0 !important;
}

.triple-menu p {
max-width: 370px;
padding: 0 10px 0 0 !important;
}

.sub-menu li.with-triple-menu:hover .triple-menu {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.one {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.one {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.two {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.two {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.three {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.three {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.four {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.five {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.six {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.six {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.seven {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.seven {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.eight {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.eight {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.nine {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.nine {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu li.with-triple-menu:hover .triple-menu.ten {
visibility: visible;
opacity: 1;
z-index: 1;
}

.sub-menu li.with-triple-menu:not(:hover) .triple-menu.ten {
visibility: hidden;
opacity: 0;
z-index: -1;
}

.sub-menu-parent.five:hover .triple-menu {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}

.sub-menu.one:hover .triple-menu.one {
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}

a.menu-button {
background: #053305;
background: #053305 url("images/white-right-arrow_24.png") center right 20px no-repeat !important;
border: 2px solid #053305 !important;
border-radius: 25px;
font-family: "DM Sans", serif !important;
color: #ffffff !important;
font-weight: 400 !important;
font-size: 1.1em !important;
letter-spacing: 0 !important;
text-decoration: none;
cursor: pointer;
display: inline-block !important;
line-height: 1.125rem;
margin: 0 !important;
padding: 15px 60px 15px 20px !important;
height: auto;
vertical-align: middle;
outline: none;
text-align: center !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

a.menu-button:hover {
background: #053305 url("images/white-right-arrow_24.png") center right 15px no-repeat !important;
}

section.menu-btns {
padding: 40px 0 0 70px;
margin: 0;
overflow: hidden;
}

/*== Mobile Menu ==*/
.mobile-menu {
position: relative;
background-color: #9ee870;
border-bottom: 5px solid #053305;
top: 60px;
left: 0;
width: 100%;
height: 100%;
padding: 40px;
display: none;
z-index: 10000;
flex-direction: column;
justify-content: flex-start;
}

.sub-mobile-menu {
position: absolute;
background-color: #9ee870;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
display: none;
z-index: 10000;
flex-direction: column;
justify-content: flex-start;
}

.mobile-menu ul {
list-style-type: none;
padding: 0 0 40px;
}

.mobile-menu li {
margin: 0;
text-indent: unset;
}

.mobile-menu a {
color: white;
font-size: 20px;
text-decoration: none;
}

.sub-mobile-menu {
display: none;
background-color: #9ee870;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s 0.3s;
z-index: 10001;
pointer-events: none;
}

.sub-mobile-menu-content {
position: relative;
padding: 40px;
}

.mobile-close-x {
position: absolute;
top: 20px;
right: 20px;
background-color: #9ee870;
color: #053305;
font-size: 30px;
font-weight: 700;
border: none;
padding: 10px;
cursor: pointer;
}

.mobile-close-btn {
background: #9ee870 url("images/green-left-arrow_24.png") center left 20px no-repeat;
position: absolute;
top: -10px;
right: -20px;
border: none;
font-family: "oswald", serif;
font-size: 1.2em;
font-weight: 400;
text-align: right;
display: inline-flex;
align-items: center;
justify-content: flex-end;
height: auto;
padding: 10px 15px 10px 60px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.mobile-close-btn:hover {
background: #9ee870 url("images/green-left-arrow_24.png") center left 15px no-repeat;
}

.sub-mobile-menu.active {
display: block;
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 0.3s ease, visibility 0s 0s;
}

.mobile-menu.active {
display: block;
pointer-events: auto;
}

.mobile-menu.active.submenu-active {
pointer-events: none;
}

/*== Top Menu ==*/
.main-menu {
position: absolute;
top: 0;
right: 0;
height: 60px;
z-index: 999;
}

ul.top-menu {
list-style: none outside none;
margin: 0;
padding: 0;
}
	
ul.top-menu li {
float: left;
color: #1a1a1a;
font-size: 1.2em; 
font-family: "DM Sans", serif;
font-weight: 500;
border-left: 1px solid #053305;
cursor: pointer;
height: 60px;
line-height: 60px;
text-align: center;
padding: 0 45px;
margin: 0;
text-indent: unset;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

ul.top-menu li.trade {
background-color: #9ee870;
border-bottom: 1px solid #1a1a1a;
}

ul.top-menu li.mobile {
display: block;
}

ul.top-menu li.mobile:hover {
background-color: transparent;
}

ul.top-menu li:hover {
background-color: #9ee870;	
}

a.trademob {
position: relative;
top: 8px;
width: 60px;
display: none;
}

/*===== Sticky Nav =====*/
ul.stickynav {
list-style: none outside none;
margin: 0;
padding: 0;
}

ul.stickynav li {
float: left;
color: #053305;
font-size: 1.2em; 
font-family: "DM Sans", serif;
font-weight: 500;
cursor: pointer;
height: 100px;
line-height: 100px;
text-align: center;
padding: 0 45px;
margin: 0;
text-indent: unset;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;	
}

ul.stickynav li.fixed {
float: right;
padding: 0 45px 0 0;
text-decoration: underline;
}

ul.stickynav li a {
border-left: solid 5px transparent;
color: #1a1a1a;
font-size: 1.1em;
padding: 10px;
text-decoration: none;
}

ul.stickynav li a:hover {
border-left: solid 5px #053305;
}

ul.stickynav li a.selected {
border-left: solid 5px #053305; /* This will persist the border */
}

/*===== Headers =====*/
header.main {
padding: 0 0 40px 0;
margin: 0;
overflow: hidden;
}

header.sub {
padding: 0 0 20px 0;
margin: 0;
overflow: hidden;
}

header.small {
padding: 0 0 10px 0;
margin: 0;
overflow: hidden;
}

header.mid {
padding: 20px 0;
margin: 0;
overflow: hidden;
}

h1 {
color: #111111;
font-family: "Oswald", serif;
font-size: 4em;
margin: 0;
padding: 0;
display: block;
line-height: 1.2em;
}

h1.white {
color: #ffffff;
}

h1.green {
color: #053305;
}

h1.lightgreen {
color: #9ee870;
}

h1.sub {
font-size: 3.5em;
}

h2 {
color: #111111;
font-family: "Oswald", serif;
font-size: 3em;
margin: 0;
padding: 0;
display: block;
line-height: 1.2em;
}

h2.large {
font-size: 3.5em;
}

h2.sub {
font-size: 2.3em;
}

h2.white {
color: #ffffff;
}

h2.brand {
color: #85a400;
}

h2.green {
color: #053305;
}

h2.lightgreen {
color: #9ee870;
}

.text-container h2 {
padding: 0 0 20px 0;
}

h3 {
color: #111111;
font-family: "Oswald", serif;
font-size: 1.8em;
margin: 0;
padding: 0;
display: block;
line-height: 1.2em;
}

h3.white {
color: #ffffff;
}

h3.brand {
color: #85a400;
}

h3.green {
color: #053305;
}

h3.lightgreen {
color: #9ee870;
}

.text-container h3 {
padding: 0 0 20px 0;
}

h4 {
color: #111111;
font-family: "Oswald", serif;
font-size: 1.4em;
margin: 0;
padding: 0;
display: block;
line-height: 1.3em;
}

h4.white {
color: #ffffff;
}

h4.brand {
color: #85a400;
}

h4.green {
color: #053305;
}

h4.lightgreen {
color: #9ee870;
}

.text-container h4 {
padding: 0 0 20px 0;
}

h5 {
color: #111111;
font-family: "Oswald", serif;
font-size: 1.2em;
margin: 0;
padding: 0;
display: block;
line-height: 1.3em;
}

h5.white {
color: #ffffff;
}

h5.brand {
color: #85a400;
}

h5.green {
color: #053305;
}

h5.lightgreen {
color: #9ee870;
}

.text-container h6 {
padding: 0 0 20px 0;
}

h6 {
color: #111111;
font-family: "Oswald", serif;
font-size: 1.1em;
margin: 0;
padding: 0;
display: block;
line-height: 1.3em;
}

h6.white {
color: #ffffff;
}

h6.brand {
color: #85a400;
}

h6.green {
color: #053305;
}

h6.lightgreen {
color: #9ee870;
}

.text-container h6 {
padding: 0 0 20px 0;
}

/*===== Paragraphs =====*/
p {       
color: #111111; 
font-size: 1.1em; 
padding: 0;
line-height: 1.5em;
}

p.white {
color: #ffffff;
}

p.green {
color: #053305 !important;
}

p.lightgreen {
color: #9ee870;
}

p.core {
color: #85a400;
}

p.mint {
color: #9ee870;
}

p.pistachio {
color: #E6F9DB;
}

p.large {
font-size: 1.3em;
}

p.small {
font-size: 0.9em;
}

p.inline {
display: inline;
}

p.banner-text {
color: #9ee870;
font-family: "Oswald", serif;
font-size: 4em;
line-height: 1.2em;
margin: 0;
padding: 0;
}

p.banner-text.green {
color: #053305;
}

p.banner-text.white {
color: #ffffff;
}

p.banner-text.small {
font-size: 3.5em;	
}

p.sub-banner-text {
color: #9ee870;
font-family: "Oswald", serif;
font-size: 3.2em;
line-height: 1.2em;
margin: 0;
padding: 0;
}

p.swatch {
font-family: "Oswald", serif;
font-size: 1.2em;
margin: 0;
padding: 0;
display: block;
line-height: 1.3em;
}

.text-container.small p {
font-size: 1em;	
}

.text-container.white p {
color: #ffffff;	
}

.text-container.core p {
color: #85a400;	
}

.text-container.green p {
color: #053305;	
}

.text-container.mint p {
color: #9ee870;	
}

.text-container.pistachio p {
color: #e6f9db;	
}

.text-container.white ul li {
color: #ffffff;	
}

.text-container.core ul li {
color: #85a400;	
}

.text-container.green ul li {
color: #053305;	
}

.text-container.mint ul li {
color: #9ee870;	
}

.text-container.pistachio ul li {
color: #e6f9db;	
}

.text-container.white a {
color: #ffffff !important;
box-shadow: none !important;
}

.text-container.core a {
color: #85a400 !important;
box-shadow: none !important;	
}

.text-container.green a {
color: #053305 !important;
box-shadow: none !important;	
}

.text-container.mint a {
color: #9ee870 !important;
box-shadow: none !important;	
}

.text-container.pistachio a {
color: #e6f9db !important;
box-shadow: none !important;	
}

/*===== Buttons =====*/
a.button {
background: transparent;
background: transparent url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #ffffff;
border-radius: 25px;
font-family: "DM Sans", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 1.125rem;
margin: 0 20px 10px 0;
padding: 15px 60px 15px 20px;
height: auto;
vertical-align: middle;
outline: none;
text-align: center;
text-transform: none;
transition: all 0.2s ease-in-out;
}

a.button:hover {
background: transparent url("images/white-right-arrow_24.png") center right 15px no-repeat;	
}

a.button.small {
padding: 10px 60px 10px 20px;
}

a.button.white {
background: transparent url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #ffffff;
color: #ffffff;
}

a.button.white:hover {
background: transparent url("images/white-right-arrow_24.png") center right 15px no-repeat;
}

a.button.core {
background: transparent url("images/core-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #85a400;
color: #85a400;
}

a.button.core:hover {
background: transparent url("images/core-right-arrow_24.png") center right 15px no-repeat;
}

a.button.fullcore {
background: #85a400 url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #85a400;
color: #ffffff;
}

a.button.fullcore:hover {
background: #85a400 url("images/white-right-arrow_24.png") center right 15px no-repeat;
color: #ffffff !important;
}

a.button.green {
background: transparent url("images/green-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #053305;
color: #053305;
}

a.button.green:hover {
background: transparent url("images/green-right-arrow_24.png") center right 15px no-repeat;
color: #053305 !important;
}

a.button.fullgreen {
background: #053305 url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #053305;
color: #ffffff;
}

a.button.fullgreen:hover {
background: #053305 url("images/white-right-arrow_24.png") center right 15px no-repeat;
color: #ffffff !important;
}

a.button.mint {
background: transparent url("images/lightgreen-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #9ee870;
color: #9ee870;
}

a.button.mint:hover {
background: transparent url("images/lightgreen-right-arrow_24.png") center right 15px no-repeat;
}

a.button.fullmint {
background: #9ee870 url("images/green-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #9ee870;
color: #053305;
}

a.button.fullmint:hover {
background: #9ee870 url("images/green-right-arrow_24.png") center right 15px no-repeat;
color: #053305 !important;
}

a.button.pistachio {
background: transparent url("images/pistachio-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #e6f9db;
color: #e6f9db;
}

a.button.pistachio:hover {
background: transparent url("images/pistachio-right-arrow_24.png") center right 15px no-repeat;
}

a.button.fullpistachio {
background: #e6f9db url("images/green-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #e6f9db;
color: #053305;
}

a.button.fullpistachio:hover {
background: #e6f9db url("images/green-right-arrow_24.png") center right 15px no-repeat;
color: #053305 !important;
}

a.button.fullwhite {
background: #ffffff url("images/green-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #ffffff;
color: #053305;
}

a.button.fullwhite:hover {
background: #ffffff url("images/green-right-arrow_24.png") center right 15px no-repeat;
color: #053305 !important;
}

a.button.full {
width: 100%;
margin: 0 0 20px 0;
}

a.button.primary {
background: #85a400;
background: #85a400 url("images/white-right-arrow_24.png") center right 20px no-repeat;
padding: 15px 60px 15px 20px;
}

a.button.mobile {
display: none;
}

a.button.primary:hover {
background: #85a400 url("images/white-right-arrow_24.png") center right 15px no-repeat;
}

a.button.mnu {
width: 290px;
}

a.clear-button {
background-color: transparent;
background-repeat: no-repeat; 
background-position: right 20px center;
border: none;
font-family: "DM Sans", serif;
font-weight: 400;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 1.125rem;
margin: 0;
padding: 12px 60px 12px 0px;
outline: none;
text-align: left;
transition: all 0.2s ease-in-out;
}

a.clear-button.core {
background-image: url("images/coregreen-right-arrow_32.png");
}

a.clear-button.darkgreen {
background-image: url("images/darkgreen-right-arrow_32.png");
}

a.clear-button.mintgreen {
background-image: url("images/mintgreen-right-arrow_32.png");
}

a.clear-button.pistachio {
background-image: url("images/pistachio-right-arrow_32.png");
}

a.clear-button.white {
background-image: url("images/white-right-arrow_32.png");
}

a.clear-button:hover {
background-position: right 10px center;
}

a.backbtn {
background-image: url("images/darkgreen-left-arrow_24.png");
background-color: transparent;
background-repeat: no-repeat; 
background-position: left 10px center;
border: none;
color: #053305;
font-family: "DM Sans", serif;
font-weight: 600;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 1.125rem;
margin: 0 0 20px;
padding: 12px 0px 12px 60px;
outline: none;
text-align: center;
transition: all 0.2s ease-in-out;
}

a.backbtn:hover {
background-image: url("images/darkgreen-left-arrow_24.png");
background-color: transparent;
background-repeat: no-repeat; 
background-position: left 0 center;
}

.fai-button-wrapper button {
background: transparent;
background: transparent url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #ffffff;
border-radius: 25px;
font-family: "DM Sans", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 1.125rem;
margin: 0 20px 10px 0;
padding: 15px 60px 15px 20px !important;
position: relative !important;
height: unset !important;
width: unset !important;
top: unset !important;
left: unset !important;
vertical-align: middle;
outline: none;
text-align: center;
transition: all 0.2s ease-in-out;
}

.fai-button-wrapper button:hover {
background: transparent url("images/white-right-arrow_24.png") center right 15px no-repeat;	
}

.fai-button-wrapper button.white {
background: transparent url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #ffffff;
color: #ffffff;
}

.fai-button-wrapper button.white:hover {
background: transparent url("images/white-right-arrow_24.png") center right 15px no-repeat;
}

.fai-button-wrapper button.core {
background: transparent url("images/core-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #85a400;
color: #85a400;
}

.fai-button-wrapper button.core:hover {
background: transparent url("images/core-right-arrow_24.png") center right 15px no-repeat; 
}

.fai-button-wrapper button.green {
background: transparent url("images/green-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #053305;
color: #053305;
}

.fai-button-wrapper button.green:hover {
background: transparent url("images/green-right-arrow_24.png") center right 15px no-repeat;
color: #053305;
}

.fai-button-wrapper button.mint {
background: transparent url("images/lightgreen-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #9ee870;
color: #9ee870;
}

.fai-button-wrapper button.mint:hover {
background: transparent url("images/lightgreen-right-arrow_24.png") center right 15px no-repeat;
}

.fai-button-wrapper button.pistachio {
background: transparent url("images/pistachio-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #e6f9db;
color: #e6f9db;
}

.fai-button-wrapper button.pistachio:hover {
background: transparent url("images/pistachio-right-arrow_24.png") center right 15px no-repeat;
}

button.find {
background-color: transparent;
background-image: url("images/white-right-arrow_24.png"); 
background-position: center right 20px;
background-repeat: no-repeat;
border: 2px solid #ffffff;
border-radius: 25px;
font-family: "DM Sans", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 1.125rem;
margin: 0 0 10px 0;
padding: 15px 60px 15px 20px;
outline: none;
text-align: center;
transition: all 0.2s ease-in-out;
}

button.find:hover {
background-color: transparent;
background-image: url("images/white-right-arrow_24.png"); 
background-position: center right 15px;
background-repeat: no-repeat;
}


/*===== Tab Buttons =====*/
button.tablinks {
background: none;
border-left: solid 5px transparent;
border-top: none;
border-bottom: none;
border-right: none;
font-size: 1.5em;
font-weight: 400;
padding: 10px;
cursor: pointer;
outline: none;
transition: all 0.4s ease-in-out;
}

button.tablinks:hover {
border-left: solid 5px var(--tab-border-color);
}

button.tablinks.selected {
border-left: solid 5px var(--tab-border-color);
}

.tabs-block .tab {
display: flex;
flex-direction: row;
}

.tabs-block .tablinks {
padding: 10px;
margin-right: 5px;
background-color: #f1f1f1;
border: 1px solid #ccc;
cursor: pointer;
}

.tabs-block .tablinks.active {
background-color: #4CAF50;
color: white;
}

.tabs-block .tabcontent {
display: none;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #ccc;
margin-top: 10px;
}


/*===== General =====*/
.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.light {
font-weight: 300;
}

.normal {
font-weight: 400;
}

.medium {
font-weight: 500;
}

.semibold {
font-weight: 600;
}

.bold {
font-weight: 700;
}

.extrabold {
font-weight: 900;
}

.italic {
font-style: italic;
}

.style-normal {
font-style: normal;
}

.uppercase {
text-transform: uppercase;
}

.darkshadow {
text-shadow: 2px 2px 2px #000000;
}

.hidden {
opacity: 0;
}

.hide {
display: inline-block;
}

.noover {
overflow: visible !important;
}

.clear {
clear: both;
}

.overx {
overflow-x: auto;
}

/*===== Footer =====*/
#footer-logo {
position: absolute;
top: -40px;
left: 75px;
height: 120px;
}

.footer-logo-wrapper {
display: flex;
flex-flow: row unwrap;
align-items: center;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
}

.social-links {
position: relative;
padding: 40px 0 0;
}

.social-links ul {
list-style: none;
display: flex;
padding-left: 0;
margin: 0;	
}

.social-links ul li {
margin: 0 20px 0 0;
text-indent: unset;
}

/*===== Footer Menu =====*/
ul.footer-menu {
list-style: none;
padding-left: 0;
margin: 0;
}

ul.footer-menu li {
padding: 0;
margin: 0;
text-indent: unset;
}

ul.footer-menu li a {
display: block;
color: #053305;
font-family: "DM Sans", serif;
font-weight: 400;
font-size: 1.1em;
padding: 0 0 18px 0;
margin: 0;
text-decoration: none;
text-align: left;
transition: all 0.3s ease-in-out;
}

.baseline-logo-wrapper {
display: block;
width: 200px;
padding: 0;
margin: 20px 0;
}

/*===== Baseline Menu =====*/
ul.baseline-menu {
list-style: none;
padding-left: 0;
margin: 0 0 30px;
text-align: center;
}

ul.baseline-menu li {
display: inline;
border-right: 1px solid #ffffff;
padding: 0;
margin: 0;
text-indent: unset;
}

ul.baseline-menu li:last-child {
border: none;	
}

ul.baseline-menu li a {
display: inline-block;
color: #ffffff;
font-family: "DM Sans", serif;
font-weight: 400;
font-size: 1em;
padding: 0 20px;
margin: 0;
text-decoration: none;
text-align: center;
transition: all 0.3s ease-in-out;
}

/*===== Links =====*/
a.blank:link, a.blank:visited, a.blank:active {
color: inherit;
text-decoration: none;
}

/*===== Video =====*/
#video-banner-wrapper {
display: flex;
flex-flow: column nowrap;
width: 100%;
height: 100%;
padding: 0;
margin: 0 auto;
}

.video-wrapper {
position: relative;
width: 100%;
padding: 0;
margin: 0;
}

.video {
width: 100%;
}

.video-column {
width: 100%;
height: 100%;
}

.video-container {
display: table;
width: auto;
position: relative;
}

.playButton {
position: absolute;
background-image: url("images/play-button.png");
background-position: center;
background-repeat: no-repeat;
background-size: 265px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
cursor: pointer;
}

#video-banner {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}

.video-banner-container {
position: relative;
width: 100%;
height: 642px;
}

#video-banner-toprow {
position: relative;
background: #053305;
width: 100%;
padding: 60px 40px 0;
margin: 0;
}

#video-banner-bottomrow {
position: relative;
background: #ffffff;
width: 100%;
padding: 20px 40px 80px;
margin: 0;
}

.video-banner-header {
padding: 0;
margin: 0;
}

.video-banner-sub-header {
padding: 0;
margin: 0;
}

.video-row-top {
flex: 1;
padding: 20px;
box-sizing: border-box;
overflow: auto;
}

.video-row-bottom {
flex: 1;
padding: 20px;
box-sizing: border-box;
overflow: auto;
}

.video-banner-main-video {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
padding: 60px 0;
margin: 0 auto;
text-align: center;
z-index: 10;
}

.video-banner-main-video video {
object-fit: cover;
width: 100%;
max-width: 1000px;
height: 562px;
}

.banner-video-headers {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: relative;
}

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

img.icon {
margin: 0 40px 0 0;
}

img.inline {
display: inline;
margin: 0 20px 0 0;
}

/*===== Back to Top =====*/
#top {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
opacity: 0.8;
transition: opacity 0.3s;
}

#top:hover {
opacity: 1;
}

#top img {
width: 50px;
height: 50px;
display: block;
}

/*===== Osano Overrides =====*/
.osano-cm-widget {
bottom: 20px !important;
right: auto !important;
left: 20px !important;
top: auto !important;
}

/*===== Page Navi Styles =====*/
.wp-pagenavi {
position: relative;
height: 50px;
padding: 10px 0 0;
}

.wp-pagenavi a, .wp-pagenavi span {
padding: 7px 10px !important; 
margin-right: 10px !important;
font-family: "DM Sans", serif;
font-size: 15px; 
color: #454545; 
text-decoration: none;
border: 1px solid #053305; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #053305;
color: #ffffff;
border: 1px solid #053305;
}

.wp-pagenavi span.current { 
font-weight: bold; 
}

/*===== Expandable Styles =====*/
.layer1 {
margin: 0;
padding: 0;
width: 100%;
}

.expandable-header {
margin: 0;
padding: 40px 80px 20px 80px;
}
 
.expandable-wrapper {
background: #ffffff;
border-radius: 0; 
border-bottom: none;
padding: 0;
margin: 0 auto;
}

.expandable-wrapper.btmborder {
border-bottom: 1px solid #053305;
}
 
.heading {
background: url("images/expand.png") no-repeat scroll right 80px center;
color: #053305;
font-family: "DM Sans", serif;
font-size: 1.8em;
margin: 0;
padding: 25px 80px 20px 80px;
display: block;
line-height: 1.2em;
cursor: pointer;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 80px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 80px center;
}

.expandable-content {
background-color: transparent;
padding: 0;
-webkit-transition: none;
-moz-transition: none; 
-o-transition: none; 
-ms-transition: none;
transition: none;
}

.faq-content {
background-color: transparent;
width: 100%;
max-width: 80%;
padding: 20px 40px 40px 80px;
-webkit-transition: none;
-moz-transition: none; 
-o-transition: none; 
-ms-transition: none;
transition: none;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
line-height: 1.2em;
}

/*===== YITH Style Overrides =====*/
.yith-wcan-filters .yith-wcan-filter {
background: #e5e8e8;
}

.filters-container {
background: #e5e8e8;
}

.filter-item > a:hover {
color: #85a400 !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
text-indent: unset;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color:not(.no-color):not(.no-image):not(.label-right) > a::after {
background-color: #85a400 !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color .term-color {
border-color: #85a400 !important;
}

h4.filter-title {
font-size: 1.2em;
font-weight: 400;
padding: 0 0 15px;
}

.yith-wcan-active-filters {
margin-top: 20px;
}

.yith-wcan-active-filters h4 {
padding: 0 0 20px 0;
}

button.yith-wcan-reset-filters {
background-color: transparent;
color: #053305;
cursor: pointer;
border: 2px solid #053305;
border-radius: 25px;
font-family: "DM Sans", serif;
font-size: 1.1em;
font-weight: 400;
padding: 8px 25px;
margin: 10px 0;
}

button.yith-wcan-reset-filters.reset-filters.enhanced {
color: transparent;
position: relative;
}

button.yith-wcan-reset-filters.reset-filters.enhanced::after {
content: "Clear all";
color: #053305;
position: absolute;
left: 50%;
top: 50%;
width: 100%;
font-family: "DM Sans", serif;
font-size: 1em;
font-weight: 400;
transform: translate(-50%, -50%);
pointer-events: none;
}

a.show-more {
background-color: transparent;
color: #053305;
cursor: pointer;
border: 2px solid #053305;
border-radius: 25px;
font-family: "DM Sans", serif;
font-size: 1em;
font-weight: 600;
padding: 8px 20px;
margin: 20px 0;
display: block;
width: 130px;
}

.yith-wcan-filters .apply-filters.custom-text-updated {
position: sticky;
bottom: 0;
right: 0;
left: 0;
border-radius: 25px;
background-color: #053305;
color: #ffffff;
cursor: pointer;
border: 2px solid #053305;
border-radius: 25px;
font-family: "DM Sans", serif;
font-size: 1.1em;
font-weight: 400;
width: 100%;
padding: 8px 25px;
margin: 10px 0;
}

.yith-wcan-active-filters .active-filter {
margin-bottom: 0 !important;
}

.yith-wcan-active-filters .active-filter .active-filter-label {
margin-bottom: 10px;
}

/*=== Select Style Overrides ===*/
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
border-bottom: 2px solid #434343;
border-top: none;
border-right: none;
border-left: none;
border-radius: unset !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown::after {
background-repeat: no-repeat;
height: 18px !important;
width: 18px !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable.closed::after, .yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:not(.opened)::after, .yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:not(.open)::after {
background-repeat: no-repeat;
height: 18px !important;
width: 18px !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable.opened::after {
background-repeat: no-repeat;
height: 18px !important;
width: 18px !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-label {
color: #434343;
font-family: "DM Sans", serif;
font-weight: 500;
font-size: 1.1em;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {
background-color: #e5e8e8;
border: none !important;
border-radius: unset !important;
box-shadow: none !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .matching-items {
border-bottom: 2px solid #434343;
padding-bottom: 15px;
}

.yith-wcan-filters .yith-wcan-filter {
border-bottom: 2px solid #434343;
}

.yith-wcan-filters .yith-wcan-filter {
margin-bottom: 15px !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items.level-0 {
padding: 0 0 15px !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown.open {
border-color: unset !important;
box-shadow: none !important;
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container {
display: none;	
}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {
padding: 15px 0 !important;
top: calc(100% + 5px) !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable::after {
top: calc(50% - 14px);
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
color: #434343;
}

input[type=checkbox] {
border-radius: 100%;
height: 15px;
width: 15px;
}

/*===== YITH Filter Button =====*/
.yith-wcan-filters-opener {
position: relative;
width: 100%;
background: #053305 !important;
border: 2px solid #053305 !important;
border-radius: 25px !important;
color: #ffffff !important;
font-family: "DM Sans", serif;
font-size: 1.2em;
font-weight: 600;
padding: 12px 40px;
margin: 0 0 50px 0;
cursor: pointer;
transition: border 0.3s ease;
z-index: 1;
}

.yith-wcan-filters-opener.is-sticky {
position: fixed !important;
top: 125px;
left: 0;
right: 0;
display: flex !important;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 8px 20px;
width: auto;
max-width: 400px;
border: 2px solid #ffffff !important;
z-index: 999;
}

.yith-wcan-filters-placeholder {
display: none;
top: 120px;
left: 0;
width: 100%;
height: 56px !important;
background: #053305;
z-index: 998;
}

.yith-wcan-filters-opener.sticky {
position: fixed !important;
top: 120px;
left: 0;
right: 0;
width: fit-content;
max-width: 100%;
margin: 0 auto !important;
transform: translateY(0);
z-index: 999;
transition: transform 0.3s ease;
backface-visibility: hidden;
will-change: transform, position;
}

/*===== YITH Modal =====*/
#yith-filter-wrapper {
position: relative;
z-index: 9999999999;
}

.yith-wcan-filters.filters-modal .main-modal-button {
color: #ffffff;
font-family: "DM Sans", serif;
font-size: 1.2em;
font-weight: 500;
cursor: pointer;
}

.filters-container form {
padding: 0;
}

.yith-wcan-filters.filters-modal .filters-container > .clear-selection {
position: fixed;
bottom: 5px;
left: 0;
right: 0;
text-align: center;
}

.yith-wcan-filters.filters-modal .yith-wcan-filter {
border: none !important;
border-bottom: 1px solid #D7D7D7 !important;
}

.yith-wcan-filters.filters-modal.enhanced.open::before {
content: "Filter";
position: absolute;
top: 20px;
left: 0;
right: 0;
color: #111111;
font-size: 1.2em;
font-family: "DM Sans", serif;
font-weight: 500;
text-align: center;
z-index: 10;
}

.filters-container h3.mobile-only {
display: none !important;
}

.yith-wcan-filters.filters-modal .main-modal-button {
border-radius: 25px !important;
height: unset !important;
line-height: unset !important;
width: 95% !important;
margin: 0 auto 20px !important;
padding: 12px 0 !important;
}

.apply-filters .spinner {
display: inline-block;
width: 12px; height: 12px;
margin-left: 6px;
border: 2px solid #fff;
border-top-color: transparent;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 991px) {
#yith-filter-wrapper 
.filters-modal 
.apply-filters.main-modal-button {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
}

#yith-filter-wrapper 
.filters-modal 
.apply-filters:not(.main-modal-button) {
display: none !important;
}
  
.yith-wcan-filters.filters-modal .main-modal-button {
border-radius: 0px !important;
border-top: 3px solid #86a30d;
width: 100% !important;
margin: 0 !important;
padding: 15px 0 !important;
}

}

/*===== WooCommerce Overrides =====*/
.woocommerce ul.products li.product a img {
border-radius: 7px;
margin: 0 !important;
}

.woocommerce-loop-product__title {
font-family: "DM Sans", serif;
font-size: 1em;
font-weight: 500;
}

.woocommerce ul.products li.product {
text-indent: unset;
}

.woocommerce ul.products li.product .button {
border-radius: 25px;
font-family: "DM Sans", serif;
font-weight: 400;
text-decoration: none;
cursor: pointer;
display: inline-block;
margin: 0 20px 10px 0;
padding: 12px 50px 12px 20px;
font-weight: 500 !important;
font-size: 1em !important;
text-transform: none !important;
width: 100%;
margin: 0 0 5px 0 !important;	
}

.button-main {
background: #85a400 url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #053305;
color: #ffffff;
border-radius: 25px;
font-family: "DM Sans", serif;
font-weight: 400;
text-decoration: none;
cursor: pointer;
display: inline-block;
margin: 0 20px 10px 0;
padding: 12px 50px 12px 20px;
font-weight: 500 !important;
font-size: 1em !important;
text-align: center;
text-transform: none !important;
width: 100%;
margin: 0 0 5px 0 !important;
}

.button-main:hover {
background: #85a400 url("images/white-right-arrow_24.png") center right 15px no-repeat;
}

.woocommerce ul.products li.product .button .green {
background: transparent url("images/green-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #053305;
color: #053305 !important;
}

.woocommerce ul.products li.product .button .green:hover {
background: transparent url("images/green-right-arrow_24.png") center right 15px no-repeat;
color: #053305 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 15px 0 0 !important;
font-family: "DM Sans", serif !important;
font-size: 1.2em !important;
color: #053305 !important;
font-weight: 600 !important;
text-align: left !important;
}

.woocommerce .woocommerce-ordering {
display: none;	
}

/*===== Load More Button =====*/
.loadmorebtn {
background-color: transparent !important;
background-image:url("images/green-right-arrow_24.png"); 
background-position: center right 20px;
background-repeat: no-repeat;
border: 2px solid #053305 !important;
color: #053305 !important;
border-radius: 25px;
font-family: "DM Sans", serif;
font-weight: 400;
text-decoration: none;
cursor: pointer;
display: inline-block;
margin: 0;
padding: 12px 50px 12px 20px !important;
font-weight: 500 !important;
font-size: 1.1em !important;
text-transform: none !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.loadmorebtn:hover {
background-color: transparent !important;
background-image:url("images/green-right-arrow_24.png"); 
background-position: center right 15px;
background-repeat: no-repeat;
}

.woocommerce .lmp_load_more_button.br_lmp_button_settings .lmp_button:hover {
background-color: transparent !important;
color: #053305 !important;
}

/*===== Label over product image =====*/
.custom-label {
position: absolute;
top: 25px;
left: 10px;
background-color: rgba(5, 51, 5, 0.8);
color: #fff;
padding: 7px 15px;
font-size: 14px;
font-weight: bold;
border-radius: 5px;
z-index: 10;
}

.woocommerce ul.products li.product {
position: relative;
}

.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
position: relative;
}

/*===== Product Thumbnails =====*/
.custom-thumbnail-link {
display: block;
position: relative;
}

.custom-thumbnail-link .main-image,
.custom-thumbnail-link .hover-image {
display: block;
width: 100%;
transition: opacity 0.3s ease;
}

.custom-thumbnail-link .hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
display: none;
}

.custom-thumbnail-link.has-gallery-hover .hover-image {
display: block;
}

.custom-thumbnail-link.has-gallery-hover:hover .hover-image {
opacity: 1;
}

.custom-thumbnail-link.has-gallery-hover:hover .main-image {
opacity: 0;
}

/*===== Products Spinner =====*/
.woocommerce-result-count-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.result-count-spinner svg {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/*===== Breadcrumbs =====*/
.breadcrumbs {
position: absolute;
top: 30px;
left: 80px;
color: #ffffff;
width: 100%;
padding: 0 20px 0 0;
margin: 0;
z-index: 50;
}

.breadcrumbs.green {
color: #053305;
}

.breadcrumbs.green a {
color: #053305;
}

.breadcrumbs.green span.current-item {
color: #053305;
}

.breadcrumbs a {
text-decoration: none;
color: #ffffff;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}

.breadcrumbs span.current-item {
text-decoration: none;
color: #ffffff;
}

.breadcrumbs.installer {
background: transparent;
left: 10px;
color: #053305;
}

.breadcrumbs.installer a {
color: #053305;	
}

/*===== Installers =====*/
#installer-banner {
position: relative;
width: 100%;
height: 600px;
padding: 0;
margin: 0;
overflow: hidden;
}

#installer-banner-wrapper {
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
width: 100%;
height: 100%;
padding: 0;
margin: 0 auto;
}

.installer-banner-01 {
position: relative;
order: 1;
background-color: #053305;
width: 60%;
padding: 40px;
margin: 0;
z-index: 20;
}

.installer-banner-02 {
position: relative;
order: 2;
background-color: #ffffff;
width: 40%;
padding: 0;
margin: 0;
z-index: 10;
}

.installer-details {
width: 100%;
border-top: 1px solid #eaeaea;
border-bottom: solid 1px #eaeaea;
padding: 60px 10px;
margin: 40px 0;
}

.installer-flex-details {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
border-top: 1px solid #eaeaea;
border-bottom: solid 1px #eaeaea;
padding: 60px 10px;
margin: 40px 0;
}

.installer-distance {
position: absolute;
top: 90px;
right: 90px;
}

.installer-premium {
position: absolute;
top: 0;
right: 90px;
}

#installer-find {
position: absolute;
top: 20%;
left: 80px;
background: #ffffff;
padding: 40px;
z-index: 100;
}

.flex-installers-wrapper {
display: flex;
flex-flow: row wrap;
align-items: stretch;
}

.two-column.installer {
padding: 40px;
}

.inner-column-installer {
background: #ffffff;
padding: 40px;
}

.inner-column-installer.grey {
background: #e5e8e8;
}

.two-column.premium {
padding: 40px;
}

.inner-column-premium {
background: #E6F9DB;
padding: 40px;
}

.left-column-installer-60 {
order: 1;
width: 60%;
padding: 0 40px 0 0;
margin: 0;
}

.right-column-installer-40 {
order: 2;
width: 40%;
padding: 0 0 0 40px;
margin: 0;
}

.left-column-installer-30 {
order: 1;
width: 30%;
padding: 0 40px 0 0;
margin: 0;
}

.right-column-installer-70 {
order: 2;
width: 70%;
padding: 0 0 0 40px;
margin: 0;
}

input.installer {
width: 100%;
height: auto;
padding: 1rem 1.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
font-size: 1rem;
font-family: inherit;
outline: none;
}

button.installer {
display: block;
background-color: #9ee870;
border-radius: 0.25rem;
width: 100%;
color: #111111;
font-size: 1.2em;
letter-spacing: 1px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
padding: 15px 20px 15px 20px;
margin: 10px 0 0;
height: auto;
line-height: 1;
border: 1px solid transparent;
}

.fill {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

#installer-header-logo {
position: absolute;
background: url("images/solidor-logo.jpg");
top: 25px;
right: 40px;
width: 146px;
height: 126px;
}

ul.installer-socials {
list-style: none outside none;
margin: 0;
padding: 0;
}

ul.installer-socials li {
display: inline-block;
cursor: pointer;
height: 32px;
line-height: 32px;
text-align: center;
padding: 0 5px;
margin: 0 auto;
text-indent: unset;
}

ul.installer-socials li {
position: relative;
}

a.installer:link, a.installer:visited, a.installer:active {
display: inline-block;
height: 32px;
width: 32px;
text-decoration: none;
}

img.installer-logo {
height: 65px;
}

img.installer-logo-large {
height: 85px;
}

img.installer-pin {
position: relative;
top: 5px;
display: inline-block;
margin: 0 5px 0 0;
padding: 0;
}

img.installer-premium-pin {
position: relative;
top: 0;
display: block;
margin: 0 0 5px 0;
padding: 0;
}

img.installer-premium-inline {
position: relative;
display: inline;
margin: 0 0 0 10px;
padding: 0;
}

/*===== Locations Installers =====*/
.left-content-column-50.locations {
padding: 0;
}

.locations-installers-wrapper {
display: flex;
flex-flow: row wrap;
align-items: stretch;
gap: 40px;
}

.two-column.locations {
width: calc(50% - 20px);
padding: 0;
}

.three-column.locations {
width: calc(33.333% - 40px);
padding: 0;
}

.inner-column-locations {
background: #ffffff;
padding: 40px;
}

.inner-column-locations.grey {
background: #e5e8e8;
}

.two-column.locations-premium {
padding: 40px;
}

.inner-column-locations-premium {
background: #E6F9DB;
padding: 40px;
}

.locations-distance {
position: relative;
padding: 20px 0 10px;
}

.locations-details {
width: 100%;
border-top: 1px solid #eaeaea;
border-bottom: solid 1px #eaeaea;
padding: 20px 10px;
margin: 0;
}

.installer-item {
opacity: 1;
max-height: 1000px;
overflow: hidden;
transition: opacity 0.4s ease, max-height 0.4s ease;
}

.installer-item.is-hidden {
display: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.3s ease, transform 0.3s ease;
}

.locations-load-more {
padding: 40px 0 0;
margin: 0;
}

.location-enquiry-wrapper {
padding: 0;
margin: 0;
height: 650px;
min-height: 650px;
}

#load-more-installers {
background: #85a400;
background: #85a400 url("images/white-right-arrow_24.png") center right 20px no-repeat;
border: 2px solid #ffffff;
border-radius: 25px;
font-family: "DM Sans", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.1em;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 1.125rem;
margin: 0 20px 10px 0;
padding: 15px 60px 15px 20px;
height: auto;
vertical-align: middle;
outline: none;
text-align: center;
text-transform: none;
transition: all 0.2s ease-in-out;
}

#load-more-installers:hover {
background: #85a400 url("images/white-right-arrow_24.png") center right 15px no-repeat;
}

/*===== Animation =====*/
/*=== Fade In  ===*/
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }

/*=== Fade In Down ===*/
@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; } }
.fadeInDown { animation-name: fadeInDown; }

/*=== Fade In Up ===*/
@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 20px, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUp { animation-name: fadeInUp; }

/*=== Fade In Left ===*/
@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-30px, 0, 0) }
  to { opacity: 1; transform: none; } }
.fadeInLeft { animation-name: fadeInLeft; }

/*=== Fade In Right ===*/
@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: none; } }
.fadeInRight { animation-name: fadeInRight; }

.animatein.in-view {  
animation: fadeIn;
animation-duration: 1s;
animation-delay: 0s;
animation-fill-mode: both;
backface-visibility: hidden;
}

.animateleft.in-view {  
animation: fadeInLeft;
animation-duration: 1s;
animation-delay: 0s;
animation-fill-mode: both;
backface-visibility: hidden;
}

.animateright.in-view {  
animation: fadeInRight;
animation-duration: 1s;
animation-delay: 0s;
animation-fill-mode: both;
backface-visibility: hidden;
}

.animatedown.in-view {  
animation: fadeInDown;
animation-duration: 1s;
animation-delay: 0s;
animation-fill-mode: both;
backface-visibility: hidden;
}

.animateup.in-view {  
animation: fadeInUp;
animation-duration: 1s;
animation-delay: 0s;
animation-fill-mode: both;
backface-visibility: hidden;
}

/*=== Optional Delays  ===*/
.one { animation-delay: 0.2s !important; }
.two { animation-delay: .6s !important; }
.three { animation-delay: 1s !important; }
.four { animation-delay: 1.4s !important; }
.five { animation-delay: 1.8s !important; }

.row1 { animation-delay: 0.4s !important; }
.row2 { animation-delay: 0.6s !important; }
.row3 { animation-delay: 0.8s !important; }
.row4 { animation-delay: 1.2s !important; }
.row5 { animation-delay: 1.6s !important; }

/*===== Forms =====*/
.form-container {
width: 100%;
max-width: 80%;
}

.single-form-container {
width: 100%;
max-width: 80%;
margin: 0 auto;
}

form.marketingForm div {
margin: 0 !important;
}

form.marketingForm table {
width: 100% !important;
}

.textFormFieldBlock input {
padding: 10px;
}

.single-form-container form.marketingForm div {
margin: 0 auto !important;
}

/*===== Form Styles =====*/
select {
background: #fff;
border: 1px solid #aeaeae;
border-radius: 2px;
padding: 10px 20px 10px 10px;
font-family: "DM Sans", serif;
font-size: 1em;
outline: none;
}

.post-options-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: center;
width: 100%;
padding: 20px;
margin: 0;
}

.post-options-wrapper form {
order: 1;
width: 50%;
}

.post-count-spacer {
order: 1;
width: 50%;
}

.post-count {
order: 2;
width: 50%;
text-align: right;
}

/*===== 365 Form Styles =====*/
.textFormFieldBlock, .phoneFormFieldBlock {
padding: 10px 0 !important;
gap: 5px !important;
}

.textFormFieldBlock label, .phoneFormFieldBlock label {
font-family: "DM Sans", serif !important;
font-size: 16px !important;
font-weight: normal !important;
color: #111111 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
vertical-align: middle;
}

.textFormFieldBlock label::after, .phoneFormFieldBlock label::after {
color: #111111 !important;
}

.optionSetFormFieldBlock {
padding: 10px 0 !important;
}

.optionSetFormFieldBlock select {
border: 1px solid rgba(0,0,0,.125) !important;
border-radius: .25rem !important;
font-family: "DM Sans", serif !important;
font-size: 16px !important;
font-weight: normal !important;
color: #111111 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
 
.textFormFieldBlock input {
background-color: #fff !important;
border: 1px solid rgba(0,0,0,.125) !important;
border-radius: .25rem !important;
font-family: "DM Sans", serif !important;
height: 2.5rem !important;
padding: .5rem .75rem !important;
margin-top: 0;
margin-bottom: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
vertical-align: middle;
font-size: 16px !important;
flex: 2 1 !important;
outline: none;
}

.phoneFormFieldBlock .phoneCountryCode {
border: 1px solid rgba(0,0,0,.125) !important;
border-radius: .25rem !important;
max-width: 100% !important;
}

.phoneFormFieldBlock input {
background-color: #fff !important;
font-family: "DM Sans", serif !important;
height: 2.5rem !important;
padding: .5rem .75rem !important;
margin-top: 0;
margin-bottom: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
vertical-align: middle;
font-size: 16px !important;
flex: 2 1 !important;
}

.phoneFormFieldBlock .phoneCountryCodeLabel {
background: #fff !important;	
}

#SolidorTogether label {
display: inline-block !important;
font-weight: 500 !important;
color: #053305 !important;
font-family: "DM Sans", serif !important;
font-size: 16px !important;
}

#SolidorTogether label::after {
font-weight: 500 !important;
color: #053305 !important;	
}

.consentBlock {
padding: 10px 0 0 !important;
}

.consentBlock div input {
accent-color: #111111 !important;
}

.consentBlock div input:checked ~ .checkmark {
background-color: #ffffff !important;
}

div[data-editorblocktype="SubmitButton"] {
padding: 20px 0 0 !important;
}

.submitButton {
background: transparent url("images/green-right-arrow_24.png") center right 20px no-repeat !important;
border: 2px solid #053305 !important;
border-radius: 25px !important;
font-family: "DM Sans", serif !important;
color: #053305 !important;
font-weight: 600 !important;
font-size: 1.1em !important;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 1.125rem !important;
margin: 0 20px 10px 0;
padding: 15px 60px 15px 20px !important;
height: auto;
vertical-align: middle;
outline: none;
text-align: center;
text-transform: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;	
}

.submitButton:hover {
background: transparent url("images/green-right-arrow_24.png") center right 15px no-repeat !important;
}

form.marketingForm div {
max-width: 800px !important;	
}

table.outer {
width: 800px !important;
}

table.outer th {
padding: 0 10px !important;
}

th.columnContainer {
width: 780px !important;
padding: 10px 0 !important;
}

th.inner {
padding: 0 !important;
}

.formLoader {
display: none;
}

section.contact-form {
padding: 1.5rem;
}

.dateTimeFormFieldBlock {
padding: 10px 0 !important;
gap: 5px !important;
}

/*===== Modal =====*/
.blocker:before,.modal{display:inline-block;vertical-align:middle}.blocker,.modal{box-sizing:border-box;width:100%}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;overflow:auto;z-index:999;padding:20px;background-color:#000;background-color:rgba(0,0,0,.8);text-align:center}.blocker:before{content:"";height:100%;margin-right:-.05em}.blocker.behind{background-color:transparent}.modal{position:relative;z-index:200;max-width:900px;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background:url(data:image/png;base64,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) no-repeat}.modal-spinner{display:none;width:64px;height:64px;position:fixed;top:50%;left:50%;margin-right:-32px;margin-top:-32px;background:url(data:image/gif;base64,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) center center no-repeat #111;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px}

.modal-content {
position: relative;
width: 100%;
height: 90%;
margin: 0;
padding: 0 0 40px;
overflow: hidden;
z-index: 1;
}

.modal-content-wrapper {
width: 100%;
max-width: 1400px;
padding: 20px 0;
margin: 0 auto;
overflow: hidden;
}

.flex-popup-wrapper {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
align-content: center;
}

.flex-video-popup-wrapper {
display: flex;
flex-flow: column nowrap;
align-items: stretch;
align-content: center;
}

.popup-content {
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
z-index: 1;
}

.popup-content-wrapper {
width: 100%;
max-width: 1400px;
padding: 20px 0;
margin: 0 auto;
overflow: hidden;
}

.two-column-popup {
position: relative;
order: 1;
width: 50%;
padding: 10px;
margin: 0;
}

.two-column-popup.image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;	
}

.popup-video-row {
position: relative;
order: 1;
width: 100%;
padding: 10px;
margin: 0;
}

.popup-video-details {
position: relative;
order: 2;
width: 100%;
padding: 20px 10px 10px;
margin: 0;
}

/*===== MeanMenu =====*/
#sticky-menu {
margin: 0;
padding: 0;
}

.menu_title {
display: none;
position: relative;
float: right;
top: 1em;
margin-right: 3.2em;
color: #1a1a1a;
font-size: 1.2em;
font-weight: 600; 
}

a.meanmenu-reveal {
    display: none
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    padding: 0;
    min-height: 42px;
    z-index: 999;
}

.mean-container a.meanmenu-reveal {
    width: 30px;
    height: 30px;
    padding: 18px 13px 9px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #1a1a1a;
    text-decoration: none;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: "DM Sans", serif;
    font-weight: 400
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #1a1a1a;
    height: 3px;
    margin-top: 4px
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 54px 0 0;
    width: 100%;
    list-style-type: none
}

.mean-container .mean-nav ul.sub-menu {
	margin: 0;
} 

.mean-container .mean-nav ul li {
	background: #fff;
    position: relative;
    float: left;
    width: 100%;
	box-sizing: border-box;
	text-indent: unset;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    text-align: left;
    color: #1a1a1a;
    border-top: 1px solid #cbcbcb;
    text-decoration: none;
	box-sizing: border-box;
}

.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a:hover {
    background-color: rgba(0,0,0,.0625);
	color: #1a1a1a;
}

.mean-container .mean-nav ul li li a {
    background-color: rgba(0,0,0,.0625); 
	width: 100%;
    padding: 0 0 0 20px;
    text-shadow: none!important;
    visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
	height: 52px;
    border-bottom: 2px solid #85a400;
    margin-bottom: 0
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 60px;
    height: 54px;
    padding: 0 20px 10px 20px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    font-weight: 400;
    background: rgba(255, 255, 255, .1);
    border: none!important;
    border-left: 1px solid #cbcbcb!important
}

.mean-container .mean-push,
.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.mean-container .mean-push {
    float: left;
    clear: both
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mean-remove {
    display: none!important
}

/*===== Flexslider =====*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-indent: unset; margin: 0; background-position: center; background-repeat: no-repeat; background-size: cover;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible; backface-visibility: visible;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 48px; height: 48px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0; }
.flex-direction-nav .flex-prev {left: 0; transform: rotate(180deg);}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*===== Lists =====*/
ul.accreditations {
list-style-type: none;
margin: 10px 0;
padding: 0;
text-align: center;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
align-content: space-evenly;
width: 100%;
column-gap: 80px;
}

/*===== Gallery =====*/
a.maingallery:link, a.maingallery:visited, a.maingallery:active {
text-decoration: none;
}

.gallery-column-40 {
order: 1;
width: 40%;
padding: 0;
margin: 0;
}

.gallery-column-60 {
order: 1;
width: 60%;
padding: 0;
margin: 0;
}

/*===== Accordions =====*/
.accordions .question.selected:after {
content: "";
}

/*===== Postcode Search =====*/
.fai-postcode {
position: relative;
margin: 80px 0 0;
}

.fai-postcode input {
background: #ffffff;
border: none;
display: inline-block;
width: 300px;
border-radius: 25px;
outline: none;
padding: 15px 20px 15px 60px;
margin: 0 20px 10px 0;
}

.fai-postcode button.magnify {
background-image: url("images/magnify.png");
background-repeat: no-repeat;
background-color: transparent;
background-position: center left;
border: none;
cursor: pointer;
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
top: 9px;
left: 15px;
padding: 18px 20px;
outline: none;
z-index: 2;
}

/*===== Lightbox ======*/
.nivo-lightbox-content,.nivo-lightbox-overlay{height:100%;width:100%}.nivo-lightbox-overlay{position:fixed;top:0;left:0;z-index:99998;overflow:hidden;visibility:hidden;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.nivo-lightbox-overlay.nivo-lightbox-open{visibility:visible;opacity:1}.nivo-lightbox-wrap{position:absolute;top:10%;bottom:10%;left:10%;right:10%}.nivo-lightbox-title-wrap{position:absolute;bottom:0;left:0;width:100%;z-index:99999;text-align:center}.nivo-lightbox-nav{display:none}.nivo-lightbox-prev{position:absolute;top:50%;left:0}.nivo-lightbox-next{position:absolute;top:50%;right:0}.nivo-lightbox-close{position:absolute;top:2%;right:2%}.nivo-lightbox-image{text-align:center}.nivo-lightbox-image img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle}.nivo-lightbox-content iframe,.nivo-lightbox-error{width:100%;height:100%}.nivo-lightbox-ajax{max-height:100%;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.nivo-lightbox-error{display:table;text-align:center;color:#fff;text-shadow:0 1px 1px #000}.nivo-lightbox-error p{display:table-cell;vertical-align:middle}.nivo-lightbox-effect-fade,.nivo-lightbox-effect-fadeScale,.nivo-lightbox-effect-fall,.nivo-lightbox-effect-slideDown,.nivo-lightbox-effect-slideLeft,.nivo-lightbox-effect-slideRight,.nivo-lightbox-effect-slideUp{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap,.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transition:all .3s cubic-bezier(.25, .5, .5, .9);-moz-transition:all .3s cubic-bezier(.25, .5, .5, .9);-ms-transition:all .3s cubic-bezier(.25, .5, .5, .9);-o-transition:all .3s cubic-bezier(.25, .5, .5, .9);transition:all .3s cubic-bezier(.25, .5, .5, .9)}.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);transform:translateX(-10%)}.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%)}.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)}.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.nivo-lightbox-effect-fall .nivo-lightbox-wrap{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translateZ(300px);-moz-transform:translateZ(300px);-ms-transform:translateZ(300px);transform:translateZ(300px)}.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.nivo-lightbox-theme-default.nivo-lightbox-overlay{background:#053305;}.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background:url(images/loading.gif) 50% 50% no-repeat}.nivo-lightbox-theme-default .nivo-lightbox-nav{top:10%;width:8%;height:80%;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;opacity:.5}.nivo-lightbox-theme-default .nivo-lightbox-nav:hover{opacity:1;background-color:rgba(0,0,0,.5)}.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(images/prev.png);border-radius:0 3px 3px 0}.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(images/next.png);border-radius:3px 0 0 3px}.nivo-lightbox-theme-default .nivo-lightbox-close{display:block;background-image:url(images/close@2x.png);background-repeat:no-repeat;width:32px;height:32px;text-indent:-9999px;padding:5px;opacity:.5}.nivo-lightbox-theme-default .nivo-lightbox-close:hover{opacity:1}.nivo-lightbox-theme-default .nivo-lightbox-title-wrap{bottom:-7%}.nivo-lightbox-theme-default .nivo-lightbox-title{font-style:normal;font-weight:400;color:#e6f9db;padding:7px 15px;border-radius:30px}.nivo-lightbox-theme-default .nivo-lightbox-image img{background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);-moz-box-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:0 1px 1px rgba(0,0,0,.4)}.nivo-lightbox-theme-default .nivo-lightbox-ajax,.nivo-lightbox-theme-default .nivo-lightbox-inline{background:#fff;padding:40px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);-moz-box-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:0 1px 1px rgba(0,0,0,.4)}@media (-webkit-min-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(min--moz-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background-image:url(images/loading@2x.gif);background-size:32px 32px}.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(images/prev@2x.png);background-size:48px 48px}.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(images/next@2x.png);background-size:48px 48px}.nivo-lightbox-theme-default .nivo-lightbox-close{background-image:url(images/close@2x.png);background-size:16px 16px}}

/*===== Slider =====*/
img.slider {
height: 85px;
margin: 0 50px;
}

.my-slider {
height: 85px;
margin: 0 auto;
width: 100%;
}

.my-slider ul {
height: 85px;
list-style-type: none; 
margin: 0;
overflow: hidden;
}

.my-slider li {
float: left;
margin: 0;
text-indent: unset;
}

/*===== Owl Carousel =====*/
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: #9ee870;
    border: none;
    padding: 0 !important;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-height {
    transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
    margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
	font-size: 3em;
    margin: 5px 20px;
    padding: 4px 7px;
    background: #171516;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.multi-column-content {
position: relative;
padding: 20px 0;
margin: 0;
}

/*==== Responsive =====*/

/*=== Video Banner ===*/
@media screen and (max-width: 480.99px) 
			  and (min-width: 320px) {

#video-banner-wrapper .breadcrumbs {
top: 30px;
left: 10px;
}

.video-banner-main-video {
padding: 40px 0;	
}

#video-banner-toprow {
padding: 80px 20px 0;	
}

#video-banner-bottomrow {
padding: 0 20px 60px;
}

.video-banner-main-video video {
height: 280px;
}

.video-banner-container {
height: 360px;
}
				  
}

@media screen and (max-width: 600.99px) 
			  and (min-width: 481px) {

#video-banner-wrapper .breadcrumbs {
top: 30px;
left: 20px;
}

#video-banner-toprow {
padding: 80px 40px 0;	
}	

#video-banner-bottomrow {
padding: 20px 40px 60px;
}

.video-banner-main-video video {
height: 320px;
}

.video-banner-container {
height: 400px;
}
				  
}

@media screen and (max-width: 700.99px) 
			  and (min-width: 601px) {

#video-banner-wrapper .breadcrumbs {
top: 30px;
left: 30px;
}

#video-banner-toprow {
padding: 80px 40px 0;	
}

.video-banner-main-video video {
height: 400px;
}

.video-banner-container {
height: 480px;
}	
				  
}

@media screen and (max-width: 850.99px) 
			  and (min-width: 701px) {

#video-banner-wrapper .breadcrumbs {
top: 30px;
left: 30px;
}

#video-banner-toprow {
padding: 80px 40px 0;	
}

.video-banner-main-video video {
height: 450px;
}

.video-banner-container {
height: 530px;
}	
				  
}

@media screen and (max-width: 1024.99px) 
			  and (min-width: 851px) {

#video-banner-wrapper .breadcrumbs {
left: 30px;
}

#video-banner-toprow {
padding: 80px 40px 0;	
}

.video-banner-main-video {
padding: 40px 0;
}

.video-banner-main-video video {
height: 500px;
}

.video-banner-container {
height: 580px;
}	
				  
}

@media screen and (max-width: 1200.99px) 
			  and (min-width: 1025px) {

#video-banner-toprow {
padding: 60px 40px 0;	
}

.video-banner-main-video {
padding: 40px 0;
}

.video-banner-main-video video {
height: 500px;
}

.video-banner-container {
height: 580px;
}	
				  
}

@media screen and (max-width: 1800px) 
			  and (min-width: 1201px) {

#video-banner-toprow {
padding: 40px 40px 0;	
}

.video-banner-main-video {
padding: 40px 0;
}

.video-banner-main-video video {
height: 500px;
}

.video-banner-container {
height: 580px;
}	
				  
}

/*==========================================*/
@media screen and (max-width: 400.99px) 
			  and (min-width: 320px) {

ul.top-menu li {
font-size: 0.9em;
padding: 0 16px;	
}

a.trademob {
display: inline-block;
}

ul.top-menu li.mobile {
border-left: none;
padding: 0;
}

ul.top-menu li.mobile:hover {
background-color: transparent;	
}

ul.top-menu li.mobile a.mobile {
display: none;
}

}

/*==========================================*/
@media screen and (max-width: 480.99px) 
			  and (min-width: 401px) {

ul.top-menu li {
font-size: 1em;
padding: 0 16px;	
}

}


/*==========================================*/
@media screen and (max-width: 480.99px) 
			  and (min-width: 320px) {
				  
.header-trust-wrapper {
display: none;
}

#trustpilot-banner {
display: inline-block;
position: relative;
height: 45px;
}
				  
.nav-bars {
display: none;
}

.nav-bars-mobile {
display: block;
left: 85px;
}

.sub-mobile-menu {
display: flex;
}

.menu_title {
display: block !important;
}

#navbar {
height: 60px;
}

ul.over-menu {
width: 100%;
border-right: none;	
}

.over-menu li a {
font-size: 1.2em;
margin: 0;
padding: 15px 20px 15px 10px;
}

.sub-mobile-menu-content {
padding: 40px 0;
}

.mobile-menu {
padding: 40px 20px;
}

section.menu-btns {
padding: 40px 0 0 10px;
}

a.button.mnu {
width: 280px;
}

ul.stickynav li {
font-size: 1em;
height: 50px;
line-height: 50px;
padding: 0;	
}

ul.stickynav li.fixed {
padding: 0;
}

.breadcrumbs {
top: 350px;
left: 20px;
}

#child-banner .breadcrumbs {
top: 285px;
}

#main-banner {
height: auto;
}

#product-banner {
height: auto;
}

.flexslider .slides > li {
height: 250px;	
}

ul.slides li.flex-active-slide {
height: 250px;
}

#banner-content {
position: relative;
top: unset;
left: unset;
padding: 60px 0 0;
}

#product-banner-content {
top: 35%;
left: 20px;
}

.product-banner-03 {
padding: 40px 20px;
}

#banner-button-wrapper {
padding: 40px 0 0;
}

#banner-trust-wrapper {
padding: 40px 0 0;
}

#banner-logo {
top: -15%;
right: unset;
left: 20px;
}

#footer-logo {
left: 10px;
}

.blog-image {
height: 300px;
}

.blog-header {
min-height: auto;
}

.blog-text {
min-height: auto;
}

.promo-column {
width: 100%;
}

.campaign-details {
min-height: 166px;	
}

.inner-column-plain {
padding: 10px;
}

.playButton {
background-size: 64px;
}

.sup-tab-wrapper {
flex-flow: column nowrap;
}

.sup-tab-item {
margin: 10px 20px 0 20px;
}

button.tablinks {
font-size: 1.3em;
}

.column-std-button-wrapper {
position: relative;
bottom: unset;
left: unset;
padding: 20px 0 0;
}

.brochure-button-wrapper {
padding: 20px 0 0;
}

.main-content-mid-wrapper {
padding: 20px 10px;
}

.blog-text-wrapper {
max-width: 90%;
}

#banner-wrapper {
flex-flow: column nowrap;
}

.main-banner-01 {
order: 2;
width: 100%;
min-height: auto;
padding: 80px 20px;
}

.main-banner-02 {
order: 1;
width: 100%;	
}

.main-banner-404 {
order: 1;
width: 100%;
height: 250px;
}

.product-banner-01 {
order: 2;
width: 100%;
min-height: 300px;
}

.product-banner-02 {
order: 1;
width: 100%;
}

.product-banner-03 {
flex-flow: column nowrap;
align-items: unset;
}

.product-sub-banner-01 {
width: 100%;	
}

.product-sub-banner-02 {
width: 100%;	
padding: 20px 0 0;
text-align: left;
}

.child-banner-01 {
order: 1;
width: 100%;
padding: 0;	
}

.flexslider .child .slides > li {
height: 350px;	
}

#child-banner-slider ul.slides li.flex-active-slide {
height: 350px;
}

.child-banner-02 {
order: 2;
width: 100%;
padding: 80px 20px 30px;
}

#child-banner-content {
padding: 0;	
}

.gallery-column {
width: 100%;
}

.main-gallery-wrapper {
height: 300px;
}

.gallery-six-column {
width: 100%;
}

.six-gallery-wrapper {
height: 300px;
}

#content-block-button-wrapper {
padding: 40px 0 0;
}

.main-content-wrapper {
padding: 40px 10px;
}

.flex-wrapper {
flex-flow: column nowrap;
}

.left-column-40.image {
height: 300px;	
}

.left-column-50 {
order: 1;
width: 100%;
padding: 20px;
}

.left-column-50.image {
order: 2;
width: 100%;
min-height: 300px;
}

.right-column-50 {
order: 1;
width: 100%;
padding: 20px;
}

.right-column-50.image {
order: 2;
width: 100%;
min-height: 300px;
}

.left-column-40 {
order: 1;
width: 100%;
padding: 20px;	
}

.right-column-60 {
order: 2;
width: 100%;	
}

.right-column-60.content {
padding: 20px;
}

.right-column-40 {
order: 1;
width: 100%;
padding: 20px;	
}

.left-column-60 {
order: 2;
width: 100%;	
}

.left-column-60.content {
padding: 20px;
}

.flex-choose-wrapper {
flex-flow: row wrap;
}

.five-column {
width: 100%;
}

.six-column {
width: 100%;
}

.column-image-wrapper {
height: 300px;	
}

.flex-two-wrapper {
flex-flow: column nowrap;	
}

.two-column {
width: 100%;
}

.inner-column-two {
padding: 10px 0;
}

.flex-three-wrapper {
flex-flow: column nowrap;	
}

.three-column {
width: 100%;
}

.inner-column-three {
padding: 10px 0;
}

.flex-four-wrapper {
flex-flow: column nowrap;	
}

.flex-five-wrapper {
flex-flow: row wrap;
}

.flex-five-wrapper.bestsellers {
display: none;
}

.best-sellers-wrapper {
display: block;	
}

.four-column {
width: 100%;
padding: 10px;
}

.four-column.sub {
width: 100%;
}

.inner-column {
padding: 40px;
}

.inner-column-four {
padding: 10px 0;
}

.inner-column-five {
padding: 10px 0;
}

.flex-home-wrapper {
flex-flow: column nowrap;
}

.flex-homesub-wrapper {
flex-flow: column nowrap;	
}

.two-column.homepg {
width: 100%;
}

.two-column.homesub {
width: 100%;
}

.two-column.fixedlft {
min-height: 450px;
order: 2;
}

.two-column.fixedrgt {
min-height: 450px;	
}

.inner-column-home {
padding: 30px;
}

.content-block-wrapper {
min-height: auto;
padding: 20px;
}

.left-content-column-70 {
width: 100%;
min-height: auto;
padding: 20px;
}

.right-content-column-30 {
width: 100%;
min-height: 350px;	
}

.left-content-column-30 {
width: 100%;
min-height: 350px;
}

.right-content-column-70 {
width: 100%;
min-height: auto;
padding: 20px;
}

.left-content-column-50 {
width: 100%;
min-height: auto;
padding: 20px;
}

.right-content-column-50 {
order: 1;
width: 100%;
min-height: auto;
padding: 20px;
}

.right-content-column-50.locationmap {
order: 2;
height: 350px;
}

.left-content-column-50.image {
order: 2;
min-height: 350px;
}

.left-content-column-50.videocolumn {
order: 2;	
}

.right-content-column-50.image {
min-height: 350px;
}

.left-content-column-50.form {
order: 1;
}

.left-content-column-50.noform {
order: 2;
}

.right-content-column-50.form {
order: 1;
}

.right-content-column-50.noform {
order: 2;
}

.left-column-expand-60 {
order: 1;
width: 100%;
margin: 0;
padding: 50px;
}

.right-column-expand-40 {
order: 2;
width: 100%;
min-height: 350px;
padding: 50px;
}

.left-column-expand-40 {
order: 2;
width: 100%;
min-height: 350px;
padding: 50px;
}

.right-column-expand-60 {
order: 1;
width: 100%;
padding: 50px;
}

.left-content-column-60 {
width: 100%;
min-height: auto;
padding: 20px;
}

.right-content-column-40.image {
display: none;
}

.left-content-column-40.image {
display: none;
}

.right-content-column-60 {
width: 100%;
min-height: auto;
padding: 20px;
}

.gallery-column-40 {
width: 100%;
}

.gallery-column-60 {
width: 100%;
}

.home-gallery-full-wrapper {
height: 350px;	
}

.home-gallery-half-wrapper {
height: 350px;
}

#footer-column-01 {
width: 100%;
padding: 0;
}

#footer-column-02 {
width: 100%;
padding: 20px 0 0;
}

#footer-column-03 {
width: 100%;
padding: 20px 0 0;
}

#footer-column-04 {
width: 100%;
padding: 20px 0 0;
}

section.large {
padding: 40px 0 0;
}

p.banner-text {
font-size: 2.5em;
}

p.banner-text.small {
font-size: 2em;
}

p.sub-banner-text {
font-size: 2em;
}

.text-container.small p {
font-size: 0.9em;	
}

a.button {
font-size: 1em;
}

a.button.primary {
margin: 0 10px 10px 0;
}

.heading {
background: url("images/expand.png") no-repeat scroll right 20px center;
padding: 25px 65px 20px 20px;
font-size: 1.3em;
}

.faq-content {
max-width: 95%;
padding: 20px 25px 20px 20px;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 20px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 20px center;
}

#baseline-flex-wrapper {
flex-flow: row wrap;
}

#baseline-column-01 {
order: 1;
width: 100%;
}

.baseline-logo-wrapper {
margin: 20px auto;	
}

#baseline-column-02 {
order: 2;
width: 100%;	
}

.flex-product-wrapper {
flex-flow: column wrap;
}

.left-column-products {
width: 100%;
padding: 0;
z-index: unset;
}

.right-column-products {
width: 100%;
padding: 50px 20px;
}

.button-main {
background-color: #85a400;
background-image: none;
font-size: 0.8em !important;
padding: 10px;
line-height: 1.2em;
}

.button-main:hover {
background-color: #85a400;
background-image: none;
}

.woocommerce ul.products li.product .button {
background-image: none;
font-size: 0.8em !important;
padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.1em !important;
}

ul.products p {
font-size: 1.1em;
}

.custom-label {
padding: 7px 10px;	
}

.loadmorebtn {
font-size: 1em !important;	
}

.header-bar {
padding: 40px 20px;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.75rem;
}

#installer-banner {
height: auto;
}

#installer-banner-wrapper {
flex-flow: column nowrap;
}

.installer-banner-01 {
order: 2;
width: 100%;
height: 100%;	
}

.installer-banner-02 {
order: 1;
width: 100%;
height: 300px;
}

.installer-flex-details {
flex-flow: column nowrap;
}

.left-column-installer-30 {
width: 100%;
padding: 0;
}

.right-column-installer-70 {
width: 100%;
padding: 40px 0 0;
}

.flex-installers-wrapper .two-column {
width: 100%;
}

.left-column-installer-60 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-40 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

#installer-find {
top: 60px;
left: 0;
right: 0;
width: 100%;
}

.two-column.installer {
padding: 10px;
}

.inner-column-isnataller {
padding: 20px;
}

.installer-distance {
top: 50px;
right: 60px;
}

.two-column.premium {
padding: 10px;
}

.inner-column-premium {
padding: 20px;
}

.installer-premium {
top: -10px;
right: 60px;
}

.installer-premium {
position: relative;
top: 40px;
right: unset;
text-align: left;
padding: 0 0 0 20px;
}

.installer-distance {
position: relative;
top: 40px;
right: unset;
padding: 0 0 20px;
}

.installer-premium p {
padding: 0 0 20px 20px;	
}

.installer-details {
padding: 20px 10px;	
}

#installer-header-logo {
position: relative;
top: 0;
right: unset;
left: 20px;
}

#installer-banner-wrapper {
height: auto;	
}

.single-form-container {
max-width: 95%;
}

h1 {
font-size: 2.6em;
}

h1.sub {
font-size: 2.6em;
}

h2.large {
font-size: 2.6em;
}

h2 {
font-size: 2.5em;
}

h2.sub {
font-size: 1.6em;
}

ul.baseline-menu li a {
padding: 0 10px;
font-size: 0.9em;
line-height: 1.5em;	
}

a.button.mobile {
display: inline-block;
}

.modal {
padding: 15px 10px !important;
}

.video-banner-main-video {
width: 95%;
}

.installer-enquiry-wrapper {
min-height: 750px;
}

.flex-popup-wrapper {
flex-flow: column nowrap;	
}

.two-column-popup.image {
width: 100%;
height: 250px;	
padding: 0;
}

.two-column-popup {
width: 100%;
padding: 20px 0 0;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 20px;	
}

.three-column.locations {
width: calc(100% - 10px);
}

.inner-column-locations {
padding: 20px;	
}

}



/*==========================================*/
@media screen and (max-width: 701.99px) 
			  and (min-width: 481px) {
				  
.header-trust-wrapper {
display: none;
}

#trustpilot-banner {
display: inline-block;
}
				  
.nav-bars {
display: none;
}

.nav-bars-mobile {
display: block;
left: 83px;
}

.sub-mobile-menu {
display: flex;
}

.menu_title {
display: block !important;
}

#navbar {
height: 60px;
}

ul.over-menu {
width: 100%;
border-right: none;	
}

.over-menu li a {
font-size: 1.2em;
margin: 0 0 0 20px;
padding: 15px 20px 15px 10px;
}

.sub-mobile-menu-content {
padding: 40px 20px;
}

section.menu-btns {
padding: 40px 0 0 40px;
}

ul.stickynav li {
font-size: 1em;
height: 50px;
line-height: 50px;
padding: 0;	
}

ul.stickynav li.fixed {
padding: 0;
}

.breadcrumbs {
top: 350px;
left: 40px;
}

#child-banner .breadcrumbs {
top: 285px;
}

#main-banner {
height: auto;
}

#product-banner {
height: auto;
}

.flexslider .slides > li {
height: 250px;	
}

ul.slides li.flex-active-slide {
height: 250px;
}

#banner-content {
position: relative;
top: unset;
left: unset;
padding: 80px 0 0;
}

#product-banner-content {
top: 35%;
left: 40px;
}

#banner-button-wrapper {
padding: 40px 0 0;
}

#banner-trust-wrapper {
padding: 40px 0 0;
}

#banner-logo {
top: -15%;
right: unset;
left: 40px;
}

.playButton {
background-size: 64px;
}

#footer-logo {
left: 10px;
}

.blog-image {
height: 325px;
}

.blog-header {
min-height: auto;
}

.blog-text {
min-height: auto;
}

.promo-column {
width: 100%;
}

.campaign-details {
min-height: 166px;	
}

.inner-column-plain {
padding: 10px;
}

.sup-tab-wrapper {
flex-flow: column nowrap;
}

.sup-tab-item {
margin: 10px 20px 0 20px;
}

button.tablinks {
font-size: 1.3em;
}

.column-std-button-wrapper {
position: relative;
bottom: unset;
left: unset;
padding: 40px 0 0;
}

.brochure-button-wrapper {
padding: 40px 0 0;
}

.main-content-mid-wrapper {
padding: 30px 10px;
}

.blog-text-wrapper {
max-width: 80%;
}

#banner-wrapper {
flex-flow: column nowrap;
}

.main-banner-01 {
order: 2;
width: 100%;
min-height: auto;
padding: 60px 40px 80px;
}

.main-banner-02 {
order: 1;
width: 100%;	
}

.main-banner-404 {
order: 1;
width: 100%;
height: 250px;
}

.product-banner-01 {
order: 2;
width: 100%;
min-height: 300px;
}

.product-banner-02 {
order: 1;
width: 100%;
}

.product-banner-03 {
flex-flow: column nowrap;
align-items: unset;
padding: 40px;
}

.product-sub-banner-01 {
width: 100%;	
}

.product-sub-banner-02 {
width: 100%;	
padding: 20px 0 0;
text-align: left;
}

.child-banner-01 {
order: 1;
width: 100%;
padding: 0;	
}

.gallery-column {
width: 50%;
}

.main-gallery-wrapper {
height: 275px;
}

.gallery-six-column {
width: 50%;
}

.six-gallery-wrapper {
height: 275px;
}

#content-block-button-wrapper {
padding: 60px 0 0;
}

.flexslider .child .slides > li {
height: 400px;	
}

#child-banner-slider ul.slides li.flex-active-slide {
height: 400px;
}

.child-banner-02 {
order: 2;
width: 100%;
padding: 80px 40px 40px;
}

#child-banner-content {
padding: 0;	
}

.main-content-wrapper {
padding: 60px 10px;
}

.flex-wrapper {
flex-flow: column nowrap;
}

.left-column-40.image {
height: 350px;	
}

.left-column-50 {
order: 1;
width: 100%;
padding: 40px;
}

.left-column-50.image {
order: 2;
width: 100%;
min-height: 350px;
}

.right-column-50 {
order: 1;
width: 100%;
padding: 40px;
}

.right-column-50.image {
order: 2;
width: 100%;
min-height: 350px;
}

.left-column-40 {
order: 1;
width: 100%;
padding: 40px;	
}

.right-column-60 {
order: 2;
width: 100%;	
}

.right-column-60.content {
padding: 40px;
}

.right-column-40 {
order: 1;
width: 100%;
padding: 40px;	
}

.left-column-60 {
order: 2;
width: 100%;	
}

.left-column-60.content {
padding: 40px;
}

.flex-choose-wrapper {
flex-flow: row wrap;
}

.five-column {
width: 50%;
padding: 10px;
}

.six-column {
width: 50%;
padding: 10px;
}

.column-image-wrapper {
height: 300px;	
}

.flex-two-wrapper {
flex-flow: column nowrap;	
}

.two-column {
width: 100%;
}

.inner-column-two {
padding: 10px 0;
}

.flex-three-wrapper {
flex-flow: column nowrap;	
}

.three-column {
width: 100%;
}

.inner-column-three {
padding: 10px 0;
}

.flex-four-wrapper {
flex-flow: column nowrap;	
}

.flex-five-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper.bestsellers {
display: none;
}

.best-sellers-wrapper {
display: block;	
}

.four-column {
width: 100%;
}

.four-column.sub {
width: 50%;
}

.inner-column {
padding: 60px;
}

.inner-column-four {
padding: 10px 0;
}

.inner-column-five {
padding: 10px 0;
}

.flex-home-wrapper {
flex-flow: column nowrap;
}

.two-column.homepg {
width: 100%;
}

.two-column.fixedlft {
min-height: 450px;	
}

.two-column.fixedrgt {
min-height: 450px;	
}

.inner-column-home {
padding: 40px 30px;
}

.content-block-wrapper {
min-height: auto;
padding: 40px;	
}

.left-content-column-70 {
width: 100%;
min-height: auto;
padding: 40px;
}

.right-content-column-30 {
width: 100%;
min-height: 400px;
}

.left-content-column-30 {
width: 100%;
min-height: 400px;	
}

.right-content-column-70 {
width: 100%;
min-height: auto;
padding: 40px;
}

.left-content-column-50 {
width: 100%;
min-height: auto;
padding: 40px;
}

.right-content-column-50 {
order: 1;
width: 100%;
min-height: auto;
padding: 40px;
}

.right-content-column-50.locationmap {
order: 2;
height: 400px;
}

.left-content-column-50.image {
order: 2;
min-height: 400px;
}

.left-content-column-50.videocolumn {
order: 2;	
}

.right-content-column-50.image {
min-height: 400px;
}

.left-content-column-50.form {
order: 1;
}

.left-content-column-50.noform {
order: 2;
}

.right-content-column-50.form {
order: 1;
}

.right-content-column-50.noform {
order: 2;
}

.left-column-expand-60 {
order: 1;
width: 100%;
margin: 0;
padding: 50px;
}

.right-column-expand-40 {
order: 2;
width: 100%;
min-height: 400px;
padding: 50px;
}

.left-column-expand-40 {
order: 2;
width: 100%;
min-height: 400px;
padding: 50px;
}

.right-column-expand-60 {
order: 1;
width: 100%;
padding: 50px;
}

.gallery-column-40 {
width: 100%;
}

.gallery-column-60 {
width: 100%;
}

.home-gallery-full-wrapper {
height: 400px;	
}

.home-gallery-half-wrapper {
height: 400px;
}

.left-content-column-60 {
width: 100%;
min-height: auto;
padding: 40px;
}

.right-content-column-40.image {
display: none;
}

.left-content-column-40.image {
display: none;
}

.right-content-column-60 {
width: 100%;
min-height: auto;
padding: 40px;
}

#footer-column-01 {
width: 100%;
padding: 0;
}

#footer-column-02 {
width: 50%;
padding: 20px 0 0;
}

#footer-column-03 {
width: 50%;
padding: 20px 0 0;
}

#footer-column-04 {
width: 100%;
padding: 20px 0 0;
}

section.large {
padding: 60px 0 0;
}

p.banner-text {
font-size: 3em;
}

p.banner-text.small {
font-size: 2.5em;
}

p.sub-banner-text {
font-size: 2.5em;
}

.text-container.small p {
font-size: 0.9em;	
}

a.button.primary {
margin: 0 10px 10px 0;
}

.heading {
background: url("images/expand.png") no-repeat scroll right 40px center;
padding: 25px 85px 20px 20px;
font-size: 1.4em;
}

.faq-content {
max-width: 95%;
padding: 20px 40px 20px 40px;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 40px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 40px center;
}

#baseline-flex-wrapper {
flex-flow: row wrap;
}

#baseline-column-01 {
order: 1;
width: 100%;
}

.baseline-logo-wrapper {
margin: 20px auto;	
}

#baseline-column-02 {
order: 2;
width: 100%;	
}

.flex-product-wrapper {
flex-flow: column wrap;
}

.left-column-products {
width: 100%;
padding: 0;
z-index: unset;
}

.right-column-products {
position: relative;
width: 100%;
padding: 50px 40px;
}

.button-main {
background-color: #85a400;
background-image: none;
font-size: 0.8em !important;
padding: 10px;
line-height: 1.2em;
}

.button-main:hover {
background-color: #85a400;
background-image: none;
}

.woocommerce ul.products li.product .button {
background-image: none;
font-size: 0.8em !important;
padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.1em !important;
}

ul.products p {
font-size: 1.1em;
}

.custom-label {
padding: 7px 10px;	
}

.loadmorebtn {
font-size: 1em !important;	
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.75rem;
}

.header-bar {
padding: 40px 40px;
}

#installer-banner {
height: auto;
}

#installer-banner-wrapper {
flex-flow: column nowrap;
}

.installer-banner-01 {
order: 2;
width: 100%;
height: 100%;	
}

.installer-banner-02 {
order: 1;
width: 100%;
height: 350px;
}

.installer-flex-details {
flex-flow: column nowrap;
}

.left-column-installer-30 {
width: 100%;
padding: 0;
}

.right-column-installer-70 {
width: 100%;
padding: 40px 0 0;
}

.flex-installers-wrapper .two-column {
width: 100%;
}

.left-column-installer-60 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-40 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

#installer-find {
top: 10%;
left: 40px;
}

.two-column.installer {
padding: 20px;
}

.installer-distance {
top: 50px;
right: 60px;
}

.two-column.premium {
padding: 20px;
}

.installer-premium {
top: -10px;
right: 60px;
}

.installer-premium {
position: relative;
top: 40px;
right: unset;
text-align: left;
padding: 0 0 0 20px;
}

.installer-distance {
position: relative;
top: 40px;
right: unset;
padding: 0 0 20px;
}

.installer-premium p {
padding: 0 0 20px 20px;	
}

.installer-details {
padding: 40px 10px;	
}

#installer-header-logo {
position: relative;
top: 0;
right: unset;
left: 20px;
}

#installer-banner-wrapper {
height: auto;	
}

.single-form-container {
max-width: 90%;
}

h1 {
font-size: 3em;
}

h1.sub {
font-size: 2.8em;
}

h2.large {
font-size: 2.8em;
}

h2 {
font-size: 2.5em;
}

h2.sub {
font-size: 1.7em;
}

ul.top-menu li {
font-size: 1.1em;
padding: 0 30px;	
}

ul.baseline-menu li a {
padding: 0 10px;	
}

.video-banner-main-video {
width: 95%;
}

.installer-enquiry-wrapper {
min-height: 700px;
}

.flex-popup-wrapper {
flex-flow: column nowrap;	
}

.two-column-popup.image {
width: 100%;
height: 250px;	
padding: 0;
}

.two-column-popup {
width: 100%;
padding: 20px 0 0;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 25px;	
}

.three-column.locations {
width: calc(100% - 20px);
}

.inner-column-locations {
padding: 20px;	
}

}

/*==========================================*/
@media screen and (max-width: 850.99px) 
			  and (min-width: 702px) {
				  
.header-trust-wrapper {
display: none;
}

#trustpilot-banner {
display: inline-block;
}
				  
.nav-bars {
display: none;
}

.nav-bars-mobile {
display: block;
left: 85px;
}

.sub-mobile-menu {
display: flex;
}

.menu_title {
display: block !important;
}

#navbar {
height: 60px;
}

ul.over-menu {
width: 100%;
border-right: none;	
}

.over-menu li a {
padding: 20px 20px 20px 10px;	
}

section.menu-btns {
padding: 40px 0 0 40px;
}

ul.stickynav li {
font-size: 1em;
height: 50px;
line-height: 50px;
padding: 0;	
}

ul.stickynav li.fixed {
padding: 0;
}

.breadcrumbs {
top: 400px;
left: 50px;
}

#child-banner .breadcrumbs {
top: 330px;
}

#main-banner {
height: auto;
}

#product-banner {
height: auto;
}

.flexslider .slides > li {
height: 300px;	
}

ul.slides li.flex-active-slide {
height: 300px;
}

#banner-content {
position: relative;
top: unset;
left: unset;
padding: 60px 40px 90px;
}

#product-banner-content {
top: 35%;
left: 50px;
}

.product-banner-03 {
padding: 40px 50px;
}

.child-banner-01 {
order: 1;
width: 100%;
padding: 0;	
}

.flexslider .child .slides > li {
height: 450px;	
}

#child-banner-slider ul.slides li.flex-active-slide {
height: 450px;
}

.child-banner-02 {
order: 2;
width: 100%;
padding: 80px 50px 40px;
}

#child-banner-content {
padding: 0;	
}

#banner-trust-wrapper {
padding: 40px 0 0;
}

#banner-logo {
top: -15%;
right: unset;
left: 50px;
}

#footer-logo {
left: 10px;
}

.blog-image {
height: 350px;
}

.blog-header {
min-height: auto;
}

.blog-text {
min-height: auto;
}

.promo-column {
width: 100%;
}

.campaign-details {
min-height: 166px;	
}

.inner-column-plain {
padding: 10px;
}

.playButton {
background-size: 128px;
}

.sup-tab-wrapper {
flex-flow: column nowrap;
}

.sup-tab-item {
margin: 10px 20px 0 20px;
}

.column-std-button-wrapper {
position: relative;
bottom: unset;
left: unset;
padding: 40px 0 0;
}

.brochure-button-wrapper {
padding: 40px 0 0;
}

.main-content-mid-wrapper {
padding: 40px 10px;
}

#banner-wrapper {
flex-flow: column nowrap;
}

.main-banner-01 {
order: 2;
width: 100%;
min-height: auto;
padding: 80px 0 0;
}

.main-banner-02 {
order: 1;
width: 100%;	
}

.main-banner-404 {
order: 1;
width: 100%;
height: 300px;
}

.product-banner-01 {
order: 2;
width: 100%;
min-height: 300px;
}

.product-banner-02 {
order: 1;
width: 100%;
}

.gallery-column {
width: 50%;
}

.main-gallery-wrapper {
height: 300px;
}

.gallery-six-column {
width: 33.333%;
}

.six-gallery-wrapper {
height: 250px;
}

.flex-wrapper {
flex-flow: column nowrap;
}

.left-column-50 {
order: 1;
width: 100%;
padding: 50px;
}

.left-column-50.image {
order: 2;
width: 100%;
min-height: 400px;
}

.right-column-50 {
order: 1;
width: 100%;
padding: 50px;
}

.right-column-50.image {
order: 2;
width: 100%;
min-height: 400px;
}

.left-column-40 {
order: 1;
width: 100%;
padding: 50px;	
}

.right-column-60 {
order: 2;
width: 100%;	
}

.right-column-60.content {
padding: 50px;
}

.right-column-40 {
order: 1;
width: 100%;
padding: 50px;	
}

.left-column-60 {
order: 2;
width: 100%;	
}

.left-column-60.content {
padding: 50px;
}

.flex-choose-wrapper {
flex-flow: row wrap;
}

.two-column {
width: 100%;
}

.five-column {
width: 50%;
}

.six-column {
width: 50%;
}

.inner-column {
padding: 50px;
}

.left-column-40.image {
height: 400px;	
}

.left-content-column-60 {
width: 100%;
min-height: auto;
padding: 50px;
}

.right-content-column-40.image {
display: none;
}

.left-content-column-40.image {
display: none;
}

.left-content-column-50.videocolumn {
order: 2;	
}

.right-content-column-60 {
width: 100%;
min-height: auto;
padding: 50px;
}

.column-image-wrapper {
height: 325px;	
}

.inner-column-two {
padding: 10px;
}

.flex-three-wrapper {
flex-flow: column nowrap;	
}

.three-column {
width: 100%;
}

.inner-column-three {
padding: 10px;
}

.flex-four-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper.bestsellers {
display: none;
}

.best-sellers-wrapper {
display: block;	
}

.four-column {
width: 50%;
}

.four-column.sub {
width: 50%;
}

.inner-column-four {
padding: 10px;
}

.inner-column-five {
padding: 10px;
}

.flex-home-wrapper {
flex-flow: column nowrap;
}

.two-column.homepg {
width: 100%;
}

.two-column.fixedlft {
min-height: 500px;	
}

.two-column.fixedrgt {
min-height: 500px;	
}

.inner-column-home {
padding: 60px;
}

.content-block-wrapper {
min-height: auto;
padding: 50px;	
}

.left-content-column-70 {
width: 100%;
min-height: auto;
padding: 50px;
}

.right-content-column-30 {
width: 100%;
min-height: 450px;	
}

.left-content-column-30 {
width: 100%;
min-height: 450px;
}

.right-content-column-70 {
width: 100%;
min-height: auto;
padding: 50px;
}

.left-content-column-50 {
width: 100%;
min-height: auto;
padding: 50px;
}

.right-content-column-50 {
order: 1;
width: 100%;
min-height: auto;
padding: 50px;
}

.right-content-column-50.locationmap {
order: 2;
height: 450px;
}

.left-content-column-50.image {
order: 2;
min-height: 450px;
}

.right-content-column-50.image {
min-height: 450px;
}

.left-content-column-50.form {
order: 1;
}

.left-content-column-50.noform {
order: 2;
}

.right-content-column-50.form {
order: 1;
}

.right-content-column-50.noform {
order: 2;
}

.left-column-expand-60 {
order: 1;
width: 100%;
margin: 0;
padding: 50px;
}

.right-column-expand-40 {
order: 2;
width: 100%;
min-height: 450px;
padding: 50px;
}

.left-column-expand-40 {
order: 2;
width: 100%;
min-height: 450px;
padding: 50px;
}

.right-column-expand-60 {
order: 1;
width: 100%;
padding: 50px;
}

.home-gallery-full-wrapper {
height: 500px;	
}

.home-gallery-half-wrapper {
height: 250px;
}

#footer-column-01 {
width: 60%;
}

#footer-column-02 {
width: 40%;
}

#footer-column-03 {
width: 60%;
padding: 20px 0 0;
}

#footer-column-04 {
width: 40%;
padding: 20px 0 0;
}

p.banner-text {
font-size: 3em;
}

p.banner-text.small {
font-size: 2.5em;
}

p.sub-banner-text {
font-size: 2.5em;
}

a.button.primary {
margin: 0 10px 10px 0;
}

.heading {
background: url("images/expand.png") no-repeat scroll right 50px center;
padding: 25px 75px 20px 20px;
font-size: 1.4em;
}

.faq-content {
max-width: 90%;
padding: 20px 40px 20px 50px;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 50px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 50px center;
}

ul.baseline-menu li a {
padding: 0 15px;	
}

.flex-product-wrapper {
flex-flow: column wrap;
}

.left-column-products {
width: 100%;
padding: 0;
z-index: unset;
}

.right-column-products {
width: 100%;
padding: 50px;
}

.button-main {
background-color: #85a400;
background-image: none;
font-size: 0.8em !important;
padding: 10px;
line-height: 1.2em;
}

.button-main:hover {
background-color: #85a400;
background-image: none;
}

.woocommerce ul.products li.product .button {
background-image: none;
font-size: 0.8em !important;
padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.1em !important;
}

ul.products p {
font-size: 1.1em;
}

.custom-label {
padding: 7px 10px;	
}

.loadmorebtn {
font-size: 1em !important;	
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.75rem;
}

.header-bar {
padding: 40px 50px;
}

#installer-banner {
height: auto;
}

#installer-banner-wrapper {
flex-flow: column nowrap;
}

.installer-banner-01 {
order: 2;
width: 100%;
height: 100%;	
}

.installer-banner-02 {
order: 1;
width: 100%;
height: 400px;
}

#installer-find {
top: 10%;
left: 50px;
}

.left-column-installer-30 {
width: 40%;
}

.right-column-installer-70 {
width: 60%;
}

.flex-installers-wrapper {
flex-flow: column nowrap;
}

.flex-installers-wrapper .two-column {
width: 100%;
}

.left-column-installer-60 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-40 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

.two-column.installer {
padding: 10px;
}

.inner-column-installer {
padding: 20px;
}

.two-column.premium {
padding: 10px;
}

.inner-column-premium {
padding: 20px;
}

.installer-distance {
top: 40px;
right: 40px;
}

.installer-premium {
top: -30px;
right: 40px;
}

#installer-header-logo {
position: relative;
top: 0;
right: unset;
left: 20px;
}

#installer-banner-wrapper {
height: auto;	
}

h1 {
font-size: 3.2em;
}

h1.sub {
font-size: 3em;
}

h2.large {
font-size: 3em;
}

h2 {
font-size: 2.6em;
}

h2.sub {
font-size: 1.8em;
}

/*=== Menu ===*/
ul.over-menu {
width: 100%;
}

.video-banner-main-video {
width: 95%;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 25px;	
}

.three-column.locations {
width: calc(50% - 20px);
}

.inner-column-locations {
padding: 20px;	
}

}


/*==========================================*/
@media screen and (max-width: 991.99px) 
			  and (min-width: 851px) {
				  
.header-trust-wrapper {
display: none;
}

#trustpilot-banner {
display: inline-block;
}
				  
#navbar {
height: 80px;
}

ul.stickynav li {
font-size: 1em;
height: 80px;
line-height: 80px;
padding: 0 20px;	
}

ul.stickynav li.fixed {
padding: 0 20px 0 0;
}

.breadcrumbs {
left: 50px;
}

#main-banner {
height: 500px;
}

#product-banner {
height: 350px;
}

.flexslider .slides > li {
height: 500px;	
}

ul.slides li.flex-active-slide {
height: 500px;
}

#banner-content {
top: 15%;
left: 50px;
padding: 0 100px 0 0;
}

#product-banner-content {
left: 50px;
}

.product-banner-03 {
padding: 40px 50px;
}

.child-banner-01 {
padding: 80px 50px 60px 50px;	
}

.child-banner-02 {
padding: 0 50px 60px 0;	
}

#child-banner-content {
top: unset;
padding: 60px 0 0;	
}

#banner-trust-wrapper {
padding: 40px 0 0;
}

#banner-logo {
top: 30%;
}

#banner-button-wrapper {
padding: 60px 0 0;
}

#footer-logo {
left: 10px;
}

.blog-image {
height: 325px;
}

.blog-header {
min-height: 85px;
padding: 10 20px 10px;
}

.blog-text {
min-height: 240px;
}

.blog-text p {
font-size: 1em;
}

.promo-column {
width: 100%;
}

.campaign-details {
min-height: 166px;	
}

.inner-column-plain {
padding: 10px;
}

.playButton {
background-size: 128px;
}

.sup-tab-item {
margin: 0 20px;	
}

button.tablinks {
font-size: 1.3em;
}

.main-gallery-wrapper {
height: 300px;
}

.gallery-six-column {
width: 25%;
}

.six-gallery-wrapper {
height: 275px;
}

.column-std-button-wrapper {
bottom: 50px;
left: 50px;
}

.brochure-button-wrapper {
padding: 40px 0 0;
}

.main-content-mid-wrapper {
padding: 40px 10px;
}

.main-banner-01 {
width: 65%;
}

.main-banner-02 {
width: 35%;	
}

.main-banner-404 {
width: 35%;
}

.product-banner-01 {
width: 65%;
}

.product-banner-02 {
width: 35%;	
}

.left-column-50 {
padding: 0 50px;
}

.right-column-50 {
padding: 0 50px;
}

.left-column-40 {
padding: 50px;	
}

.right-column-40 {
padding: 50px;	
}

.right-column-60.content {
padding: 0 50px;
}

.left-column-60.content {
padding: 0 50px;
}

.flex-choose-wrapper {
flex-flow: row wrap;
}

.five-column {
width: 33.333%;
}

.six-column {
width: 33.333%;
}

.inner-column {
padding: 50px;
}

.flex-home-wrapper {
flex-flow: column nowrap;
}

.two-column.homepg {
width: 100%;
}

.two-column.fixedlft {
min-height: 500px;	
}

.two-column.fixedrgt {
min-height: 500px;	
}

.inner-column-home {
padding: 60px;
}

.column-std-button-wrapper {
bottom: 60px;
left: 60px;
}

.column-image-wrapper {
height: 325px;	
}

.inner-column-two {
padding: 10px;
}

.inner-column-three {
padding: 10px;
}

.flex-four-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper.bestsellers {
display: none;
}

.best-sellers-wrapper {
display: block;	
}

.four-column {
width: 50%;
}

.four-column.sub {
width: 50%;
}

.inner-column-four {
padding: 10px;
}

.inner-column-five {
padding: 10px;
}

.content-block-wrapper {
padding: 50px;	
}

.left-content-column-70 {
padding: 50px;
}

.right-content-column-70 {
padding: 50px;
}

.left-content-column-50 {
padding: 50px;
}

.right-content-column-50 {
padding: 50px;
}

.left-column-expand-60 {
padding: 50px;
}

.right-column-expand-40 {
padding: 50px;
}

.left-column-expand-40 {
padding: 50px;
}

.right-column-expand-60 {
padding: 50px;
}

.home-gallery-full-wrapper {
height: 550px;	
}

.home-gallery-half-wrapper {
height: 275px;
}

p.banner-text {
font-size: 3em;
}

p.banner-text.small {
font-size: 2.5em;
}

p.sub-banner-text {
font-size: 2.5em;
}

a.button.primary {
margin: 0 10px 10px 0;
}

.heading {
background: url("images/expand.png") no-repeat scroll right 50px center;
padding: 25px 75px 20px 50px;
font-size: 1.5em;
}

.faq-content {
padding: 20px 40px 20px 50px;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 50px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 50px center;
}

.flex-product-wrapper {
flex-flow: column wrap;
}

.left-column-products {
width: 100%;
padding: 0;
z-index: unset;
}

.right-column-products {
width: 100%;
padding: 50px;
}

.button-main {
background-color: #85a400;
background-image: none;
font-size: 0.8em !important;
padding: 10px;
line-height: 1.2em;
}

.button-main:hover {
background-color: #85a400;
background-image: none;
}

.woocommerce ul.products li.product .button {
background-image: none;
font-size: 0.8em !important;
padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.1em !important;
}

ul.products p {
font-size: 1.1em;
}

.custom-label {
padding: 7px 10px;	
}

.loadmorebtn {
font-size: 1em !important;	
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.75rem;
}

.header-bar {
padding: 40px 50px;
}

#installer-banner {
height: 500px;
}

#installer-find {
top: 12%;
left: 50px;
}

.installer-flex-details {
flex-flow: column nowrap;
}

.left-column-installer-30 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-70 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

.two-column.installer {
padding: 10px;
}

.inner-column-installer {
padding: 30px;
}

.two-column.premium {
padding: 10px;
}

.inner-column-premium {
padding: 30px;
}

.installer-distance {
top: 40px;
right: 40px;
}

.installer-premium {
top: -30px;
right: 40px;
}

#installer-header-logo {
position: relative;
top: 0;
right: unset;
left: 20px;
}

h1 {
font-size: 3.2em;
}

h1.sub {
font-size: 3em;
}

h2.large {
font-size: 3em;
}

h2 {
font-size: 2.6em;
}

h2.sub {
font-size: 1.8em;
}

/*=== Menu ===*/
ul.over-menu {
width: 50%;
}

.over-menu li a {
margin: 0 0 0 20px;	
}

.sub-menu li a {
margin: 0 0 0 20px;	
}

section.menu-btns {
padding: 40px 0 0 20px;
}

.triple-menu {
display: none;	
}

.video-banner-main-video {
width: 95%;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 25px;	
}

.three-column.locations {
width: calc(50% - 20px);
}

.inner-column-locations {
padding: 20px;	
}

}


/*==========================================*/
@media screen and (max-width: 1024.99px) 
			  and (min-width: 992px) {
				  
.header-trust-wrapper {
display: none;
}

#trustpilot-banner {
display: inline-block;
}
				  
#navbar {
height: 80px;
}

ul.stickynav li {
font-size: 1em;
height: 80px;
line-height: 80px;
padding: 0 15px;	
}

ul.stickynav li.fixed {
padding: 0 20px 0 0;
}

.breadcrumbs {
left: 50px;
}

#main-banner {
height: 500px;
}

#product-banner {
height: 350px;
}

.flexslider .slides > li {
height: 500px;	
}

ul.slides li.flex-active-slide {
height: 500px;
}

#banner-content {
top: 15%;
left: 50px;
padding: 0 100px 0 0;
}

#product-banner-content {
left: 50px;
}

.product-banner-03 {
padding: 40px 50px;
}

.child-banner-01 {
padding: 80px 50px 60px 50px;	
}

.child-banner-02 {
padding: 0 50px 60px 0;	
}

#child-banner-content {
top: 50px;
padding: 0;	
}

#banner-trust-wrapper {
padding: 40px 0 0;
}

#banner-logo {
top: 30%;
}

#footer-logo {
left: 10px;
}

#footer-column-01 {
padding: 0 25px 0 0;
}

.blog-image {
height: 325px;
}

.blog-header {
min-height: 85px;
padding: 10 20px 10px;
}

.blog-text {
min-height: 210px;
}

.blog-text p {
font-size: 1em;
}

.promo-column {
width: 100%;
}

.campaign-details {
min-height: 166px;	
}

.inner-column-plain {
padding: 10px;
}

.playButton {
background-size: 128px;
}

.sup-tab-item {
margin: 0 20px;	
}

button.tablinks {
font-size: 1.3em;
}

.main-gallery-wrapper {
height: 300px;
}

.gallery-six-column {
width: 25%;
}

.six-gallery-wrapper {
height: 275px;
}

.column-std-button-wrapper {
bottom: 50px;
left: 50px;
}

.brochure-button-wrapper {
padding: 40px 0 0;
}

.main-banner-01 {
width: 65%;
}

.main-banner-02 {
width: 35%;	
}

.main-banner-404 {
width: 35%;
}

.product-banner-01 {
width: 65%;
}

.product-banner-02 {
width: 35%;	
}

.left-column-50 {
padding: 0 50px;
}

.right-column-50 {
padding: 0 50px;
}

.left-column-40 {
padding: 50px;	
}

.right-column-40 {
padding: 50px;	
}

.right-column-60.content {
padding: 0 50px;
}

.left-column-60.content {
padding: 0 50px;
}

.flex-choose-wrapper {
flex-flow: row wrap;
}

.five-column {
width: 33.333%;
}

.six-column {
width: 33.333%;
}

.inner-column {
padding: 50px;
}

.two-column.fixedlft {
min-height: 500px;	
}

.two-column.fixedrgt {
min-height: 500px;	
}

.inner-column-home {
padding: 40px 20px;
}

.column-std-button-wrapper {
bottom: 30px;
left: 30px;
}

.column-image-wrapper {
height: 325px;	
}

.inner-column-two {
padding: 10px;
}

.inner-column-three {
padding: 10px;
}

.flex-four-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper.bestsellers {
display: none;
}

.best-sellers-wrapper {
display: block;	
}

.four-column {
width: 50%;
}

.four-column.sub {
width: 50%;
}

.inner-column-four {
padding: 10px;
}

.inner-column-five {
padding: 10px;
}

.content-block-wrapper {
padding: 50px;	
}

.left-content-column-70 {
padding: 50px;
}

.right-content-column-70 {
padding: 50px;
}

.left-content-column-50 {
padding: 50px;
}

.right-content-column-50 {
padding: 50px;
}

.left-column-expand-60 {
padding: 50px;
}

.right-column-expand-40 {
padding: 50px;
}

.left-column-expand-40 {
padding: 50px;
}

.right-column-expand-60 {
padding: 50px;
}

.home-gallery-full-wrapper {
height: 550px;	
}

.home-gallery-half-wrapper {
height: 275px;
}

p.banner-text {
font-size: 3em;
}

p.banner-text.small {
font-size: 2.5em;
}

p.sub-banner-text {
font-size: 2.5em;
}

a.button.primary {
margin: 0 10px 10px 0;
}

.heading {
background: url("images/expand.png") no-repeat scroll right 50px center;
padding: 25px 75px 20px 50px;
font-size: 1.5em;
}

.faq-content {
padding: 20px 40px 20px 50px;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 50px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 50px center;
}

.left-column-products {
width: 40%;
padding: 50px 20px;
}

.right-column-products {
width: 60%;
padding: 50px 20px;
}

.button-main {
background-color: #85a400;
background-image: none;
font-size: 0.8em !important;
padding: 10px;
line-height: 1.2em;
}

.button-main:hover {
background-color: #85a400;
background-image: none;
}

.woocommerce ul.products li.product .button {
background-image: none;
font-size: 0.8em !important;
padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1em !important;
}

ul.products p {
font-size: 1em;
}

.custom-label {
padding: 7px 10px;	
}

.loadmorebtn {
font-size: 1em !important;	
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.6rem;
}

.header-bar {
padding: 40px 50px;
}

#installer-banner {
height: 500px;
}

#installer-find {
top: 12%;
left: 50px;
}

.installer-flex-details {
flex-flow: column nowrap;
}

.left-column-installer-30 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-70 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

.two-column.installer {
padding: 20px;
}

.inner-column-installer {
padding: 30px;
}

.two-column.premium {
padding: 20px;
}

.inner-column-premium {
padding: 30px;
}

.installer-distance {
top: 60px;
right: 60px;
}

.installer-premium {
top: -10px;
right: 50px;
}

h1 {
font-size: 3.4em;
}

h1.sub {
font-size: 3.1em;
}

h2.large {
font-size: 3.1em;
}

h2 {
font-size: 2.7em;
}

h2.sub {
font-size: 1.8em;
}

/*=== Menu ===*/
ul.over-menu {
width: 50%;
}

.over-menu li a {
margin: 0 0 0 30px;	
}

.sub-menu li a {
margin: 0 0 0 30px;	
}

section.menu-btns {
padding: 40px 0 0 30px;
}

.triple-menu {
display: none;	
}

.video-banner-main-video {
width: 95%;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 25px;	
}

.three-column.locations {
width: calc(50% - 25px);
}

.inner-column-locations {
padding: 20px;	
}

}

/*==========================================*/
@media screen and (max-width: 1200.99px) 
			  and (min-width: 1025px) {
				  
.header-trust-wrapper {
display: none;
}

#trustpilot-banner {
display: inline-block;
}
				  
#navbar {
height: 80px;
}

ul.stickynav li {
font-size: 1em;
height: 80px;
line-height: 80px;
padding: 0 30px;	
}

ul.stickynav li.fixed {
padding: 0 30px 0 0;
}

.breadcrumbs {
left: 60px;
}

#main-banner {
height: 550px;
}

.flexslider .slides > li {
height: 550px;	
}

ul.slides li.flex-active-slide {
height: 550px;
}

#banner-content {
left: 60px;
}

#product-banner-content {
left: 60px;
}

.product-banner-03 {
padding: 40px 60px;
}

.child-banner-01 {
padding: 80px 60px 60px;	
}

.child-banner-02 {
padding: 0 60px 60px 0;	
}

#child-banner-content {
top: unset;
padding: 60px 0 0;	
}

#banner-logo {
top: 32%;
}

#footer-logo {
left: 10px;
}

#footer-column-01 {
padding: 0 50px 0 0;
}

.blog-image {
height: 325px;
}

.blog-header {
min-height: 85px;
padding: 10 20px 10px;
}

.blog-text {
min-height: 185px;
}

.blog-text p {
font-size: 1em;
}

.promo-column {
width: 100%;
}

.campaign-details {
min-height: 166px;	
}

.inner-column-plain {
padding: 10px;
}

.playButton {
background-size: 128px;
}

.main-gallery-wrapper {
height: 350px;
}

.gallery-six-column {
width: 25%;
}

.six-gallery-wrapper {
height: 275px;
}

.sup-tab-item {
margin: 0 30px;	
}

.column-std-button-wrapper {
bottom: 60px;
left: 60px;
}

.brochure-button-wrapper {
padding: 60px 0 0;
}

.main-banner-01 {
width: 65%;
}

.main-banner-02 {
width: 35%;	
}

.main-banner-404 {
width: 35%;
}

.product-banner-01 {
width: 65%;
}

.product-banner-02 {
width: 35%;	
}

.left-column-50 {
padding: 0 60px;
}

.right-column-50 {
padding: 0 60px;
}

.left-column-40 {
padding: 60px;	
}

.right-column-40 {
padding: 60px;	
}

.right-column-60.content {
padding: 0 60px;
}

.left-column-60.content {
padding: 0 60px;
}

.flex-choose-wrapper {
flex-flow: row wrap;
}

.five-column {
width: 33.333%;
}

.six-column {
width: 33.333%;
}

.inner-column {
padding: 60px;
}

.column-image-wrapper {
height: 325px;	
}

.inner-column-two {
padding: 10px;
}

.inner-column-three {
padding: 10px;
}

.flex-four-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper.bestsellers {
display: none;
}

.best-sellers-wrapper {
display: block;	
}

.four-column {
width: 50%;
}

.four-column.sub {
width: 50%;
}

.inner-column-four {
padding: 10px;
}

.inner-column-five {
padding: 10px;
}

.two-column.fixedlft {
min-height: 500px;	
}

.two-column.fixedrgt {
min-height: 500px;	
}

.inner-column-home {
padding: 40px 30px;
}

.column-std-button-wrapper {
bottom: 30px;
left: 30px;
}

.content-block-wrapper {
padding: 60px;	
}

.left-content-column-70 {
padding: 60px;
}

.right-content-column-70 {
padding: 60px;
}

.left-content-column-50 {
padding: 60px;
}

.right-content-column-50 {
padding: 60px;
}

.left-column-expand-60 {
padding: 60px;
}

.right-column-expand-40 {
padding: 60px;
}

.left-column-expand-40 {
padding: 60px;
}

.right-column-expand-60 {
padding: 60px;
}

p.banner-text {
font-size: 3.5em;
}

p.banner-text.small {
font-size: 3em;
}

p.sub-banner-text {
font-size: 3em;
}

a.button.primary {
margin: 0 10px 10px 0;
}

.heading {
background: url("images/expand.png") no-repeat scroll right 60px center;
padding: 25px 80px 20px 60px;
font-size: 1.5em;
}

.faq-content {
max-width: 90%;
padding: 20px 40px 20px 60px;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 60px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 60px center;
}

.left-column-products {
width: 37%;
padding: 60px 25px;
}

.right-column-products {
width: 63%;
padding: 60px 30px;
}

.button-main {
background-color: #85a400;
background-image: none;
font-size: 0.8em !important;
padding: 10px;
line-height: 1.2em;
}

.button-main:hover {
background-color: #85a400;
background-image: none;
}

.woocommerce ul.products li.product .button {
background-image: none;
font-size: 0.8em !important;
padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1em !important;
}

ul.products p {
font-size: 1em;
}

.loadmorebtn {
font-size: 1em !important;	
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.6rem;
}

.header-bar {
padding: 40px 60px;
}

#installer-banner {
height: 550px;
}

#installer-find {
top: 15%;
left: 60px;
}

.installer-flex-details {
flex-flow: column nowrap;
}

.left-column-installer-30 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-70 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

.two-column.installer {
padding: 20px;
}

.two-column.premium {
padding: 20px;
}

.installer-distance {
top: 60px;
right: 60px;
}

.installer-premium {
top: -10px;
right: 50px;
}

h1 {
font-size: 3.5em;
}

h1.sub {
font-size: 3.2em;
}

h2 {
font-size: 2.7em;
}

h2.sub {
font-size: 1.8em;
}

/*== Menu ===*/
ul.over-menu {
width: 32%;
}

.over-menu li a {
margin: 0 0 0 20px;	
}

.sub-menu li a {
margin: 0 0 0 20px;	
}

.triple-menu {
left: 112%;
padding: 0;	
}

section.menu-btns {
padding: 40px 0 0 20px;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 20px;	
}

.three-column.locations {
width: calc(33.333% - 20px);
}

.inner-column-locations {
padding: 20px;	
}

}


/*==========================================*/
@media screen and (max-width: 1300.99px) 
			  and (min-width: 1201px) {
				  
.header-trust-wrapper {
display: none;
}

#trustpilot-banner {
display: inline-block;
}
				  
ul.stickynav li {
padding: 0 40px;	
}

ul.stickynav li.fixed {
padding: 0 40px 0 0;
}

.breadcrumbs {
left: 60px;
}

#banner-content {
left: 60px;
}

#product-banner-content {
left: 60px;
}

.child-banner-01 {
padding: 80px 60px 60px;	
}

.child-banner-02 {
padding: 0 60px 60px 0;	
}

#child-banner-content {
top: 60px;
padding: 0;	
}

#footer-logo {
left: 10px;
}

.blog-image {
height: 350px;
}

.blog-header {
min-height: 85px;
padding: 10 20px 10px;
}

.blog-text {
min-height: 180px;
}

.campaign-details {
min-height: 175px;	
}

.inner-column-plain {
padding: 10px;
}

.column-std-button-wrapper {
bottom: 60px;
left: 60px;
}

.brochure-button-wrapper {
padding: 60px;
}

.left-column-50 {
padding: 0 60px;
}

.right-column-50 {
padding: 0 60px;
}

.left-column-40 {
padding: 60px;	
}

.right-column-40 {
padding: 60px;	
}

.right-column-60.content {
padding: 0 60px;
}

.left-column-60.content {
padding: 0 60px;
}

.inner-column {
padding: 60px;
}

.column-image-wrapper {
height: 325px;	
}

.inner-column-two {
padding: 10px;
}

.inner-column-three {
padding: 10px;
}

.flex-four-wrapper {
flex-flow: row wrap;	
}

.flex-five-wrapper {
flex-flow: row wrap;	
}

.four-column {
width: 50%;
}

.four-column.sub {
width: 50%;
}

.inner-column-four {
padding: 10px;
}

.inner-column-five {
padding: 10px;
}

.two-column.fixedlft {
min-height: 500px;	
}

.two-column.fixedrgt {
min-height: 500px;	
}

.inner-column-home {
padding: 40px;
}

.column-std-button-wrapper {
bottom: 40px;
left: 40px;
}

.content-block-wrapper {
padding: 60px;	
}

.left-content-column-70 {
padding: 60px;
}

.right-content-column-70 {
padding: 60px;
}

.left-content-column-50 {
padding: 60px;
}

.right-content-column-50 {
padding: 60px;
}

.left-column-expand-60 {
padding: 60px;
}

.right-column-expand-40 {
padding: 60px;
}

.left-column-expand-40 {
padding: 60px;
}

.right-column-expand-60 {
padding: 60px;
}

.heading {
background: url("images/expand.png") no-repeat scroll right 60px center;
padding: 25px 80px 20px 60px;
font-size: 1.6em;
}

.faq-content {
padding: 20px 40px 20px 60px;
}

.bg {
background: url("images/expand.png") no-repeat scroll right 60px center;
}

.new-bg {
background: url("images/reduce.png") no-repeat scroll right 60px center;
}

.left-column-products {
width: 37%;
padding: 60px 25px;
}

.right-column-products {
width: 63%;
padding: 60px 30px;
}

.button-main {
background-color: #85a400;
background-image: none;
font-size: 0.9em !important;
padding: 10px 20px;
line-height: 1.2em;
}

.button-main:hover {
background-color: #85a400;
background-image: none;
}

.woocommerce ul.products li.product .button {
background-image: none;
font-size: 0.9em !important;
padding: 10px 20px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1em !important;
}

ul.products p {
font-size: 1em;
}

.loadmorebtn {
font-size: 1em !important;	
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.7rem;
}

.header-bar {
padding: 40px 60px;
}

.installer-flex-details {
flex-flow: column nowrap;
}

.left-column-installer-30 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-70 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

.two-column.installer {
padding: 20px;
}

.two-column.premium {
padding: 20px;
}

.installer-distance {
top: 60px;
right: 60px;
}

.installer-premium {
top: -10px;
right: 50px;
}

h1 {
font-size: 3.8em;
}

h2 {
font-size: 2.8em;
}

h2.sub {
font-size: 2em;
}

.textFormFieldBlock {
padding: 10px;
}

.phoneFormFieldBlock {
padding: 10px;	
}

/*== Menu ===*/
ul.over-menu {
width: 32%;
}

.over-menu li a {
margin: 0 0 0 30px;
}

.triple-menu {
padding: 0;	
}

section.menu-btns {
padding: 40px 0 0 30px;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 20px;	
}

.three-column.locations {
width: calc(33.333% - 20px);
}

}


/*==========================================*/
@media screen and (max-width: 1450.99px) 
			  and (min-width: 1301px) {
  
.blog-image {
height: 350px;
}

.blog-header {
min-height: 85px;
padding: 10 20px 10px;
}

.blog-text {
min-height: 180px;
}

.campaign-details {
min-height: 175px;	
}

.column-image-wrapper {
height: 325px;	
}

.inner-column-two {
padding: 10px;
}

.inner-column-three {
padding: 10px;
}

.inner-column-four {
padding: 10px;
}

.inner-column-five {
padding: 10px;
}

.two-column.fixedlft {
min-height: 550px;	
}

.two-column.fixedrgt {
min-height: 550px;	
}

.inner-column-home {
padding: 50px;
}

.column-std-button-wrapper {
bottom: 50px;
left: 50px;
}
				  
h2.sub {
font-size: 2em;
}

a.clear-button {
font-size: 1.05em;
}

.left-column-products {
width: 35%;
padding: 60px 40px;
}

.right-column-products {
width: 65%;
padding: 60px 40px;
}

.button-main {
font-size: 0.9em !important;
padding: 10px 45px 10px 12px;
line-height: 1.2em;
}

.woocommerce ul.products li.product .button {
font-size: 0.9em !important;
padding: 12px 45px 12px 12px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 1.1em !important;
}

ul.products p {
font-size: 1.1em;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label .term-label {
font-size: 0.75rem;
}

.installer-flex-details {
flex-flow: column nowrap;
}

.left-column-installer-30 {
order: 1;
width: 100%;
padding: 0;
}

.right-column-installer-70 {
order: 2;
width: 100%;
padding: 40px 0 0;
}

.two-column.installer {
padding: 20px;
}

.two-column.premium {
padding: 20px;
}

.installer-distance {
top: 60px;
right: 60px;
}

.installer-premium {
top: -10px;
right: 50px;
}

/*== Menu ===*/
ul.over-menu {
width: 30%;
}

section.menu-btns {
padding: 40px 0 0 50px;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 20px;	
}

.three-column.locations {
width: calc(33.333% - 20px);
}
				  
}


/*==========================================*/
@media screen and (max-width: 1550.99px) 
			  and (min-width: 1451px) {

.blog-image {
height: 375px;
}

.blog-text {
min-height: 155px;
}

.campaign-details {
min-height: 175px;	
}

a.clear-button {
font-size: 1.1em;
}
				  
.left-column-products {
width: 35%;
padding: 80px 40px;
}

.right-column-products {
width: 65%;
padding: 80px 40px;
}

.two-column.fixedlft {
min-height: 550px;	
}

.two-column.fixedrgt {
min-height: 550px;	
}

.inner-column-home {
padding: 60px;
}

.column-std-button-wrapper {
bottom: 60px;
left: 60px;
}

/*== Locations ==*/
.locations-installers-wrapper {
gap: 20px;	
}

.three-column.locations {
width: calc(33.333% - 20px);
}
				  
}


/*==========================================*/
@media screen and (max-width: 1700.99px) 
			  and (min-width: 1551px) {
				  
#footer-logo {
left: 10px;
}

.blog-text {
min-height: 155px;
}

.campaign-details {
min-height: 175px;	
}
				  
.left-column-products {
width: 35%;
}

.right-column-products {
width: 65%;
padding: 80px 40px;
}

.two-column.fixedlft {
min-height: 600px;	
}

.two-column.fixedrgt {
min-height: 600px;	
}

.inner-column-home {
padding: 60px;
}

.column-std-button-wrapper {
bottom: 60px;
left: 60px;
}
				  
}


/*==========================================*/
@media screen and (max-width: 1800px) 
			  and (min-width: 1701px) {
				  
#footer-logo {
left: 10px;
}

.blog-text {
min-height: 155px;
}
				  
.left-column-products {
width: 35%;
}

.right-column-products {
width: 65%;
padding: 80px 40px;
}

.two-column.fixedlft {
min-height: 600px;	
}

.two-column.fixedrgt {
min-height: 600px;	
}

.inner-column-home {
padding: 60px;
}

.column-std-button-wrapper {
bottom: 60px;
left: 60px;
}
				  
}