@charset "UTF-8";
@font-face {
font-family: "Flaticon";
src: url(https://waxenergy.navconnect.co.uk/wp-content/plugins/woo-product-gallery-slider/assets/css/font/Flaticon.eot);
src: url(https://waxenergy.navconnect.co.uk/wp-content/plugins/woo-product-gallery-slider/assets/css/font/Flaticon.eot?#iefix) format("embedded-opentype"),
url(https://waxenergy.navconnect.co.uk/wp-content/plugins/woo-product-gallery-slider/assets/css/font/Flaticon.woff) format("woff"),
url(https://waxenergy.navconnect.co.uk/wp-content/plugins/woo-product-gallery-slider/assets/css/font/Flaticon.ttf) format("truetype"),
url(https://waxenergy.navconnect.co.uk/wp-content/plugins/woo-product-gallery-slider/assets/css/font/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(https://waxenergy.navconnect.co.uk/wp-content/plugins/woo-product-gallery-slider/assets/css/font/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-size: 30px;
font-style: normal;
}
.flaticon-right-arrow:before { content: "\f100"; }
.flaticon-back:before { content: "\f101"; }
      article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
z-index: 1;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong,
.strong {
font-weight: bold;
} dfn,
em,
.em {
font-style: italic;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
} pre {
margin: 0;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} q:before,
q:after {
content: '';
content: none;
}
small, .small {
font-size: 75%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0;
} menu {
padding: 0 0 0 40px;
}
ol,
ul {
padding: 0;
list-style-type: none;
}
.entry-content ul {
padding: 0 0 0 20px;
list-style-type: disc;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix, .cf, .comment-respond {
zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
content: "";
display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
clear: both;
} span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic;
}      @font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Regular.eot);
src: local("DIN Next LT Pro Regular"), local("DINNextLTPro-Regular"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Regular.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Regular.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Regular.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Medium.eot);
src: local("DIN Next LT Pro Medium"), local("DINNextLTPro-Medium"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Medium.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Medium.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Medium.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BoldItalic.eot);
src: local("DIN Next LT Pro Bold Italic"), local("DINNextLTPro-BoldItalic"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BoldItalic.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BoldItalic.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BoldItalic.ttf) format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'DIN Next Rounded LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Light.eot);
src: local("DIN Next Rounded LT Pro Light"), local("DINNextRoundedLTPro-Light"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Light.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Light.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Light.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLightIt.eot);
src: local("DIN Next LT Pro UltraLight Italic"), local("DINNextLTPro-UltraLightIt"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLightIt.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLightIt.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLightIt.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLightIt.ttf) format("truetype");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLight.eot);
src: local("DIN Next LT Pro UltraLight"), local("DINNextLTPro-UltraLight"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLight.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLight.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLight.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-UltraLight.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Italic.eot);
src: local("DIN Next LT Pro Italic"), local("DINNextLTPro-Italic"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Italic.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Italic.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Italic.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'DIN Next Rounded LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Medium.eot);
src: local("DIN Next Rounded LT Pro Medium"), local("DINNextRoundedLTPro-Medium"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Medium.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Medium.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Medium.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Heavy.eot);
src: local("DIN Next LT Pro Heavy"), local("DINNextLTPro-Heavy"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Heavy.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Heavy.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Heavy.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Heavy.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-HeavyItalic.eot);
src: local("DIN Next LT Pro Heavy Italic"), local("DINNextLTPro-HeavyItalic"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-HeavyItalic.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-HeavyItalic.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-HeavyItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Bold.eot);
src: local("DIN Next LT Pro Bold"), local("DINNextLTPro-Bold"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Bold.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Bold.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Bold.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'DIN Next Rounded LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Regular.eot);
src: local("DIN Next Rounded LT Pro Regular"), local("DINNextRoundedLTPro-Regular"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Regular.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Regular.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Regular.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Light.eot);
src: local("DIN Next LT Pro Light"), local("DINNextLTPro-Light"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Light.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Light.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Light.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'DIN Next Rounded LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Bold.eot);
src: local("DIN Next Rounded LT Pro Bold"), local("DINNextRoundedLTPro-Bold"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Bold.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Bold.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Bold.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextRoundedLTPro-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-LightItalic.eot);
src: local("DIN Next LT Pro Light Italic"), local("DINNextLTPro-LightItalic"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-LightItalic.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-LightItalic.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-LightItalic.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-MediumItalic.eot);
src: local("DIN Next LT Pro Medium Italic"), local("DINNextLTPro-MediumItalic"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-MediumItalic.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-MediumItalic.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Black.eot);
src: local("DIN Next LT Pro Black"), local("DINNextLTPro-Black"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Black.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Black.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Black.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'DIN Next LT Pro';
src: url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BlackItalic.eot);
src: local("DIN Next LT Pro Black Italic"), local("DINNextLTPro-BlackItalic"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BlackItalic.eot?#iefix) format("embedded-opentype"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BlackItalic.woff2) format("woff2"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BlackItalic.woff) format("woff"), url(//waxenergy.navconnect.co.uk/wp-content/themes/waxman-theme-2021/library/fonts/DINNextLTPro-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}   p {
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
margin-top: 0;
}
p:empty {
display: none;
}
.text-white {
color: #fff;
}
.text-orange {
color: #fe5000;
}
.text-yellow {
color: #ffd100;
}
.text-pink {
color: #e10098;
}
.text-purple {
color: #4a25aa;
}
.text-black {
color: #000;
}
.text-dark-grey {
color: #404040;
}
.text-light-grey {
color: #eaeaea;
}
.text-grey {
color: #afaeae;
}            .last-col {
float: right;
padding-right: 0 !important;
}
.hide,
body:not(.admin-bar) .admin-visible-only,
body:not(.admin-bar) .admin-only-show,
.hide-1,
.hide-2,
.hide-3,
.hide-4,
.hide-5,
.hide-6,
.hide-7,
.hide-8,
.hide-9,
.hide-10,
.hide-11,
.hide-12,
.hide-13,
.hide-14,
.hide-15,
.hide-16,
.hide-17,
.hide-18,
.hide-19,
.hide-20 {
display: none !important;
} @media (max-width: 767px) {
.m-hide {
display: none !important;
}
.m-all {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 100%;
padding-right: 0;
}
.m-1of2 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 50%;
}
.m-1of3 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 33.33%;
}
.m-2of3 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 66.66%;
}
.m-1of4 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 25%;
}
.m-3of4 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 75%;
}
} @media (min-width: 768px) and (max-width: 1029px) {
.t-hide {
display: none !important;
}
.t-all {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 100%;
padding-right: 0;
}
.t-1of2 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 50%;
}
.t-1of3 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 33.33%;
}
.t-2of3 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 66.66%;
}
.t-1of4 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 25%;
}
.t-3of4 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 75%;
}
.t-1of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 20%;
}
.t-2of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 40%;
}
.t-3of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 60%;
}
.t-4of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 80%;
}
} @media (min-width: 1030px) {
.d-hide {
display: none !important;
}
.d-all {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 100%;
padding-right: 0;
}
.d-1of2 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 50%;
}
.d-1of3 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 33.33%;
}
.d-2of3 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 66.66%;
}
.d-1of4 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 25%;
}
.d-3of4 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 75%;
}
.d-1of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 20%;
}
.d-2of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 40%;
}
.d-3of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 60%;
}
.d-4of5 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 80%;
}
.d-1of6 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 16.6666666667%;
}
.d-1of7 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 14.2857142857%;
}
.d-2of7 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 28.5714286%;
}
.d-3of7 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 42.8571429%;
}
.d-4of7 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 57.1428572%;
}
.d-5of7 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 71.4285715%;
}
.d-6of7 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 85.7142857%;
}
.d-1of8 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 12.5%;
}
.d-1of9 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 11.1111111111%;
}
.d-1of10 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 10%;
}
.d-1of11 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 9.09090909091%;
}
.d-1of12 {
float: left;
padding-right: 7.5px;
padding-left: 7.5px;
width: 8.33%;
}
}  .home section {
padding-top: 50px;
padding-bottom: 50px;
}
.home section > h2 {
text-align: center;
font-size: 3em;
margin-bottom: 0em;
color: #fe5000;
}
.home section > h4 {
text-align: center;
margin-top: 0;
color: black;
font-size: 20px;
}
section.hero {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/Waxman-Energy-Hero-1.webp);
background-size: cover;
background-position: center right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
section.hero .cntr {
padding: 50px 25px;
}
section.hero .cntr h1, section.hero .cntr h3 {
font-weight: bold;
text-align: center;
line-height: 1;
font-size: 55px;
margin: 0 0 50px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
section.hero .cntr h3 {
line-height: 1.2;
font-size: 26px;
}
@media screen and (max-width: 1023px) {
section.hero .cntr {
padding: 25px;
}
section.hero .cntr h1, section.hero .cntr h3 {
font-size: 45px;
margin: 0 0 25px;
}
section.hero .cntr h3 {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
section.hero {
padding-top: 25px;
padding-bottom: 25px;
min-height: 400px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-position: center center;
}
section.hero .cntr {
background: none;
padding: 0;
border-radius: 0;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
}
section.hero .cntr:after {
-webkit-box-shadow: none;
box-shadow: none;
}
section.hero .cntr .gradient {
display: none;
}
section.hero .cntr h1, section.hero .cntr h3 {
font-size: 40px;
text-align: right;
margin: 0 0 10px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
section.hero .cntr h3 {
font-size: 15px;
}
section.hero .cntr a.button.center {
margin-right: 0;
}
}
@media screen and (max-width: 499px) {
section.hero {
min-height: 300px;
min-height: 70vw;
background-position: top center;
background-size: auto 115%;
}
section.hero .cntr h1, section.hero .cntr h3 {
font-size: 30px;
font-size: 7.5vw;
}
section.hero .cntr h3 {
font-size: 13px;
max-width: 300px;
margin-left: auto;
}
}
@media screen and (max-width: 350px) {
section.hero {
min-height: 75vw;
}
}
@media screen and (max-width: 499px) and (max-height: 750px) and (min-height: 580px) {
section.hero {
min-height: calc(100vh - 383px);
}
}
section.sub-hero {
height: 125px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fe5000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
}
section.sub-hero.wrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.sub-hero > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: white;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.sub-hero i {
font-size: 75px;
padding-right: 15px;
color: #ffd100;
}
section.sub-hero div div h2 {
font-size: 1.6em;
margin: 0;
color: white;
line-height: 1;
}
section.sub-hero h3 {
font-size: 1em;
margin: 0;
font-weight: bold;
}
@media screen and (min-width: 1500px) {
section.sub-hero {
height: 150px;
}
section.sub-hero i {
font-size: 100px;
padding-right: 25px;
}
section.sub-hero h2 {
font-size: 2.5em;
}
section.sub-hero h3 {
font-size: 1.5em;
}
}
@media screen and (max-width: 1023px) {
section.sub-hero {
height: 100px;
}
section.sub-hero.wrap {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-pack: distribute;
justify-content: space-around;
}
section.sub-hero i {
font-size: 50px;
margin-right: 10px;
}
section.sub-hero h2 {
font-size: 1.3em;
}
section.sub-hero h3 {
font-size: 0.8em;
}
}
@media screen and (max-width: 767px) {
section.sub-hero {
height: auto;
padding: 25px 0;
}
section.sub-hero > div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
padding: 0 10px;
text-align: center;
width: calc(100% / 3);
}
section.sub-hero > div > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
section.sub-hero i {
font-size: 75px;
padding-right: 0;
height: 75px;
line-height: 1;
}
section.sub-hero div div h2 {
line-height: 1;
padding: 5px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.sub-hero div div h3 {
line-height: 1;
padding: 5px 20px;
}
}
@media screen and (max-width: 499px) {
section.sub-hero {
padding: 10px 0;
}
section.sub-hero i {
font-size: 50px;
margin: 5px 0;
line-height: 1;
height: 50px;
}
section.sub-hero div div h2 {
font-size: 18px;
padding: 3px 0;
}
section.sub-hero div div h3 {
font-size: 12px;
font-weight: normal;
padding: 5px 0;
}
}
section.product-categories {
padding-top: 50px;
padding-bottom: 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.product-categories * {
-webkit-transition: 0.1s;
transition: 0.1s;
}
section.product-categories .product-categories-only {
margin: auto;
width: 100%;
}
section.product-categories .product-categories-only .cat-item-1258 > ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.product-categories .product-categories-only .cat-item-1258 > ul > li {
width: 150px;
height: 200px;
margin: 0;
}
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a {
font-size: 20px;
padding-top: 25px;
color: black;
}
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before, section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
width: 150px;
height: 150px;
left: 0;
}
section.product-categories .product-categories-only ul.product-categories li.cat-item-874 {
display: none;
}
section.product-categories a.product-category {
background: white;
height: 150px;
width: 150px;
border: 1px solid;
border-radius: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
text-decoration: none;
padding: 10px 5px;
position: relative;
}
section.product-categories a.product-category h3 {
margin: 0;
color: black;
font-weight: bold;
font-size: 15px;
}
section.product-categories a.product-category img {
height: 50px;
width: 75px;
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
position: absolute;
top: 50%;
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
}
section.product-categories a.product-category .hovered {
opacity: 0;
}
section.product-categories a.product-category .button {
border-radius: 50px;
color: white;
font-size: 12.5px;
font-weight: bold;
width: calc(100% - 20px);
height: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
section.product-categories a.product-category:nth-of-type(1) {
border-color: #4a25aa;
-webkit-box-shadow: 0 0 25px rgba(74, 37, 170, 0.15);
box-shadow: 0 0 25px rgba(74, 37, 170, 0.15);
}
section.product-categories a.product-category:nth-of-type(1) .button {
background: #4a25aa;
}
section.product-categories a.product-category:nth-of-type(1):hover {
background: #4a25aa;
}
section.product-categories a.product-category:nth-of-type(1):hover .button {
color: #4a25aa;
}
section.product-categories a.product-category:nth-of-type(2) {
border-color: #bb29bb;
-webkit-box-shadow: 0 0 25px rgba(187, 41, 187, 0.15);
box-shadow: 0 0 25px rgba(187, 41, 187, 0.15);
}
section.product-categories a.product-category:nth-of-type(2) .button {
background: #bb29bb;
}
section.product-categories a.product-category:nth-of-type(2):hover {
background: #bb29bb;
}
section.product-categories a.product-category:nth-of-type(2):hover .button {
color: #bb29bb;
}
section.product-categories a.product-category:nth-of-type(3) {
border-color: #e10098;
-webkit-box-shadow: 0 0 25px rgba(225, 0, 152, 0.15);
box-shadow: 0 0 25px rgba(225, 0, 152, 0.15);
}
section.product-categories a.product-category:nth-of-type(3) .button {
background: #e10098;
}
section.product-categories a.product-category:nth-of-type(3):hover {
background: #e10098;
}
section.product-categories a.product-category:nth-of-type(3):hover .button {
color: #e10098;
}
section.product-categories a.product-category:nth-of-type(4) {
border-color: #f25e35;
-webkit-box-shadow: 0 0 25px rgba(242, 94, 53, 0.15);
box-shadow: 0 0 25px rgba(242, 94, 53, 0.15);
}
section.product-categories a.product-category:nth-of-type(4) .button {
background: #f25e35;
}
section.product-categories a.product-category:nth-of-type(4):hover {
background: #f25e35;
}
section.product-categories a.product-category:nth-of-type(4):hover .button {
color: #f25e35;
}
section.product-categories a.product-category:nth-of-type(5) {
border-color: #fb8b23;
-webkit-box-shadow: 0 0 25px rgba(251, 139, 35, 0.15);
box-shadow: 0 0 25px rgba(251, 139, 35, 0.15);
}
section.product-categories a.product-category:nth-of-type(5) .button {
background: #fb8b23;
}
section.product-categories a.product-category:nth-of-type(5):hover {
background: #fb8b23;
}
section.product-categories a.product-category:nth-of-type(5):hover .button {
color: #fb8b23;
}
section.product-categories a.product-category:nth-of-type(6) {
border-color: #ffd100;
-webkit-box-shadow: 0 0 25px rgba(255, 209, 0, 0.15);
box-shadow: 0 0 25px rgba(255, 209, 0, 0.15);
}
section.product-categories a.product-category:nth-of-type(6) .button {
background: #ffd100;
}
section.product-categories a.product-category:nth-of-type(6):hover {
background: #ffd100;
}
section.product-categories a.product-category:nth-of-type(6):hover .button {
color: #ffd100;
}
section.product-categories a.product-category:hover h3 {
color: white;
}
section.product-categories a.product-category:hover img:not(.hovered) {
opacity: 0;
}
section.product-categories a.product-category:hover img.hovered {
opacity: 1;
}
section.product-categories a.product-category:hover .button {
background: white;
}
body.home.touch section.product-categories .product-categories-only .cat-item-1258 > ul > li:hover > ul {
display: none;
}
@media screen and (max-width: 1149px) {
section.product-categories .product-categories-only .cat-item-1258 > ul > li {
width: 125px;
height: 175px;
}
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before, section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
width: 125px;
height: 125px;
}
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a {
font-size: 17.5px;
}
section.product-categories .product-categories-only .cat-item-1258 > ul > li:hover ul {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media screen and (max-width: 1023px) {
main.products-start-page a.product-category,
section.product-categories a.product-category {
width: 120px;
border-radius: 20px;
}
main.products-start-page a.product-category h3,
section.product-categories a.product-category h3 {
font-size: 13px;
}
main.products-start-page a.product-category .button,
section.product-categories a.product-category .button {
font-size: 11px;
width: calc(100% - 5px);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li,
section.product-categories .product-categories-only .cat-item-1258 > ul > li {
width: 100px;
height: 150px;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a {
font-size: 15px;
padding-top: 5px;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:before, main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
width: 100px;
height: 100px;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before {
-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
-webkit-box-shadow: -10px -10px 20px white;
box-shadow: -10px -10px 20px white;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:hover:before {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:hover:after {
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li.cat-item-1286:hover > ul,
section.product-categories .product-categories-only .cat-item-1258 > ul > li.cat-item-1286:hover > ul {
left: unset;
right: 0px;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li.cat-item-1260:hover > ul,
section.product-categories .product-categories-only .cat-item-1258 > ul > li.cat-item-1260:hover > ul {
left: 0px;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@media screen and (min-width: 1500px) {
main.products-start-page,
section.product-categories {
padding-top: 75px;
padding-bottom: 25px;
}
main.products-start-page a.product-category,
section.product-categories a.product-category {
width: 200px;
height: 200px;
border-radius: 35px;
}
main.products-start-page a.product-category h3,
section.product-categories a.product-category h3 {
font-size: 20px;
}
main.products-start-page a.product-category img,
section.product-categories a.product-category img {
height: 85px;
width: 115px;
}
main.products-start-page a.product-category .button,
section.product-categories a.product-category .button {
font-size: 16.5px;
height: 35px;
}
}
@media screen and (max-width: 767px) {
main.products-start-page .product-categories-only .cat-item-1258 > ul > li,
section.product-categories .product-categories-only .cat-item-1258 > ul > li {
width: calc((100vw - (10px * 7)) / 6);
height: calc((100vw - (10px * 7)) / 6);
margin-top: 25px;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a {
font-size: 12px;
padding-top: 0;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:before, main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
width: calc((100vw - (15px * 7)) / 6);
height: calc((100vw - (15px * 7)) / 6);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before {
-webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
-webkit-box-shadow: -6px -6px 12px white;
box-shadow: -6px -6px 12px white;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:hover:before {
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:hover:after {
-webkit-box-shadow: -3px -3px 6px white;
box-shadow: -3px -3px 6px white;
}
}
@media screen and (max-width: 499px) {
section.product-categories {
padding-bottom: 25px;
}
body.home section.product-categories {
padding-bottom: 0;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li,
section.product-categories .product-categories-only .cat-item-1258 > ul > li {
width: calc((100vw - (10px * 7)) / 6);
height: calc((100vw - (10px * 7)) / 6);
margin-top: 15px;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a {
font-size: 10px;
padding-top: 0;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:before, main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
width: calc((100vw - (10px * 7)) / 6);
height: calc((100vw - (10px * 7)) / 6);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:before {
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:after {
-webkit-box-shadow: -4px -4px 8px white;
box-shadow: -4px -4px 8px white;
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:before,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:hover:before {
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:after,
section.product-categories .product-categories-only .cat-item-1258 > ul > li > a:hover:after {
-webkit-box-shadow: -2px -2px 4px white;
box-shadow: -2px -2px 4px white;
}
}
section.features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 400px;
}
section.features .slides {
position: absolute;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.3s;
transition: 0.3s;
left: 50px;
z-index: 0;
}
section.features.slide1 .slides {
left: calc(((-50vw + 37.5px) * 0) + 50px);
}
section.features.slide2 .slides {
left: calc(((-50vw + 37.5px) * 1) + 50px);
}
section.features.slide3 .slides {
left: calc(((-50vw + 37.5px) * 2) + 50px);
}
section.features.slide4 .slides {
left: calc(((-50vw + 37.5px) * 3) + 50px);
}
section.features.slide5 .slides {
left: calc(((-50vw + 37.5px) * 4) + 50px);
}
section.features.slide6 .slides {
left: calc(((-50vw + 37.5px) * 5) + 50px);
}
section.features.slide7 .slides {
left: calc(((-50vw + 37.5px) * 6) + 50px);
}
section.features.slide8 .slides {
left: calc(((-50vw + 37.5px) * 7) + 50px);
}
section.features.slide9 .slides {
left: calc(((-50vw + 37.5px) * 8) + 50px);
}
section.features.slide10 .slides {
left: calc(((-50vw + 37.5px) * 9) + 50px);
}
section.features a.features-prev,
section.features a.features-next {
position: absolute;
z-index: 1;
height: 300px;
width: 50px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0.25;
background: radial-gradient(white, rgba(255, 255, 255, 0) 25px);
}
section.features a.features-prev.fade,
section.features a.features-next.fade {
display: none;
}
section.features a.features-prev:hover,
section.features a.features-next:hover {
opacity: 1;
}
section.features a.features-prev:before, section.features a.features-prev:after,
section.features a.features-next:before,
section.features a.features-next:after {
content: " ";
background: #fe5000;
height: 15px;
width: 5px;
border-radius: 5px;
position: absolute;
top: calc(50% + 3.5px);
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
section.features a.features-prev:after,
section.features a.features-next:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
top: calc(50% - 3.5px);
}
section.features a.features-prev {
left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
section.features a.features-next {
right: 0;
}
.feature {
height: 300px;
width: calc((100vw - 125px) / 2);
margin-right: 25px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0.25;
}
.feature img.wp-post-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
border-radius: 25px;
}
.feature > div {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 25px;
background: radial-gradient(ellipse at top left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%), radial-gradient(ellipse at bottom left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 70%);
z-index: 1;
}
.feature img.feature-logo {
max-height: 75px;
max-width: 200px;
}
.feature h3 {
margin: 0 0 10px;
color: white;
font-weight: bold;
font-size: 40px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
line-height: 1;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
.feature h4 {
margin: 0;
line-height: 1;
color: white;
font-weight: normal;
font-size: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 1;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
max-height: 200px;
min-height: 0px;
}
.feature h4 p {
margin: 0;
}
.feature img.feature_image_left {
max-width: 30%;
max-height: 90%;
margin-top: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom right;
object-position: bottom right;
padding: 25px 25px 25px 0;
}
.feature a.button {
position: absolute;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
width: auto;
}
.feature a.button:before {
-webkit-box-shadow: -4px -4px 8px rgba(255, 255, 255, 0.2);
box-shadow: -4px -4px 8px rgba(255, 255, 255, 0.2);
}
.feature a.button:hover {
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.feature a.button:hover:before {
-webkit-box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.3);
box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.3);
}
.feature.has-button:hover a.button {
opacity: 1;
}
.feature.has-button:hover h4 {
opacity: 0;
max-height: 25px;
min-height: 25px;
}
@media screen and (min-width: 1920px) {
.feature {
width: calc((100vw - 175px) / 4);
}
section.features.slide1 .slides {
left: calc(((-25vw + 20px) * 0) + 50px);
}
section.features.slide2 .slides {
left: calc(((-25vw + 20px) * 1) + 50px);
}
section.features.slide3 .slides {
left: calc(((-25vw + 20px) * 2) + 50px);
}
section.features.slide4 .slides {
left: calc(((-25vw + 20px) * 3) + 50px);
}
section.features.slide5 .slides {
left: calc(((-25vw + 20px) * 4) + 50px);
}
section.features.slide6 .slides {
left: calc(((-25vw + 20px) * 5) + 50px);
}
section.features.slide7 .slides {
left: calc(((-25vw + 20px) * 6) + 50px);
}
section.features.slide8 .slides {
left: calc(((-25vw + 20px) * 7) + 50px);
}
section.features.slide9 .slides {
left: calc(((-25vw + 20px) * 8) + 50px);
}
section.features.slide10 .slides {
left: calc(((-25vw + 20px) * 9) + 50px);
}
section.features.slide11 .slides {
left: calc(((-25vw + 20px) * 10) + 50px);
}
section.features.slide12 .slides {
left: calc(((-25vw + 20px) * 11) + 50px);
}
section.features.slide13 .slides {
left: calc(((-25vw + 20px) * 12) + 50px);
}
section.features.slide14 .slides {
left: calc(((-25vw + 20px) * 13) + 50px);
}
section.features.slide15 .slides {
left: calc(((-25vw + 20px) * 14) + 50px);
}
section.features.slide16 .slides {
left: calc(((-25vw + 20px) * 15) + 50px);
}
section.features.slide17 .slides {
left: calc(((-25vw + 20px) * 16) + 50px);
}
section.features.slide18 .slides {
left: calc(((-25vw + 20px) * 17) + 50px);
}
section.features.slide19 .slides {
left: calc(((-25vw + 20px) * 18) + 50px);
}
section.features.slide20 .slides {
left: calc(((-25vw + 20px) * 19) + 50px);
}
section.features.slide1 .slides article:nth-of-type(1),
section.features.slide1 .slides article:nth-of-type(2),
section.features.slide1 .slides article:nth-of-type(3),
section.features.slide1 .slides article:nth-of-type(4),
section.features.slide2 .slides article:nth-of-type(2),
section.features.slide2 .slides article:nth-of-type(3),
section.features.slide2 .slides article:nth-of-type(4),
section.features.slide2 .slides article:nth-of-type(5),
section.features.slide3 .slides article:nth-of-type(3),
section.features.slide3 .slides article:nth-of-type(4),
section.features.slide3 .slides article:nth-of-type(5),
section.features.slide3 .slides article:nth-of-type(6),
section.features.slide4 .slides article:nth-of-type(4),
section.features.slide4 .slides article:nth-of-type(5),
section.features.slide4 .slides article:nth-of-type(6),
section.features.slide4 .slides article:nth-of-type(7),
section.features.slide5 .slides article:nth-of-type(5),
section.features.slide5 .slides article:nth-of-type(6),
section.features.slide5 .slides article:nth-of-type(7),
section.features.slide5 .slides article:nth-of-type(8),
section.features.slide6 .slides article:nth-of-type(6),
section.features.slide6 .slides article:nth-of-type(7),
section.features.slide6 .slides article:nth-of-type(8),
section.features.slide6 .slides article:nth-of-type(9),
section.features.slide7 .slides article:nth-of-type(7),
section.features.slide7 .slides article:nth-of-type(8),
section.features.slide7 .slides article:nth-of-type(9),
section.features.slide7 .slides article:nth-of-type(10),
section.features.slide8 .slides article:nth-of-type(8),
section.features.slide8 .slides article:nth-of-type(9),
section.features.slide8 .slides article:nth-of-type(10),
section.features.slide8 .slides article:nth-of-type(11),
section.features.slide9 .slides article:nth-of-type(9),
section.features.slide9 .slides article:nth-of-type(10),
section.features.slide9 .slides article:nth-of-type(11),
section.features.slide9 .slides article:nth-of-type(12),
section.features.slide10 .slides article:nth-of-type(10),
section.features.slide10 .slides article:nth-of-type(11),
section.features.slide10 .slides article:nth-of-type(12),
section.features.slide10 .slides article:nth-of-type(13),
section.features.slide11 .slides article:nth-of-type(11),
section.features.slide11 .slides article:nth-of-type(12),
section.features.slide11 .slides article:nth-of-type(13),
section.features.slide11 .slides article:nth-of-type(14),
section.features.slide12 .slides article:nth-of-type(12),
section.features.slide12 .slides article:nth-of-type(13),
section.features.slide12 .slides article:nth-of-type(14),
section.features.slide12 .slides article:nth-of-type(15),
section.features.slide13 .slides article:nth-of-type(13),
section.features.slide13 .slides article:nth-of-type(14),
section.features.slide13 .slides article:nth-of-type(15),
section.features.slide13 .slides article:nth-of-type(16),
section.features.slide14 .slides article:nth-of-type(14),
section.features.slide14 .slides article:nth-of-type(15),
section.features.slide14 .slides article:nth-of-type(16),
section.features.slide14 .slides article:nth-of-type(17),
section.features.slide15 .slides article:nth-of-type(15),
section.features.slide15 .slides article:nth-of-type(16),
section.features.slide15 .slides article:nth-of-type(17),
section.features.slide15 .slides article:nth-of-type(18),
section.features.slide16 .slides article:nth-of-type(16),
section.features.slide16 .slides article:nth-of-type(17),
section.features.slide16 .slides article:nth-of-type(18),
section.features.slide16 .slides article:nth-of-type(19),
section.features.slide17 .slides article:nth-of-type(17),
section.features.slide17 .slides article:nth-of-type(18),
section.features.slide17 .slides article:nth-of-type(19),
section.features.slide17 .slides article:nth-of-type(20),
section.features.slide18 .slides article:nth-of-type(18),
section.features.slide18 .slides article:nth-of-type(19),
section.features.slide18 .slides article:nth-of-type(20),
section.features.slide18 .slides article:nth-of-type(21),
section.features.slide19 .slides article:nth-of-type(19),
section.features.slide19 .slides article:nth-of-type(20),
section.features.slide19 .slides article:nth-of-type(21),
section.features.slide19 .slides article:nth-of-type(22),
section.features.slide20 .slides article:nth-of-type(20),
section.features.slide20 .slides article:nth-of-type(21),
section.features.slide20 .slides article:nth-of-type(22),
section.features.slide20 .slides article:nth-of-type(23) {
opacity: 1;
}
section.features.slide1.count-slides-1 .features-next,
section.features.slide1.count-slides-2 .features-next,
section.features.slide1.count-slides-3 .features-next,
section.features.slide1.count-slides-4 .features-next,
section.features.slide2.count-slides-5 .features-next,
section.features.slide3.count-slides-6 .features-next,
section.features.slide4.count-slides-7 .features-next,
section.features.slide5.count-slides-8 .features-next,
section.features.slide6.count-slides-9 .features-next,
section.features.slide7.count-slides-10 .features-next,
section.features.slide8.count-slides-11 .features-next,
section.features.slide9.count-slides-12 .features-next,
section.features.slide10.count-slides-13 .features-next,
section.features.slide11.count-slides-14 .features-next,
section.features.slide12.count-slides-15 .features-next,
section.features.slide13.count-slides-16 .features-next,
section.features.slide14.count-slides-17 .features-next,
section.features.slide15.count-slides-18 .features-next,
section.features.slide16.count-slides-19 .features-next,
section.features.slide17.count-slides-20 .features-next,
section.features.slide18.count-slides-21 .features-next,
section.features.slide19.count-slides-22 .features-next,
section.features.slide20.count-slides-23 .features-next {
display: none;
}
}
@media screen and (min-width: 1500px) and (max-width: 1919px) {
.feature {
width: calc((100vw - 150px) / 3);
}
section.features.slide1 .slides {
left: calc(((-33vw + 20px) * 0) + 50px);
}
section.features.slide2 .slides {
left: calc(((-33vw + 20px) * 1) + 50px);
}
section.features.slide3 .slides {
left: calc(((-33vw + 20px) * 2) + 50px);
}
section.features.slide4 .slides {
left: calc(((-33vw + 20px) * 3) + 50px);
}
section.features.slide5 .slides {
left: calc(((-33vw + 20px) * 4) + 50px);
}
section.features.slide6 .slides {
left: calc(((-33vw + 20px) * 5) + 50px);
}
section.features.slide7 .slides {
left: calc(((-33vw + 20px) * 6) + 50px);
}
section.features.slide8 .slides {
left: calc(((-33vw + 20px) * 7) + 50px);
}
section.features.slide9 .slides {
left: calc(((-33vw + 20px) * 8) + 50px);
}
section.features.slide10 .slides {
left: calc(((-33vw + 20px) * 9) + 50px);
}
section.features.slide11 .slides {
left: calc(((-33vw + 20px) * 10) + 50px);
}
section.features.slide12 .slides {
left: calc(((-33vw + 20px) * 11) + 50px);
}
section.features.slide13 .slides {
left: calc(((-33vw + 20px) * 12) + 50px);
}
section.features.slide14 .slides {
left: calc(((-33vw + 20px) * 13) + 50px);
}
section.features.slide15 .slides {
left: calc(((-33vw + 20px) * 14) + 50px);
}
section.features.slide16 .slides {
left: calc(((-33vw + 20px) * 15) + 50px);
}
section.features.slide17 .slides {
left: calc(((-33vw + 20px) * 16) + 50px);
}
section.features.slide18 .slides {
left: calc(((-33vw + 20px) * 17) + 50px);
}
section.features.slide19 .slides {
left: calc(((-33vw + 20px) * 18) + 50px);
}
section.features.slide20 .slides {
left: calc(((-33vw + 20px) * 19) + 50px);
}
section.features.slide1 .slides article:nth-of-type(1),
section.features.slide1 .slides article:nth-of-type(2),
section.features.slide1 .slides article:nth-of-type(3),
section.features.slide2 .slides article:nth-of-type(2),
section.features.slide2 .slides article:nth-of-type(3),
section.features.slide2 .slides article:nth-of-type(4),
section.features.slide3 .slides article:nth-of-type(3),
section.features.slide3 .slides article:nth-of-type(4),
section.features.slide3 .slides article:nth-of-type(5),
section.features.slide4 .slides article:nth-of-type(4),
section.features.slide4 .slides article:nth-of-type(5),
section.features.slide4 .slides article:nth-of-type(6),
section.features.slide5 .slides article:nth-of-type(5),
section.features.slide5 .slides article:nth-of-type(6),
section.features.slide5 .slides article:nth-of-type(7),
section.features.slide6 .slides article:nth-of-type(6),
section.features.slide6 .slides article:nth-of-type(7),
section.features.slide6 .slides article:nth-of-type(8),
section.features.slide7 .slides article:nth-of-type(7),
section.features.slide7 .slides article:nth-of-type(8),
section.features.slide7 .slides article:nth-of-type(9),
section.features.slide8 .slides article:nth-of-type(8),
section.features.slide8 .slides article:nth-of-type(9),
section.features.slide8 .slides article:nth-of-type(10),
section.features.slide9 .slides article:nth-of-type(9),
section.features.slide9 .slides article:nth-of-type(10),
section.features.slide9 .slides article:nth-of-type(11),
section.features.slide10 .slides article:nth-of-type(10),
section.features.slide10 .slides article:nth-of-type(11),
section.features.slide10 .slides article:nth-of-type(12),
section.features.slide11 .slides article:nth-of-type(11),
section.features.slide11 .slides article:nth-of-type(12),
section.features.slide11 .slides article:nth-of-type(13),
section.features.slide12 .slides article:nth-of-type(12),
section.features.slide12 .slides article:nth-of-type(13),
section.features.slide12 .slides article:nth-of-type(14),
section.features.slide13 .slides article:nth-of-type(13),
section.features.slide13 .slides article:nth-of-type(14),
section.features.slide13 .slides article:nth-of-type(15),
section.features.slide14 .slides article:nth-of-type(14),
section.features.slide14 .slides article:nth-of-type(15),
section.features.slide14 .slides article:nth-of-type(16),
section.features.slide15 .slides article:nth-of-type(15),
section.features.slide15 .slides article:nth-of-type(16),
section.features.slide15 .slides article:nth-of-type(17),
section.features.slide16 .slides article:nth-of-type(16),
section.features.slide16 .slides article:nth-of-type(17),
section.features.slide16 .slides article:nth-of-type(18),
section.features.slide17 .slides article:nth-of-type(17),
section.features.slide17 .slides article:nth-of-type(18),
section.features.slide17 .slides article:nth-of-type(19),
section.features.slide18 .slides article:nth-of-type(18),
section.features.slide18 .slides article:nth-of-type(19),
section.features.slide18 .slides article:nth-of-type(20),
section.features.slide19 .slides article:nth-of-type(19),
section.features.slide19 .slides article:nth-of-type(20),
section.features.slide19 .slides article:nth-of-type(21),
section.features.slide20 .slides article:nth-of-type(20),
section.features.slide20 .slides article:nth-of-type(21),
section.features.slide20 .slides article:nth-of-type(22) {
opacity: 1;
}
section.features.slide1.count-slides-1 .features-next,
section.features.slide1.count-slides-2 .features-next,
section.features.slide1.count-slides-3 .features-next,
section.features.slide2.count-slides-4 .features-next,
section.features.slide3.count-slides-5 .features-next,
section.features.slide4.count-slides-6 .features-next,
section.features.slide5.count-slides-7 .features-next,
section.features.slide6.count-slides-8 .features-next,
section.features.slide7.count-slides-9 .features-next,
section.features.slide8.count-slides-10 .features-next,
section.features.slide9.count-slides-11 .features-next,
section.features.slide10.count-slides-12 .features-next,
section.features.slide11.count-slides-13 .features-next,
section.features.slide12.count-slides-14 .features-next,
section.features.slide13.count-slides-15 .features-next,
section.features.slide14.count-slides-16 .features-next,
section.features.slide15.count-slides-17 .features-next,
section.features.slide16.count-slides-18 .features-next,
section.features.slide17.count-slides-19 .features-next,
section.features.slide18.count-slides-20 .features-next,
section.features.slide19.count-slides-21 .features-next,
section.features.slide20.count-slides-22 .features-next {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1499px) {
section.features.slide1 .slides {
left: calc(((-50vw + 37.5px) * 0) + 50px);
}
section.features.slide2 .slides {
left: calc(((-50vw + 37.5px) * 1) + 50px);
}
section.features.slide3 .slides {
left: calc(((-50vw + 37.5px) * 2) + 50px);
}
section.features.slide4 .slides {
left: calc(((-50vw + 37.5px) * 3) + 50px);
}
section.features.slide5 .slides {
left: calc(((-50vw + 37.5px) * 4) + 50px);
}
section.features.slide6 .slides {
left: calc(((-50vw + 37.5px) * 5) + 50px);
}
section.features.slide7 .slides {
left: calc(((-50vw + 37.5px) * 6) + 50px);
}
section.features.slide8 .slides {
left: calc(((-50vw + 37.5px) * 7) + 50px);
}
section.features.slide9 .slides {
left: calc(((-50vw + 37.5px) * 8) + 50px);
}
section.features.slide10 .slides {
left: calc(((-50vw + 37.5px) * 9) + 50px);
}
section.features.slide11 .slides {
left: calc(((-50vw + 37.5px) * 10) + 50px);
}
section.features.slide12 .slides {
left: calc(((-50vw + 37.5px) * 11) + 50px);
}
section.features.slide13 .slides {
left: calc(((-50vw + 37.5px) * 12) + 50px);
}
section.features.slide14 .slides {
left: calc(((-50vw + 37.5px) * 13) + 50px);
}
section.features.slide15 .slides {
left: calc(((-50vw + 37.5px) * 14) + 50px);
}
section.features.slide16 .slides {
left: calc(((-50vw + 37.5px) * 15) + 50px);
}
section.features.slide17 .slides {
left: calc(((-50vw + 37.5px) * 16) + 50px);
}
section.features.slide18 .slides {
left: calc(((-50vw + 37.5px) * 17) + 50px);
}
section.features.slide19 .slides {
left: calc(((-50vw + 37.5px) * 18) + 50px);
}
section.features.slide20 .slides {
left: calc(((-50vw + 37.5px) * 19) + 50px);
}
section.features.slide1 .slides article:nth-of-type(1),
section.features.slide1 .slides article:nth-of-type(2),
section.features.slide2 .slides article:nth-of-type(2),
section.features.slide2 .slides article:nth-of-type(3),
section.features.slide3 .slides article:nth-of-type(3),
section.features.slide3 .slides article:nth-of-type(4),
section.features.slide4 .slides article:nth-of-type(4),
section.features.slide4 .slides article:nth-of-type(5),
section.features.slide5 .slides article:nth-of-type(5),
section.features.slide5 .slides article:nth-of-type(6),
section.features.slide6 .slides article:nth-of-type(6),
section.features.slide6 .slides article:nth-of-type(7),
section.features.slide7 .slides article:nth-of-type(7),
section.features.slide7 .slides article:nth-of-type(8),
section.features.slide8 .slides article:nth-of-type(8),
section.features.slide8 .slides article:nth-of-type(9),
section.features.slide9 .slides article:nth-of-type(9),
section.features.slide9 .slides article:nth-of-type(10),
section.features.slide10 .slides article:nth-of-type(10),
section.features.slide10 .slides article:nth-of-type(11),
section.features.slide11 .slides article:nth-of-type(11),
section.features.slide11 .slides article:nth-of-type(12),
section.features.slide12 .slides article:nth-of-type(12),
section.features.slide12 .slides article:nth-of-type(13),
section.features.slide13 .slides article:nth-of-type(13),
section.features.slide13 .slides article:nth-of-type(14),
section.features.slide14 .slides article:nth-of-type(14),
section.features.slide14 .slides article:nth-of-type(15),
section.features.slide15 .slides article:nth-of-type(15),
section.features.slide15 .slides article:nth-of-type(16),
section.features.slide16 .slides article:nth-of-type(16),
section.features.slide16 .slides article:nth-of-type(17),
section.features.slide17 .slides article:nth-of-type(17),
section.features.slide17 .slides article:nth-of-type(18),
section.features.slide18 .slides article:nth-of-type(18),
section.features.slide18 .slides article:nth-of-type(19),
section.features.slide19 .slides article:nth-of-type(19),
section.features.slide19 .slides article:nth-of-type(20),
section.features.slide20 .slides article:nth-of-type(20),
section.features.slide20 .slides article:nth-of-type(21) {
opacity: 1;
}
section.features.slide1.count-slides-1 .features-next,
section.features.slide1.count-slides-2 .features-next,
section.features.slide2.count-slides-3 .features-next,
section.features.slide3.count-slides-4 .features-next,
section.features.slide4.count-slides-5 .features-next,
section.features.slide5.count-slides-6 .features-next,
section.features.slide6.count-slides-7 .features-next,
section.features.slide7.count-slides-8 .features-next,
section.features.slide8.count-slides-9 .features-next,
section.features.slide9.count-slides-10 .features-next,
section.features.slide10.count-slides-11 .features-next,
section.features.slide11.count-slides-12 .features-next,
section.features.slide12.count-slides-13 .features-next,
section.features.slide13.count-slides-14 .features-next,
section.features.slide14.count-slides-15 .features-next,
section.features.slide15.count-slides-16 .features-next,
section.features.slide16.count-slides-17 .features-next,
section.features.slide17.count-slides-18 .features-next,
section.features.slide18.count-slides-19 .features-next,
section.features.slide19.count-slides-20 .features-next,
section.features.slide20.count-slides-21 .features-next {
display: none;
}
}
html.touch section.features {
overflow-x: scroll;
padding-top: 50px;
}
html.touch section.features .features-next, html.touch section.features .features-prev {
display: none;
}
html.touch section.features .slides article {
opacity: 1;
}
@media screen and (min-width: 1920px) {
section.features.count-slides-3 .slides {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
section.features.count-slides-3 .slides .feature {
min-width: calc((1820px - 50px) / 3);
}
section.features.count-slides-3 .slides .feature:last-of-type {
margin-right: 0px;
}
}
@media screen and (min-width: 1500px) {
section.features.count-slides-2 .slides {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
section.features.count-slides-2 .slides .feature {
min-width: calc((1400px - 25px) / 2);
}
section.features.count-slides-2 .slides .feature:last-of-type {
margin-right: 0px;
}
}
section.features.count-slides-1 .slides {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
section.features.count-slides-1 .slides .feature {
min-width: 100%;
margin: 0px;
width: 100%;
opacity: 1;
max-width: 600px;
}
section.features.count-slides-1 .slides a.features-prev,
section.features.count-slides-1 .slides a.features-next {
display: none;
}
@media screen and (max-width: 1023px) {
section.features {
height: 325px;
padding-bottom: 25px;
}
.feature {
height: 250px;
}
.feature > div {
padding: 15px;
}
.feature img.feature-logo {
max-height: 50px;
max-width: 150px;
}
.feature h3 {
font-size: 30px;
}
.feature h4 {
font-size: 15px;
font-weight: bold;
}
section.features a.features-prev,
section.features a.features-next {
height: 250px;
}
}
@media screen and (max-width: 767px) {
section.features {
height: 500px;
}
section.features .slides {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
height: 425px;
}
section.features.slide1 .slides {
left: calc(10vw - ((80vw + 25px) * 0));
}
section.features.slide2 .slides {
left: calc(10vw - ((80vw + 25px) * 1));
}
section.features.slide3 .slides {
left: calc(10vw - ((80vw + 25px) * 2));
}
section.features.slide4 .slides {
left: calc(10vw - ((80vw + 25px) * 3));
}
section.features.slide5 .slides {
left: calc(10vw - ((80vw + 25px) * 4));
}
section.features.slide6 .slides {
left: calc(10vw - ((80vw + 25px) * 5));
}
section.features.slide7 .slides {
left: calc(10vw - ((80vw + 25px) * 6));
}
section.features.slide8 .slides {
left: calc(10vw - ((80vw + 25px) * 7));
}
section.features.slide9 .slides {
left: calc(10vw - ((80vw + 25px) * 8));
}
section.features.slide10 .slides {
left: calc(10vw - ((80vw + 25px) * 9));
}
section.features.slide11 .slides {
left: calc(10vw - ((80vw + 25px) * 10));
}
section.features.slide12 .slides {
left: calc(10vw - ((80vw + 25px) * 11));
}
section.features.slide13 .slides {
left: calc(10vw - ((80vw + 25px) * 12));
}
section.features.slide14 .slides {
left: calc(10vw - ((80vw + 25px) * 13));
}
section.features.slide15 .slides {
left: calc(10vw - ((80vw + 25px) * 14));
}
section.features.slide16 .slides {
left: calc(10vw - ((80vw + 25px) * 15));
}
section.features.slide17 .slides {
left: calc(10vw - ((80vw + 25px) * 16));
}
section.features.slide18 .slides {
left: calc(10vw - ((80vw + 25px) * 17));
}
section.features.slide19 .slides {
left: calc(10vw - ((80vw + 25px) * 18));
}
section.features.slide20 .slides {
left: calc(10vw - ((80vw + 25px) * 19));
}
section.features.count-slides-1 .features-next, section.features.count-slides-2 .features-next, section.features.count-slides-3.slide2 .features-next, section.features.count-slides-4.slide2 .features-next, section.features.count-slides-5.slide3 .features-next, section.features.count-slides-6.slide3 .features-next, section.features.count-slides-7.slide4 .features-next, section.features.count-slides-8.slide4 .features-next, section.features.count-slides-9.slide5 .features-next, section.features.count-slides-10.slide5 .features-next, section.features.count-slides-11.slide6 .features-next, section.features.count-slides-12.slide6 .features-next, section.features.count-slides-13.slide7 .features-next, section.features.count-slides-14.slide7 .features-next, section.features.count-slides-15.slide8 .features-next, section.features.count-slides-16.slide8 .features-next, section.features.count-slides-17.slide9 .features-next, section.features.count-slides-18.slide9 .features-next, section.features.count-slides-19.slide10 .features-next, section.features.count-slides-20.slide10 .features-next {
display: none;
}
section.features.slide1 .slides article:nth-of-type(1),
section.features.slide1 .slides article:nth-of-type(2),
section.features.slide2 .slides article:nth-of-type(3),
section.features.slide2 .slides article:nth-of-type(4),
section.features.slide3 .slides article:nth-of-type(5),
section.features.slide3 .slides article:nth-of-type(6),
section.features.slide4 .slides article:nth-of-type(7),
section.features.slide4 .slides article:nth-of-type(8),
section.features.slide5 .slides article:nth-of-type(9),
section.features.slide5 .slides article:nth-of-type(10),
section.features.slide6 .slides article:nth-of-type(11),
section.features.slide6 .slides article:nth-of-type(12),
section.features.slide7 .slides article:nth-of-type(13),
section.features.slide7 .slides article:nth-of-type(14),
section.features.slide8 .slides article:nth-of-type(15),
section.features.slide8 .slides article:nth-of-type(16),
section.features.slide9 .slides article:nth-of-type(17),
section.features.slide9 .slides article:nth-of-type(18),
section.features.slide10 .slides article:nth-of-type(19),
section.features.slide10 .slides article:nth-of-type(20) {
opacity: 1;
}
.feature {
height: 200px;
width: 80vw;
}
.feature:nth-of-type(2n - 1) {
margin-bottom: 25px;
}
.feature > div {
padding: 10px 25px;
}
.feature img.feature-logo {
max-height: 50px;
max-width: 150px;
}
.feature h3 {
font-size: 30px;
margin-bottom: 5px;
}
.feature h4 {
font-size: 15px;
margin-bottom: 5px;
}
section.features a.features-prev,
section.features a.features-next {
height: 425px;
}
html.touch section.features .slides {
left: 5vw;
padding-right: 5vw;
}
html.touch section.features .slides:after {
content: " ";
width: 5vw;
height: 100%;
}
html.touch .feature, html.touch .training-date {
width: 85vw;
margin-right: 15px;
}
html.touch .feature:nth-of-type(2n - 1), html.touch .training-date:nth-of-type(2n - 1) {
margin-bottom: 15px;
}
}
@media screen and (max-width: 499px) {
.feature h3 {
font-size: 20px;
}
.feature h4 {
font-size: 13px;
}
.feature a.button.small {
font-size: 10px;
padding: 5px 5px 5px 10px;
}
}
section.brands {
background: #f3f3f3;
position: relative;
overflow: hidden;
}
section.brands a.button {
margin: auto;
}
ul.brands-cntr {
margin: 0 auto 25px;
background: #f3f3f3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 50px 62.5px 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
ul.brands-cntr li {
width: calc((100% - (25px * 5)) / 5);
margin: 0 12.5px 25px;
background: #f3f3f3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
height: 80px;
-webkit-transition: 0.1s;
transition: 0.1s;
}
ul.brands-cntr li a, ul.brands-cntr li a:visited {
text-decoration: none;
text-align: center;
color: #383d40;
font-size: 22px;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 35px;
-webkit-transition: 0.1s;
transition: 0.1s;
z-index: 1;
}
ul.brands-cntr li img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
ul.brands-cntr li img + p.category-name {
display: none;
}
ul.brands-cntr li p.category-name {
margin-bottom: -7px;
}
ul.brands-cntr li:hover {
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
background: radial-gradient(#f3f3f3 50%, #eaeaea);
}
ul.brands-cntr li:hover:after {
-webkit-box-shadow: -2.5px -2.5px 5px white;
box-shadow: -2.5px -2.5px 5px white;
}
ul.brands-cntr li:active {
-webkit-box-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.1);
box-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.1);
background: radial-gradient(#f3f3f3 50%, #dadada);
}
ul.brands-cntr li:active:after {
-webkit-box-shadow: -1.5px -1.5px 3px white;
box-shadow: -1.5px -1.5px 3px white;
}
ul.brands-cntr li.cat-unbranded,
ul.brands-cntr li.cat-waxman-energy {
display: none;
}
@media screen and (max-width: 1249px) {
ul.brands-cntr {
padding: 25px 15px 10px;
}
ul.brands-cntr li {
width: calc((100% - (20px * 4)) / 4);
margin: 0 10px 20px;
height: 80px;
}
ul.brands-cntr li a, ul.brands-cntr li a:visited {
font-size: 20px;
}
}
@media screen and (max-width: 1023px) {
ul.brands-cntr {
padding: 25px 15px 10px;
}
ul.brands-cntr li {
width: calc((100% - (20px * 3)) / 3);
margin: 0 10px 20px;
height: 80px;
}
ul.brands-cntr li a, ul.brands-cntr li a:visited {
font-size: 18px;
padding: 20px 40px;
}
}
@media screen and (max-width: 767px) {
ul.brands-cntr {
padding: 20px 10px 5px;
}
ul.brands-cntr li {
width: calc((100% - (25px * 2)) / 3);
margin: 0 5px 10px;
height: 70px;
}
ul.brands-cntr li a, ul.brands-cntr li a:visited {
font-size: 15px;
padding: 10px 30px;
}
}
@media screen and (max-width: 549px) {
ul.brands-cntr {
padding: 15px 5px 5px;
}
ul.brands-cntr li {
width: calc((100% - (20px * 2)) / 3);
margin: 0 5px 10px;
height: 50px;
}
ul.brands-cntr li a, ul.brands-cntr li a:visited {
font-size: 12px;
padding: 10px 10px;
}
}
@media screen and (max-width: 399px) {
ul.brands-cntr li {
width: calc((100% - (15px * 2)) / 2);
}
}
.we-are {
background: #f3f3f3;
position: relative;
padding: 25px 50px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.we-are img.watermark {
position: absolute;
width: 400px;
height: 300px;
opacity: 0.1;
-o-object-fit: cover;
object-fit: cover;
bottom: 0;
left: 0;
-o-object-position: -50px -25%;
object-position: -50px -25%;
}
.we-are .cntr {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.we-are .cntr h2 {
margin-bottom: 25px;
font-size: 3em;
}
.we-are .cntr p {
color: black;
font-weight: bold;
font-size: 25px;
}
.we-are .cntr:first-of-type {
padding-right: 50px;
}
.we-are .cntr:last-of-type {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.we-are .cntr:last-of-type img {
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 400px;
max-height: 275px;
}
@media screen and (max-width: 1249px) {
.we-are .cntr h2 {
font-size: 37px;
}
.we-are .cntr p {
font-size: 19px;
}
.we-are .cntr:last-of-type img {
max-height: 200px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.we-are {
padding: 25px;
}
.we-are .cntr:first-of-type {
padding-right: 25px;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
max-width: 450px;
min-width: 50%;
}
.we-are .cntr h2 {
font-size: 37px;
}
.we-are .cntr p {
font-size: 19px;
}
.we-are .cntr:last-of-type img {
max-height: 200px;
}
.we-are a.button {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.we-are {
padding: 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.we-are .cntr, .we-are .cntr:first-of-type {
padding-right: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
max-width: 400px;
min-width: unset;
margin: auto;
}
.we-are .cntr h2 {
font-size: 31px;
}
.we-are .cntr p {
font-size: 17px;
}
.we-are .cntr:last-of-type img {
max-height: 200px;
margin: 10px 0 25px;
}
}
@media screen and (max-width: 399px) {
.we-are .cntr h2 {
font-size: 24px;
margin-bottom: 15px;
}
.we-are .cntr p {
font-size: 15px;
}
.we-are .cntr:last-of-type img {
max-height: 150px;
margin: 0 0 25px;
}
}
.awards-reviews-cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.awards-reviews-cntr article {
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.awards-reviews-cntr article h3 {
color: #fe5000;
font-weight: bold;
font-size: 25px;
margin: 0;
line-height: 1.1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.awards-reviews-cntr article h4 {
color: black;
font-weight: normal;
font-size: 20px;
margin-top: 0;
}
.awards-reviews-cntr article img {
min-height: 100px;
max-height: 100px;
-o-object-fit: contain;
object-fit: contain;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
}
.awards-reviews-cntr .award {
width: calc((100% - 75px) / 4);
padding: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: center;
}
.awards-reviews-cntr .award h3 {
margin: 10px 0;
}
.awards-reviews-cntr .review {
width: calc((100% - 25px) / 2);
padding: 25px 50px;
}
.awards-reviews-cntr .review p {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 18px;
line-height: 1.7;
color: black;
}
.awards-reviews-cntr .review p:before {
content: '"';
position: absolute;
top: -15px;
left: 15px;
color: #fe5000;
font-size: 70px;
font-family: cursive;
}
.awards-reviews-cntr .review p:after {
content: '"';
position: relative;
right: -3px;
}
.awards-reviews-cntr .review h4 {
margin-bottom: 0;
}
.awards-reviews-cntr .review footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.awards-reviews-cntr .review .review-logo-cntr {
position: absolute;
right: 0;
top: 0;
height: 100%;
min-height: unset;
padding: 10px;
border-radius: 5px;
}
.awards-reviews-cntr .review .review-logo-cntr.logo-black-background {
background: black;
}
.awards-reviews-cntr .review .review-logo-cntr img {
height: 100%;
min-height: unset;
min-width: unset;
}
@media screen and (min-width: 2250px) {
section.awards-reviews.wrap {
padding-left: 50px;
padding-right: 50px;
}
body.home .awards-reviews-cntr .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc((100% - 175px) / 8);
}
body.home .awards-reviews-cntr .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc((100% - 75px) / 4);
}
body.home .awards-reviews-cntr .review ~ .review {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.home .awards-reviews-cntr .review ~ .review ~ .review {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
body.home .awards-reviews-cntr .review ~ .review ~ .review ~ .review {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
body.home .awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review {
display: none;
}
}
@media screen and (min-width: 1750px) and (max-width: 2249px) {
section.awards-reviews.wrap {
padding-left: 50px;
padding-right: 50px;
}
body.home .awards-reviews-cntr .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc((100% - 125px) / 6);
}
body.home .awards-reviews-cntr .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc((100% - 50px) / 3);
}
body.home .awards-reviews-cntr .review ~ .review {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.home .awards-reviews-cntr .review ~ .review ~ .review {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
body.home .awards-reviews-cntr .review ~ .review ~ .review ~ .review {
display: none;
}
}
@media screen and (min-width: 1500px) and (max-width: 1749px) {
section.awards-reviews.wrap {
padding-left: 50px;
padding-right: 50px;
}
body.home .awards-reviews-cntr .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc((100% - 100px) / 5);
}
body.home .awards-reviews-cntr .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
body.home .awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc((100% - 37.5px) / 2.5);
}
body.home .awards-reviews-cntr .review ~ .review {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
body.home .awards-reviews-cntr .review ~ .review ~ .review {
display: none;
}
}
@media screen and (min-width: 1500px) {
.awards-reviews-cntr.reviews-1,
.awards-reviews-cntr.reviews-2 {
padding-left: calc((100vw - 1500px) / 2);
padding-right: calc((100vw - 1500px) / 2);
}
body.home .awards-reviews-cntr.reviews-2 .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc((100% - 100px) / 5);
}
body.home .awards-reviews-cntr.reviews-2 .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr.reviews-2 .award ~ .award ~ .award {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.home .awards-reviews-cntr.reviews-2 .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.home .awards-reviews-cntr.reviews-2 .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr.reviews-2 .review {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: calc((100% - 37.5px) / 2.5);
}
body.home .awards-reviews-cntr.reviews-2 .review ~ .review {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
body.home .awards-reviews-cntr.reviews-2 .review ~ .review ~ .review {
display: none;
}
body.home .awards-reviews-cntr.reviews-1 .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc((100% - 75px) / 4);
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award ~ .award {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr.reviews-1 .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc((100% - 25px) / 2);
}
body.home .awards-reviews-cntr.reviews-1 .review ~ .review {
display: none;
}
}
@media screen and (min-width: 2250px) {
body.home .awards-reviews-cntr.reviews-3 {
padding-left: calc((100vw - 2250px) / 2);
padding-right: calc((100vw - 2250px) / 2);
}
body.home .awards-reviews-cntr.reviews-3 .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc((100% - 125px) / 6);
}
body.home .awards-reviews-cntr.reviews-3 .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr.reviews-3 .award ~ .award ~ .award {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
body.home .awards-reviews-cntr.reviews-3 .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
body.home .awards-reviews-cntr.reviews-3 .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
body.home .awards-reviews-cntr.reviews-3 .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
body.home .awards-reviews-cntr.reviews-3 .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr.reviews-3 .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc((100% - 50px) / 3);
}
body.home .awards-reviews-cntr.reviews-3 .review ~ .review {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.home .awards-reviews-cntr.reviews-3 .review ~ .review ~ .review {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
body.home .awards-reviews-cntr.reviews-3 .review ~ .review ~ .review ~ .review {
display: none;
}
}
@media screen and (max-width: 1499px) {
body.home .awards-reviews-cntr:not(.reviews-1) .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award ~ .award {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review ~ .review {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review ~ .review ~ .review {
display: none;
}
body.home .awards-reviews-cntr.reviews-1 .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award ~ .award {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr.reviews-1 .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.home .awards-reviews-cntr.reviews-1 .review ~ .review {
display: none;
}
}
@media screen and (max-width: 1149px) {
body.home .awards-reviews-cntr article h3 {
font-size: 20px;
}
body.home .awards-reviews-cntr article h4 {
font-size: 15px;
}
body.home .awards-reviews-cntr article img {
min-height: 75px;
max-height: 75px;
}
body.home .awards-reviews-cntr .review p {
font-size: 15px;
line-height: 1.5;
}
body.home .awards-reviews-cntr .review p:before {
top: 0px;
left: 20px;
font-size: 60px;
}
body.home .awards-reviews-cntr article.bottom-bar-orange:before {
height: 8px;
}
}
@media screen and (max-width: 1023px) {
body.home .awards-reviews-cntr .award {
width: calc((100% - 45px) / 4);
}
body.home .awards-reviews-cntr .review {
width: calc((100% - 15px) / 2);
}
.awards-reviews-cntr article {
margin-bottom: 15px;
}
.awards-reviews-cntr .award {
padding: 10px;
}
.awards-reviews-cntr .review {
padding: 25px 25px;
}
.awards-reviews-cntr article h3 {
font-size: 18px;
}
.awards-reviews-cntr article h4 {
font-size: 14px;
}
.awards-reviews-cntr .review p {
font-size: 13px;
line-height: 1.4;
}
.awards-reviews-cntr .review p:before {
top: 4px;
left: 2px;
font-size: 50px;
}
}
@media screen and (max-width: 767px) {
body.home .awards-reviews-cntr:not(.reviews-1) .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review ~ .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review ~ .review ~ .review {
display: none;
}
body.home .awards-reviews-cntr.reviews-1 .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.home .awards-reviews-cntr.reviews-1 .award ~ .award ~ .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr.reviews-1 .review {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr.reviews-1 .review ~ .review {
display: none;
}
.awards-reviews-cntr .review {
width: calc((100% - 7.5px) / 1.5);
}
.awards-reviews-cntr .award {
width: calc((100% - 30px) / 3);
}
.awards-reviews-cntr article.bottom-bar-orange {
padding-bottom: 30px;
}
.awards-reviews-cntr article.bottom-bar-orange:before {
height: 7px;
bottom: 10px;
}
}
@media screen and (max-width: 549px) {
body.home .awards-reviews-cntr:not(.reviews-1) .award, .awards-reviews-cntr.reviews-1 .award {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award, .awards-reviews-cntr.reviews-1 .award ~ .award {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.home .awards-reviews-cntr:not(.reviews-1) .award ~ .award ~ .award, .awards-reviews-cntr.reviews-1 .award ~ .award ~ .award {
display: none;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review, .awards-reviews-cntr.reviews-1 .review {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.home .awards-reviews-cntr:not(.reviews-1) .review ~ .review, .awards-reviews-cntr.reviews-1 .review ~ .review {
display: none;
}
.awards-reviews-cntr .review {
width: calc((100% - 0px) / 1);
}
.awards-reviews-cntr .award {
width: calc((100% - 15px) / 2);
}
.awards-reviews-cntr article img {
min-height: 50px;
max-height: 50px;
}
}
section.signup {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/pexels-errin-casano-2356071-2-min.jpg);
background-position: center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.signup-cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 50px;
border-radius: 1000px;
overflow: hidden;
background-color: #fe5000;
color: white;
width: 400px;
height: 400px;
text-align: center;
}
.signup-cntr svg {
fill: #ffd100;
height: 50px;
margin-bottom: 10px;
}
.signup-cntr h2 {
color: white;
}
#signup-form {
position: fixed;
bottom: -100%;
left: 50%;
-webkit-transform: translate(-50%, 150%);
transform: translate(-50%, 150%);
overflow: hidden;
width: 500px;
min-width: calc(50vw - 50px);
max-height: calc(100vw - 50px);
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 1000;
border-radius: 25px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
padding: 50px 25px;
background: #fe5000;
}
#signup-form.active {
bottom: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
#signup-form > i {
font-size: 50px;
color: #ffd100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
#signup-form a.signup-form--close-button {
position: absolute;
top: 10px;
right: 10px;
height: 40px;
width: 40px;
background: none;
border-radius: 5px;
-webkit-transition: 0.1s;
transition: 0.1s;
}
#signup-form a.signup-form--close-button:hover {
background: rgba(255, 255, 255, 0.1);
cursor: pointer;
}
#signup-form a.signup-form--close-button i {
font-size: 25px;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#signup-form h2 {
font-size: 1.8em;
line-height: 1;
text-align: center;
margin: 0 0 25px;
color: white;
}
#signup-form form {
background: none;
font: inherit;
color: white;
max-width: 300px;
margin: auto;
}
#signup-form form > div > label {
font-weight: bold;
padding: 0 0 0 25px;
text-transform: uppercase;
}
#signup-form form > p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#signup-form form #btnsubmit {
background: radial-gradient(#4b1dbe, #31137c 70%);
border: 0;
height: 40px;
border-radius: 40px;
padding: 0 25px;
color: white;
font-weight: bold;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-transition: 0.1s;
transition: 0.1s;
}
#signup-form form #btnsubmit:hover, #signup-form form #btnsubmit:focus {
background: radial-gradient(#5421d4, #281066 70%);
color: white;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#signup-form form h2 {
font-size: 1.8em;
line-height: 1;
text-align: center;
margin: 0 0 25px;
color: white;
}
#signup-form form h3 {
margin: 0;
text-align: center;
}
#signup-form form .mc-field-group.input-group {
margin-bottom: 25px;
}
#signup-form form .mc-field-group.input-group ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
max-width: 340px;
margin: auto;
}
#signup-form form .mc-field-group.input-group ul li {
padding: 0;
}
#signup-form form .mc-field-group.input-group input {
display: none;
}
#signup-form form .mc-field-group.input-group label {
background: rgba(255, 209, 0, 0);
color: white;
border: 3px solid #ffd100;
font-weight: bold;
margin: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50px;
margin: 0 5px 10px;
padding: 10px 15px 10px 10px;
cursor: pointer;
-webkit-transition: 0.1s;
transition: 0.1s;
}
#signup-form form .mc-field-group.input-group label:hover {
background: rgba(255, 209, 0, 0.25);
}
#signup-form form .mc-field-group.input-group label svg {
height: 30px;
fill: #ffd100;
padding-right: 5px;
}
#signup-form form .mc-field-group.input-group label svg:nth-of-type(2) {
display: none;
}
#signup-form form .mc-field-group.input-group input:checked ~ label {
background: #ffd100;
color: black;
}
#signup-form form .mc-field-group.input-group input:checked ~ label svg:nth-of-type(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
fill: #fe5000;
}
#signup-form form .mc-field-group.input-group input:checked ~ label svg:nth-of-type(1) {
display: none;
}
#signup-form form input.button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 50px 10px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
border: 3px solid #31137c;
color: black;
font-weight: 600;
text-decoration: none;
cursor: pointer;
width: -webkit-fit-content;
width: fit-content;
width: -moz-fit-content;
background: #31137c;
color: white;
font-size: 25px;
line-height: 1;
margin: 35px auto 0;
height: auto;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
background-size: 30px;
background-repeat: no-repeat;
background-position-X: calc(100% - 10px);
background-position-y: center;
-webkit-transition: 0.1s;
transition: 0.1s;
}
#signup-form form input.button:hover, #signup-form form input.button:focus {
background-color: #421aa8;
border-color: #3a1692;
color: white;
}
#signup-form form input.button:active {
background: #421aa8;
}
#signup-form form input.button:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
content: " ";
height: 30px;
width: 30px;
margin-left: 20px;
background-size: 30px;
background-repeat: no-repeat;
}
#signup-form form .mc-field-group {
width: 100%;
padding: 0;
}
#signup-form form .mc-field-group input {
padding: 0;
text-indent: 25px;
margin: 0 auto 10px;
border: none;
border-radius: 50px;
background: white;
width: 400px;
max-width: 100%;
font-size: 19px;
height: 50px;
}
#signup-form form #mc-embedded-subscribe-form div.mce_inline_error {
margin: auto;
width: 350px;
display: block;
border-radius: 5px;
font-weight: bold;
padding: 5px 25px;
}
div#mc_embed_signup div.response {
width: 100%;
}
div#mc_embed_signup #mce-success-response {
color: #676767;
background: #ffffff;
border-radius: 10px;
padding: 10px 25px;
border-left: 5px solid #93ce35;
}
@media screen and (max-width: 767px) {
#signup-form {
width: 100vw;
left: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
border-radius: 0;
bottom: -150%;
padding: 25px 10px;
max-height: unset;
}
#signup-form.active {
bottom: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
#signup-form #mc_embed_signup h2 {
font-size: 1.5em;
margin-bottom: 15px;
}
#signup-form #mc_embed_signup .mc-field-group.input-group {
margin-bottom: 15px;
}
#signup-form #mc_embed_signup .mc-field-group.input-group label {
padding: 3px 10px 2px 5px;
margin: 0 2.5px 5px;
font-size: 12px;
border-width: 2px;
}
#signup-form #mc_embed_signup .mc-field-group.input-group label svg {
height: 20px;
padding-right: 2px;
padding-bottom: 1px;
}
div#mc_embed_signup .mc-field-group {
min-height: unset;
}
#signup-form #mc_embed_signup .mc-field-group input {
font-size: 15px;
height: 35px;
padding-top: 3px;
}
#signup-form #mc_embed_signup input.button {
margin-top: 15px;
height: 35px;
font-size: 20px;
padding: 0px 38px 0 15px;
background-size: 25px;
background-position-x: calc(100% - 5px);
}
#signup-form #mc_embed_signup input.button:active {
background-color: #421aa8;
}
div#mc_embed_signup div#mce-responses {
margin: 0 -10px;
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div#mc_embed_signup div#mce-responses .response {
color: white;
background: #fe5000;
position: absolute;
top: 0;
height: 100%;
width: 100%;
margin: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 25px;
border: 0px;
}
}
@media screen and (max-width: 767px) and (max-height: 500px) {
#signup-form {
max-height: 100vh;
}
#signup-form > svg {
display: none;
}
#signup-form #mc_embed_signup h2 {
font-size: 1.5em;
margin: 0 15px 15px;
}
#signup-form a.signup-form--close-button {
position: absolute;
top: 0px;
right: 0px;
height: 30px;
width: 30px;
background: none;
border-radius: 0;
-webkit-transition: 0s;
transition: 0s;
}
}
header.header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 11;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.pre-header {
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
height: 30px;
width: 100%;
background: #fe5000;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 2;
position: relative;
}
.pre-header .pre-header-message,
.pre-header .pre-header-message > a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-decoration: none;
}
.pre-header .pre-header-message > a > p {
text-decoration: underline;
}
.pre-header .pre-header-message > a:hover p, .pre-header .pre-header-message > a:visited:hover p {
text-decoration: underline;
color: rgba(255, 255, 255, 0.75);
}
.pre-header i {
color: white;
padding: 0 3px;
font-weight: 100;
}
.pre-header svg {
height: 15px;
fill: white;
padding: 0 5px;
}
.pre-header p, .pre-header a, .pre-header a:visited {
margin: 0;
color: white;
text-decoration: none;
font-size: 12px;
text-align: center;
font-weight: bold;
}
.pre-header.display-1, .pre-header.display-2, .pre-header.display-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pre-header.display-1 .pre-header-message:first-of-type {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pre-header.display-2 .pre-header-message {
width: 50%;
}
.pre-header.display-2 .pre-header-message:first-of-type {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pre-header.display-3 .pre-header-message {
width: calc(100% / 3);
}
.pre-header.display-3 .pre-header-message:first-of-type {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pre-header.display-3 .pre-header-message:nth-of-type(2) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 350px) {
.pre-header p, .pre-header a, .pre-header a:visited {
font-size: 11px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.pre-header.display-3 .pre-header-message, .pre-header.display-2 .pre-header-message, .pre-header.display-1 .pre-header-message {
width: 50%;
}
.pre-header.display-3 .pre-header-message.active, .pre-header.display-2 .pre-header-message.active, .pre-header.display-1 .pre-header-message.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pre-header.display-3 .pre-header-message.inactive, .pre-header.display-2 .pre-header-message.inactive, .pre-header.display-1 .pre-header-message.inactive {
display: none;
}
.pre-header.display-3 .pre-header-message:nth-of-type(1).inactive, .pre-header.display-2 .pre-header-message:nth-of-type(1).inactive, .pre-header.display-1 .pre-header-message:nth-of-type(1).inactive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pre-header.display-3 .pre-header-message:nth-of-type(1).active ~ div ~ div, .pre-header.display-2 .pre-header-message:nth-of-type(1).active ~ div ~ div, .pre-header.display-1 .pre-header-message:nth-of-type(1).active ~ div ~ div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pre-header.display-3 .pre-header-message:nth-of-type(2), .pre-header.display-2 .pre-header-message:nth-of-type(2), .pre-header.display-1 .pre-header-message:nth-of-type(2) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.pre-header.display-2 .pre-header-message.inactive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pre-header.display-1 .pre-header-message {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.pre-header.display-3 .pre-header-message, .pre-header.display-2 .pre-header-message, .pre-header.display-1 .pre-header-message {
width: 100%;
}
.pre-header.display-3 .pre-header-message:first-of-type, .pre-header.display-3 .pre-header-message:nth-last-of-type(2), .pre-header.display-3 .pre-header-message:last-of-type, .pre-header.display-2 .pre-header-message:first-of-type, .pre-header.display-2 .pre-header-message:nth-last-of-type(2), .pre-header.display-2 .pre-header-message:last-of-type, .pre-header.display-1 .pre-header-message:first-of-type, .pre-header.display-1 .pre-header-message:nth-last-of-type(2), .pre-header.display-1 .pre-header-message:last-of-type {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pre-header.display-3 .pre-header-message.active, .pre-header.display-2 .pre-header-message.active, .pre-header.display-1 .pre-header-message.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pre-header.display-3 .pre-header-message.inactive, .pre-header.display-2 .pre-header-message.inactive, .pre-header.display-1 .pre-header-message.inactive {
display: none;
}
.pre-header.display-1 .pre-header-message:first-of-type {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (max-width: 549px) {
.pre-header.display-1 .pre-header-message:first-of-type {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.inner-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.header--logo-cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 1;
}
.header--logo-cntr img {
height: 50px;
margin-bottom: -7px;
}
.header--logo-cntr a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #fe5000;
}
.header--logo-cntr a:hover, .header--logo-cntr a:visited:hover {
color: #fe5000;
}
.header--logo-cntr p {
margin: 0 0 0 10px;
font-size: 25px;
font-family: "swis721_hv_btheavy", "DIN Next LT Pro", din-condensed, "Avenir", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.header--logo-circle {
background: #fe5000;
border-radius: 100%;
height: 50px;
width: 50px;
}
.header--search-cntr,
.header--search-cntr > div,
.header--search-cntr form,
.header--search-cntr form > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.025);
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.025);
border-radius: 50px;
max-width: 285px;
margin-left: auto;
z-index: 1;
}
.header--search-cntr input[type="search"] {
margin: 0;
height: 30px;
border-radius: 20px;
width: 235px;
margin-left: 0;
font-size: 13px;
padding: 0 50px 0 0;
background: #f3f3f3;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
.header--search-cntr input[type="search"]:active, .header--search-cntr input[type="search"]:focus {
-webkit-box-shadow: -2.5px -2.5px 5px white;
box-shadow: -2.5px -2.5px 5px white;
background: radial-gradient(white, #eaeaea);
}
.header--search-cntr input[type="search"]:active + button#searchsubmit, .header--search-cntr input[type="search"]:focus + button#searchsubmit {
background: #fe5000;
}
.header--search-cntr input[type="search"]:active + button#searchsubmit svg, .header--search-cntr input[type="search"]:focus + button#searchsubmit svg {
fill: white;
}
.header--search-cntr input[type="search"]:active + button#searchsubmit i, .header--search-cntr input[type="search"]:focus + button#searchsubmit i {
color: white;
}
.header--search-cntr input[type="search"]:active + button#searchsubmit:hover, .header--search-cntr input[type="search"]:focus + button#searchsubmit:hover {
background: radial-gradient(#ff9665 25%, #fe5000);
}
button#searchsubmit {
position: absolute;
right: 0;
width: 50px;
height: 30px;
border-radius: 15px;
border: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.1s;
transition: 0.1s;
background: rgba(0, 0, 0, 0.02);
border-left: 1px solid rgba(0, 0, 0, 0.05);
font-size: 16px;
}
button#searchsubmit svg {
height: 20px;
-webkit-transition: 0.1s;
transition: 0.1s;
}
button#searchsubmit:hover {
background: radial-gradient(#ff7332 25%, #fe5000);
}
button#searchsubmit:hover svg {
fill: white;
}
button#searchsubmit:hover i {
color: white;
}
button#searchsubmit:focus {
background: #d84400;
outline: none;
}
button#searchsubmit:active {
background: #983000;
outline: none;
}
body:not(.logged-in) .logged-out-hide, body.logged-in .logged-in-hide {
display: none !important;
}
.inner-header nav ul.nav {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inner-header nav ul.nav > li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-left: 10px;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px;
}
.inner-header nav ul.nav > li img {
max-height: 20px;
padding: 0;
margin: 0 -5px;
}
.inner-header nav ul.nav > li.feature a {
background: #dddddd;
}
.inner-header nav ul.nav > li > a {
font-size: 12px;
padding: 0 15px;
height: 30px;
background: transparent;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
position: relative;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
.inner-header nav ul.nav > li > a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
height: 20px;
width: 20px;
padding: 0;
}
.inner-header nav ul.nav > li > a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper img {
margin-left: 0 !important;
-webkit-transition: 0s;
transition: 0s;
position: absolute;
left: 15px;
}
.inner-header nav ul.nav > li ul.sub-menu {
display: none;
position: absolute;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
border-radius: 10px;
overflow: hidden;
background: white;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
top: calc(50% + 15px);
}
.inner-header nav ul.nav > li ul.sub-menu li a {
font-size: 12px;
padding: 5px 20px;
border-bottom: 1px solid #f7f7f7;
background: white;
width: 150px;
font-weight: bold;
}
.inner-header nav ul.nav > li ul.sub-menu li:last-of-type a {
border-bottom: none;
}
.inner-header nav ul.nav > li ul.sub-menu li:hover a {
background: -webkit-gradient(linear, left top, right top, from(#fe5000), to(#ff7f02));
background: linear-gradient(to right, #fe5000, #ff7f02);
color: white;
}
.inner-header nav ul.nav > li:hover {
-webkit-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 0.1);
}
.inner-header nav ul.nav > li:hover > a {
background: radial-gradient(white 25%, #ececec);
color: #383d40;
background: radial-gradient(#ff6119 25%, #fe5000);
color: white;
}
.inner-header nav ul.nav > li:hover ul.sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inner-header nav ul.nav > li.menu-item-has-children > a {
padding-right: 35px;
padding-left: 15px;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
.inner-header nav ul.nav > li.menu-item-has-children > a img {
margin: 0 -5px 0 0px;
}
.inner-header nav ul.nav > li.menu-item-has-children > a:after, .inner-header nav ul.nav > li.menu-item-has-children > a:before {
content: " ";
background: black;
height: 6px;
width: 2px;
border-radius: 5px;
position: absolute;
-webkit-transition: 0.1s;
transition: 0.1s;
}
.inner-header nav ul.nav > li.menu-item-has-children > a:after {
right: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.inner-header nav ul.nav > li.menu-item-has-children > a:before {
right: 15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.inner-header nav ul.nav > li.menu-item-has-children > a:hover {
-webkit-box-shadow: -2.5px -2.5px 5px white;
box-shadow: -2.5px -2.5px 5px white;
}
.inner-header nav ul.nav > li.menu-item-has-children:hover > a:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: white;
}
.inner-header nav ul.nav > li.menu-item-has-children:hover > a:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: white;
}
@media screen and (min-width: 1150px) {
.inner-header nav ul.nav > li.menu-item-has-children > a:before {
right: 20px;
}
.inner-header nav ul.nav > li.menu-item-has-children > a:after {
right: 17px;
}
.inner-header nav ul.nav > li.menu-item-has-children > a img {
margin: 0;
}
.inner-header nav ul.nav > li.menu-item-has-children > a span.menu-image-title-after.menu-image-title {
margin-bottom: -2px;
}
}
@media screen and (max-width: 1149px) {
.inner-header nav ul.nav > li.menu-item-has-children > a {
padding-left: 0px;
padding-right: 25px;
}
.inner-header nav ul.nav > li > a {
padding: 0 15px 0 0;
}
.inner-header nav ul.nav > li img {
max-height: 15px;
margin: 0 -5px;
}
.inner-header nav ul.nav > li span.menu-image-title-after.menu-image-title {
margin-bottom: -1px;
}
.inner-header nav ul.nav > li > a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper img {
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (max-width: 1023px) {
.inner-header nav ul.nav > li.menu-item-has-children > a {
padding-left: 5px;
}
.inner-header nav ul.nav > li.menu-item-has-children > a img {
margin: 0 -5px 0 5px;
}
}
.header--basket {
height: 100%;
width: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 10px;
}
.header--basket a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
border-radius: 15px;
position: relative;
-webkit-box-shadow: 0 0 0 0 #fe5000;
box-shadow: 0 0 0 0 #fe5000;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
z-index: 1;
text-decoration: none;
font-size: 17px;
}
.header--basket a:after {
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50px;
z-index: 0;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.header--basket a:hover, .header--basket a:hover:visited {
background: radial-gradient(#ff7332 25%, #fe5000);
color: white;
}
.header--basket a:hover span.cart-contents-count, .header--basket a:hover:visited span.cart-contents-count {
-webkit-box-shadow: 0 0 7.5px -1px #fe5000;
box-shadow: 0 0 7.5px -1px #fe5000;
}
.header--basket a:hover svg, .header--basket a:hover:visited svg {
fill: white;
}
.header--basket a:hover i, .header--basket a:hover:visited i {
color: white;
}
.header--basket svg {
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
fill: #fe5000;
}
.header--basket i {
color: #fe5000;
}
.header--basket span.cart-contents-count {
position: absolute;
color: white;
font-size: 10px;
font-weight: bold;
bottom: 15px;
left: 20px;
background: #fe5000;
height: 15px;
padding: 1px 4px 2px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px -1px #fe5000;
box-shadow: 0 0 5px -1px #fe5000;
}
.credit-info,
.woocommerce .inner-header .credit-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: 14px;
font-weight: bold;
position: absolute;
bottom: 0;
right: 0;
background: rgba(234, 234, 234, 0.5);
padding-top: 6px;
padding-bottom: 4px;
text-align: right;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border-top-left-radius: 15% 100%;
-webkit-box-shadow: -7.5px -7.5px 15px white;
box-shadow: -7.5px -7.5px 15px white;
}
.credit-info *:not(:last-child),
.woocommerce .inner-header .credit-info *:not(:last-child) {
padding-right: 5px;
}
.credit-info p,
.woocommerce .inner-header .credit-info p {
margin: 0;
}
.credit-info span,
.woocommerce .inner-header .credit-info span {
color: #fe5000;
font-size: 1.1em;
}
body.credit-account .inner-header > *:not(.header--logo-cntr):not(.credit-info) {
margin-bottom: 30px;
z-index: 2;
}
body.credit-account .header--search-cntr input[type="search"] {
margin-left: 0;
}
@media screen and (min-width: 1500px) {
.credit-info.wrap, .woocommerce .inner-header .credit-info {
padding-left: 50px;
border-top-left-radius: 50px 100%;
}
}
@media screen and (max-width: 1149px) {
.credit-info,
.woocommerce .inner-header .credit-info {
font-size: 12px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
body.credit-account .inner-header > nav {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
margin-left: 10px;
}
body.credit-account .inner-header > nav li.menu-item-has-children > a {
padding: 0 25px 0 0;
}
body.credit-account .inner-header.wrap {
padding-left: 300px;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) {
body.credit-account.woocommerce .inner-header > .header--search-cntr:not(.header--logo-cntr):not(.credit-info),
body.credit-account .inner-header > .header--search-cntr:not(.header--logo-cntr):not(.credit-info) {
margin-bottom: 30px;
}
body.credit-account.woocommerce .inner-header > .header--logo-cntr:not(.credit-info),
body.credit-account .inner-header > .header--logo-cntr:not(.credit-info) {
padding-bottom: 30px;
}
body.credit-account.woocommerce .inner-header.wrap,
body.credit-account .inner-header.wrap {
padding-left: 250px;
}
body.credit-account.woocommerce .inner-header .header--search-cntr input[type="search"],
body.credit-account .inner-header .header--search-cntr input[type="search"] {
max-width: 370px;
}
body.credit-account.woocommerce .inner-header > nav,
body.credit-account .inner-header > nav {
margin-left: 10px;
}
body.credit-account.woocommerce .inner-header > nav li.menu-item-has-children > a,
body.credit-account .inner-header > nav li.menu-item-has-children > a {
padding-right: 25px;
padding-left: 5px;
}
.credit-info, body.woocommerce .inner-header .credit-info {
width: 100vw;
border-radius: 0px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
}
@media screen and (max-width: 700px) and (min-width: 550px) {
body.credit-account.woocommerce .inner-header > .header--search-cntr:not(.header--logo-cntr):not(.credit-info),
body.credit-account .inner-header > .header--search-cntr:not(.header--logo-cntr):not(.credit-info) {
margin-bottom: 10px;
width: 100%;
max-width: 100%;
min-width: 100%;
}
.header--search-cntr {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 549px) {
body.credit-account.woocommerce .inner-header > *:not(.header--logo-cntr):not(.credit-info),
body.credit-account.woocommerce .inner-header > .header--logo-cntr,
body.credit-account .inner-header > *:not(.header--logo-cntr):not(.credit-info),
body.credit-account .inner-header > .header--logo-cntr {
margin-bottom: 20px;
}
.credit-info, body.woocommerce .inner-header .credit-info {
width: 100%;
border-radius: 0px;
margin: 0;
background: #f1f1f1;
padding: 2px 0 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.sub-header nav, .sub-header nav ul.nav, .sub-header nav ul.nav > li, .sub-header nav ul.nav > li a, .sub-header--contact,
.sub-header--contact > div,
.sub-header--contact a,
.sub-header--contact p, .header--primary-cta, .header--primary-cta a, .header--primary-cta a:visited {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
text-align: center;
}
.sub-header {
background: #eaeaea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 40px;
}
.sub-header nav {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sub-header nav ul.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.sub-header nav ul.nav > li {
position: relative;
}
.sub-header nav ul.nav > li a {
font-size: 12px;
font-weight: bold;
padding: 0 10px;
}
.sub-header nav ul.nav > li ul.sub-menu {
display: none;
position: absolute;
left: 0;
top: 100%;
margin: 0;
background: #eaeaea;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow: hidden;
}
.sub-header nav ul.nav > li ul.sub-menu li {
background: white;
border-bottom: 1px solid #eaeaea;
width: 100%;
z-index: 1;
}
.sub-header nav ul.nav > li ul.sub-menu li:hover {
background: #fe5000;
}
.sub-header nav ul.nav > li ul.sub-menu li:hover a {
color: white;
}
.sub-header nav ul.nav > li ul.sub-menu li a {
width: auto;
white-space: nowrap;
padding: 5px 20px;
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sub-header nav ul.nav > li ul.sub-menu li:last-of-type {
border-bottom: 0px;
}
.sub-header nav ul.nav > li ul:before {
border: 10px solid #ffd100;
height: 150px;
width: 150px;
position: absolute;
bottom: 0;
left: 200px;
border-radius: 100px;
z-index: 0;
-webkit-transform: translate(calc(-50% + 40px), calc(50% - 40px));
transform: translate(calc(-50% + 40px), calc(50% - 40px));
opacity: 0.25;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu {
width: 550px;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item {
height: 60px;
width: 200px;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover {
background: #f7f7f7;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item a {
padding: 0 10px 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-left: 0px solid grey;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
padding-right: 0px;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item a .menu-image:first-of-type {
height: 40px;
width: 40px;
-o-object-fit: contain;
object-fit: contain;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item a .menu-image:last-of-type {
display: none;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item a .menu-image-title {
font-size: 14px;
text-align: left;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item a img.hovered-image {
margin-left: 0 !important;
position: absolute;
left: 100%;
bottom: 0;
-webkit-transform: translate(-75%, 0%);
transform: translate(-75%, 0%);
height: 175px;
opacity: 0.5;
display: none;
z-index: 1;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(1) a {
border-left-color: #4a25aa;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(2) a {
border-left-color: #bb29bb;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(3) a {
border-left-color: #e10098;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(4) a {
border-left-color: #f25e35;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(5) a {
border-left-color: #fb8b23;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(6) a {
border-left-color: #ffd100;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item ul:after {
content: " ";
border: 1px solid;
display: none;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(1) ul:after {
background: #4a25aa;
border-color: #4a25aa;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(2) ul:after {
background: #bb29bb;
border-color: #bb29bb;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(3) ul:after {
background: #e10098;
border-color: #e10098;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(4) ul:after {
background: #f25e35;
border-color: #f25e35;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(5) ul:after {
background: #fb8b23;
border-color: #fb8b23;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:nth-of-type(6) ul:after {
background: #ffd100;
border-color: #ffd100;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a {
color: #383d40;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a img.menu-image {
opacity: 1;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a img.hovered-image {
display: none;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(2), .sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(3) {
position: absolute;
left: 200px;
top: 0;
height: 60px;
width: calc(100% - 200px);
border: none;
padding: 0;
-webkit-transition: 0s;
transition: 0s;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(2) .menu-image-hover-wrapper, .sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(3) .menu-image-hover-wrapper {
display: none;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(2) .menu-image-title, .sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(3) .menu-image-title {
font-size: 2em;
font-weight: normal;
color: black;
padding: 0 0 0 30px;
background: rgba(0, 0, 0, 0.05);
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(3) {
width: auto;
left: unset;
right: 10px;
height: auto;
z-index: -1;
top: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 5px 5px 4px 10px;
border-radius: 50px;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu li.menu-item:hover > a:nth-of-type(2):hover + a:nth-of-type(3) {
background: white;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu ul.sub-menu {
position: absolute;
background: transparent;
left: 200px;
top: 60px;
padding: 10px 10px 10px 0;
height: calc(100% - 60px);
width: calc(100% - 200px);
-webkit-box-shadow: none;
box-shadow: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu ul.sub-menu li.menu-item {
height: 35px;
width: calc(50% - 10px);
background: none;
margin-left: 10px;
border-bottom: 0px solid #e0e0e0;
z-index: 1;
width: auto;
padding: 3px 0;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu ul.sub-menu li.menu-item a {
border: none;
font-size: 16px;
padding: 3px 15px 1px 15px;
font-weight: normal;
color: black;
border-radius: 40px;
letter-spacing: -0.4px;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu ul.sub-menu li.menu-item a span.menu-image-title {
font-size: 18px;
padding-left: 0;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu ul.sub-menu li.menu-item:hover a {
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
position: relative;
}
.sub-header nav ul.nav > li.big-menu ul.sub-menu ul.sub-menu li.menu-item:hover a:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: -3px -3px 6px rgba(255, 255, 255, 0.5);
box-shadow: -3px -3px 6px rgba(255, 255, 255, 0.5);
border-radius: 50px;
}
.sub-header nav ul.nav > li.menu-item-has-children > a, .sub-header nav ul.nav > li.brands > a {
padding-right: 20px;
}
.sub-header nav ul.nav > li.menu-item-has-children > a:after, .sub-header nav ul.nav > li.menu-item-has-children > a:before, .sub-header nav ul.nav > li.brands > a:after, .sub-header nav ul.nav > li.brands > a:before {
content: " ";
background: #383d40;
height: 6px;
width: 2px;
border-radius: 5px;
position: absolute;
top: calc(50% - 1px);
}
.sub-header nav ul.nav > li.menu-item-has-children > a:after, .sub-header nav ul.nav > li.brands > a:after {
right: 11px;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.sub-header nav ul.nav > li.menu-item-has-children > a:before, .sub-header nav ul.nav > li.brands > a:before {
right: 10px;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
}
.sub-header nav ul.nav > li.menu-item-has-children:hover > a:after, .sub-header nav ul.nav > li.menu-item-has-children:hover > a:before, .sub-header nav ul.nav > li.brands:hover > a:after, .sub-header nav ul.nav > li.brands:hover > a:before {
background: #383d40;
}
.sub-header nav ul.nav > li:hover > a {
background: #dddddd;
color: #383d40;
}
.sub-header nav ul.nav > li.home > a {
background: #fe5000;
color: white;
}
.sub-header nav ul.nav > li.home:hover > a {
background: #31137c;
color: white;
}
.menu-item:hover .sub-menu .menu-item:hover .menu-image-hover-wrapper img.hovered-image {
opacity: -0.5;
}
.sub-header nav ul.nav li:hover > ul.sub-menu {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.sub-header--contact a,
.sub-header--contact > div a,
.sub-header--contact a a,
.sub-header--contact p a {
text-decoration: none;
padding: 0 15px;
color: #383d40;
}
.sub-header--contact a:hover,
.sub-header--contact > div a:hover,
.sub-header--contact a a:hover,
.sub-header--contact p a:hover {
background: #dddddd;
}
.sub-header--contact svg, .sub-header--contact object,
.sub-header--contact > div svg,
.sub-header--contact > div object,
.sub-header--contact a svg,
.sub-header--contact a object,
.sub-header--contact p svg,
.sub-header--contact p object {
height: 20px;
fill: #fe5000;
}
.sub-header--contact i,
.sub-header--contact > div i,
.sub-header--contact a i,
.sub-header--contact p i {
color: #fe5000;
font-size: 17px;
}
.sub-header--contact p,
.sub-header--contact > div p,
.sub-header--contact a p,
.sub-header--contact p p {
margin: 0 0 0 7px;
font-size: 12px;
font-weight: bold;
}
@media screen and (max-width: 967px) {
.sub-header nav ul.nav > li.brands:hover {
position: static;
}
.sub-header nav ul.nav > li.brands:hover > a {
position: relative;
}
.sub-header nav ul.nav > li.brands:hover ul.sub-menu.header--brands-cntr {
left: calc((100vw - calc(100vw - 50px)) / 2);
width: calc(100vw - 50px);
max-width: calc(100vw - 50px);
}
}
.header--primary-cta a, .header--primary-cta a:visited {
background: #31137c;
padding: 0 15px;
color: white;
text-decoration: none;
font-size: 15px;
font-weight: bold;
line-height: 1;
}
.header--primary-cta a:hover, .header--primary-cta a:visited:hover {
background: #fe5000;
color: white;
}
.sub-header nav ul.nav > li.brands:hover > ul.sub-menu.header--brands-cntr {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr {
max-width: 800px;
width: calc(100vw - 100px);
border-radius: 0;
border: none;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr li {
margin: 0 1px 1px 0;
min-width: calc((100% - (1px * 4)) / 4);
height: 60px;
padding: 0px;
background: white;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0s;
transition: 0s;
border: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr li:hover {
background: #f7f7f7;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr li a {
padding: 13px 30px;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr li a img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr li a p.category-name {
display: none;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr li.cat-unbranded, .sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr li.cat-waxman-energy {
display: none;
}
.sub-header nav ul.nav > li.brands ul.sub-menu.header--brands-cntr:after {
background: none;
border: 5px solid rgba(255, 209, 0, 0.5);
height: 200px;
width: 200px;
right: 50px;
}
.sub-header nav ul.nav > li.brands span.count-brands-13 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-13 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-13 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-13 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-17 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-17 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-17 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-17 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-25 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-25 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-25 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-25 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-29 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-29 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-29 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-29 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-33 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-33 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-33 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-33 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-37 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-37 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-37 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-37 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3) {
min-width: calc((100% - (1px * 3)) / 3);
}
.sub-header nav ul.nav > li.brands span.count-brands-13 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-13 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-17 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-17 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-25 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-25 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-29 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-29 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-33 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-33 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-37 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-37 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1) {
min-width: calc((100% - (1px * 2)) / 2);
}
.sub-header nav ul.nav > li.brands span.count-brands-10 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-10 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-10 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-10 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-10 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-10 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-14 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-14 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-14 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-14 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-14 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-14 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-22 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-22 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-22 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-22 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-22 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-22 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-26 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-26 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-26 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-26 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-26 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-26 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-30 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-30 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-30 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-30 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-30 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-30 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-34 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-34 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-34 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-34 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-34 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-34 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-38 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(6),
.sub-header nav ul.nav > li.brands span.count-brands-38 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(5),
.sub-header nav ul.nav > li.brands span.count-brands-38 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(4),
.sub-header nav ul.nav > li.brands span.count-brands-38 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-38 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-38 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1) {
min-width: calc((100% - (1px * 3)) / 3);
}
.sub-header nav ul.nav > li.brands span.count-brands-11 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-11 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-11 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-19 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-19 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-19 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-23 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-23 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-23 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-27 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-27 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-27 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-31 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-31 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-31 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-35 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-35 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-35 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1),
.sub-header nav ul.nav > li.brands span.count-brands-39 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(3),
.sub-header nav ul.nav > li.brands span.count-brands-39 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(2),
.sub-header nav ul.nav > li.brands span.count-brands-39 ~ ul.sub-menu.header--brands-cntr li:nth-last-child(1) {
min-width: calc((100% - (1px * 3)) / 3);
}
.sub-header nav ul.nav > li.brands span.count-brands-6 ~ ul.sub-menu.header--brands-cntr li,
.sub-header nav ul.nav > li.brands span.count-brands-9 ~ ul.sub-menu.header--brands-cntr li,
.sub-header nav ul.nav > li.brands span.count-brands-15 ~ ul.sub-menu.header--brands-cntr li,
.sub-header nav ul.nav > li.brands span.count-brands-18 ~ ul.sub-menu.header--brands-cntr li,
.sub-header nav ul.nav > li.brands span.count-brands-21 ~ ul.sub-menu.header--brands-cntr li {
min-width: calc((100% - (1px * 3)) / 3);
}
@media screen and (min-width: 1150px) {
.pre-header p, .pre-header a, .pre-header a:visited {
font-size: 13px;
}
.inner-header {
padding-top: 20px;
padding-bottom: 20px;
}
.header--search-cntr,
.header--search-cntr > div,
.header--search-cntr form,
.header--search-cntr form > div {
max-width: 380px;
}
.header--search-cntr input[type="search"] {
height: 40px;
border-radius: 20px;
width: 330px;
font-size: 15px;
padding: 0px 50px 0 0;
line-height: 3;
}
button#searchsubmit {
width: 60px;
height: 40px;
border-radius: 20px;
font-size: 20px;
}
.header--basket {
width: 40px;
}
.header--basket a {
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 20px;
}
.header--basket a:hover svg {
height: 18px;
}
.header--basket svg {
height: 20px;
}
.header--basket span.cart-contents-count {
bottom: 22.5px;
left: 25px;
font-size: 12px;
height: 18px;
padding: 1px 6px 2px;
}
.inner-header nav ul.nav > li > a {
font-size: 14px;
padding: 0 15px;
height: 40px;
border-radius: 20px;
}
.inner-header nav ul.nav > li ul.sub-menu {
top: calc(50% + 20px);
}
.inner-header nav ul.nav > li ul.sub-menu li a {
font-size: 14px;
}
.sub-header nav ul.nav > li a,
.sub-header--contact p,
.sub-header--contact > div p,
.sub-header--contact a p,
.sub-header--contact p p {
font-size: 14px;
}
.sub-header--contact i,
.sub-header--contact > div i,
.sub-header--contact a i,
.sub-header--contact p i {
font-size: 20px;
}
.header--primary-cta a, .header--primary-cta a:visited {
font-size: 17px;
}
}
@media screen and (max-width: 1023px) and (min-width: 550px) {
.inner-header.wrap {
padding: 15px 25px 15px 250px;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background: #f3f3f3;
z-index: 2;
}
.header--logo-cntr, .woocommerce .inner-header .header--logo-cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 25px;
}
.header--logo-circle {
height: 40px;
width: 40px;
}
.header--logo-cntr img {
height: 40px;
}
.inner-header > nav {
margin-left: 10px;
}
.inner-header > nav ul.nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.inner-header > nav ul.nav > li {
margin-left: 0;
}
.header--search-cntr {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sub-header nav ul.nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap-reverse;
flex-flow: row wrap-reverse;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sub-header--contact {
border-left: 1px solid rgba(0, 0, 0, 0.05);
margin-left: -1px;
}
.sub-header--contact a,
.sub-header--contact > div a,
.sub-header--contact a a,
.sub-header--contact p a {
padding: 0 10px;
}
a.mobile-menu-button:visited,
a.mobile-menu-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
color: #383d40;
font-weight: bold;
font-size: 14px;
padding: 0 10px;
background: #fe5000;
color: white;
}
a.mobile-menu-button:visited svg,
a.mobile-menu-button svg {
height: 24px;
fill: white;
padding-right: 5px;
}
a.mobile-menu-button:visited i,
a.mobile-menu-button i {
color: white;
padding-right: 5px;
font-size: 20px;
}
a.mobile-menu-button:visited:hover,
a.mobile-menu-button:hover {
background: #31137c;
cursor: pointer;
color: white;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) {
.inner-header.wrap {
padding: 10px 10px 10px calc(100% - 295px);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.inner-header .header--search-cntr {
margin-bottom: 10px;
}
.header--logo-cntr, .woocommerce .inner-header .header--logo-cntr {
left: 10px;
}
.header--logo-cntr p, .woocommerce .inner-header .header--logo-cntr p {
font-size: 23px;
}
.header--logo-cntr .header--logo-circle,
.header--logo-cntr img, .woocommerce .inner-header .header--logo-cntr .header--logo-circle,
.woocommerce .inner-header .header--logo-cntr img {
height: 40px;
width: 220px;
}
.header--search-cntr input[type="search"] {
width: 400px;
}
.sub-header--contact p,
.sub-header--contact > div p,
.sub-header--contact a p,
.sub-header--contact p p {
font-size: 11px;
}
.header--primary-cta a, .header--primary-cta a:visited {
font-size: 14px;
}
.sub-header--contact {
border-left: 0px;
}
}
@media screen and (min-width: 550px) {
.sub-header--mobile-cntr,
.inner-header a.mobile-search-button,
.inner-header a.mobile-menu-button {
display: none;
}
.inner-header nav, .inner-header .header--basket {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.inner-header .header--search-cntr {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media screen and (min-width: 1024px) {
.inner-header .header--search-cntr {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media screen and (max-width: 549px) {
.inner-header > nav,
.inner-header > .header--basket,
.sub-header > nav#desktop-menu-cntr,
.sub-header > .sub-header--contact,
.sub-header > .header--primary-cta {
display: none;
}
header.header {
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
.inner-header.wrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.inner-header.wrap a.mobile-menu-button,
.inner-header.wrap a.mobile-search-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 60px;
padding: 0 10px;
-webkit-transition: 0.1s;
transition: 0.1s;
font-size: 30px;
}
.inner-header.wrap a.mobile-menu-button:hover,
.inner-header.wrap a.mobile-search-button:hover {
background: #eaeaea;
cursor: pointer;
}
.inner-header.wrap svg {
height: 30px;
fill: #fe5000;
}
.inner-header.wrap i {
color: #fe5000;
}
.inner-header.wrap .header--logo-circle,
.inner-header.wrap .header--logo-cntr img {
height: 40px;
width: 220px;
}
.inner-header.wrap .header--logo-cntr p {
font-size: 20px;
margin: 0 0 0 7px;
}
.sub-header {
height: 60px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sub-header--mobile-cntr {
width: 375px;
max-width: 100%;
height: 100%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.sub-header--mobile-cntr > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
width: 20%;
margin: 0;
z-index: 1;
}
.sub-header--mobile-cntr a, .sub-header--mobile-cntr a:visited {
color: black;
text-decoration: none;
font-size: 10px;
font-weight: bold;
height: 100%;
padding: 11px 10px 0;
text-align: center;
-webkit-transition: 0.1s;
transition: 0.1s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background: none;
line-height: 1;
width: auto;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.sub-header--mobile-cntr a i, .sub-header--mobile-cntr a:visited i {
font-size: 25px;
font-weight: normal;
}
.sub-header--mobile-cntr a:hover, .sub-header--mobile-cntr a:visited:hover {
background: rgba(0, 0, 0, 0.05);
color: black;
}
.sub-header--mobile-cntr a:hover svg, .sub-header--mobile-cntr a:visited:hover svg {
fill: #fe5000;
}
.sub-header--mobile-cntr a:hover i, .sub-header--mobile-cntr a:visited:hover i {
color: #fe5000;
}
.sub-header--mobile-cntr .header--basket a:after {
display: none;
}
.sub-header--mobile-cntr p {
margin: 0 0 0 0;
word-break: unset;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.sub-header--mobile-cntr svg {
fill: #fe5000;
height: 25px;
width: 25px;
-webkit-transition: 0.1s;
transition: 0.1s;
}
.sub-header--mobile-cntr i {
color: #fe5000;
}
.sub-header--mobile-cntr span.cart-contents-count {
bottom: calc(100% - 23px);
left: calc(100% - 20px);
background: #fe5000;
color: white;
padding: 3px 4px 0px;
height: 14px;
}
.header--search-cntr {
display: none;
}
.header--search-cntr.expanded {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
}
.header--search-cntr.expanded ~ a.mobile-menu-button,
.header--search-cntr.expanded ~ .header--logo-cntr {
display: none;
}
.header--search-cntr.expanded ~ a.mobile-search-button {
border-color: #eaeaea;
}
.header--search-cntr.expanded ~ a.mobile-search-button i:first-of-type {
display: none;
}
.header--search-cntr.expanded ~ a.mobile-search-button i:last-of-type {
display: block;
}
.header--search-cntr input[type="search"] {
height: 40px;
width: 100%;
padding: 0 60px 0 0;
font-size: 15px;
line-height: 3;
}
.header--search-cntr button#searchsubmit {
width: 60px;
height: 40px;
border-radius: 20px;
background: #fe5000;
border-left: 0px;
font-size: 20px;
}
.header--search-cntr button#searchsubmit svg {
fill: white;
height: 25px;
}
.header--search-cntr button#searchsubmit i {
color: white;
}
.header--search-cntr,
.header--search-cntr > div,
.header--search-cntr form,
.header--search-cntr form > div {
max-width: calc(100vw - 50px);
}
a.mobile-search-button {
border-left: 1px solid transparent;
}
a.mobile-search-button i:first-of-type {
display: block;
}
a.mobile-search-button i:last-of-type {
display: none;
}
}
@media screen and (max-width: 350px) {
.inner-header.wrap .header--logo-circle,
.inner-header.wrap .header--logo-cntr img {
height: 35px;
width: 192px;
}
}
@media screen and (min-width: 930px) {
a.mobile-menu-button {
display: none;
}
}
@media screen and (max-width: 929px) {
.sub-header nav ul.nav > li.home {
display: none;
}
}
.mobile-menu-cntr {
position: fixed;
height: 100vh;
top: 0;
left: -350px;
width: 350px;
background: #eaeaea;
z-index: 1001;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.2s;
transition: 0.2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: scroll;
padding-top: 60px;
}
.mobile-menu-cntr.expanded {
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
left: 0;
}
.mobile-menu-cntr nav {
height: auto;
width: 100%;
padding-top: 25px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.mobile-menu-cntr > nav {
padding-bottom: 50px;
}
.mobile-menu-cntr ul {
padding-bottom: 25px;
}
.mobile-menu-cntr ul li {
position: relative;
overflow: hidden;
border-top: 1px solid #dddddd;
position: relative;
}
.mobile-menu-cntr ul li:last-of-type {
border-bottom: 1px solid #dddddd;
}
.mobile-menu-cntr ul li > a:focus {
outline: none;
color: #fe5000;
}
.mobile-menu-cntr ul li.menu-item-has-children {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.mobile-menu-cntr ul li.menu-item-has-children > a {
width: calc(100% - 65px);
border-right: 1px solid #dddddd;
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander {
width: 65px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 0;
border: 0;
background: none;
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander:hover {
background: #dddddd;
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander:focus {
outline: none;
background: #e4e4e4;
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander:before, .mobile-menu-cntr ul li.menu-item-has-children button.expander:after {
content: ' ';
width: 8px;
height: 3px;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
background: #383d40;
position: absolute;
top: 25px;
right: 32px;
-webkit-transition: -webkit-transform 0.1s;
transition: -webkit-transform 0.1s;
transition: transform 0.1s;
transition: transform 0.1s, -webkit-transform 0.1s;
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander:after {
right: 28px;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander:hover:before, .mobile-menu-cntr ul li.menu-item-has-children button.expander:hover:after {
background: #fe5000;
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander.expanded:before {
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.mobile-menu-cntr ul li.menu-item-has-children button.expander.expanded:after {
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.mobile-menu-cntr ul li.menu-item-has-children ul a {
height: 40px;
}
.mobile-menu-cntr ul li.menu-item-has-children ul a:hover {
background: -webkit-gradient(linear, right top, left top, from(#dddddd), to(#e6e6e6));
background: linear-gradient(to left, #dddddd, #e6e6e6);
}
.mobile-menu-cntr ul li.menu-item-has-children ul button.expander {
height: 40px;
}
.mobile-menu-cntr ul li.menu-item-has-children ul button.expander:before, .mobile-menu-cntr ul li.menu-item-has-children ul button.expander:after {
top: 20px;
}
.mobile-menu-cntr ul li.menu-item-has-children ul ul {
padding: 15px;
}
.mobile-menu-cntr ul li.menu-item-has-children ul ul a {
font-size: 16px;
height: 35px;
}
.mobile-menu-cntr ul li.menu-item-has-children ul ul a:hover {
background: -webkit-gradient(linear, right top, left top, from(#d4d4d4), to(#e2e2e2));
background: linear-gradient(to left, #d4d4d4, #e2e2e2);
}
.mobile-menu-cntr ul li a {
padding: 0 25px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
}
.mobile-menu-cntr ul li a:hover {
color: #fe5000;
background: -webkit-gradient(linear, right top, left top, from(#dddddd), to(#eaeaea));
background: linear-gradient(to left, #dddddd, #eaeaea);
}
.mobile-menu-cntr ul li ul {
margin: 0;
padding: 25px 0;
-webkit-box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.1);
display: none;
width: 100%;
background: rgba(0, 0, 0, 0.02);
}
.mobile-menu-cntr ul li button.expanded ~ ul {
display: block !important;
}
.mobile-menu-cntr ul li .menu-image-hover-wrapper,
.mobile-menu-cntr ul li .menu-item a img,
.mobile-menu-cntr ul li img.menu-image-title-after {
display: none;
}
.mobile-menu-cntr ul li .menu-image-title-after.menu-image-title {
padding-left: 0;
}
.mobile-menu-cntr ul.header--brands-cntr.sub-menu img {
height: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-left: auto;
max-width: 80px;
-o-object-fit: contain;
object-fit: contain;
}
.mobile-menu-cntr li.cat-unbranded, .mobile-menu-cntr li.cat-waxman-energy {
display: none;
}
.mobile-menu-cntr p.category-name {
margin: 0;
}
.mobile-menu-cntr .menu-image-title-hide .menu-image-title,
.mobile-menu-cntr .menu-image-title-hide.menu-image-title {
display: block;
}
.mobile-menu-cntr .dashicons, .mobile-menu-cntr .dashicons-before:before {
display: none;
}
.admin-bar .mobile-menu--header {
top: 32px;
}
.admin-bar .mobile-menu-cntr {
top: 32px;
height: calc(100vh - 32px);
}
@media screen and (max-width: 782px) {
.admin-bar .mobile-menu--header {
top: 46px;
}
.admin-bar .mobile-menu-cntr {
top: 46px;
height: calc(100vh - 46px);
}
}
.mobile-menu--header {
background: white;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.025);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.025);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 0 25px;
position: fixed;
width: 350px;
left: -350px;
top: 0;
z-index: 2;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.mobile-menu--header .header--logo-cntr {
position: -webkit-sticky;
position: sticky;
left: 0;
}
.mobile-menu--header .header--logo-circle {
height: 30px;
width: 30px;
}
.mobile-menu--header .header--logo-circle img {
height: 30px;
width: 30px;
}
.mobile-menu--header .mobile-menu--title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 15px;
padding-top: 5px;
}
.mobile-menu--header .mobile-menu--close-button {
width: 40px;
height: 40px;
padding: 5px;
margin-right: -10px;
background: transparent;
border-radius: 5px;
-webkit-transition: 0.1s;
transition: 0.1s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 30px;
}
.mobile-menu--header .mobile-menu--close-button i {
color: #383d40;
-webkit-transition: 0.1s;
transition: 0.1s;
}
.mobile-menu--header .mobile-menu--close-button:hover {
background: #eaeaea;
cursor: pointer;
}
.mobile-menu--header .mobile-menu--close-button:hover i {
color: #2c3032;
}
.expanded .mobile-menu--header {
left: 0;
}
.mobile-menu--footer {
background: #fe5000;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.025);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.025);
padding-bottom: 75px;
}
.mobile-menu--footer nav {
height: auto;
}
.mobile-menu--footer nav ul {
padding-bottom: 25px;
}
.mobile-menu--footer nav ul li, .mobile-menu--footer nav ul li:last-of-type {
border-color: #ff7332;
}
.mobile-menu--footer nav ul li a, .mobile-menu--footer nav ul li:last-of-type a {
color: white;
border-color: #ff7332;
}
.mobile-menu--footer nav ul li a:hover, .mobile-menu--footer nav ul li:last-of-type a:hover {
color: white;
background: -webkit-gradient(linear, right top, left top, from(#ff7332), to(#fe5000));
background: linear-gradient(to left, #ff7332, #fe5000);
}
.mobile-menu--footer nav ul li button.expander:before, .mobile-menu--footer nav ul li button.expander:after, .mobile-menu--footer nav ul li:last-of-type button.expander:before, .mobile-menu--footer nav ul li:last-of-type button.expander:after {
background: white;
}
.mobile-menu--footer nav ul li button.expander:hover, .mobile-menu--footer nav ul li:last-of-type button.expander:hover {
background: #ff7332;
}
.mobile-menu--footer nav ul li button.expander:hover:before, .mobile-menu--footer nav ul li button.expander:hover:after, .mobile-menu--footer nav ul li:last-of-type button.expander:hover:before, .mobile-menu--footer nav ul li:last-of-type button.expander:hover:after {
background: white;
}
.mobile-menu--footer nav ul li button.expander:focus, .mobile-menu--footer nav ul li:last-of-type button.expander:focus {
background: #ff6119;
}
.mobile-menu--social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
.mobile-menu--social a {
padding: 5px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0px;
border-radius: 5px;
-webkit-transition: 0.1s;
transition: 0.1s;
text-decoration: none;
font-size: 20px;
}
.mobile-menu--social a:hover {
background: #ff6119;
}
.mobile-menu--social a i {
color: #ffd100;
}
.mobile-menu--contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mobile-menu--contact a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
color: white;
font-weight: bold;
text-decoration: none;
font-size: 20px;
padding: 5px 10px;
border-radius: 5px;
-webkit-transition: 0.1s;
transition: 0.1s;
}
.mobile-menu--contact a:hover {
color: white;
background: #ff6119;
}
.mobile-menu--contact a i {
color: #ffd100;
}
.mobile-menu--contact a p {
margin: 3px 0 0 5px;
}
.mobile-menu--primary-cta {
position: fixed;
bottom: 0;
z-index: 10;
height: 50px;
width: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.mobile-menu--primary-cta a, .mobile-menu--primary-cta a:visited {
background: #4a25aa;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
text-decoration: none;
color: white;
font-weight: bold;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
-webkit-transition: 0.1s;
transition: 0.1s;
}
.mobile-menu--primary-cta a:hover, .mobile-menu--primary-cta a:visited:hover {
background: #5d30d2;
color: white;
}
@media screen and (max-width: 500px) {
.mobile-menu-cntr, .mobile-menu--header, .mobile-menu--primary-cta {
width: 100vw;
left: -100vw;
}
.mobile-menu-cntr.expanded .mobile-menu--header, .mobile-menu-cntr.expanded .mobile-menu--primary-cta, .mobile-menu--header.expanded .mobile-menu--header, .mobile-menu--header.expanded .mobile-menu--primary-cta, .mobile-menu--primary-cta.expanded .mobile-menu--header, .mobile-menu--primary-cta.expanded .mobile-menu--primary-cta {
left: 0;
}
html:not(.no-touch) .mobile-menu--footer {
padding-bottom: 175px;
}
}
.mobile-menu--footer.grey {
background: #404040;
}
.mobile-menu--footer.grey nav ul li, .mobile-menu--footer.grey nav ul li:last-of-type {
border-color: rgba(255, 255, 255, 0.1);
}
.mobile-menu--footer.grey nav ul li a, .mobile-menu--footer.grey nav ul li:last-of-type a {
border-color: rgba(255, 255, 255, 0.1);
}
.mobile-menu--footer.grey nav ul li a:hover, .mobile-menu--footer.grey nav ul li:last-of-type a:hover {
color: white;
background: -webkit-gradient(linear, right top, left top, from(#5a5a5a), to(#404040));
background: linear-gradient(to left, #5a5a5a, #404040);
}
.mobile-menu--footer.grey nav ul li button.expander:hover, .mobile-menu--footer.grey nav ul li:last-of-type button.expander:hover {
background: #5a5a5a;
}
.mobile-menu--footer.grey nav ul li button.expander:focus, .mobile-menu--footer.grey nav ul li:last-of-type button.expander:focus {
background: #4d4d4d;
}
.mobile-menu--footer.grey .mobile-menu--contact a:hover, .mobile-menu--footer.grey .mobile-menu--social a:hover {
background: #4d4d4d;
}
.mobile-menu--footer.grey .mobile-menu--contact a svg, .mobile-menu--footer.grey .mobile-menu--social a svg {
fill: #fe5000;
}
.mobile-menu--footer.grey .mobile-menu--contact a i, .mobile-menu--footer.grey .mobile-menu--social a i {
color: #fe5000;
}
footer.footer {
clear: both;
background-color: #404040;
color: #eaeaea;
}
.inner-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 75px;
padding-bottom: 25px;
border-top: 3px solid #fe5000;
}
.inner-footer .footer--company-info-cntr {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.inner-footer .footer--company-info-cntr div > * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #eaeaea;
text-decoration: none;
font-size: 15px;
}
.inner-footer .footer--company-info-cntr div > * svg {
height: 25px;
width: 25px;
min-width: 25px;
fill: #fe5000;
margin-right: 20px;
}
.inner-footer .footer--company-info-cntr a {
color: #eaeaea;
text-decoration: none;
}
.inner-footer .footer--company-info-cntr .footer--logo-cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
.inner-footer .footer--company-info-cntr .footer--logo-cntr h2 {
font-family: "swis721_hv_btheavy", "DIN Next LT Pro", din-condensed, "Avenir", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
font-size: 25px;
}
.inner-footer .footer--company-info-cntr .footer--logo-cntr img {
height: 60px;
width: 330px;
}
.inner-footer .footer--company-info-cntr .footer--logo-circle {
height: 60px;
width: 60px;
background: #fe5000;
border-radius: 100%;
margin-right: 10px;
}
.inner-footer .footer--company-info-cntr .footer--logo-circle img {
height: 100%;
width: 100%;
}
.inner-footer .footer--company-info-cntr .footer--company-info {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-footer .footer--company-info-cntr .footer--company-info > * {
padding: 0;
}
.inner-footer .footer--company-info-cntr .footer--company-info a {
background: none;
padding: 5px 20px 5px 15px;
border-radius: 30px;
-webkit-transition: 0.1s;
transition: 0.1s;
margin: 0 -10px;
}
.inner-footer .footer--company-info-cntr .footer--company-info a:hover {
background: #5a5a5a;
color: #fff;
}
.inner-footer .footer--company-info-cntr .footer--company-info .footer--social > div a {
padding: 7.5px 15px;
margin: 0 0 0 -10px;
}
.inner-footer .footer--company-info-cntr .footer--company-info i {
font-size: 25px;
color: #fe5000;
}
.inner-footer .footer--company-info-cntr .footer--company-info > div:not(.footer--social) i {
margin-right: 20px;
}
.inner-footer .footer--company-info-cntr .footer--company-info .footer--open_hours {
padding: 7.5px 5px;
}
.inner-footer .footer--menus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-flex: 100;
-ms-flex: 100;
flex: 100;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-left: 25px;
}
.inner-footer .footer--menus .footer-widget-area > div {
padding-right: 50px;
}
.inner-footer .footer--menus h4 {
margin: 0;
color: #fe5000;
}
.inner-footer .footer--menus ul {
margin: 0;
}
.inner-footer .footer--menus ul li {
margin: 0;
padding: 2px 0;
}
.inner-footer .footer--menus ul li a, .inner-footer .footer--menus ul li a:visited {
color: white;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.inner-footer .footer--menus ul li a:hover, .inner-footer .footer--menus ul li a:visited:hover {
color: #fe5000;
cursor: pointer;
}
.inner-footer .footer--menus ul li.menu-item-has-children > a {
display: none;
}
.inner-footer .footer--menus ul.sub-menu {
padding: 0;
margin: 0;
}
@media screen and (max-width: 400px) {
.inner-footer .footer--company-info-cntr .footer--logo-cntr img {
height: 48px;
width: 265px;
}
}
.sub-footer {
background: #333333;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.sub-footer ul {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 40px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0 7px;
}
.sub-footer ul ul {
padding: 0;
min-height: unset;
}
.sub-footer li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 10px;
}
.sub-footer p, .sub-footer a, .sub-footer a:visited {
margin: 0 -3px 0 0;
color: #afaeae;
text-decoration: none;
font-size: 13px;
padding: 2.5px 0;
}
.sub-footer a:hover {
color: #fe5000;
}
div#overlay {
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 100vw;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity: 0;
}
div#overlay.active {
right: 0vw;
opacity: 1;
}
@media screen and (max-width: 875px) {
footer .footer--company-info > div:last-of-type {
margin-bottom: -15px;
}
footer .inner-footer .footer--menus {
margin: 0;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
max-width: 300px;
}
footer .inner-footer .footer--menus .footer-widget-area:first-of-type > div {
border-top: 1px solid #666;
}
footer .inner-footer .footer--menus .footer-widget-area > div {
padding: 0;
border-bottom: 1px solid #666;
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4 {
padding: 10px 10px 9px;
color: white;
font-weight: normal;
position: relative;
border-bottom: 1px solid #666;
margin-bottom: -1px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4:hover {
cursor: pointer;
background: -webkit-gradient(linear, left top, right top, from(#404040), to(#333));
background: linear-gradient(to right, #404040, #333);
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4:before, footer .inner-footer .footer--menus .footer-widget-area > div > h4:after {
content: " ";
height: 3px;
width: 10px;
background: white;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: rotate(45deg) translate(-3px, 1px);
transform: rotate(45deg) translate(-3px, 1px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4:after {
-webkit-transform: rotate(-45deg) translate(3px, 1px);
transform: rotate(-45deg) translate(3px, 1px);
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4 + div {
-webkit-transition: 0.3s;
transition: 0.3s;
max-height: 0px;
overflow: hidden;
padding: 0 15px;
background: #333333;
-webkit-box-shadow: inset 0 0 10px #3a3a3a;
box-shadow: inset 0 0 10px #3a3a3a;
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4.expanded {
margin-bottom: 0px;
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4.expanded:before {
-webkit-transform: rotate(-45deg) translate(-1px, -3px);
transform: rotate(-45deg) translate(-1px, -3px);
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4.expanded:after {
-webkit-transform: rotate(45deg) translate(1px, -3px);
transform: rotate(45deg) translate(1px, -3px);
}
footer .inner-footer .footer--menus .footer-widget-area > div > h4.expanded + div {
max-height: 300px;
padding: 5px 15px;
}
}
footer.footer ul.menu img {
display: none;
}
footer.footer ul.menu img + span {
padding: 0;
}
@media screen and (max-width: 550px) {
.inner-footer .footer--company-info-cntr .footer--logo-cntr h2 {
font-size: 22px;
}
.inner-footer .footer--company-info-cntr .footer--logo-circle {
height: 50px;
width: 50px;
}
}
footer.footer .menu-image-hover-wrapper,
footer.footer .menu-image-title-after.menu-image-title,
footer.footer .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
padding: 0;
}
@media screen and (min-width: 768px) {
body:not(.ie) .nav li.horizontal > ul.sub-menu {
width: 1000px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li {
width: 300px;
background: #ffdbcb;
border: none;
position: initial;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li:not(:last-of-type) {
margin-bottom: 1px;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a {
border: none;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a span {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a span img {
max-height: 50px;
padding: 0;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a span img.hover {
display: none;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a span p {
margin: 0;
color: #fe5000;
font-weight: bold;
font-size: 27px;
line-height: 1.2;
text-align: right;
white-space: normal;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a > img {
display: none;
position: absolute;
right: 0;
bottom: 50%;
z-index: 9999;
-webkit-transform: translateY(50%);
transform: translateY(50%);
width: 300px;
height: 300px;
-o-object-fit: contain;
object-fit: contain;
padding: 25px;
background: #fff;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li:hover > a {
background: #fe5000;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li:hover > a span p {
color: #fff;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li:hover > a span img.hover {
display: block;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li:hover > a span img.not-hover {
display: none;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li:hover > a > img {
display: block;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > ul.sub-menu {
width: calc(100% - 300px);
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 300px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding-left: 50px;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > ul.sub-menu a {
border: none;
border-radius: 15px;
font-size: 25px;
min-width: unset;
padding: 10px 25px 7px 40px;
max-width: 300px;
white-space: normal;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > ul.sub-menu a:hover {
color: #383d40;
background: #f6f6f6;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > ul.sub-menu a:before {
content: "-";
padding-right: 10px;
position: absolute;
top: 7.5px;
left: 25px;
}
body:not(.ie) .nav li.horizontal:hover > ul.sub-menu > li:first-of-type > ul.sub-menu {
visibility: visible;
}
body:not(.ie) .nav li.horizontal:hover > ul.sub-menu > li:first-of-type > a > img {
display: block;
}
.ie .nav li.horizontal img {
display: none;
}
.ie .nav li.horizontal .menu-image-title {
display: block;
line-height: 0;
padding-top: 15px;
}
}
@media screen and (max-width: 1499px) and (min-width: 768px) {
body:not(.ie) .nav li.horizontal > ul.sub-menu {
left: 50%;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
body:not(.ie) .nav li.horizontal > ul.sub-menu {
width: calc(100vw - 20px);
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li {
width: 250px;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a {
padding: 10px 10px;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a span p {
font-size: 25px;
max-width: calc(100% - 60px);
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > a > img {
width: 200px;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > ul.sub-menu {
padding-left: 10px;
width: calc(100% - 250px);
left: 250px;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > ul.sub-menu a {
border-radius: 10px;
font-size: 20px;
padding: 8px 15px 5px 25px;
max-width: 275px;
}
body:not(.ie) .nav li.horizontal > ul.sub-menu > li > ul.sub-menu a:before {
left: 15px;
}
}
div#inner-content {
overflow: hidden;
}
form.post-password-form {
max-width: 400px;
margin: auto;
}
.height-10 {
height: 10px;
}
.height-25 {
height: 25px;
}
.height-50 {
height: 50px;
}
.height-75 {
height: 75px;
}
.height-125 {
height: 125px;
}
.height-150 {
height: 150px;
}
.height-200 {
height: 200px;
}
.height-250 {
height: 250px;
}
.height-300 {
height: 300px;
}
.height-400 {
height: 400px;
}
.height-500 {
height: 500px;
}
.height-600 {
height: 600px;
}
.height-700 {
height: 700px;
}
.height-800 {
height: 800px;
}
.height-900 {
height: 900px;
}
.height-1000 {
height: 1000px;
}
.height-1250 {
height: 1250px;
}
.height-1500 {
height: 1500px;
}
.light-yellow {
background: #fdf1bd;
}
.light-orange {
background: #fddaca;
}
.light-purple {
background: #e1ddef;
}
.light-pink {
background: #f9d7ed;
}
.light-green {
background: #ccebe6;
}
.light-red {
background: #f3cacf;
}
.light-blue {
background: #e4e5f3;
}
.wp-block-file {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #f3f3f3;
border-radius: 50px;
height: 60px;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
.wp-block-file:after {
content: " ";
position: absolute;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50px;
z-index: -1;
}
.wp-block-file:hover {
background: #f3f3f3;
cursor: pointer;
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
}
.wp-block-file:hover:after {
-webkit-box-shadow: -2.5px -2.5px 5px white;
box-shadow: -2.5px -2.5px 5px white;
}
.wp-block-file:hover a:last-of-type {
background: #532abf;
}
.wp-block-file a:first-of-type {
color: #fe5000;
text-decoration: none;
font-weight: bold;
padding: 1px 10px 0 25px;
font-size: 20px;
line-height: 1.1;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-file a:first-of-type:hover {
color: #fe5000;
}
.wp-block-file a:last-of-type {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #31137c;
border-radius: 25px;
position: relative;
font-size: 0;
width: 75px;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px;
min-width: 60px;
}
.wp-block-file a:last-of-type:after {
content: " ";
position: absolute;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50px;
z-index: 0;
}
.wp-block-file a:last-of-type:hover, .wp-block-file a:last-of-type:active, .wp-block-file a:last-of-type:focus {
opacity: 1;
background: #fe5000;
-webkit-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 0.1);
}
.wp-block-file a:last-of-type:hover:after, .wp-block-file a:last-of-type:active:after, .wp-block-file a:last-of-type:focus:after {
-webkit-box-shadow: -2.5px -2.5px 10px rgba(0, 0, 0, 0.1);
box-shadow: -2.5px -2.5px 10px rgba(0, 0, 0, 0.1);
}
.wp-block-file a:last-of-type:before {
content: " ";
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/file-download-line-yellow.png);
background-size: 25px;
height: 25px;
width: 25px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wp-block-file a:last-of-type:hover:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/file-download-line-white.png);
}
.wavy:not(.wavy-inverted) {
position: relative;
overflow: hidden;
padding-top: 0px;
padding-bottom: 0px;
}
.wavy:not(.wavy-inverted) > svg {
position: absolute;
fill: #f3f3f3;
}
.wavy:not(.wavy-inverted) > svg:first-of-type {
top: 0;
left: -210px;
}
.wavy:not(.wavy-inverted) > svg:last-of-type {
bottom: 0;
right: -210px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.wavy:not(.wavy-inverted).wavy-top, .wavy-inverted.wavy-top {
padding-bottom: 0;
}
.wavy:not(.wavy-inverted).wavy-top > svg:last-of-type, .wavy-inverted.wavy-top > svg:last-of-type {
display: none;
}
.wavy:not(.wavy-inverted).wavy-bottom, .wavy-inverted.wavy-bottom {
padding-top: 0;
}
.wavy:not(.wavy-inverted).wavy-bottom > svg:first-of-type, .wavy-inverted.wavy-bottom > svg:first-of-type {
display: none;
}
.wavy-inverted.wrap,
.wavy-inverted {
position: relative;
overflow: visible;
padding-top: 50px;
padding-bottom: 50px;
z-index: 2;
}
.wavy-inverted.wrap > svg,
.wavy-inverted > svg {
position: absolute;
fill: #f3f3f3;
}
.wavy-inverted.wrap > svg:first-of-type,
.wavy-inverted > svg:first-of-type {
top: 0;
left: -210px;
-webkit-transform: rotate(180deg) translateY(100%);
transform: rotate(180deg) translateY(100%);
}
.wavy-inverted.wrap > svg:last-of-type,
.wavy-inverted > svg:last-of-type {
bottom: 0;
right: -210px;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
@media screen and (max-width: 767px) {
.wavy:not(.wavy-inverted) > svg:first-of-type {
top: 0;
left: 0;
height: 25px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wavy:not(.wavy-inverted) > svg:last-of-type {
bottom: 0;
right: 0;
height: 25px;
-webkit-transform: rotate(180deg) translateX(-50%);
transform: rotate(180deg) translateX(-50%);
}
}
.page .article-header, .article-header.wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 25px;
overflow: hidden;
}
.page .article-header .wp-post-image, .article-header.wrap .wp-post-image {
position: relative;
height: 400px;
width: 100vw;
left: calc((100vw - 1400px) / -2);
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.page .article-header .wp-post-image ~ div h1, .article-header.wrap .wp-post-image ~ div h1 {
font-size: 40px;
margin-bottom: 10px;
}
.page .article-header h1, .article-header.wrap h1 {
position: relative;
color: #fe5000;
font-size: 40px;
display: inline-block;
padding: 0;
line-height: 1.1;
margin-top: 25px;
font-weight: bold;
}
.page .article-header h1:not(:first-child), .article-header.wrap h1:not(:first-child) {
margin-top: 5px;
}
.page .article-header h1 + img, .article-header.wrap h1 + img {
display: block;
margin: 15px auto;
max-width: 250px;
max-height: 75px;
}
.ie .page.has-post-thumbnail .article-header {
height: 400px;
}
.ie .page.has-post-thumbnail .article-header .wp-post-image {
height: auto;
}
.breadcrumbs {
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #afaeae;
font-size: 12.5px;
font-weight: bold;
padding-top: 5px;
}
.breadcrumbs a, .breadcrumbs a:visited {
color: #afaeae;
text-decoration: none;
}
.breadcrumbs a:after, .breadcrumbs a:visited:after {
content: " > ";
padding: 0 12px 0 10px;
}
.breadcrumbs a:hover, .breadcrumbs a:visited:hover {
color: #fe5000;
}
.breadcrumbs a:hover:after, .breadcrumbs a:visited:hover:after {
color: #afaeae;
}
.article-header.has-circles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.article-header.has-circles > div:first-of-type {
max-width: 600px;
width: 100%;
padding-top: 50px;
position: relative;
z-index: 1;
}
.article-header.has-circles h1 {
color: #fe5000;
font-size: 2.5em;
background: none;
left: unset;
text-align: center;
width: 100%;
font-weight: bold;
}
.article-header.has-circles h3 {
text-align: center;
}
.bottom-curve {
position: relative;
}
.bottom-curve svg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
}
.bottom-curve svg path {
fill: #fcfcfc;
}
.bottom-curve-right svg {
left: -100%;
width: 200%;
}
.bottom-curve-left svg {
left: 0%;
width: 200%;
}
.middle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body:not(.home) .circle,
.circle {
height: 300px;
width: 300px;
border-radius: 100%;
overflow: hidden;
padding: 50px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body:not(.home) .circle > *,
.circle > * {
color: white;
text-align: center;
margin-bottom: 0;
font-size: 17px;
}
.logo-icon .circle > img {
width: 65%;
height: 65%;
-o-object-fit: contain;
object-fit: contain;
}
.entry-content, section.entry-content {
margin-bottom: 3em;
}
.entry-content h2, section.entry-content h2 {
font-weight: bold;
display: inline-block;
width: 100%;
text-align: left;
line-height: 1;
margin-bottom: 15px;
font-size: 33px;
margin-top: 1em;
}
.entry-content h2 + h4, section.entry-content h2 + h4 {
font-weight: normal;
margin: 0 auto 25px;
width: 100%;
text-align: center;
}
.entry-content h2.center, section.entry-content h2.center {
text-align: center;
}
.entry-content .wp-block-image.size-auto img, .entry-content .wp-block-image.size-full img, .entry-content .wp-block-image.size-large img, .entry-content .wp-block-image.size-medium img, .entry-content .wp-block-image.size-thumbnail img, section.entry-content .wp-block-image.size-auto img, section.entry-content .wp-block-image.size-full img, section.entry-content .wp-block-image.size-large img, section.entry-content .wp-block-image.size-medium img, section.entry-content .wp-block-image.size-thumbnail img {
-o-object-fit: cover;
object-fit: cover;
}
.entry-content .wp-block-buttons .wp-block-button, section.entry-content .wp-block-buttons .wp-block-button {
margin-bottom: 0;
}
.entry-content form > div h3, section.entry-content form > div h3 {
color: #f47322;
font-size: 30px;
font-weight: bold;
margin: 0;
}
.entry-content form > div p, section.entry-content form > div p {
margin: 0 0 10px;
width: calc((100% - 25px) / 2);
float: left;
}
.entry-content form > div p:nth-of-type(2n-1), section.entry-content form > div p:nth-of-type(2n-1) {
margin-right: 25px;
}
.entry-content form > div input[type="text"],
.entry-content form > div input[type="password"],
.entry-content form > div input[type="datetime"],
.entry-content form > div input[type="datetime-local"],
.entry-content form > div input[type="date"],
.entry-content form > div input[type="month"],
.entry-content form > div input[type="time"],
.entry-content form > div input[type="week"],
.entry-content form > div input[type="number"],
.entry-content form > div input[type="email"],
.entry-content form > div input[type="url"],
.entry-content form > div input[type="search"],
.entry-content form > div input[type="tel"],
.entry-content form > div input[type="color"],
.entry-content form > div select,
.entry-content form > div textarea,
.entry-content form > div .field, section.entry-content form > div input[type="text"],
section.entry-content form > div input[type="password"],
section.entry-content form > div input[type="datetime"],
section.entry-content form > div input[type="datetime-local"],
section.entry-content form > div input[type="date"],
section.entry-content form > div input[type="month"],
section.entry-content form > div input[type="time"],
section.entry-content form > div input[type="week"],
section.entry-content form > div input[type="number"],
section.entry-content form > div input[type="email"],
section.entry-content form > div input[type="url"],
section.entry-content form > div input[type="search"],
section.entry-content form > div input[type="tel"],
section.entry-content form > div input[type="color"],
section.entry-content form > div select,
section.entry-content form > div textarea,
section.entry-content form > div .field {
background: #efefef;
border-bottom: 2px dashed;
border-radius: 5px 5px 0 0;
-webkit-transition: 0s;
transition: 0s;
}
.entry-content form > div input[type="text"].wpcf7-not-valid,
.entry-content form > div input[type="password"].wpcf7-not-valid,
.entry-content form > div input[type="datetime"].wpcf7-not-valid,
.entry-content form > div input[type="datetime-local"].wpcf7-not-valid,
.entry-content form > div input[type="date"].wpcf7-not-valid,
.entry-content form > div input[type="month"].wpcf7-not-valid,
.entry-content form > div input[type="time"].wpcf7-not-valid,
.entry-content form > div input[type="week"].wpcf7-not-valid,
.entry-content form > div input[type="number"].wpcf7-not-valid,
.entry-content form > div input[type="email"].wpcf7-not-valid,
.entry-content form > div input[type="url"].wpcf7-not-valid,
.entry-content form > div input[type="search"].wpcf7-not-valid,
.entry-content form > div input[type="tel"].wpcf7-not-valid,
.entry-content form > div input[type="color"].wpcf7-not-valid,
.entry-content form > div select.wpcf7-not-valid,
.entry-content form > div textarea.wpcf7-not-valid,
.entry-content form > div .field.wpcf7-not-valid, section.entry-content form > div input[type="text"].wpcf7-not-valid,
section.entry-content form > div input[type="password"].wpcf7-not-valid,
section.entry-content form > div input[type="datetime"].wpcf7-not-valid,
section.entry-content form > div input[type="datetime-local"].wpcf7-not-valid,
section.entry-content form > div input[type="date"].wpcf7-not-valid,
section.entry-content form > div input[type="month"].wpcf7-not-valid,
section.entry-content form > div input[type="time"].wpcf7-not-valid,
section.entry-content form > div input[type="week"].wpcf7-not-valid,
section.entry-content form > div input[type="number"].wpcf7-not-valid,
section.entry-content form > div input[type="email"].wpcf7-not-valid,
section.entry-content form > div input[type="url"].wpcf7-not-valid,
section.entry-content form > div input[type="search"].wpcf7-not-valid,
section.entry-content form > div input[type="tel"].wpcf7-not-valid,
section.entry-content form > div input[type="color"].wpcf7-not-valid,
section.entry-content form > div select.wpcf7-not-valid,
section.entry-content form > div textarea.wpcf7-not-valid,
section.entry-content form > div .field.wpcf7-not-valid {
border: 2px dashed red;
background: #f7dee0;
border-radius: 0;
}
.entry-content form > div .wpcf7-not-valid-tip, section.entry-content form > div .wpcf7-not-valid-tip {
color: red;
width: 200px;
font-size: 13px;
-webkit-transform: translateY(calc(-100% - -4px));
transform: translateY(calc(-100% - -4px));
}
.entry-content form > div .wpcf7-radio, section.entry-content form > div .wpcf7-radio {
min-height: 40px;
display: block;
}
.entry-content form > div.single-column, section.entry-content form > div.single-column {
padding-top: 25px;
}
.entry-content form > div.single-column p, section.entry-content form > div.single-column p {
width: 100%;
}
.entry-content form > div.single-column p:nth-of-type(2n-1), section.entry-content form > div.single-column p:nth-of-type(2n-1) {
margin-right: 0;
}
.entry-content form > div.single-column input[type="submit"], section.entry-content form > div.single-column input[type="submit"] {
margin: 0;
}
.entry-content input[type="submit"], section.entry-content input[type="submit"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 20px 10px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
border: 0px solid #31137c;
color: black;
font-weight: 600;
text-decoration: none;
cursor: pointer;
width: -webkit-fit-content;
width: fit-content;
width: -moz-fit-content;
background: #31137c;
color: white;
font-size: 25px;
line-height: 1;
margin: auto;
}
.entry-content input[type="submit"]:hover, .entry-content input[type="submit"]:focus, section.entry-content input[type="submit"]:hover, section.entry-content input[type="submit"]:focus {
background: #421aa8;
border-color: #421aa8;
color: white;
}
.entry-content input[type="submit"]:active, section.entry-content input[type="submit"]:active {
background: #3a1692;
}
.entry-content input[type="submit"]:not(.no-arrow):after, section.entry-content input[type="submit"]:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
content: " ";
height: 30px;
width: 30px;
margin-left: 20px;
background-size: 30px;
background-repeat: no-repeat;
}
.entry-content table, section.entry-content table {
border: 0;
}
.entry-content table tr:last-of-type, section.entry-content table tr:last-of-type {
border-bottom: 0;
}
.entry-content table tr:first-of-type td, .entry-content table tr:first-of-type td:last-of-type, section.entry-content table tr:first-of-type td, section.entry-content table tr:first-of-type td:last-of-type {
border-top: 0;
}
.entry-content table tr td:first-of-type, section.entry-content table tr td:first-of-type {
border-left: 0;
}
.entry-content table.radius, .entry-content table.radius-small, .entry-content table.radius-big, .entry-content table.radius-full, .entry-content table.radius-v-small, section.entry-content table.radius, section.entry-content table.radius-small, section.entry-content table.radius-big, section.entry-content table.radius-full, section.entry-content table.radius-v-small {
overflow: hidden;
}
span.wpcf7-list-item {
margin: 0;
}
@media screen and (max-width: 767px) {
.entry-content form > div p {
width: 100%;
}
.entry-content form > div p:nth-of-type(2n-1) {
margin-right: 0;
}
}
@media screen and (max-width: 599px) {
.entry-content .wp-block-image.size-auto, .entry-content .wp-block-image.size-full, .entry-content .wp-block-image.size-large, .entry-content .wp-block-image.size-medium, .entry-content .wp-block-image.size-thumbnail {
max-height: 200px;
}
.wp-block-column {
margin-bottom: 1em;
}
}
.page-template-page-battery-calculator .page form {
background: #eaeaea;
padding: 1px 25px 5px;
border-radius: 25px;
}
.page-template-page-battery-calculator .page form input {
background: white;
}
.page-template-page-battery-calculator .page input[type="submit"] {
background: #4a25aa;
color: white;
border: none;
border-radius: 25px;
height: 40px;
padding: 1px 25px 0;
font-weight: bold;
}
.page-template-page-battery-calculator .page input[type="submit"]:disabled {
background: #afaeae;
cursor: not-allowed;
}
.page-template-page-battery-calculator .page input[type="submit"]:hover {
background: #5d30d2;
cursor: pointer;
}
.single:not(.single-training) #inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single:not(.single-training) #inner-content .sidebar {
width: 250px;
margin: 0;
}
.single:not(.single-training) #inner-content .sidebar > div {
padding: 25px 15px;
}
.single:not(.single-training) #inner-content .sidebar .widgettitle {
display: block;
line-height: 1;
height: auto;
margin-bottom: 10px;
}
.single:not(.single-training) #inner-content .sidebar button#searchsubmit {
top: 0;
background: #f2f2f2;
width: 60px;
height: 40px;
border-radius: 20px;
}
.single:not(.single-training) #inner-content .sidebar button#searchsubmit:hover {
background: #fe5000;
}
.single:not(.single-training) #inner-content main {
max-width: 850px;
width: 100%;
}
.single:not(.single-training) #inner-content main article {
background: white;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
margin: 25px 0 50px;
border-radius: 25px;
overflow: hidden;
}
.single:not(.single-training) #inner-content main article header {
margin-bottom: 25px;
}
.single:not(.single-training) #inner-content main article header img {
max-width: calc(100% - 50px);
height: auto;
width: auto;
max-height: 300px;
margin: 25px 25px 10px;
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.single:not(.single-training) #inner-content main article header h1.entry-title.single-title {
width: 100%;
padding: 10px 25px 0;
}
.single:not(.single-training) #inner-content main article header .byline {
margin: 0 25px;
border-bottom: 1px solid #eaeaea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0.7em;
}
.single:not(.single-training) #inner-content main article header .byline p {
margin-right: 3px;
}
.single:not(.single-training) #inner-content main article section {
margin: 0 25px 50px;
}
.single:not(.single-training) #inner-content main article section h2 {
font-size: 1.5em;
border-bottom: 0;
margin: 0 0 1em 0;
padding: 0;
}
.single:not(.single-training) #inner-content main article section.newsletter {
padding-bottom: 0;
border-top: 3px solid #eaeaea;
padding-top: 50px;
}
.single:not(.single-training) #inner-content main article section.newsletter #mc_embed_signup .mc-field-group input[type="email"] {
width: auto;
}
body.single .entry-content ol {
list-style-type: decimal;
padding-left: 25px;
}
@media screen and (max-width: 767px) {
.single:not(.single-training) #inner-content main article header h1.entry-title.single-title {
font-size: 30px;
}
}
@media screen and (max-width: 549px) {
.single:not(.single-training) #inner-content {
padding: 0;
}
.single:not(.single-training) #inner-content main article {
margin-top: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.single:not(.single-training) #inner-content main article header img {
margin: 25px auto 10px;
max-width: calc(100% - 20px);
width: 100%;
}
.single:not(.single-training) #inner-content main article header h1.entry-title.single-title {
font-size: 25px;
line-height: 1.2;
padding: 10px 10px 0;
}
.single:not(.single-training) #inner-content main article header .byline {
margin: 0 10px;
}
.single:not(.single-training) #inner-content main article section {
margin: 0 10px;
}
}
.sidebar {
width: calc((100vw - 750px) / 2);
margin-right: -25px;
margin-top: -25px;
}
.sidebar > div {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.sidebar > div input[type="search"] {
border-bottom: 1px solid #e7e7e7;
}
.sidebar > div > * {
max-width: 400px;
width: 100%;
}
.sidebar > div:not(:last-of-type) .widgettitle {
border-top: 1px solid #e7e7e7;
background: white;
}
.sidebar > div:not(:last-of-type) .widgettitle ~ .expander:hover {
background: rgba(0, 0, 0, 0.025);
}
.sidebar > div:last-of-type h4 {
border-top: 1px solid #e7e7e7;
}
.sidebar > div:last-of-type .textwidget {
padding: 0 25px;
font-size: 12px;
}
.sidebar .widgettitle {
font-size: 20px;
font-weight: 300;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
height: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 25px;
padding-top: 3px;
}
.sidebar input[type="search"] {
background: white;
border: 0;
width: calc(100% - 50px);
max-width: 100%;
margin-bottom: 0px;
padding: 0 50px 0 0;
text-indent: 25px;
font-weight: 500;
border-radius: 0;
height: 50px;
font-size: 13px;
}
.sidebar input[type="search"]::-webkit-input-placeholder {
color: #000;
}
.sidebar input[type="search"]:-ms-input-placeholder {
color: #000;
}
.sidebar input[type="search"]::-ms-input-placeholder {
color: #000;
}
.sidebar input[type="search"]::placeholder {
color: #000;
}
.sidebar input[type="search"] ~ button {
font-size: 0px;
background-color: #fe5000;
width: 50px;
color: white;
border: 0;
padding: 0;
border-radius: 0;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/search-2-line-min.png);
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
border-bottom: 1px solid #e7e7e7;
-webkit-transform: none;
transform: none;
top: 0;
}
.sidebar input[type="search"] ~ button:hover {
background-color: #ff7332;
}
.sidebar input[type="search"]:focus ~ button {
background-color: #31137c;
}
.sidebar input[type="search"]:focus ~ button:hover {
background-color: #ff7332;
}
.sidebar .searchform {
position: relative;
}
.sidebar .widget_search button {
background: none;
}
.sidebar .widget_search button svg {
fill: #383d40;
}
.sidebar .widget_search button:hover {
background: #fe5000;
}
.sidebar .widget_search button:hover svg {
fill: #f3f3f3;
}
.sidebar #mc_embed_signup {
background: none;
}
.sidebar #mc_embed_signup form {
padding: 0;
}
.sidebar #mc_embed_signup .mc-field-group {
width: 100%;
padding-bottom: 15px;
min-height: 40px;
}
.sidebar #mc_embed_signup .mc-field-group.input-group {
padding-bottom: 0;
}
.sidebar #mc_embed_signup .mc-field-group.input-group ul {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sidebar #mc_embed_signup .mc-field-group.input-group ul li {
padding: 0;
margin: 0 10px 10px 0;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox] {
display: none;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox] ~ label {
background: #e9e9e9;
color: #383d40;
padding: 0 15px 0 27.5px;
border-radius: 25px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
position: relative;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox] ~ label:hover {
background: #dddddd;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox] ~ label:before, .sidebar #mc_embed_signup .mc-field-group input[type=checkbox] ~ label:after {
content: " ";
height: 15px;
width: 15px;
background-size: 15px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-line-black.png);
position: absolute;
left: 7.5px;
opacity: 0.15;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox] ~ label:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-white-1.png);
opacity: 0.5;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox]:checked ~ label {
background: #fe5000;
color: #fff;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox]:checked ~ label:hover {
background: #ff7332;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox]:checked ~ label:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-line-white.png);
opacity: 1;
}
.sidebar #mc_embed_signup .mc-field-group input[type=checkbox]:checked ~ label:before {
opacity: 0;
}
.sidebar #mc_embed_signup .mc-field-group input {
border-radius: 0;
background: none;
border: 0;
width: 1000px;
max-width: 100%;
margin-bottom: 0px;
padding: 0;
text-indent: 0.5em;
font-weight: 500;
color: #383d40;
background: #eaeaea;
border-radius: 25px;
padding: 2px 0 0;
text-indent: 20px;
}
.sidebar #mc_embed_signup .mc-field-group input::-webkit-input-placeholder {
color: #afaeae;
}
.sidebar #mc_embed_signup .mc-field-group input:-ms-input-placeholder {
color: #afaeae;
}
.sidebar #mc_embed_signup .mc-field-group input::-ms-input-placeholder {
color: #afaeae;
}
.sidebar #mc_embed_signup .mc-field-group input::placeholder {
color: #afaeae;
}
.sidebar #mc_embed_signup .button {
background: #31137c;
font-size: 1.4em;
height: 40px;
margin-bottom: 0;
-webkit-transition: 0.1s;
transition: 0.1s;
border-radius: 25px;
font-weight: bold;
}
.sidebar #mc_embed_signup .button:hover {
background: #421aa8;
}
.sidebar .widget_recent_entries ul li, .sidebar .widget_categories ul li {
margin: 0 0 15px 10px;
color: #afaeae;
font-size: 14px;
}
.sidebar .widget_recent_entries ul li a, .sidebar .widget_categories ul li a {
text-decoration: none;
color: #383d40;
}
.sidebar .widget_recent_entries ul li a:hover, .sidebar .widget_categories ul li a:hover {
text-decoration: underline;
}
.sidebar .expandable {
position: relative;
}
.sidebar .expandable > *:not(h4):not(button) {
height: 0;
overflow: hidden;
position: relative;
}
.sidebar .expandable .expanded + * {
height: auto;
padding: 10px 0;
}
.sidebar .expander {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 0;
right: 0px;
height: 50px;
width: 100%;
border: none;
background: none;
}
.sidebar .expander:hover, .sidebar .expander:focus:hover {
background: rgba(0, 0, 0, 0);
}
.sidebar .expander:focus {
outline: none;
background: rgba(0, 0, 0, 0);
}
.sidebar .expander:before, .sidebar .expander:after {
content: ' ';
width: 6px;
height: 2px;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
background: #58646D;
position: absolute;
top: 50%;
right: 23px;
-webkit-transition: -webkit-transform 0.1s;
transition: -webkit-transform 0.1s;
transition: transform 0.1s;
transition: transform 0.1s, -webkit-transform 0.1s;
border-radius: 5px;
}
.sidebar .expander:after {
right: 19px;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.sidebar .expander.expanded {
border-bottom: 1px solid #e7e7e7;
}
.sidebar .expander.expanded:before {
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.sidebar .expander.expanded:after {
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.sidebar > div.widget_product_search {
margin-bottom: 15px;
}
.sidebar .product-categories-only ul.product-categories > li.cat-item-18,
.sidebar .product-categories-only ul.product-categories > li.cat-item-806 {
display: none;
}
.sidebar .product-categories-only ul.product-categories li.cat-item-1258 > a, .sidebar .product-categories-only ul.product-categories li.cat-item-1258 > span {
display: none;
}
.sidebar .product-categories-only ul.product-categories a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.sidebar .widget_product_categories ul.product-categories {
margin: 0;
}
.sidebar .widget_product_categories ul.product-categories a {
color: black;
text-decoration: none;
height: 30px;
padding-left: 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 50px);
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
position: relative;
z-index: 1;
-webkit-transform: none;
transform: none;
font-weight: normal;
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 12px;
}
.sidebar .widget_product_categories ul.product-categories a:hover {
background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(214, 214, 214, 0.5)));
background: linear-gradient(to right, transparent, rgba(214, 214, 214, 0.5));
cursor: pointer;
}
.sidebar .widget_product_categories ul.product-categories a:hover + span {
color: black;
}
.sidebar .widget_product_categories ul.product-categories span.count {
position: absolute;
-webkit-transform: translateX(0%);
transform: translateX(0%);
right: 50px;
width: 30px;
height: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 10px;
color: #9a9a9a;
}
.sidebar .widget_product_categories ul.product-categories > li > ul.children {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent {
position: relative;
margin-bottom: -1px;
width: 100%;
height: auto;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent > a:before {
display: none;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent .expander {
height: 30px;
width: 50px;
top: 0;
background: #f3f3f3;
border: 1px solid #e7e7e7;
border-right: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent .expander:hover {
background: #e6e6e6;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent .expander:before {
right: 23.5px;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent .expander:after {
right: 19.5px;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children {
padding-left: 0;
margin: 0;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children > li.cat-parent a:hover {
background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(226, 226, 226, 0.75)));
background: linear-gradient(to right, transparent, rgba(226, 226, 226, 0.75));
cursor: pointer;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children > li.cat-parent a:hover ~ span {
color: black;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children {
padding: 0;
margin: 0;
height: 0;
overflow: hidden;
background: rgba(234, 234, 234, 0.5);
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children li {
margin-bottom: -1px;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children li:hover {
background: none;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children li:first-of-type {
margin-top: -1px;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children li a {
font-size: 12px;
width: 100%;
height: 30px;
padding: 0 40px;
line-height: 1;
border-color: #eaeaea;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children li a:hover {
background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.05)));
background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05));
color: black;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children li a:before {
left: 22px;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children ul.children li span.count {
right: 10px;
display: none;
height: 35px;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children .expander.expanded ~ ul.children {
height: auto;
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
border-radius: 0;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent ul.children .expander.expanded ~ ul.children span.count {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent.current-cat > a,
.sidebar .widget_product_categories ul.product-categories li.cat-parent .current-cat > a,
.sidebar .widget_product_categories ul.product-categories li.cat-parent .current-cat-parent > a {
font-weight: bold;
position: relative;
}
.sidebar .widget_product_categories ul.product-categories li.cat-parent.current-cat > a:before,
.sidebar .widget_product_categories ul.product-categories li.cat-parent .current-cat > a:before,
.sidebar .widget_product_categories ul.product-categories li.cat-parent .current-cat-parent > a:before {
content: " ";
background: #FF5000;
height: 3px;
width: 11px;
position: absolute;
top: 50%;
left: 7px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
}
.sidebar .product-brands-only ul.product-categories > li.cat-item:not(.cat-item-806),
.sidebar .product-brands-only ul.product-categories > li.cat-item-806 > a,
.sidebar .product-brands-only ul.product-categories > li.cat-item-806 > a + span {
display: none;
}
.sidebar .product-brands-only ul.product-categories li.cat-item {
margin-bottom: -1px;
}
.sidebar .product-brands-only ul.product-categories li.cat-item a {
width: 100%;
}
.sidebar .product-brands-only ul.product-categories li.cat-item span {
right: 0px;
}
.sidebar li.cat-item-127 {
display: none;
}
.sidebar .product-categories-only .cat-item-1258 > ul > li > a:after {
display: none;
}
@media screen and (min-width: 768px) {
.blog header.header .wrap,
.blog footer.footer .wrap, .archive header.header .wrap,
.archive footer.footer .wrap {
padding-left: 25px;
padding-right: 25px;
}
}
body.blog #content .wrap {
padding-left: 0;
padding-right: 0;
}
.blog .page-title, .archive .page-title {
width: 100%;
}
.blog #inner-content, .archive #inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.blog main, .archive main {
width: calc(100% - 400px);
margin: 25px 50px 50px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.blog main.cf:before, .blog main.comment-respond:before, .archive main.cf:before, .archive main.comment-respond:before {
content: none;
}
.blog main article, .archive main article {
overflow: hidden;
background: white;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
width: calc((100% - (25px * 5)) / 6);
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 5px;
}
.blog main article.blank, .archive main article.blank {
height: 0;
background: none;
border: none;
overflow: hidden;
margin: 0;
padding: 0;
}
.blog main article .featured-image img, .archive main article .featured-image img {
height: 200px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog main article .article-header > *:not(.featured-image), .archive main article .article-header > *:not(.featured-image) {
margin: 0 15px;
}
.blog main article .article-header, .archive main article .article-header {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.blog main article .entry-title, .archive main article .entry-title {
font-size: 1.3em;
padding-bottom: 15px;
line-height: 1.2em;
}
.blog main article .entry-meta, .archive main article .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
}
.blog main article .entry-meta .byline, .archive main article .entry-meta .byline {
font-style: normal;
}
.blog main article .entry-meta .footer-category, .archive main article .entry-meta .footer-category {
color: #afaeae;
padding-left: 3px;
}
.blog main article .entry-content, .archive main article .entry-content {
margin: 0 15px;
border-top: 1px solid #eaeaea;
padding-top: 10px;
}
.blog main article .article-footer, .archive main article .article-footer {
margin: 0 15px 15px;
}
.blog .sidebar, .archive .sidebar {
width: 350px;
}
.blog .sidebar > div, .archive .sidebar > div {
padding-left: 50px;
}
.blog .widget_recent_entries, .archive .widget_recent_entries {
display: none;
}
.ie.blog main article .featured-image img, .ie.archive main article .featured-image img {
max-height: 200px;
height: auto;
}
.blog .sidebar {
margin-top: 0;
}
.blog .sidebar button#searchsubmit {
top: 0;
background: #f2f2f2;
width: 60px;
height: 40px;
border-radius: 20px;
}
.blog .sidebar button#searchsubmit:hover {
background: #fe5000;
}
.blog main {
width: 100%;
margin: 25px 25px 50px;
}
.blog main article {
margin-bottom: 50px;
margin-bottom: 25px;
position: relative;
border: none;
border-radius: 25px;
width: calc((100% - (25px * 3)) / 4);
background: #f3f3f3;
overflow: visible;
}
.blog main article .featured-image img {
height: auto;
width: auto;
max-width: 100%;
max-height: 250px;
display: block;
margin: auto;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.blog main article .article-header {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog main article .article-header .bottom-curve svg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
bottom: -1px;
}
.blog main article .article-header .bottom-curve svg path {
fill: white;
}
.blog main article .article-header .bottom-curve-right svg {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
.blog main article .article-header .bottom-curve-left svg {
-webkit-transform: translateX(-1px);
transform: translateX(-1px);
}
.blog main article .article-header > div > a {
height: 100%;
width: 100%;
display: block;
padding: 15px 15px 0;
}
.blog main article .entry-title {
font-size: 15px;
line-height: 1.4em;
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog main article .entry-title a {
color: #383d40;
font-weight: normal;
}
.blog main article .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
margin-top: 5px;
}
.blog main article .entry-meta .byline {
font-style: normal;
}
.blog main article .entry-meta .footer-category {
color: #929292;
padding-left: 0;
}
.blog main article .entry-meta .footer-category a {
color: #929292;
-webkit-text-decoration-color: rgba(146, 146, 146, 0.5);
text-decoration-color: rgba(146, 146, 146, 0.5);
}
.blog main article .entry-content {
margin: 0 15px;
border-top: 1px solid #eaeaea;
padding-top: 10px;
}
.blog main article .article-footer {
margin: 0 15px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog .sidebar {
width: 250px;
}
.blog .sidebar > div {
padding: 25px 15px;
}
@media screen and (min-width: 2000px) {
.archive main article {
width: calc((100% - (10px * 8)) / 9);
}
.blog main article {
width: calc((100% - (25px * 6)) / 7);
}
}
@media screen and (min-width: 2200px) {
.blog main article {
width: calc((100% - (25px * 7)) / 8);
}
}
@media screen and (max-width: 2000px) {
.archive main article {
width: calc((100% - (10px * 7)) / 8);
}
.blog main article {
width: calc((100% - (25px * 6)) / 7);
}
}
@media screen and (max-width: 1800px) {
.archive main article {
width: calc((100% - (10px * 6)) / 7);
}
.blog main article {
width: calc((100% - (25px * 5)) / 6);
}
}
@media screen and (max-width: 1600px) {
.archive main article {
width: calc((100% - (10px * 5)) / 6);
}
.blog main article {
width: calc((100% - (25px * 5)) / 6);
}
}
@media screen and (max-width: 1500px) {
.blog main article {
width: calc((100% - (25px * 5)) / 6);
}
}
@media screen and (max-width: 1400px) {
.archive main article {
width: calc((100% - (10px * 4)) / 5);
}
.blog main article {
width: calc((100% - (25px * 4)) / 5);
}
.archive main {
margin: 25px 50px 50px 25px;
}
.archive:not(.woocommerce) .sidebar,
.blog .sidebar {
width: 300px;
margin-left: -50px;
}
.archive:not(.woocommerce) .sidebar > div,
.blog .sidebar > div {
padding-left: 50px;
}
}
@media screen and (max-width: 1200px) {
.blog main article {
width: calc((100% - (25px * 4)) / 5);
}
}
@media screen and (max-width: 1200px) {
.archive main {
width: calc(100% - (300px + 50px));
}
.archive .sidebar {
width: 300px;
}
.archive main article {
width: calc((100% - (10px * 3)) / 4);
}
.blog main article {
width: calc((100% - (25px * 3)) / 4);
}
}
@media screen and (max-width: 1023px) {
.archive main {
margin: 25px 25px 50px 25px;
width: calc(100% - (300px + 25px));
}
.archive:not(.woocommerce) .sidebar {
width: 275px;
margin-right: -25px;
}
.archive .sidebar > div {
padding-left: 25px;
}
.archive main article {
width: calc((100% - (10px * 2)) / 3);
}
.blog main article {
width: calc((100% - (25px * 2)) / 3);
}
}
@media screen and (max-width: 900px) {
.archive main {
width: calc(100% - 225px);
}
.blog main {
width: 100%;
}
.archive.woocommerce main {
width: calc(100% - 250px);
}
.archive .sidebar {
width: 225px;
}
.blog .sidebar {
width: 275px;
}
.archive main article {
width: calc((100% - (10px * 1)) / 2);
}
.blog main article {
width: calc((100% - (25px * 2)) / 3);
}
}
@media screen and (max-width: 767px) {
.archive main,
.blog main,
.archive.woocommerce main {
width: 100%;
}
.archive .sidebar,
.blog .sidebar {
display: none;
}
.archive main article {
width: calc((100% - (10px * 2)) / 3);
}
.blog main {
margin: 25px 10px 50px;
}
.blog main article {
width: calc((100% - (10px * 2)) / 3);
margin-bottom: 10px;
border-radius: 15px;
}
.blog main article:after {
border-radius: 15px;
}
.blog main article .article-footer {
margin: 0 10px 10px;
}
.blog main article .article-header > div > a {
padding: 10px 10px 0;
}
.blog main article .article-header > *:not(.featured-image) {
margin: 0 10px;
}
.blog main article .entry-meta {
font-size: 10px;
}
.blog main article .entry-title {
font-size: 12px;
padding-bottom: 10px;
}
}
@media screen and (max-width: 500px) {
.archive main article {
width: calc((100% / 1) - 0px);
}
.blog main article {
width: calc((100% / 1) - 0px);
}
.archive main article {
width: calc((100% - (10px * 1)) / 2);
}
.blog main article {
width: calc((100% - (10px * 1)) / 2);
}
}
section.customer-service-team,
section.people-first,
section.bts-team {
margin-bottom: 75px;
}
.staff-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 25px 25px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.staff-container h2 {
width: 100%;
text-align: left;
}
.staff-container > h4 {
width: 100%;
text-align: left;
margin-top: 0;
font-weight: normal;
}
.staff-container h2 + h4 {
margin-top: 1em;
}
.staff-container > * {
position: relative;
}
.team-member {
width: calc((100% - (25px) * 3) / 4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 25px;
position: relative;
margin-bottom: 25px;
}
.team-member.blank {
padding: 0;
margin: 0;
}
.team-member .team-member-info {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
margin: 0 10px;
position: relative;
padding: 10px 5px;
z-index: 2;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.team-member .team-member-info:before, .team-member .team-member-info:after {
content: " ";
background: #f3f3f3;
width: 10px;
height: 100%;
position: absolute;
left: -10px;
top: 0;
}
.team-member .team-member-info:after {
left: unset;
right: -10px;
}
.team-member .team-member-info h3 {
color: #fe5000;
margin: 5px 0 5px;
line-height: 1;
text-align: center;
font-weight: bold;
}
.team-member .team-member-info p {
margin: 0 0 5px;
text-align: center;
font-weight: bold;
line-height: 1;
font-size: 13px;
}
.team-member .staff-contact-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 0 0 25px 25px;
overflow: hidden;
margin: 0;
padding: 0;
}
.team-member .staff-contact-info:hover {
margin: 0;
}
.team-member .staff-contact-info a {
overflow: hidden;
-webkit-transition: 0s;
transition: 0s;
min-height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #383d40;
text-decoration: none;
font-weight: bold;
padding-bottom: 3px;
position: relative;
width: 100%;
}
.team-member .staff-contact-info a p {
margin: 0;
line-height: 1;
white-space: nowrap;
text-align: left;
font-size: 13px;
color: #545454;
}
.team-member .staff-contact-info a .svg-cntr {
display: none;
}
.team-member .staff-contact-info a:hover {
text-decoration: underline;
-webkit-text-decoration-color: #383d40;
text-decoration-color: #383d40;
}
.team-member .staff-contact-info a:hover p {
max-width: 100%;
opacity: 1;
color: #383d40;
}
.team-member .staff-contact-info a:first-of-type {
padding-top: 10px;
}
.team-member .staff-contact-info a:last-of-type {
padding-bottom: 5px;
}
.team-member.has-linkedin.has-phone .staff-contact-info .contact-item-linkedin,
.team-member.has-linkedin.has-phone .staff-contact-info .contact-item-phone {
width: auto;
padding: 0 7.5px 5px;
}
.team-member.has-linkedin.has-phone .staff-contact-info .contact-item-phone {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border-top-right-radius: 5px;
}
.team-member.has-linkedin.has-phone .staff-contact-info .contact-item-linkedin {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-top-left-radius: 5px;
}
.team-member.has-email:not(.has-linkedin):not(.has-phone) .staff-contact-info, .team-member.has-linkedin:not(.has-email):not(.has-phone) .staff-contact-info, .team-member.has-phone:not(.has-linkedin):not(.has-email) .staff-contact-info {
margin: 0;
height: 60px;
}
.team-member.has-email:not(.has-linkedin):not(.has-phone) .staff-contact-info a, .team-member.has-linkedin:not(.has-email):not(.has-phone) .staff-contact-info a, .team-member.has-phone:not(.has-linkedin):not(.has-email) .staff-contact-info a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
}
.team-member .curved-corner-topleft,
.team-member .curved-corner-topright,
.team-member .curved-corner-bottomleft,
.team-member .curved-corner-bottomright {
position: absolute;
width: 50%;
height: 10px;
overflow: hidden;
color: #f3f3f3;
}
.team-member .curved-corner-topleft:before,
.team-member .curved-corner-topright:before,
.team-member .curved-corner-bottomleft:before,
.team-member .curved-corner-bottomright:before {
content: "";
display: block;
width: 200%;
height: 200%;
position: absolute;
border-radius: 50%;
}
.team-member .curved-corner-topleft {
top: -10px;
left: -10px;
}
.team-member .curved-corner-topright {
top: -10px;
right: -10px;
}
.team-member .curved-corner-bottomleft {
bottom: -10px;
left: -10px;
}
.team-member .curved-corner-bottomright {
bottom: -10px;
right: -10px;
}
.team-member .curved-corner-bottomleft:before {
top: 0;
left: 0;
-webkit-box-shadow: -50px 0 0 50px;
box-shadow: -50px 0 0 50px;
}
.team-member .curved-corner-bottomright:before {
top: 0;
right: 0;
-webkit-box-shadow: 50px 0 0 50px;
box-shadow: 50px 0 0 50px;
}
.team-member .curved-corner-topleft:before {
bottom: 0;
left: 0;
-webkit-box-shadow: -50px 0 0 50px;
box-shadow: -50px 0 0 50px;
}
.team-member .curved-corner-topright:before {
bottom: 0;
right: 0;
-webkit-box-shadow: 50px 0 0 50px;
box-shadow: 50px 0 0 50px;
}
.team-member:not(.has-email):not(.has-linkedin):not(.has-phone) .team-member-info {
-webkit-box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.team-member:not(.has-email):not(.has-linkedin):not(.has-phone) .curved-corner-topleft {
left: 0px;
}
.team-member:not(.has-email):not(.has-linkedin):not(.has-phone) .curved-corner-topright {
right: 0px;
}
.team-member:not(.has-email):not(.has-linkedin):not(.has-phone) .curved-corner-bottomleft,
.team-member:not(.has-email):not(.has-linkedin):not(.has-phone) .curved-corner-bottomright,
.team-member:not(.has-email):not(.has-linkedin):not(.has-phone) .team-member-info:before,
.team-member:not(.has-email):not(.has-linkedin):not(.has-phone) .team-member-info:after {
display: none;
}
section.background-orange h2, section.background-orange h2 + h4 {
color: white;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
width: 100%;
}
section.background-orange div h2,
section.background-orange div h2 + h4 {
color: #fe5000;
text-shadow: none;
}
section h2 + h4 {
margin: 0 0 25px;
}
section.cols-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.cols-3 div {
width: calc((100% - (50px * 2)) / 3);
}
section.people-first {
padding-top: 25px;
padding-bottom: 75px;
}
section.people-first div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.people-first div img {
height: 200px;
width: 200px;
border-radius: 100%;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
}
section.people-first div h3 {
font-size: 30px;
font-weight: bold;
color: #fe5000;
text-align: center;
margin: 25px 0 15px;
line-height: 1;
}
section.people-first div p {
margin: 0;
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 1174px) {
.team-member .team-member-info h3 {
font-size: 15px;
}
.team-member .team-member-info p {
font-size: 12px;
}
.team-member .staff-contact-info a {
padding-bottom: 0;
}
.team-member .staff-contact-info a p {
font-size: 12px;
}
.team-member.has-email:not(.has-linkedin):not(.has-phone) .staff-contact-info a .svg-cntr {
display: none;
}
}
@media screen and (max-width: 1023px) {
.team-member {
width: calc((100% - (25px) * 3) / 4);
}
section.cols-3 div {
width: calc((100% - (25px * 2)) / 3);
}
section.customer-service-team,
section.people-first,
section.bts-team {
margin-bottom: 50px;
}
section.people-first {
padding-bottom: 50px;
}
section.people-first div {
padding: 25px;
}
section.people-first div h3 {
font-size: 25px;
}
section.people-first div img {
height: 150px;
width: 150px;
}
}
@media screen and (max-width: 900px) {
.staff-container .team-member {
width: calc((100% - (25px) * 2) / 3);
}
.staff-container .team-member img {
margin: auto;
max-height: 125px;
width: auto;
}
}
@media screen and (max-width: 700px) {
.staff-container {
padding: 10px 10px 0;
}
.staff-container.shadow-bw.shadow-bw-light.shadow-inset, .staff-container.shadow-bw.shadow-bw-light.shadow-inset:after {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.staff-container .team-member:not(.blank) {
margin-bottom: 10px;
padding-top: 15px;
}
.staff-container .team-member {
width: calc((100% - (10px) * 2) / 3);
}
.staff-container .team-member.radius, .staff-container .team-member.radius:after {
border-radius: 15px;
}
.staff-container .team-member.shadow-bw.shadow-bw-small {
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.staff-container .team-member.shadow-bw.shadow-bw-small:after {
-webkit-box-shadow: -5px -5px 5px rgba(255, 255, 255, 0.75);
box-shadow: -5px -5px 5px rgba(255, 255, 255, 0.75);
}
section.cols-3 div:not(.gradient) {
width: 100%;
margin: 0 auto 25px;
height: 200px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 500px;
}
section.cols-3 div:not(.gradient) img {
margin-right: 25px;
}
section.cols-3 div:not(.gradient) h3, section.cols-3 div:not(.gradient) p {
text-align: left;
width: calc(100% - 175px);
margin-top: 0;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
}
section.people-first {
padding-bottom: 25px;
}
section.people-first h2,
section.people-first h4 {
max-width: 500px;
margin: auto;
font-size: 30px;
line-height: 1.2;
}
section.people-first h4 {
margin-bottom: 25px;
font-size: 1.1em;
}
}
@media screen and (max-width: 600px) {
.staff-container .team-member {
width: calc((100% - (10px) * 1) / 2);
}
}
@media screen and (max-width: 475px) {
section.cols-3 div:not(.gradient) {
padding: 0px 10px 0 0;
height: 150px;
margin-bottom: 10px;
}
section.cols-3 div:not(.gradient).radius, section.cols-3 div:not(.gradient).radius:after {
border-radius: 100px 25px 25px 100px;
}
section.cols-3 div:not(.gradient) h3 {
margin-bottom: 5px;
font-size: 20px;
width: calc(100% - 160px);
}
section.cols-3 div:not(.gradient) p {
font-size: 13px;
margin: 0;
width: calc(100% - 160px);
}
section.cols-3 div:not(.gradient) img {
margin-right: 10px;
}
}
@media screen and (max-width: 450px) {
.staff-container .team-member {
width: calc((100% - (10px) * 1) / 2);
}
.staff-container .team-member a p {
font-size: 11.4px;
}
}
@media screen and (max-width: 389px) {
section.customer-service-team .staff-container .team-member {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.customer-service-team .staff-container .team-member:not(.blank) {
padding-top: 0;
height: 175px;
}
section.customer-service-team .staff-container .team-member img {
height: 100%;
width: 65%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: -40px bottom;
object-position: -40px bottom;
position: absolute;
border-radius: 15px;
top: 0;
left: 0;
}
section.customer-service-team .staff-container .team-member .team-member-info {
width: 60%;
margin: 15px 15px 0 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
section.customer-service-team .staff-container .team-member .team-member-info h3 {
font-size: 20px;
text-align: right;
}
section.customer-service-team .staff-container .team-member .team-member-info p {
text-align: right;
}
section.customer-service-team .staff-container .team-member .team-member-info:before, section.customer-service-team .staff-container .team-member .team-member-info:after,
section.customer-service-team .staff-container .team-member .team-member-info .curved-corner-topleft,
section.customer-service-team .staff-container .team-member .team-member-info .curved-corner-topright,
section.customer-service-team .staff-container .team-member .team-member-info .curved-corner-bottomleft,
section.customer-service-team .staff-container .team-member .team-member-info .curved-corner-bottomright {
display: none;
}
section.customer-service-team .staff-container .team-member .staff-contact-info {
width: 60%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 10px 15px 15px 0;
border-radius: 0;
}
section.customer-service-team .staff-container .team-member .staff-contact-info a,
section.customer-service-team .staff-container .team-member .staff-contact-info a:first-of-type,
section.customer-service-team .staff-container .team-member .staff-contact-info a:last-of-type,
section.customer-service-team .staff-container .team-member .staff-contact-info .contact-item-email,
section.customer-service-team .staff-container .team-member .staff-contact-info .contact-item-phone,
section.customer-service-team .staff-container .team-member .staff-contact-info .contact-item-linkedin {
padding: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 20px;
text-align: right;
background: rgba(243, 243, 243, 0.7);
width: auto;
padding-left: 5px;
border-radius: 100px;
}
.team-member.has-linkedin.has-phone .staff-contact-info .contact-item-linkedin,
.team-member.has-linkedin.has-phone .staff-contact-info .contact-item-phone {
padding: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.team-member.has-email:not(.has-linkedin):not(.has-phone) .staff-contact-info, .team-member.has-linkedin:not(.has-email):not(.has-phone) .staff-contact-info, .team-member.has-phone:not(.has-linkedin):not(.has-email) .staff-contact-info {
margin: 10px 15px 15px 0;
height: auto;
}
}
@media screen and (max-width: 375px) {
section.cols-3 div:not(.gradient) {
padding: 0px 10px 0 0;
height: 150px;
}
section.cols-3 div:not(.gradient).radius, section.cols-3 div:not(.gradient).radius:after {
border-radius: 15px;
}
section.cols-3 div:not(.gradient) h3 {
font-size: 19px;
width: calc(100% - 120px);
}
section.cols-3 div:not(.gradient) p {
font-size: 13px;
width: calc(100% - 120px);
}
section.cols-3 div:not(.gradient) img {
height: 100px;
width: 100px;
margin: 25px 10px;
}
}
section.training-dates-container,
body.less-than-768 section#features.training-dates-container-table {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
height: auto;
}
section.training-dates-container a.features-prev, section.training-dates-container a.features-next,
body.less-than-768 section#features.training-dates-container-table a.features-prev,
body.less-than-768 section#features.training-dates-container-table a.features-next {
bottom: 50px;
z-index: 2;
}
section.training-dates-container h2,
body.less-than-768 section#features.training-dates-container-table h2 {
width: calc(100% - 100px);
margin-bottom: 5px;
line-height: 1;
}
section.training-dates-container .slides,
body.less-than-768 section#features.training-dates-container-table .slides {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: visible;
position: relative;
left: 0;
-webkit-transition: all 0.3s, padding 0s;
transition: all 0.3s, padding 0s;
z-index: 1;
padding-left: 50px;
padding-right: 50px;
}
section.training-dates-container .slides .training-date,
body.less-than-768 section#features.training-dates-container-table .slides .training-date {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 300px;
min-width: calc((100% - 25px) / 2);
margin-bottom: 0;
margin-right: 25px;
-webkit-transition: 0;
transition: 0;
opacity: 0.25;
}
section.training-dates-container .slides .training-date div,
body.less-than-768 section#features.training-dates-container-table .slides .training-date div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 25px;
}
section.training-dates-container .slides .training-date div.training-date--image,
body.less-than-768 section#features.training-dates-container-table .slides .training-date div.training-date--image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
}
section.training-dates-container .slides .training-date div.training-date--image:before,
body.less-than-768 section#features.training-dates-container-table .slides .training-date div.training-date--image:before {
content: " ";
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), color-stop(50%, rgba(243, 243, 243, 0)));
background: linear-gradient(#f3f3f3, rgba(243, 243, 243, 0) 50%);
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 100%;
position: absolute;
z-index: 2;
}
section.training-dates-container .slides .training-date div.training-date--image img,
body.less-than-768 section#features.training-dates-container-table .slides .training-date div.training-date--image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
section.training-dates-container .slides .training-date div:nth-of-type(2),
body.less-than-768 section#features.training-dates-container-table .slides .training-date div:nth-of-type(2) {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section.training-dates-container .slides .training-date div:nth-of-type(3),
body.less-than-768 section#features.training-dates-container-table .slides .training-date div:nth-of-type(3) {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 0;
}
section.training-dates-container .slides .training-date .training-date--logo,
body.less-than-768 section#features.training-dates-container-table .slides .training-date .training-date--logo {
max-height: 50px;
max-width: 200px;
}
section.training-dates-container .slides .training-date .training-date--date-time,
body.less-than-768 section#features.training-dates-container-table .slides .training-date .training-date--date-time {
background: #f3f3f3;
padding: 5px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
}
section.training-dates-container .slides .training-date .training-date--date-time p,
body.less-than-768 section#features.training-dates-container-table .slides .training-date .training-date--date-time p {
text-align: center;
margin: 0;
}
section.training-dates-container .slides .training-date .training-date--date-time .date,
body.less-than-768 section#features.training-dates-container-table .slides .training-date .training-date--date-time .date {
font-size: 20px;
font-weight: bold;
}
section.training-dates-container .slides .training-date .training-date--title,
body.less-than-768 section#features.training-dates-container-table .slides .training-date .training-date--title {
color: white;
text-decoration: none;
}
section.training-dates-container .slides .training-date .training-date--title:hover,
body.less-than-768 section#features.training-dates-container-table .slides .training-date .training-date--title:hover {
text-decoration: underline;
}
section.training-dates-container .slides .training-date .training-date--title h3,
body.less-than-768 section#features.training-dates-container-table .slides .training-date .training-date--title h3 {
margin: 0;
line-height: 1;
font-size: 27px;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}
section.training-dates-container .slides .training-date a.button,
body.less-than-768 section#features.training-dates-container-table .slides .training-date a.button {
margin-left: 10px;
}
section.training-dates-container.slide1 .slides,
body.less-than-768 section#features.training-dates-container-table.slide1 .slides {
left: 0;
}
section.training-dates-container.slide2 .slides,
body.less-than-768 section#features.training-dates-container-table.slide2 .slides {
left: calc(((100% - 25px) / 2) * -1 - (-25px * 1));
}
section.training-dates-container.slide3 .slides,
body.less-than-768 section#features.training-dates-container-table.slide3 .slides {
left: calc(((100% - 25px) / 2) * -2 - (-25px * 2));
}
section.training-dates-container.slide4 .slides,
body.less-than-768 section#features.training-dates-container-table.slide4 .slides {
left: calc(((100% - 25px) / 2) * -3 - (-25px * 3));
}
section.training-dates-container.slide5 .slides,
body.less-than-768 section#features.training-dates-container-table.slide5 .slides {
left: calc(((100% - 25px) / 2) * -4 - (-25px * 4));
}
section.training-dates-container.slide6 .slides,
body.less-than-768 section#features.training-dates-container-table.slide6 .slides {
left: calc(((100% - 25px) / 2) * -5 - (-25px * 5));
}
section.training-dates-container.slide7 .slides,
body.less-than-768 section#features.training-dates-container-table.slide7 .slides {
left: calc(((100% - 25px) / 2) * -6 - (-25px * 6));
}
section.training-dates-container.slide8 .slides,
body.less-than-768 section#features.training-dates-container-table.slide8 .slides {
left: calc(((100% - 25px) / 2) * -7 - (-25px * 7));
}
section.training-dates-container.slide9 .slides,
body.less-than-768 section#features.training-dates-container-table.slide9 .slides {
left: calc(((100% - 25px) / 2) * -8 - (-25px * 8));
}
section.training-dates-container.slide10 .slides,
body.less-than-768 section#features.training-dates-container-table.slide10 .slides {
left: calc(((100% - 25px) / 2) * -9 - (-25px * 9));
}
section.training-dates-container.slide11 .slides,
body.less-than-768 section#features.training-dates-container-table.slide11 .slides {
left: calc(((100% - 25px) / 2) * -10 - (-25px * 10));
}
section.training-dates-container.slide12 .slides,
body.less-than-768 section#features.training-dates-container-table.slide12 .slides {
left: calc(((100% - 25px) / 2) * -11 - (-25px * 11));
}
section.training-dates-container.slide13 .slides,
body.less-than-768 section#features.training-dates-container-table.slide13 .slides {
left: calc(((100% - 25px) / 2) * -12 - (-25px * 12));
}
section.training-dates-container.slide14 .slides,
body.less-than-768 section#features.training-dates-container-table.slide14 .slides {
left: calc(((100% - 25px) / 2) * -13 - (-25px * 13));
}
section.training-dates-container.slide15 .slides,
body.less-than-768 section#features.training-dates-container-table.slide15 .slides {
left: calc(((100% - 25px) / 2) * -14 - (-25px * 14));
}
section.training-dates-container.slide16 .slides,
body.less-than-768 section#features.training-dates-container-table.slide16 .slides {
left: calc(((100% - 25px) / 2) * -15 - (-25px * 15));
}
section.training-dates-container.slide17 .slides,
body.less-than-768 section#features.training-dates-container-table.slide17 .slides {
left: calc(((100% - 25px) / 2) * -16 - (-25px * 16));
}
section.training-dates-container.slide18 .slides,
body.less-than-768 section#features.training-dates-container-table.slide18 .slides {
left: calc(((100% - 25px) / 2) * -17 - (-25px * 17));
}
section.training-dates-container.slide19 .slides,
body.less-than-768 section#features.training-dates-container-table.slide19 .slides {
left: calc(((100% - 25px) / 2) * -18 - (-25px * 18));
}
section.training-dates-container.slide20 .slides,
body.less-than-768 section#features.training-dates-container-table.slide20 .slides {
left: calc(((100% - 25px) / 2) * -19 - (-25px * 19));
}
section.training-dates-container.slide21 .slides,
body.less-than-768 section#features.training-dates-container-table.slide21 .slides {
left: calc(((100% - 25px) / 2) * -20 - (-25px * 20));
}
section.training-dates-container.slide22 .slides,
body.less-than-768 section#features.training-dates-container-table.slide22 .slides {
left: calc(((100% - 25px) / 2) * -21 - (-25px * 21));
}
section.training-dates-container.slide23 .slides,
body.less-than-768 section#features.training-dates-container-table.slide23 .slides {
left: calc(((100% - 25px) / 2) * -22 - (-25px * 22));
}
section.training-dates-container.slide24 .slides,
body.less-than-768 section#features.training-dates-container-table.slide24 .slides {
left: calc(((100% - 25px) / 2) * -23 - (-25px * 23));
}
section.training-dates-container.slide25 .slides,
body.less-than-768 section#features.training-dates-container-table.slide25 .slides {
left: calc(((100% - 25px) / 2) * -24 - (-25px * 24));
}
section.training-dates-container.count-slides-1 .slides,
body.less-than-768 section#features.training-dates-container-table.count-slides-1 .slides {
-webkit-transform: none;
transform: none;
padding-right: 0;
}
section.training-dates-container.count-slides-1 .slides .training-date,
body.less-than-768 section#features.training-dates-container-table.count-slides-1 .slides .training-date {
width: 50%;
}
section.training-dates-container#past-events.count-slides-1 .slides,
section.training-dates-container#past-events.count-slides-2 .slides,
section.training-dates-container#past-events.count-slides-3 .slides,
body.less-than-768 section#features.training-dates-container-table#past-events.count-slides-1 .slides,
body.less-than-768 section#features.training-dates-container-table#past-events.count-slides-2 .slides,
body.less-than-768 section#features.training-dates-container-table#past-events.count-slides-3 .slides {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-right: 25px;
}
section.training-dates-container#past-events.count-slides-1 .slides .past-training-date,
section.training-dates-container#past-events.count-slides-2 .slides .past-training-date,
section.training-dates-container#past-events.count-slides-3 .slides .past-training-date,
body.less-than-768 section#features.training-dates-container-table#past-events.count-slides-1 .slides .past-training-date,
body.less-than-768 section#features.training-dates-container-table#past-events.count-slides-2 .slides .past-training-date,
body.less-than-768 section#features.training-dates-container-table#past-events.count-slides-3 .slides .past-training-date {
width: calc((100% - (25px * 2)) / 3);
}
@media screen and (max-width: 1024px) {
section.training-dates-container.count-slides-2 .slides {
padding-right: 25px;
}
section.training-dates-container.count-slides-1 .slides .training-date {
width: 100%;
}
}
@media screen and (max-width: 767px) {
section.training-dates-container.count-slides-1 .slides {
height: 200px;
padding-right: 25px;
}
section.training-dates-container#past-events.count-slides-1 .slides .past-training-date, section.training-dates-container#past-events.count-slides-2 .slides .past-training-date, section.training-dates-container#past-events.count-slides-3 .slides .past-training-date {
width: calc((100% - (25px * 1)) / 2);
margin-bottom: 25px;
}
section.training-dates-container#past-events.count-slides-1 .slides .past-training-date:nth-of-type(2n), section.training-dates-container#past-events.count-slides-2 .slides .past-training-date:nth-of-type(2n), section.training-dates-container#past-events.count-slides-3 .slides .past-training-date:nth-of-type(2n) {
margin-bottom: 0;
}
}
@media screen and (max-width: 549px) {
section.training-dates-container#past-events.count-slides-1 .slides .past-training-date, section.training-dates-container#past-events.count-slides-2 .slides .past-training-date, section.training-dates-container#past-events.count-slides-3 .slides .past-training-date {
width: 97%;
}
}
.page-content {
padding-top: 50px;
padding-bottom: 50px;
}
.page-content.has-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-content.has-slider > div {
width: 50%;
margin-right: 25px;
}
.page-content.has-slider > .slider {
height: 300px;
margin-right: 0;
margin-left: 25px;
position: relative;
}
.page-content.has-slider > .slider > div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.attendee-reviews {
padding-bottom: 50px;
padding-top: 50px;
}
.attendee-reviews .awards-reviews-cntr {
padding: 0;
}
.attendee-reviews .awards-reviews-cntr .review .review-logo-cntr {
position: static;
max-height: 50px;
margin-right: auto;
margin-top: 5px;
}
.attendee-reviews .review {
width: calc((100% - (25px * 2)) / 3);
}
.attendee-reviews .reviews-1 .review {
width: 100%;
margin: auto;
max-width: 800px;
}
.attendee-reviews .reviews-2 .review {
width: calc((100% - 25px) / 2);
}
#past-events.training-dates-container h2 {
color: white;
}
#past-events.training-dates-container .slides .past-training-date {
background: #f3f3f3;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 25px;
height: 300px;
min-width: calc((100% - (25px * 3)) / 4);
margin-bottom: 0;
margin-right: 25px;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 1;
}
#past-events.training-dates-container .slides .past-training-date .training-date--logo {
max-height: 50px;
max-width: 75%;
}
#past-events.training-dates-container .slides .past-training-date h2.date {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
color: #fe5000;
}
#past-events.training-dates-container .slides .past-training-date a.training-date--title {
color: #383d40;
text-decoration: none;
font-size: 18px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#past-events.training-dates-container .slides .past-training-date a.training-date--title:hover {
text-decoration: underline;
}
#past-events.training-dates-container .slides .past-training-date a.training-date--title p {
margin: 0;
line-height: 1;
}
#past-events.training-dates-container #pastEventsNext.features-next {
display: block;
}
body.page-template-page-training-2 section#features > div:first-child {
position: relative;
}
body.page-template-page-training-2 section#features > div:first-child .training-page-view {
position: absolute;
top: 0;
right: calc((100vw - 1400px) / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.page-template-page-training-2 section#features > div:first-child .training-page-view h3 {
width: 100%;
margin: -25px 0 5px;
}
body.page-template-page-training-2 section#features > div:first-child .training-page-view > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
}
@media screen and (max-width: 1500px) {
body.page-template-page-training-2 section#features > div:first-child .training-page-view {
right: 50px;
}
}
@media screen and (max-width: 1023px) {
body.page-template-page-training-2 section#features > div:first-child .training-page-view {
right: 25px;
}
}
@media screen and (max-width: 767px) {
body.page-template-page-training-2 section#features > div:first-child .training-page-view {
right: 10px;
}
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option {
height: 40px;
width: 40px;
border-radius: 100%;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option:not(:last-of-type) {
margin-right: 10px;
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option:after {
content: " ";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 100%;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option svg {
fill: #fe5000;
height: 24px;
width: 24px;
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option p {
position: absolute;
bottom: -5px;
margin: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
font-size: 13px;
display: none;
}
html.no-touch body.page-template-page-training-2 section#features > div:first-child .page-view--option:hover {
cursor: pointer;
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
background-color: #fe5000;
}
html.no-touch body.page-template-page-training-2 section#features > div:first-child .page-view--option:hover:after {
-webkit-box-shadow: -2.5px -2.5px 5px white;
box-shadow: -2.5px -2.5px 5px white;
}
html.no-touch body.page-template-page-training-2 section#features > div:first-child .page-view--option:hover svg {
fill: white;
}
html.no-touch body.page-template-page-training-2 section#features > div:first-child .page-view--option:hover p {
display: block;
}
body.page-template-page-training-2 section#features.training-dates-container-grid > div:first-child .training-page-view,
body.page-template-page-training-2 section#features.training-dates-container-table > div:first-child .training-page-view {
right: 0;
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container:not(.training-dates-container-grid) > div:first-child .page-view--option.slider,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container.training-dates-container-grid > div:first-child .page-view--option.grid,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container-table > div:first-child .page-view--option.table {
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container:not(.training-dates-container-grid) > div:first-child .page-view--option.slider:after,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container.training-dates-container-grid > div:first-child .page-view--option.grid:after,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container-table > div:first-child .page-view--option.table:after {
-webkit-box-shadow: -2.5px -2.5px 5px white;
box-shadow: -2.5px -2.5px 5px white;
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container:not(.training-dates-container-grid) > div:first-child .page-view--option.slider:hover,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container.training-dates-container-grid > div:first-child .page-view--option.grid:hover,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container-table > div:first-child .page-view--option.table:hover {
cursor: default;
background-color: #f3f3f3;
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container:not(.training-dates-container-grid) > div:first-child .page-view--option.slider:hover svg,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container.training-dates-container-grid > div:first-child .page-view--option.grid:hover svg,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container-table > div:first-child .page-view--option.table:hover svg {
fill: #fe5000;
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container:not(.training-dates-container-grid) > div:first-child .page-view--option.slider:hover p,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container.training-dates-container-grid > div:first-child .page-view--option.grid:hover p,
html.no-touch body.page-template-page-training-2 section#features.training-dates-container-table > div:first-child .page-view--option.table:hover p {
display: block;
color: #383d40;
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container:not(.training-dates-container-grid) > div:first-child .page-view--option.slider:hover {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/slider-custom-icon-orange-min.png);
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container.training-dates-container-grid > div:first-child .page-view--option.grid:hover {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/grid-custom-icon-orange-min.png);
}
html.no-touch body.page-template-page-training-2 section#features.training-dates-container-table > div:first-child .page-view--option.table:hover {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/table-custom-icon-orange-min.png);
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option {
background-repeat: no-repeat;
background-position: center center;
background-size: 25px;
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option.slider {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/slider-custom-icon-orange-min.png);
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option.slider:hover {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/slider-custom-icon-white-min.png);
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option.grid {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/grid-custom-icon-orange-min.png);
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option.grid:hover {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/grid-custom-icon-white-min.png);
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option.table {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/table-custom-icon-orange-min.png);
}
body.page-template-page-training-2 section#features > div:first-child .page-view--option.table:hover {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/table-custom-icon-white-min.png);
}
section#features.training-dates-container.training-dates-container-grid,
section#features.training-dates-container.training-dates-container-table {
padding-right: 50px;
padding-left: 50px;
}
@media screen and (max-width: 1500px) {
section#features.training-dates-container.training-dates-container-grid,
section#features.training-dates-container.training-dates-container-table {
padding-left: 50px;
padding-right: 50px;
}
}
@media screen and (max-width: 1023px) {
section#features.training-dates-container.training-dates-container-grid,
section#features.training-dates-container.training-dates-container-table {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (max-width: 767px) {
section#features.training-dates-container.training-dates-container-grid,
section#features.training-dates-container.training-dates-container-table {
padding-left: 10px;
padding-right: 10px;
}
}
section#features.training-dates-container.training-dates-container-grid .features-next, section#features.training-dates-container.training-dates-container-grid .features-prev,
section#features.training-dates-container.training-dates-container-table .features-next,
section#features.training-dates-container.training-dates-container-table .features-prev {
display: none;
}
section#features.training-dates-container.training-dates-container-grid > div.wrap,
section#features.training-dates-container.training-dates-container-table > div.wrap {
padding: 0;
max-width: 1400px;
width: 100%;
margin: auto;
}
section#features.training-dates-container.training-dates-container-grid,
body.less-than-768 section#features.training-dates-container-table {
height: auto;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides {
left: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
-webkit-transition: 0s;
transition: 0s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
overflow: visible;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank {
margin: 0 0 25px;
height: 250px;
opacity: 1;
width: calc((100% - (25px * 4)) / 5);
min-width: auto;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date > div:not(.training-date--image), section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank > div:not(.training-date--image),
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date > div:not(.training-date--image),
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank > div:not(.training-date--image) {
padding: 10px;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date .training-date--logo, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank .training-date--logo,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date .training-date--logo,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank .training-date--logo {
max-width: 150px;
max-height: 40px;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date .training-date--date-time .date, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank .training-date--date-time .date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date .training-date--date-time .date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank .training-date--date-time .date {
font-size: 15px;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date .training-date--date-time p, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank .training-date--date-time p,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date .training-date--date-time p,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank .training-date--date-time p {
font-size: 13px;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date .training-date--title h3, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank .training-date--title h3,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date .training-date--title h3,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank .training-date--title h3 {
font-size: 20px;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date div.training-date--image, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank div.training-date--image,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date div.training-date--image,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank div.training-date--image {
background: #fe5000;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date div.training-date--image img, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank div.training-date--image img,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date div.training-date--image img,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank div.training-date--image img {
-webkit-filter: sepia(0.1) opacity(0.9) grayscale(0.1);
filter: sepia(0.1) opacity(0.9) grayscale(0.1);
}
@media screen and (max-width: 1899px) {
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank {
width: calc((100% - (25px * 3)) / 4);
}
}
@media screen and (max-width: 1500px) {
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank {
width: calc((100% - (25px * 2)) / 3);
}
}
@media screen and (max-width: 1023px) {
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank {
width: calc((100% - (25px * 1)) / 2);
}
}
@media screen and (max-width: 650px) {
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank {
width: calc((100% - (10px * 1)) / 2);
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date div:nth-of-type(2), section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank div:nth-of-type(2),
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date div:nth-of-type(2),
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank div:nth-of-type(2) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date .training-date--logo, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank .training-date--logo,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date .training-date--logo,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank .training-date--logo {
margin-bottom: 60px;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date .training-date--date-time, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank .training-date--date-time,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date .training-date--date-time,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank .training-date--date-time {
margin: auto;
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date div:nth-of-type(3), section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank div:nth-of-type(3),
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date div:nth-of-type(3),
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank div:nth-of-type(3) {
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 450px) {
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .training-date, section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .training-date,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank {
width: calc((100% - (0px * 1)) / 1);
}
}
section#features.training-dates-container.training-dates-container-grid #training-dates-cntr.slides .blank,
body.less-than-768 section#features.training-dates-container-table #training-dates-cntr.slides .blank {
height: 0;
margin-bottom: 0;
}
section.training-dates-container .events-table,
section.training-dates-container-table .features-prev,
section.training-dates-container-table .features-next,
section.training-dates-container-table .slides {
display: none;
}
section.training-dates-container-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px calc((100vw - 1400px) / 2);
height: auto;
}
section.training-dates-container-table h2 {
line-height: 1;
margin-bottom: 5px;
}
section.training-dates-container-table > div.wrap {
padding: 0;
}
section.training-dates-container-table table {
margin-top: 5px;
}
section.training-dates-container-table table tbody {
position: relative;
}
section.training-dates-container-table table tr:not(:last-of-type) {
border-bottom: 1px solid #eaeaea;
}
section.training-dates-container-table table tr.expired td {
opacity: 0.3;
}
section.training-dates-container-table table td:not(:last-of-type) {
border-right: 1px solid #eaeaea;
}
section.training-dates-container-table table td {
padding: 5px 10px;
white-space: nowrap;
}
section.training-dates-container-table table td > * {
min-height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.training-dates-container-table table p {
margin-bottom: 0;
font-size: 15px;
}
section.training-dates-container-table td.training-date--image {
padding: 5px 25px;
}
section.training-dates-container-table td.training-date--image img {
max-width: 100px;
max-height: 30px;
-o-object-fit: contain;
object-fit: contain;
}
section.training-dates-container-table td.training-date--title {
width: 100%;
white-space: normal;
font-weight: bold;
}
@media screen and (max-width: 1500px) {
section.training-dates-container-table {
padding: 50px 50px;
}
}
@media screen and (max-width: 1023px) {
section.training-dates-container-table {
padding: 50px 25px;
}
section.training-dates-container-table td.training-date--image {
padding: 5px 10px;
}
section.training-dates-container-table td.training-date--image img {
max-height: 25px;
min-height: 25px;
}
section.training-dates-container-table table p {
font-size: 14px;
}
section.training-dates-container-table table a {
font-size: 14px;
line-height: 1;
}
}
@media screen and (max-width: 767px) {
section.training-dates-container-table {
padding: 50px 10px;
}
section.training-dates-container-table .slides {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.training-dates-container-table .events-table,
body.page-template-page-training-2 section#features > div:first-child .page-view--option.table {
display: none;
}
section#features.training-dates-container-table > div:first-child .page-view--option.grid {
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.1);
}
section#features.training-dates-container-table > div:first-child .page-view--option.grid:after {
-webkit-box-shadow: -2.5px -2.5px 5px white;
box-shadow: -2.5px -2.5px 5px white;
}
}
@media screen and (min-width: 768px) and (max-width: 1499px) {
#past-events.training-dates-container.slide2 .slides {
left: calc(((100% - (25px * 3)) / 4) * -1);
}
#past-events.training-dates-container.slide3 .slides {
left: calc(((100% - (25px * 3)) / 4) * -2);
}
#past-events.training-dates-container.slide4 .slides {
left: calc(((100% - (25px * 3)) / 4) * -3);
}
#past-events.training-dates-container.slide5 .slides {
left: calc(((100% - (25px * 3)) / 4) * -4);
}
#past-events.training-dates-container.slide6 .slides {
left: calc(((100% - (25px * 3)) / 4) * -5);
}
#past-events.training-dates-container.slide7 .slides {
left: calc(((100% - (25px * 3)) / 4) * -6);
}
#past-events.training-dates-container.slide8 .slides {
left: calc(((100% - (25px * 3)) / 4) * -7);
}
#past-events.training-dates-container.slide9 .slides {
left: calc(((100% - (25px * 3)) / 4) * -8);
}
#past-events.training-dates-container.slide10 .slides {
left: calc(((100% - (25px * 3)) / 4) * -9);
}
#past-events.training-dates-container.slide11 .slides {
left: calc(((100% - (25px * 3)) / 4) * -10);
}
#past-events.training-dates-container.slide12 .slides {
left: calc(((100% - (25px * 3)) / 4) * -11);
}
#past-events.training-dates-container.slide13 .slides {
left: calc(((100% - (25px * 3)) / 4) * -12);
}
#past-events.training-dates-container.slide14 .slides {
left: calc(((100% - (25px * 3)) / 4) * -13);
}
#past-events.training-dates-container.slide15 .slides {
left: calc(((100% - (25px * 3)) / 4) * -14);
}
#past-events.training-dates-container.slide16 .slides {
left: calc(((100% - (25px * 3)) / 4) * -15);
}
#past-events.training-dates-container.slide17 .slides {
left: calc(((100% - (25px * 3)) / 4) * -16);
}
#past-events.training-dates-container.slide18 .slides {
left: calc(((100% - (25px * 3)) / 4) * -17);
}
#past-events.training-dates-container.slide19 .slides {
left: calc(((100% - (25px * 3)) / 4) * -18);
}
#past-events.training-dates-container.slide20 .slides {
left: calc(((100% - (25px * 3)) / 4) * -19);
}
#past-events.training-dates-container.slide21 .slides {
left: calc(((100% - (25px * 3)) / 4) * -20);
}
#past-events.training-dates-container.slide22 .slides {
left: calc(((100% - (25px * 3)) / 4) * -21);
}
#past-events.training-dates-container.slide23 .slides {
left: calc(((100% - (25px * 3)) / 4) * -22);
}
#past-events.training-dates-container.slide24 .slides {
left: calc(((100% - (25px * 3)) / 4) * -23);
}
#past-events.training-dates-container.slide25 .slides {
left: calc(((100% - (25px * 3)) / 4) * -24);
}
#past-events.training-dates-container.slide1 .slides .past-training-date:nth-of-type(5n+0),
#past-events.training-dates-container.slide2 .slides .past-training-date:nth-of-type(5n+1),
#past-events.training-dates-container.slide3 .slides .past-training-date:nth-of-type(5n+2),
#past-events.training-dates-container.slide4 .slides .past-training-date:nth-of-type(5n+3),
#past-events.training-dates-container.slide5 .slides .past-training-date:nth-of-type(5n+4),
#past-events.training-dates-container.slide6 .slides .past-training-date:nth-of-type(5n+5),
#past-events.training-dates-container.slide7 .slides .past-training-date:nth-of-type(5n+6),
#past-events.training-dates-container.slide8 .slides .past-training-date:nth-of-type(5n+7),
#past-events.training-dates-container.slide9 .slides .past-training-date:nth-of-type(5n+8),
#past-events.training-dates-container.slide10 .slides .past-training-date:nth-of-type(5n+9),
#past-events.training-dates-container.slide11 .slides .past-training-date:nth-of-type(5n+10),
#past-events.training-dates-container.slide12 .slides .past-training-date:nth-of-type(5n+11),
#past-events.training-dates-container.slide13 .slides .past-training-date:nth-of-type(5n+12),
#past-events.training-dates-container.slide14 .slides .past-training-date:nth-of-type(5n+13),
#past-events.training-dates-container.slide15 .slides .past-training-date:nth-of-type(5n+14),
#past-events.training-dates-container.slide16 .slides .past-training-date:nth-of-type(5n+15),
#past-events.training-dates-container.slide17 .slides .past-training-date:nth-of-type(5n+16),
#past-events.training-dates-container.slide18 .slides .past-training-date:nth-of-type(5n+17),
#past-events.training-dates-container.slide19 .slides .past-training-date:nth-of-type(5n+18),
#past-events.training-dates-container.slide20 .slides .past-training-date:nth-of-type(5n+19),
#past-events.training-dates-container.slide21 .slides .past-training-date:nth-of-type(5n+20),
#past-events.training-dates-container.slide22 .slides .past-training-date:nth-of-type(5n+21),
#past-events.training-dates-container.slide23 .slides .past-training-date:nth-of-type(5n+22),
#past-events.training-dates-container.slide24 .slides .past-training-date:nth-of-type(5n+23),
#past-events.training-dates-container.slide25 .slides .past-training-date:nth-of-type(5n+24) {
opacity: 0.25;
}
#past-events.training-dates-container.slide1.count-slides-1 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-2 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-3 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-4 #pastEventsNext.features-next, #past-events.training-dates-container.slide2.count-slides-5 #pastEventsNext.features-next, #past-events.training-dates-container.slide3.count-slides-6 #pastEventsNext.features-next, #past-events.training-dates-container.slide4.count-slides-7 #pastEventsNext.features-next, #past-events.training-dates-container.slide5.count-slides-8 #pastEventsNext.features-next, #past-events.training-dates-container.slide6.count-slides-9 #pastEventsNext.features-next, #past-events.training-dates-container.slide7.count-slides-10 #pastEventsNext.features-next, #past-events.training-dates-container.slide8.count-slides-11 #pastEventsNext.features-next, #past-events.training-dates-container.slide9.count-slides-12 #pastEventsNext.features-next, #past-events.training-dates-container.slide10.count-slides-13 #pastEventsNext.features-next, #past-events.training-dates-container.slide11.count-slides-14 #pastEventsNext.features-next, #past-events.training-dates-container.slide12.count-slides-15 #pastEventsNext.features-next, #past-events.training-dates-container.slide13.count-slides-16 #pastEventsNext.features-next, #past-events.training-dates-container.slide14.count-slides-17 #pastEventsNext.features-next, #past-events.training-dates-container.slide15.count-slides-18 #pastEventsNext.features-next, #past-events.training-dates-container.slide16.count-slides-19 #pastEventsNext.features-next, #past-events.training-dates-container.slide17.count-slides-20 #pastEventsNext.features-next, #past-events.training-dates-container.slide18.count-slides-21 #pastEventsNext.features-next, #past-events.training-dates-container.slide19.count-slides-22 #pastEventsNext.features-next, #past-events.training-dates-container.slide20.count-slides-23 #pastEventsNext.features-next, #past-events.training-dates-container.slide21.count-slides-24 #pastEventsNext.features-next, #past-events.training-dates-container.slide22.count-slides-25 #pastEventsNext.features-next {
display: none;
}
}
@media screen and (min-width: 1500px) and (max-width: 1919px) {
section.training-dates-container .slides .training-date {
min-width: calc((100% - (25px * 2)) / 3);
}
section.training-dates-container.slide2 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -1 - (25px * 1));
}
section.training-dates-container.slide3 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -2 - (25px * 2));
}
section.training-dates-container.slide4 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -3 - (25px * 3));
}
section.training-dates-container.slide5 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -4 - (25px * 4));
}
section.training-dates-container.slide6 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -5 - (25px * 5));
}
section.training-dates-container.slide7 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -6 - (25px * 6));
}
section.training-dates-container.slide8 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -7 - (25px * 7));
}
section.training-dates-container.slide9 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -8 - (25px * 8));
}
section.training-dates-container.slide10 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -9 - (25px * 9));
}
section.training-dates-container.slide11 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -10 - (25px * 10));
}
section.training-dates-container.slide12 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -11 - (25px * 11));
}
section.training-dates-container.slide13 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -12 - (25px * 12));
}
section.training-dates-container.slide14 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -13 - (25px * 13));
}
section.training-dates-container.slide15 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -14 - (25px * 14));
}
section.training-dates-container.slide16 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -15 - (25px * 15));
}
section.training-dates-container.slide17 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -16 - (25px * 16));
}
section.training-dates-container.slide18 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -17 - (25px * 17));
}
section.training-dates-container.slide19 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -18 - (25px * 18));
}
section.training-dates-container.slide20 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -19 - (25px * 19));
}
section.training-dates-container.slide21 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -20 - (25px * 20));
}
section.training-dates-container.slide22 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -21 - (25px * 21));
}
section.training-dates-container.slide23 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -22 - (25px * 22));
}
section.training-dates-container.slide24 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -23 - (25px * 23));
}
section.training-dates-container.slide25 .slides {
left: calc((((100vw - 100px) - (25px * 2)) / 3) * -24 - (25px * 24));
}
#past-events.training-dates-container .slides .past-training-date {
min-width: calc((100% - (25px * 4)) / 5);
}
#past-events.training-dates-container.slide2 .slides {
left: calc(((100% - (25px * 3)) / 5) * -1);
}
#past-events.training-dates-container.slide3 .slides {
left: calc(((100% - (25px * 3)) / 5) * -2);
}
#past-events.training-dates-container.slide4 .slides {
left: calc(((100% - (25px * 3)) / 5) * -3);
}
#past-events.training-dates-container.slide5 .slides {
left: calc(((100% - (25px * 3)) / 5) * -4);
}
#past-events.training-dates-container.slide6 .slides {
left: calc(((100% - (25px * 3)) / 5) * -5);
}
#past-events.training-dates-container.slide7 .slides {
left: calc(((100% - (25px * 3)) / 5) * -6);
}
#past-events.training-dates-container.slide8 .slides {
left: calc(((100% - (25px * 3)) / 5) * -7);
}
#past-events.training-dates-container.slide9 .slides {
left: calc(((100% - (25px * 3)) / 5) * -8);
}
#past-events.training-dates-container.slide10 .slides {
left: calc(((100% - (25px * 3)) / 5) * -9);
}
#past-events.training-dates-container.slide11 .slides {
left: calc(((100% - (25px * 3)) / 5) * -10);
}
#past-events.training-dates-container.slide12 .slides {
left: calc(((100% - (25px * 3)) / 5) * -11);
}
#past-events.training-dates-container.slide13 .slides {
left: calc(((100% - (25px * 3)) / 5) * -12);
}
#past-events.training-dates-container.slide14 .slides {
left: calc(((100% - (25px * 3)) / 5) * -13);
}
#past-events.training-dates-container.slide15 .slides {
left: calc(((100% - (25px * 3)) / 5) * -14);
}
#past-events.training-dates-container.slide16 .slides {
left: calc(((100% - (25px * 3)) / 5) * -15);
}
#past-events.training-dates-container.slide17 .slides {
left: calc(((100% - (25px * 3)) / 5) * -16);
}
#past-events.training-dates-container.slide18 .slides {
left: calc(((100% - (25px * 3)) / 5) * -17);
}
#past-events.training-dates-container.slide19 .slides {
left: calc(((100% - (25px * 3)) / 5) * -18);
}
#past-events.training-dates-container.slide20 .slides {
left: calc(((100% - (25px * 3)) / 5) * -19);
}
#past-events.training-dates-container.slide21 .slides {
left: calc(((100% - (25px * 3)) / 5) * -20);
}
#past-events.training-dates-container.slide22 .slides {
left: calc(((100% - (25px * 3)) / 5) * -21);
}
#past-events.training-dates-container.slide23 .slides {
left: calc(((100% - (25px * 3)) / 5) * -22);
}
#past-events.training-dates-container.slide24 .slides {
left: calc(((100% - (25px * 3)) / 5) * -23);
}
#past-events.training-dates-container.slide25 .slides {
left: calc(((100% - (25px * 3)) / 5) * -24);
}
#past-events.training-dates-container.slide1 .slides .past-training-date:nth-of-type(6n+0),
#past-events.training-dates-container.slide2 .slides .past-training-date:nth-of-type(6n+1),
#past-events.training-dates-container.slide3 .slides .past-training-date:nth-of-type(6n+2),
#past-events.training-dates-container.slide4 .slides .past-training-date:nth-of-type(6n+3),
#past-events.training-dates-container.slide5 .slides .past-training-date:nth-of-type(6n+4),
#past-events.training-dates-container.slide6 .slides .past-training-date:nth-of-type(6n+5),
#past-events.training-dates-container.slide7 .slides .past-training-date:nth-of-type(6n+6),
#past-events.training-dates-container.slide8 .slides .past-training-date:nth-of-type(6n+7),
#past-events.training-dates-container.slide9 .slides .past-training-date:nth-of-type(6n+8),
#past-events.training-dates-container.slide10 .slides .past-training-date:nth-of-type(6n+9),
#past-events.training-dates-container.slide11 .slides .past-training-date:nth-of-type(6n+10),
#past-events.training-dates-container.slide12 .slides .past-training-date:nth-of-type(6n+11),
#past-events.training-dates-container.slide13 .slides .past-training-date:nth-of-type(6n+12),
#past-events.training-dates-container.slide14 .slides .past-training-date:nth-of-type(6n+13),
#past-events.training-dates-container.slide15 .slides .past-training-date:nth-of-type(6n+14),
#past-events.training-dates-container.slide16 .slides .past-training-date:nth-of-type(6n+15),
#past-events.training-dates-container.slide17 .slides .past-training-date:nth-of-type(6n+16),
#past-events.training-dates-container.slide18 .slides .past-training-date:nth-of-type(6n+17),
#past-events.training-dates-container.slide19 .slides .past-training-date:nth-of-type(6n+18),
#past-events.training-dates-container.slide20 .slides .past-training-date:nth-of-type(6n+19),
#past-events.training-dates-container.slide21 .slides .past-training-date:nth-of-type(6n+20),
#past-events.training-dates-container.slide22 .slides .past-training-date:nth-of-type(6n+21),
#past-events.training-dates-container.slide23 .slides .past-training-date:nth-of-type(6n+22),
#past-events.training-dates-container.slide24 .slides .past-training-date:nth-of-type(6n+23),
#past-events.training-dates-container.slide25 .slides .past-training-date:nth-of-type(6n+24) {
opacity: 0.25;
}
#past-events.training-dates-container.slide1.count-slides-1 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-2 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-3 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-4 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-5 #pastEventsNext.features-next, #past-events.training-dates-container.slide2.count-slides-6 #pastEventsNext.features-next, #past-events.training-dates-container.slide3.count-slides-7 #pastEventsNext.features-next, #past-events.training-dates-container.slide4.count-slides-8 #pastEventsNext.features-next, #past-events.training-dates-container.slide5.count-slides-9 #pastEventsNext.features-next, #past-events.training-dates-container.slide6.count-slides-10 #pastEventsNext.features-next, #past-events.training-dates-container.slide7.count-slides-11 #pastEventsNext.features-next, #past-events.training-dates-container.slide8.count-slides-12 #pastEventsNext.features-next, #past-events.training-dates-container.slide9.count-slides-13 #pastEventsNext.features-next, #past-events.training-dates-container.slide10.count-slides-14 #pastEventsNext.features-next, #past-events.training-dates-container.slide11.count-slides-15 #pastEventsNext.features-next, #past-events.training-dates-container.slide12.count-slides-16 #pastEventsNext.features-next, #past-events.training-dates-container.slide13.count-slides-17 #pastEventsNext.features-next, #past-events.training-dates-container.slide14.count-slides-18 #pastEventsNext.features-next, #past-events.training-dates-container.slide15.count-slides-19 #pastEventsNext.features-next, #past-events.training-dates-container.slide16.count-slides-20 #pastEventsNext.features-next, #past-events.training-dates-container.slide17.count-slides-21 #pastEventsNext.features-next, #past-events.training-dates-container.slide18.count-slides-22 #pastEventsNext.features-next, #past-events.training-dates-container.slide19.count-slides-23 #pastEventsNext.features-next, #past-events.training-dates-container.slide20.count-slides-24 #pastEventsNext.features-next, #past-events.training-dates-container.slide21.count-slides-25 #pastEventsNext.features-next, #past-events.training-dates-container.slide22.count-slides-26 #pastEventsNext.features-next {
display: none;
}
}
@media screen and (min-width: 1920px) {
section.training-dates-container .slides .training-date {
min-width: calc((100% - (25px * 3)) / 4);
}
section.training-dates-container.slide2 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -1 - (25px * 1));
}
section.training-dates-container.slide3 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -2 - (25px * 2));
}
section.training-dates-container.slide4 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -3 - (25px * 3));
}
section.training-dates-container.slide5 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -4 - (25px * 4));
}
section.training-dates-container.slide6 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -5 - (25px * 5));
}
section.training-dates-container.slide7 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -6 - (25px * 6));
}
section.training-dates-container.slide8 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -7 - (25px * 7));
}
section.training-dates-container.slide9 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -8 - (25px * 8));
}
section.training-dates-container.slide10 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -9 - (25px * 9));
}
section.training-dates-container.slide11 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -10 - (25px * 10));
}
section.training-dates-container.slide12 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -11 - (25px * 11));
}
section.training-dates-container.slide13 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -12 - (25px * 12));
}
section.training-dates-container.slide14 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -13 - (25px * 13));
}
section.training-dates-container.slide15 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -14 - (25px * 14));
}
section.training-dates-container.slide16 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -15 - (25px * 15));
}
section.training-dates-container.slide17 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -16 - (25px * 16));
}
section.training-dates-container.slide18 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -17 - (25px * 17));
}
section.training-dates-container.slide19 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -18 - (25px * 18));
}
section.training-dates-container.slide20 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -19 - (25px * 19));
}
section.training-dates-container.slide21 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -20 - (25px * 20));
}
section.training-dates-container.slide22 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -21 - (25px * 21));
}
section.training-dates-container.slide23 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -22 - (25px * 22));
}
section.training-dates-container.slide24 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -23 - (25px * 23));
}
section.training-dates-container.slide25 .slides {
left: calc((((100vw - 100px) - (25px * 3)) / 4) * -24 - (25px * 24));
}
#past-events.training-dates-container .slides .past-training-date {
min-width: calc((100% - (25px * 5)) / 6);
}
#past-events.training-dates-container.slide2 .slides {
left: calc(((100% - (25px * 3)) / 6) * -1);
}
#past-events.training-dates-container.slide3 .slides {
left: calc(((100% - (25px * 3)) / 6) * -2);
}
#past-events.training-dates-container.slide4 .slides {
left: calc(((100% - (25px * 3)) / 6) * -3);
}
#past-events.training-dates-container.slide5 .slides {
left: calc(((100% - (25px * 3)) / 6) * -4);
}
#past-events.training-dates-container.slide6 .slides {
left: calc(((100% - (25px * 3)) / 6) * -5);
}
#past-events.training-dates-container.slide7 .slides {
left: calc(((100% - (25px * 3)) / 6) * -6);
}
#past-events.training-dates-container.slide8 .slides {
left: calc(((100% - (25px * 3)) / 6) * -7);
}
#past-events.training-dates-container.slide9 .slides {
left: calc(((100% - (25px * 3)) / 6) * -8);
}
#past-events.training-dates-container.slide10 .slides {
left: calc(((100% - (25px * 3)) / 6) * -9);
}
#past-events.training-dates-container.slide11 .slides {
left: calc(((100% - (25px * 3)) / 6) * -10);
}
#past-events.training-dates-container.slide12 .slides {
left: calc(((100% - (25px * 3)) / 6) * -11);
}
#past-events.training-dates-container.slide13 .slides {
left: calc(((100% - (25px * 3)) / 6) * -12);
}
#past-events.training-dates-container.slide14 .slides {
left: calc(((100% - (25px * 3)) / 6) * -13);
}
#past-events.training-dates-container.slide15 .slides {
left: calc(((100% - (25px * 3)) / 6) * -14);
}
#past-events.training-dates-container.slide16 .slides {
left: calc(((100% - (25px * 3)) / 6) * -15);
}
#past-events.training-dates-container.slide17 .slides {
left: calc(((100% - (25px * 3)) / 6) * -16);
}
#past-events.training-dates-container.slide18 .slides {
left: calc(((100% - (25px * 3)) / 6) * -17);
}
#past-events.training-dates-container.slide19 .slides {
left: calc(((100% - (25px * 3)) / 6) * -18);
}
#past-events.training-dates-container.slide20 .slides {
left: calc(((100% - (25px * 3)) / 6) * -19);
}
#past-events.training-dates-container.slide21 .slides {
left: calc(((100% - (25px * 3)) / 6) * -20);
}
#past-events.training-dates-container.slide22 .slides {
left: calc(((100% - (25px * 3)) / 6) * -21);
}
#past-events.training-dates-container.slide23 .slides {
left: calc(((100% - (25px * 3)) / 6) * -22);
}
#past-events.training-dates-container.slide24 .slides {
left: calc(((100% - (25px * 3)) / 6) * -23);
}
#past-events.training-dates-container.slide25 .slides {
left: calc(((100% - (25px * 3)) / 6) * -24);
}
#past-events.training-dates-container.slide1 .slides .past-training-date:nth-of-type(7n+0),
#past-events.training-dates-container.slide2 .slides .past-training-date:nth-of-type(7n+1),
#past-events.training-dates-container.slide3 .slides .past-training-date:nth-of-type(7n+2),
#past-events.training-dates-container.slide4 .slides .past-training-date:nth-of-type(7n+3),
#past-events.training-dates-container.slide5 .slides .past-training-date:nth-of-type(7n+4),
#past-events.training-dates-container.slide6 .slides .past-training-date:nth-of-type(7n+5),
#past-events.training-dates-container.slide7 .slides .past-training-date:nth-of-type(7n+6),
#past-events.training-dates-container.slide8 .slides .past-training-date:nth-of-type(7n+7),
#past-events.training-dates-container.slide9 .slides .past-training-date:nth-of-type(7n+8),
#past-events.training-dates-container.slide10 .slides .past-training-date:nth-of-type(7n+9),
#past-events.training-dates-container.slide11 .slides .past-training-date:nth-of-type(7n+10),
#past-events.training-dates-container.slide12 .slides .past-training-date:nth-of-type(7n+11),
#past-events.training-dates-container.slide13 .slides .past-training-date:nth-of-type(7n+12),
#past-events.training-dates-container.slide14 .slides .past-training-date:nth-of-type(7n+13),
#past-events.training-dates-container.slide15 .slides .past-training-date:nth-of-type(7n+14),
#past-events.training-dates-container.slide16 .slides .past-training-date:nth-of-type(7n+15),
#past-events.training-dates-container.slide17 .slides .past-training-date:nth-of-type(7n+16),
#past-events.training-dates-container.slide18 .slides .past-training-date:nth-of-type(7n+17),
#past-events.training-dates-container.slide19 .slides .past-training-date:nth-of-type(7n+18),
#past-events.training-dates-container.slide20 .slides .past-training-date:nth-of-type(7n+19),
#past-events.training-dates-container.slide21 .slides .past-training-date:nth-of-type(7n+20),
#past-events.training-dates-container.slide22 .slides .past-training-date:nth-of-type(7n+21),
#past-events.training-dates-container.slide23 .slides .past-training-date:nth-of-type(7n+22),
#past-events.training-dates-container.slide24 .slides .past-training-date:nth-of-type(7n+23),
#past-events.training-dates-container.slide25 .slides .past-training-date:nth-of-type(7n+24) {
opacity: 0.25;
}
#past-events.training-dates-container.slide1.count-slides-1 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-2 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-3 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-4 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-5 #pastEventsNext.features-next, #past-events.training-dates-container.slide1.count-slides-6 #pastEventsNext.features-next, #past-events.training-dates-container.slide2.count-slides-7 #pastEventsNext.features-next, #past-events.training-dates-container.slide3.count-slides-8 #pastEventsNext.features-next, #past-events.training-dates-container.slide4.count-slides-9 #pastEventsNext.features-next, #past-events.training-dates-container.slide5.count-slides-10 #pastEventsNext.features-next, #past-events.training-dates-container.slide6.count-slides-11 #pastEventsNext.features-next, #past-events.training-dates-container.slide7.count-slides-12 #pastEventsNext.features-next, #past-events.training-dates-container.slide8.count-slides-13 #pastEventsNext.features-next, #past-events.training-dates-container.slide9.count-slides-14 #pastEventsNext.features-next, #past-events.training-dates-container.slide10.count-slides-15 #pastEventsNext.features-next, #past-events.training-dates-container.slide11.count-slides-16 #pastEventsNext.features-next, #past-events.training-dates-container.slide12.count-slides-17 #pastEventsNext.features-next, #past-events.training-dates-container.slide13.count-slides-18 #pastEventsNext.features-next, #past-events.training-dates-container.slide14.count-slides-19 #pastEventsNext.features-next, #past-events.training-dates-container.slide15.count-slides-20 #pastEventsNext.features-next, #past-events.training-dates-container.slide16.count-slides-21 #pastEventsNext.features-next, #past-events.training-dates-container.slide17.count-slides-22 #pastEventsNext.features-next, #past-events.training-dates-container.slide18.count-slides-23 #pastEventsNext.features-next, #past-events.training-dates-container.slide19.count-slides-24 #pastEventsNext.features-next, #past-events.training-dates-container.slide20.count-slides-25 #pastEventsNext.features-next, #past-events.training-dates-container.slide21.count-slides-26 #pastEventsNext.features-next, #past-events.training-dates-container.slide22.count-slides-27 #pastEventsNext.features-next {
display: none;
}
}
html.touch section.training-dates-container .slides {
overflow: scroll;
padding-top: 25px;
padding-bottom: 25px;
margin-top: -25px;
margin-bottom: -25px;
}
html.touch section.training-dates-container .slides > article {
opacity: 1 !important;
}
html.touch #past-events.training-dates-container #pastEventsNext.features-next {
display: none;
}
@media screen and (max-width: 1150px) {
section.training-dates-container .slides .training-date .training-date--title h3 {
font-size: 22px;
}
#past-events.training-dates-container .slides .past-training-date a.training-date--title p {
font-size: 16px;
}
}
@media screen and (max-width: 1023px) {
section.training-dates-container .slides .training-date {
height: 250px;
}
section.training-dates-container .slides .training-date div {
padding: 10px 10px;
}
section.training-dates-container .slides .training-date .training-date--logo {
max-width: 150px;
}
section.training-dates-container .slides .training-date .training-date--date-time .date {
font-size: 15px;
line-height: 1.4;
}
section.training-dates-container .slides .training-date .training-date--date-time p {
font-size: 12px;
line-height: 1;
}
section.training-dates-container .slides .training-date div:nth-of-type(3) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section.training-dates-container .slides .training-date .training-date--title h3 {
font-size: 19px;
}
section.training-dates-container .slides .training-date a.button {
margin: 5px 0 0;
}
section.training-dates-container .slides {
width: calc(100% + 50px);
}
section.training-dates-container.slide1 .slides {
margin-left: calc(-25px * 1);
}
section.training-dates-container.slide2 .slides {
margin-left: calc(-25px * 2);
}
section.training-dates-container.slide3 .slides {
margin-left: calc(-25px * 3);
}
section.training-dates-container.slide4 .slides {
margin-left: calc(-25px * 4);
}
section.training-dates-container.slide5 .slides {
margin-left: calc(-25px * 5);
}
section.training-dates-container.slide6 .slides {
margin-left: calc(-25px * 6);
}
section.training-dates-container.slide7 .slides {
margin-left: calc(-25px * 7);
}
section.training-dates-container.slide8 .slides {
margin-left: calc(-25px * 8);
}
section.training-dates-container.slide9 .slides {
margin-left: calc(-25px * 9);
}
section.training-dates-container.slide10 .slides {
margin-left: calc(-25px * 10);
}
section.training-dates-container.slide11 .slides {
margin-left: calc(-25px * 11);
}
section.training-dates-container.slide12 .slides {
margin-left: calc(-25px * 12);
}
section.training-dates-container.slide13 .slides {
margin-left: calc(-25px * 13);
}
section.training-dates-container.slide14 .slides {
margin-left: calc(-25px * 14);
}
section.training-dates-container.slide15 .slides {
margin-left: calc(-25px * 15);
}
section.training-dates-container.slide16 .slides {
margin-left: calc(-25px * 16);
}
section.training-dates-container.slide17 .slides {
margin-left: calc(-25px * 17);
}
section.training-dates-container.slide18 .slides {
margin-left: calc(-25px * 18);
}
section.training-dates-container.slide19 .slides {
margin-left: calc(-25px * 19);
}
section.training-dates-container.slide20 .slides {
margin-left: calc(-25px * 20);
}
section.training-dates-container.slide21 .slides {
margin-left: calc(-25px * 21);
}
section.training-dates-container.slide22 .slides {
margin-left: calc(-25px * 22);
}
section.training-dates-container.slide23 .slides {
margin-left: calc(-25px * 23);
}
section.training-dates-container.slide24 .slides {
margin-left: calc(-25px * 24);
}
section.training-dates-container.slide25 .slides {
margin-left: calc(-25px * 25);
}
section#past-events.training-dates-container.slide1 .slides {
margin-left: calc(-12.5px * 2);
}
section#past-events.training-dates-container.slide2 .slides {
margin-left: calc(-12.5px * 3);
}
section#past-events.training-dates-container.slide3 .slides {
margin-left: calc(-12.5px * 4);
}
section#past-events.training-dates-container.slide4 .slides {
margin-left: calc(-12.5px * 5);
}
section#past-events.training-dates-container.slide5 .slides {
margin-left: calc(-12.5px * 6);
}
section#past-events.training-dates-container.slide6 .slides {
margin-left: calc(-12.5px * 7);
}
section#past-events.training-dates-container.slide7 .slides {
margin-left: calc(-12.5px * 8);
}
section#past-events.training-dates-container.slide8 .slides {
margin-left: calc(-12.5px * 9);
}
section#past-events.training-dates-container.slide9 .slides {
margin-left: calc(-12.5px * 10);
}
section#past-events.training-dates-container.slide10 .slides {
margin-left: calc(-12.5px * 11);
}
section#past-events.training-dates-container.slide11 .slides {
margin-left: calc(-12.5px * 12);
}
section#past-events.training-dates-container.slide12 .slides {
margin-left: calc(-12.5px * 13);
}
section#past-events.training-dates-container.slide13 .slides {
margin-left: calc(-12.5px * 14);
}
section#past-events.training-dates-container.slide14 .slides {
margin-left: calc(-12.5px * 15);
}
section#past-events.training-dates-container.slide15 .slides {
margin-left: calc(-12.5px * 16);
}
section#past-events.training-dates-container.slide16 .slides {
margin-left: calc(-12.5px * 17);
}
section#past-events.training-dates-container.slide17 .slides {
margin-left: calc(-12.5px * 18);
}
section#past-events.training-dates-container.slide18 .slides {
margin-left: calc(-12.5px * 19);
}
section#past-events.training-dates-container.slide19 .slides {
margin-left: calc(-12.5px * 20);
}
section#past-events.training-dates-container.slide20 .slides {
margin-left: calc(-12.5px * 21);
}
section#past-events.training-dates-container.slide21 .slides {
margin-left: calc(-12.5px * 22);
}
section#past-events.training-dates-container.slide22 .slides {
margin-left: calc(-12.5px * 23);
}
section#past-events.training-dates-container.slide23 .slides {
margin-left: calc(-12.5px * 24);
}
section#past-events.training-dates-container.slide24 .slides {
margin-left: calc(-12.5px * 25);
}
section#past-events.training-dates-container.slide25 .slides {
margin-left: calc(-12.5px * 26);
}
section#past-events.training-dates-container .slides .past-training-date {
padding: 15px 10px;
height: 250px;
}
section#past-events.training-dates-container .slides .past-training-date .training-date--logo {
max-height: 30px;
}
section#past-events.training-dates-container .slides .past-training-date a.training-date--title {
font-size: 18px;
}
section#past-events.training-dates-container .slides .past-training-date h2.date {
font-size: 17px;
}
}
@media screen and (max-width: 767px) {
section.training-dates-container .slides {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
section.training-dates-container .slides .training-date {
height: 200px;
width: 80vw;
}
section.training-dates-container.slide2 .slides {
left: calc(((80vw + 25px) * -1) - 25px);
margin-left: 0;
}
section.training-dates-container.slide3 .slides {
left: calc(((80vw + 25px) * -2) - 25px);
margin-left: 0;
}
section.training-dates-container.slide4 .slides {
left: calc(((80vw + 25px) * -3) - 25px);
margin-left: 0;
}
section.training-dates-container.slide5 .slides {
left: calc(((80vw + 25px) * -4) - 25px);
margin-left: 0;
}
section.training-dates-container.slide6 .slides {
left: calc(((80vw + 25px) * -5) - 25px);
margin-left: 0;
}
section.training-dates-container.slide7 .slides {
left: calc(((80vw + 25px) * -6) - 25px);
margin-left: 0;
}
section.training-dates-container.slide8 .slides {
left: calc(((80vw + 25px) * -7) - 25px);
margin-left: 0;
}
section.training-dates-container.slide9 .slides {
left: calc(((80vw + 25px) * -8) - 25px);
margin-left: 0;
}
section.training-dates-container.slide10 .slides {
left: calc(((80vw + 25px) * -9) - 25px);
margin-left: 0;
}
section#past-events.training-dates-container.count-slides-1 .slides,
section#past-events.training-dates-container.count-slides-2 .slides {
height: 200px;
padding-right: 25px;
}
section#past-events.training-dates-container.count-slides-1 .slides .past-training-date,
section#past-events.training-dates-container.count-slides-2 .slides .past-training-date {
width: calc((100% - 25px) / 2);
}
section#past-events.training-dates-container.count-slides-1 .slides {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
section#past-events.training-dates-container .slides .past-training-date {
height: 200px;
width: calc((100% - 25px) / 2);
}
html:not(.touch) section#past-events.training-dates-container.slide1 .slides .past-training-date:nth-of-type(n+5),
html:not(.touch) section#past-events.training-dates-container.slide2 .slides .past-training-date:nth-of-type(n+9),
html:not(.touch) section#past-events.training-dates-container.slide3 .slides .past-training-date:nth-of-type(n+13),
html:not(.touch) section#past-events.training-dates-container.slide4 .slides .past-training-date:nth-of-type(n+17),
html:not(.touch) section#past-events.training-dates-container.slide5 .slides .past-training-date:nth-of-type(n+21),
html:not(.touch) section#past-events.training-dates-container.slide6 .slides .past-training-date:nth-of-type(n+25) {
opacity: 0.25;
}
html:not(.touch) section#past-events.training-dates-container.slide2 .slides {
left: calc(((100% - 25px) / 1) * -1 - (-25px * 1));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide3 .slides {
left: calc(((100% - 25px) / 1) * -2 - (-25px * 2));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide4 .slides {
left: calc(((100% - 25px) / 1) * -3 - (-25px * 3));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide5 .slides {
left: calc(((100% - 25px) / 1) * -4 - (-25px * 4));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide6 .slides {
left: calc(((100% - 25px) / 1) * -5 - (-25px * 5));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container .slides {
margin-left: -25px;
}
html.touch .page-template-page-training-2 section.features .slides {
left: 0;
padding-right: 0;
overflow: scroll;
padding-top: 25px;
padding-bottom: 25px;
height: 475px;
margin-top: -25px;
margin-bottom: -25px;
}
html.touch .page-template-page-training-2 #past-events.training-dates-container .slides .past-training-date {
opacity: 1;
}
html.touch .page-template-page-training-2 #past-events.training-dates-container #pastEventsNext.features-next {
display: none;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) {
section#past-events.training-dates-container.count-slides-1.slide1 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-2.slide1 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-3.slide1 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-4.slide1 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-5.slide2 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-6.slide2 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-7.slide2 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-8.slide2 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-9.slide3 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-10.slide3 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-11.slide3 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-12.slide3 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-13.slide4 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-14.slide4 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-15.slide4 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-16.slide4 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-17.slide5 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-18.slide5 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-19.slide5 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-20.slide5 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-21.slide6 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-22.slide6 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-23.slide6 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-24.slide6 #pastEventsNext.features-next,
section#past-events.training-dates-container.count-slides-25.slide7 #pastEventsNext.features-next {
display: none;
}
}
@media screen and (max-width: 549px) {
section.training-dates-container .slides {
padding-left: 50px;
padding-right: 0;
}
section.training-dates-container .slides .training-date {
width: calc(100vw - 60px);
}
section.training-dates-container.slide2 .slides {
left: calc(((100vw - 35px) * -1) - 25px);
margin-left: 0;
}
section.training-dates-container.slide3 .slides {
left: calc(((100vw - 35px) * -2) - 25px);
margin-left: 0;
}
section.training-dates-container.slide4 .slides {
left: calc(((100vw - 35px) * -3) - 25px);
margin-left: 0;
}
section.training-dates-container.slide5 .slides {
left: calc(((100vw - 35px) * -4) - 25px);
margin-left: 0;
}
section.training-dates-container.slide6 .slides {
left: calc(((100vw - 35px) * -5) - 25px);
margin-left: 0;
}
section.training-dates-container.slide7 .slides {
left: calc(((100vw - 35px) * -6) - 25px);
margin-left: 0;
}
section.training-dates-container.slide8 .slides {
left: calc(((100vw - 35px) * -7) - 25px);
margin-left: 0;
}
section.training-dates-container.slide9 .slides {
left: calc(((100vw - 35px) * -8) - 25px);
margin-left: 0;
}
section.training-dates-container.slide10 .slides {
left: calc(((100vw - 35px) * -9) - 25px);
margin-left: 0;
}
section.training-dates-container .slides .training-date .training-date--logo {
max-width: 100px;
}
.page-content.has-slider {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-content.has-slider > div {
width: 100%;
margin-right: 0px;
}
.page-content.has-slider > .slider {
margin-left: 0;
}
.page-template-page-training-2 .awards-reviews-cntr {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-page-training-2 .awards-reviews-cntr .review, .page-template-page-training-2 .awards-reviews-cntr .review ~ .review {
width: 100%;
margin-left: 0;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section#past-events.training-dates-container .slides .past-training-date {
height: 200px;
width: calc((100% - 50px) / 1);
}
html:not(.touch) section#past-events.training-dates-container.slide1 .slides .past-training-date:nth-of-type(n+3),
html:not(.touch) section#past-events.training-dates-container.slide2 .slides .past-training-date:nth-of-type(n+5),
html:not(.touch) section#past-events.training-dates-container.slide3 .slides .past-training-date:nth-of-type(n+7),
html:not(.touch) section#past-events.training-dates-container.slide4 .slides .past-training-date:nth-of-type(n+9),
html:not(.touch) section#past-events.training-dates-container.slide5 .slides .past-training-date:nth-of-type(n+11),
html:not(.touch) section#past-events.training-dates-container.slide6 .slides .past-training-date:nth-of-type(n+13),
html:not(.touch) section#past-events.training-dates-container.slide7 .slides .past-training-date:nth-of-type(n+15),
html:not(.touch) section#past-events.training-dates-container.slide8 .slides .past-training-date:nth-of-type(n+17),
html:not(.touch) section#past-events.training-dates-container.slide9 .slides .past-training-date:nth-of-type(n+19),
html:not(.touch) section#past-events.training-dates-container.slide10 .slides .past-training-date:nth-of-type(n+21),
html:not(.touch) section#past-events.training-dates-container.slide11 .slides .past-training-date:nth-of-type(n+23),
html:not(.touch) section#past-events.training-dates-container.slide12 .slides .past-training-date:nth-of-type(n+25) {
opacity: 0.25;
}
html:not(.touch) section#past-events.training-dates-container.slide7 .slides {
left: calc(((100% - 25px) / 1) * -6 - (-25px * 6));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide8 .slides {
left: calc(((100% - 25px) / 1) * -7 - (-25px * 7));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide9 .slides {
left: calc(((100% - 25px) / 1) * -8 - (-25px * 8));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide10 .slides {
left: calc(((100% - 25px) / 1) * -9 - (-25px * 9));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide11 .slides {
left: calc(((100% - 25px) / 1) * -10 - (-25px * 10));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide12 .slides {
left: calc(((100% - 25px) / 1) * -11 - (-25px * 11));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.slide13 .slides {
left: calc(((100% - 25px) / 1) * -12 - (-25px * 12));
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container .slides {
margin-left: -25px;
}
html:not(.touch) section#past-events.training-dates-container.count-slides-1.slide1 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-2.slide1 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-3.slide2 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-4.slide2 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-5.slide3 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-6.slide3 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-7.slide4 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-8.slide4 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-9.slide5 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-10.slide5 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-11.slide6 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-12.slide6 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-13.slide7 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-14.slide7 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-15.slide8 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-16.slide8 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-17.slide9 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-18.slide9 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-19.slide10 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-20.slide10 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-21.slide11 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-22.slide11 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-23.slide12 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-24.slide12 #pastEventsNext.features-next,
html:not(.touch) section#past-events.training-dates-container.count-slides-25.slide13 #pastEventsNext.features-next {
display: none;
}
}
@media screen and (min-width: 1500px) {
section.training-dates-container.count-slides-1 .slides,
section.training-dates-container.count-slides-2 .slides,
section.training-dates-container.count-slides-3#past-events .slides,
section.training-dates-container.count-slides-4#past-events .slides {
padding-left: calc((100vw - 1400px) / 2);
padding-right: calc(((100vw - 1400px) / 2) - 25px);
-webkit-transform: none;
transform: none;
}
section#past-events.training-dates-container.count-slides-3 .slides .past-training-date {
min-width: calc((100% - (25px * 2)) / 3);
}
section#past-events.training-dates-container.count-slides-4 .slides .past-training-date {
min-width: calc((100% - (25px * 3)) / 4);
}
section#past-events.training-dates-container.count-slides-5 .slides .past-training-date {
min-width: calc((100% - (25px * 4)) / 5);
}
}
@media screen and (min-width: 1920px) {
section.training-dates-container.count-slides-3 .slides {
padding-left: calc((100vw - 1820px) / 2);
padding-right: calc(((100vw - 1820px) / 2) - 25px);
-webkit-transform: none;
transform: none;
}
}
.single-training .article-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 400px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 25px;
padding-bottom: 25px;
margin-bottom: 0;
}
.single-training .article-header > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-training .article-header > div > div {
background: #f3f3f3;
padding: 15px;
max-width: 450px;
}
.single-training .article-header > div.logo-cntr img {
background-color: #f3f3f3;
max-width: 250px;
max-height: 100px;
padding: 15px;
}
.single-training .article-header h1 {
margin: 0 0 10px;
}
.single-training .article-header h3 {
margin: 0;
line-height: 1.2;
}
.single-training .article-header .time {
font-size: 22px;
}
.single-training .entry-content {
display: block;
margin: 0 auto;
width: 800px;
max-width: 100%;
background: white;
padding: 35px 50px;
}
.single-training .entry-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2px auto 50px;
width: 800px;
max-width: 100%;
background: white;
height: 60px;
padding: 15px 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-training .entry-footer .date-time {
color: #fe5000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.4;
font-weight: bold;
}
.single-training .entry-footer .date-time .time {
font-size: 14px;
line-height: 1;
}
.single-training .entry-footer img {
max-height: 100%;
margin-left: 15px;
}
@media screen and (max-width: 767px) {
.single-training .article-header {
position: relative;
height: 300px;
}
.single-training .article-header > div {
height: 100%;
}
.single-training .article-header > div.logo-cntr {
position: absolute;
right: 10px;
bottom: 25px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.single-training .entry-content {
padding: 25px 10px 15px;
}
.single-training .entry-footer {
padding: 15px 10px;
}
}
.single-training article.category-event-expired header a.button,
.single-training article.category-event-expired section.entry-content a.button {
display: none;
}
.single-training article.category-event-expired .entry-content h2:after,
.single-training article.category-event-expired .article-header h1:after {
content: " (Event Expired)";
font-size: 0.5em;
}
@media screen and (max-width: 549px) {
.single-training .article-header {
padding: 0;
background-position-y: 100%;
background-repeat: repeat;
background-size: 100%;
}
.single-training .article-header > div > div {
border-radius: 0;
}
.single-training .article-header h1 {
font-size: initial;
}
.single-training .article-header .date {
font-size: 20px;
}
.single-training .article-header .time,
.single-training .article-header h3 {
font-size: 15px;
}
.single-training .article-header > div.logo-cntr {
bottom: 0;
right: 0;
}
.single-training .article-header > div.logo-cntr img {
max-width: 150px;
max-height: 50px;
padding: 10px;
border-radius: 5px 0 0 0;
}
.single-training .article-header a.button {
left: 10px;
bottom: 10px;
}
.single-training .entry-footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: auto;
}
.single-training .entry-footer .date-time {
margin: 0 auto 0;
width: 100%;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-training .entry-footer img {
max-height: 50px;
margin: 25px 5px 0px;
max-width: 200px;
}
}
.page-template-page-about section.entry-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 50px;
}
.page-template-page-about section.entry-content > div {
width: 50%;
}
.page-template-page-about section.entry-content > div.radius img {
border-radius: 25px;
}
.page-template-page-about section.entry-content > div.featured-img-cntr {
margin: 0 0 25px 25px;
}
.page-template-page-about section.entry-content > div.featured-img-cntr img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-template-page-about section.cntr.background-orange {
padding-top: 75px;
padding-bottom: 75px;
}
.page-template-page-about section.cntr.background-orange > div {
padding: 50px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-page-about section.cntr.background-orange > div .svg-cntr {
height: 100px;
width: 100px;
padding: 15px;
margin: 0 auto 35px;
}
.page-template-page-about section.cntr.background-orange > div .svg-cntr i {
color: #31137c;
font-size: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.page-template-page-about section.cntr.background-orange > div h2 {
line-height: 1;
margin-bottom: 25px;
}
.page-template-page-about section.cntr.background-orange > div p {
margin-bottom: 0;
font-size: 1.2em;
}
@media screen and (max-width: 1023px) {
.page-template-page-about section.entry-content {
padding-bottom: 25px;
}
.page-template-page-about section.cntr.background-orange {
padding-top: 50px;
padding-bottom: 50px;
}
.page-template-page-about section.cntr.background-orange > div {
padding: 25px;
}
.page-template-page-about section.cntr.background-orange > div .svg-cntr {
margin-bottom: 25px;
}
.page-template-page-about section.cntr.background-orange > div h2 {
font-size: 30px;
margin-bottom: 15px;
}
.page-template-page-about section.cntr.background-orange > div p {
font-size: 16px;
}
}
@media screen and (max-width: 700px) {
.page-template-page-about section.entry-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-page-about section.entry-content > div {
width: 100%;
}
.page-template-page-about section.entry-content > div.featured-img-cntr {
margin: 0 auto 25px;
height: 200px;
max-width: 500px;
}
.page-template-page-about section.cntr.background-orange {
padding-top: 50px;
padding-bottom: 50px;
}
.page-template-page-about section.cntr.background-orange > div .svg-cntr {
margin-bottom: 0;
}
.page-template-page-about section.cols-3 div:not(.gradient) {
height: 150px;
padding: 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-page-about section.cols-3 div:not(.gradient):nth-of-type(3) {
margin-bottom: 0;
}
.page-template-page-about section.cols-3 div:not(.gradient) h2, .page-template-page-about section.cols-3 div:not(.gradient) p {
width: calc(100% - 125px);
margin-left: 25px;
text-align: left;
}
.page-template-page-about section.cols-3 div:not(.gradient) h2 {
font-size: 30px;
margin-bottom: 10px;
}
.page-template-page-about section.cols-3 div:not(.gradient) p {
font-size: 1em;
}
}
@media screen and (max-width: 475px) {
.page-template-page-about section.cols-3 div:not(.gradient) {
padding: 10px;
height: 120px;
}
.page-template-page-about section.cols-3 div:not(.gradient) h2, .page-template-page-about section.cols-3 div:not(.gradient) p {
width: calc(100% - 110px);
margin-left: 10px;
}
.page-template-page-about section.cols-3 div:not(.gradient) h2 {
font-size: 25px;
}
.page-template-page-about section.cols-3 div:not(.gradient) p {
font-size: 0.9em;
}
}
@media screen and (max-width: 375px) {
.page-template-page-about section.cntr.background-orange > div .svg-cntr {
height: 75px;
width: 75px;
margin: 50px auto;
}
.page-template-page-about section.cols-3 div:not(.gradient) {
padding: 10px;
height: 150px;
}
.page-template-page-about section.cols-3 div:not(.gradient) h2, .page-template-page-about section.cols-3 div:not(.gradient) p {
width: calc(100% - 85px);
margin-left: 10px;
}
.page-template-page-about section.cols-3 div:not(.gradient) h2 {
font-size: 25px;
}
.page-template-page-about section.cols-3 div:not(.gradient) p {
font-size: 0.9em;
}
}
.grecaptcha-badge {
z-index: 99999999999999;
visibility: hidden;
}
.recaptcha-tc {
padding: 5px 25px;
font-size: 11px;
color: white;
font-weight: bold;
}
.recaptcha-tc p, .recaptcha-tc a, .recaptcha-tc a:visited {
color: white;
}
.recaptcha-tc a:hover {
color: white;
text-decoration: none;
}
body.page-template-page-contact .article-header {
height: 400px;
padding-bottom: 40px;
margin-top: 0;
}
body.page-template-page-contact .article-header iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.page-template-page-contact .contact--details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-bottom: 50px;
}
.page-template-page-contact .contact--details h1 {
width: 100%;
padding: 0;
margin-bottom: 1em;
color: #fe5000;
}
.page-template-page-contact .contact--details .contact--company-info {
width: 50%;
padding-right: 50px;
height: 100%;
}
.page-template-page-contact .contact--details .contact--company-info * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-page-contact .contact--details .contact--company-info > * {
margin-bottom: 25px;
font-size: 30px;
}
.page-template-page-contact .contact--details .contact--company-info i {
color: #383d40;
margin-right: 15px;
}
.page-template-page-contact .contact--details .contact--company-info a {
color: #383d40;
text-decoration: none;
}
.page-template-page-contact .contact--details .contact--company-info a:hover {
color: #fe5000;
}
.page-template-page-contact .contact--details .contact--company-info a:hover i {
color: #fe5000;
}
.page-template-page-contact .contact--details .contact--company-info .contact--social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-page-contact .contact--details .contact--company-info > div:last-of-type {
margin-bottom: 0;
}
.page-template-page-contact .contact--details .contact--form {
width: 50%;
height: 100%;
font-size: 15px;
margin-bottom: 25px;
}
.page-template-page-contact .contact--details .contact--form > *, .page-template-page-contact .contact--details .contact--form > * > *, .page-template-page-contact .contact--details .contact--form > * > * > * {
height: 100%;
}
.page-template-page-contact .contact--details .contact--form form {
padding: 50px 100px;
}
.page-template-page-contact .contact--details .contact--form form .wpcf7-response-output {
margin: 10px 0 0em;
padding: 5px 10px 1px;
background: #95b100;
border: 0;
border-radius: 5px;
color: white;
text-align: center;
}
.page-template-page-contact .contact--details .contact--form form > p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
margin-bottom: 0;
}
.page-template-page-contact .contact--details .contact--form form > p > span {
position: relative;
}
.page-template-page-contact .contact--details .contact--form form > p > span .wpcf7-not-valid-tip {
font-size: 10px;
position: absolute;
bottom: 7px;
left: 25px;
}
.page-template-page-contact .contact--details .contact--form .your-name {
width: 40%;
}
.page-template-page-contact .contact--details .contact--form .your-email {
width: 60%;
padding-left: 10px;
}
.page-template-page-contact .contact--details .contact--form .your-name, .page-template-page-contact .contact--details .contact--form .your-email {
height: 50px;
border-radius: 25px;
}
.page-template-page-contact .contact--details .contact--form .your-name input, .page-template-page-contact .contact--details .contact--form .your-email input {
padding-top: 2px;
}
.page-template-page-contact .contact--details .contact--form .your-message {
width: 100%;
}
.page-template-page-contact .contact--details .contact--form .your-message textarea {
height: 100%;
max-height: 150px;
margin-bottom: 0;
padding: 15px 0 40px;
line-height: 1;
border-radius: 25px;
}
.page-template-page-contact .contact--details .contact--form .wpcf7-submit {
margin-top: 10px;
height: 40px;
background: radial-gradient(#4b1dbe, #31137c 70%);
border-radius: 25px;
color: white;
font-weight: bold;
padding: 2px 40px 0;
border: 0;
}
.page-template-page-contact .contact--details .contact--form .wpcf7-submit:focus, .page-template-page-contact .contact--details .contact--form .wpcf7-submit:hover {
outline: none;
background: radial-gradient(#5421d4, #281066 70%);
}
.page-template-page-contact .contact--details .contact--form .wpcf7 .ajax-loader {
margin-top: 18px;
}
.page-template-page-contact .wpcf7 form.invalid .wpcf7-response-output,
.page-template-page-contact .wpcf7 form.unaccepted .wpcf7-response-output {
background-color: #ffd100;
color: #383d40;
}
@media screen and (max-width: 1499px) {
.page-template-page-contact .contact--details .contact--form form {
padding: 50px;
}
.page-template-page-contact .contact--details .contact--company-info > * {
font-size: 25px;
}
.page-template-page-contact .contact--details .contact--company-info > *:not(:last-of-type) {
margin-bottom: 15px;
}
.page-template-page-contact .contact--details .contact--company-info svg {
min-width: 30px;
height: 30px;
padding-top: 2.5px;
margin-right: 5px;
}
}
@media screen and (max-width: 1023px) {
.page-template-page-contact .contact--details .contact--form form {
padding: 30px;
}
.page-template-page-contact .contact--details .contact--company-info > * {
font-size: 20px;
}
.page-template-page-contact .contact--details .contact--company-info > *:not(:last-of-type) {
margin-bottom: 15px;
}
.page-template-page-contact .contact--details .contact--company-info svg {
min-width: 25px;
height: 25px;
padding-top: 2.5px;
margin-right: 5px;
}
}
@media screen and (max-width: 767px) {
body.page-template-page-contact .article-header {
height: 250px;
}
.page-template-page-contact .contact--details {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-page-contact .contact--details .contact--company-info {
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
}
.page-template-page-contact .contact--details .contact--form {
width: 100%;
}
.page-template-page-contact .contact--details .contact--form .your-name, .page-template-page-contact .contact--details .contact--form .your-email {
width: 100%;
padding-left: 0;
}
}
.ie .contact--details .contact--company-info svg {
width: 30px;
}
body:not(.tax-product_cat):not(.search-results).woocommerce.archive #inner-content header.woocommerce-products-header {
display: none;
}
body:not(.tax-product_cat):not(.search-results).woocommerce.archive .product-categories-only ul.product-categories li.cat-item-874 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
margin: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body:not(.tax-product_cat):not(.search-results).woocommerce.archive .product-categories-only ul.product-categories li.cat-item-874 a {
border: none;
font-size: 12px;
width: 100%;
padding: 3px 25px 0 25px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
color: #383d40;
font-weight: bold;
font-size: 15px;
}
body:not(.tax-product_cat):not(.search-results).woocommerce.archive .product-categories-only ul.product-categories li.cat-item-874 .count {
display: none;
}
body:not(.tax-product_cat):not(.search-results).woocommerce.archive .product-categories-only ul.product-categories li.cat-item-1258 {
padding-top: 25px;
}
body:not(.tax-product_cat):not(.search-results).woocommerce.archive .product-categories-only ul.product-categories li.cat-item-1258 > ul > li > ul > li:hover {
background: -webkit-gradient(linear, left top, right top, from(#fe5000), to(#ff7f02));
background: linear-gradient(to right, #fe5000, #ff7f02);
}
body:not(.tax-product_cat):not(.search-results).woocommerce.archive .product-categories-only ul.product-categories li.cat-item-1258 > ul > li > ul > li:hover a, body:not(.tax-product_cat):not(.search-results).woocommerce.archive .product-categories-only ul.product-categories li.cat-item-1258 > ul > li > ul > li:hover .count {
color: white;
}
body.woocommerce.archive .pewc-product-extra-groups-wrap {
display: none;
}
body.woocommerce.archive.tax-product_cat #inner-content {
background: #fbfbfb;
min-height: calc(100vh - 500px);
display: block;
}
body.woocommerce.archive.tax-product_cat #inner-content:before {
content: " ";
background: #f3f3f3;
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 250px;
z-index: 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
body.woocommerce.archive #inner-content {
position: relative;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header {
width: calc(100% - 275px);
margin-left: 275px;
padding: 0;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main {
width: 100%;
margin: 0;
position: relative;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title {
width: auto;
color: #fe5000;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-result-count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 25px 0 auto;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-ordering {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
margin: auto 25px 0 0;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-ordering select {
margin-bottom: 0;
border-radius: 0;
background-color: rgba(243, 243, 243, 0);
border-bottom: 1px dashed #a7a7a7;
text-indent: 0;
height: 30px;
margin-bottom: 5px;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-ordering select:active, body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-ordering select:focus {
background-color: rgba(243, 243, 243, 0);
-webkit-box-shadow: none;
box-shadow: none;
}
body.woocommerce.archive #inner-content .sidebar {
height: 100%;
min-height: calc(100vh - 500px);
width: 250px;
margin: 0;
overflow: scroll;
padding-bottom: 50px;
background-color: #f3f3f3;
float: left;
position: relative;
z-index: 1;
}
body.woocommerce.archive #inner-content .sidebar > div {
padding-left: 0;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) {
margin-top: 0px;
width: calc(100% - 300px);
margin: 25px 25px 50px 275px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .article-header .featured-image img {
height: 150px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .article-header h2 {
font-size: 15px;
margin: 0 10px;
padding-bottom: 10px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content {
padding: 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 10px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content p {
margin: 0;
font-size: 12px;
line-height: 1.2;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content p.price {
font-weight: bold;
margin-top: 10px;
line-height: 1;
margin-bottom: 10px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content p.stock {
color: #70b702;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content p.stock.out-of-stock {
opacity: 0;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content .out-of-stock-message {
height: 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #eaeaea;
border-radius: 50px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 3px 30px 0;
margin: 0px 0;
cursor: pointer;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content .out-of-stock-message:hover {
background: #dddddd;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content .cart .quantity {
width: 50px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content .cart .quantity input.qty {
font-size: 11px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content .cart button.single_add_to_cart_button {
width: calc(100% - 50px);
font-size: 12px;
letter-spacing: -0.2px;
font-weight: bold;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content .cart button.single_add_to_cart_button:after {
display: none;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article footer a {
text-align: left;
display: block;
font-size: 12px;
margin-top: 10px;
}
body:not(.logged-in).woocommerce.archive #inner-content main article footer a {
background: #eaeaea;
display: inline-block;
margin: 5px auto 0px;
color: #383d40;
text-decoration: none;
padding: 5px 10px 4px;
border-radius: 40px;
font-weight: bold;
}
body:not(.logged-in).woocommerce.archive #inner-content main article footer a:hover {
cursor: pointer;
background: #fe5000;
color: white;
}
.logged-in.woocommerce.archive #inner-content main article .entry-content p.price {
font-size: 17px;
color: #fe5000;
margin-bottom: 0;
}
.ie.woocommerce.archive #inner-content main article .featured-image img {
width: auto;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce-notices-wrapper {
left: 0;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
body.woocommerce .woocommerce-error,
body.woocommerce .woocommerce-info,
body.woocommerce .woocommerce-message {
border-top: 1px solid #cb4000;
padding: 8px 50px 5px;
font-size: 15px;
margin: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fe5000;
color: white;
font-weight: bold;
border-radius: 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
width: 100%;
position: relative;
margin-bottom: 25px;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before,
body.woocommerce .woocommerce-error:before,
body.woocommerce .woocommerce-info:before,
body.woocommerce .woocommerce-message:before {
top: 50%;
left: 25px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-right: 15px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-line-white.png);
content: " ";
height: 20px;
width: 20px;
background-size: 20px;
background-repeat: no-repeat;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li,
body.woocommerce .woocommerce-error li,
body.woocommerce .woocommerce-info li,
body.woocommerce .woocommerce-message li {
width: 100%;
margin: 5px 0;
line-height: 1.2;
}
.woocommerce-error li a.button,
.woocommerce-info li a.button,
.woocommerce-message li a.button,
body.woocommerce .woocommerce-error li a.button,
body.woocommerce .woocommerce-info li a.button,
body.woocommerce .woocommerce-message li a.button {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.woocommerce-error li a,
.woocommerce-info li a,
.woocommerce-message li a,
body.woocommerce .woocommerce-error li a,
body.woocommerce .woocommerce-info li a,
body.woocommerce .woocommerce-message li a {
color: white;
}
.woocommerce-error li a:hover,
.woocommerce-info li a:hover,
.woocommerce-message li a:hover,
body.woocommerce .woocommerce-error li a:hover,
body.woocommerce .woocommerce-info li a:hover,
body.woocommerce .woocommerce-message li a:hover {
color: #eaeaea;
}
.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button,
body.woocommerce .woocommerce-error a.button,
body.woocommerce .woocommerce-info a.button,
body.woocommerce .woocommerce-message a.button {
border-radius: 50px;
margin-left: 25px;
padding: 5px 15px 3px;
font-size: 15px;
position: relative;
bottom: 2px;
}
.woocommerce-error a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover,
body.woocommerce .woocommerce-error a.button:hover,
body.woocommerce .woocommerce-info a.button:hover,
body.woocommerce .woocommerce-message a.button:hover {
background: white;
color: #31137c;
}
.woocommerce-error a.button:after,
.woocommerce-info a.button:after,
.woocommerce-message a.button:after,
body.woocommerce .woocommerce-error a.button:after,
body.woocommerce .woocommerce-info a.button:after,
body.woocommerce .woocommerce-message a.button:after {
display: none;
}
.woocommerce-error a.restore-item,
.woocommerce-info a.restore-item,
.woocommerce-message a.restore-item,
body.woocommerce .woocommerce-error a.restore-item,
body.woocommerce .woocommerce-info a.restore-item,
body.woocommerce .woocommerce-message a.restore-item {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-left: 15px;
color: white;
}
.woocommerce-error a, .woocommerce-error strong, .woocommerce-error span,
.woocommerce-info a,
.woocommerce-info strong,
.woocommerce-info span,
.woocommerce-message a,
.woocommerce-message strong,
.woocommerce-message span,
body.woocommerce .woocommerce-error a,
body.woocommerce .woocommerce-error strong,
body.woocommerce .woocommerce-error span,
body.woocommerce .woocommerce-info a,
body.woocommerce .woocommerce-info strong,
body.woocommerce .woocommerce-info span,
body.woocommerce .woocommerce-message a,
body.woocommerce .woocommerce-message strong,
body.woocommerce .woocommerce-message span {
padding: 0;
}
.woocommerce-message {
background: #95b100;
border-top: none;
}
.woocommerce-message a, .woocommerce-message a:visited {
color: white;
}
.woocommerce-error:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/close-circle-line-white.png);
}
.woocommerce-info:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/information-line-white.png);
}
.pagination {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.woocommerce .woocommerce-breadcrumb {
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #afaeae;
font-size: 12.5px;
font-weight: bold;
padding-top: 5px;
margin-bottom: 0;
width: 100%;
position: relative;
}
.woocommerce .woocommerce-breadcrumb a {
color: #afaeae;
text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover {
color: #fe5000;
}
.woocommerce .woocommerce-breadcrumb span {
padding: 0 12px 0 10px;
}
.woocommerce form.cart, .woocommerce div.product form.cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #eaeaea;
border-radius: 25px;
overflow: hidden;
margin: auto 0 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 25px;
}
.woocommerce form.cart > div.quantity, .woocommerce div.product form.cart > div.quantity {
border-left: none;
background: none;
padding: 0;
margin: 0;
width: 75px;
height: 100%;
}
.woocommerce form.cart > div.quantity input.qty, .woocommerce div.product form.cart > div.quantity input.qty {
margin: 0;
border: none;
width: 100%;
height: 100%;
background: none;
border-radius: 25px 0 0 25px;
text-indent: 10px;
}
.woocommerce form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button.single_add_to_cart_button {
width: calc(100% - 75px);
height: calc(100% - 0px);
background-color: #31137c;
color: white;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
border-radius: 25px;
}
.woocommerce form.cart button.single_add_to_cart_button:hover, .woocommerce form.cart button.single_add_to_cart_button:active, .woocommerce form.cart button.single_add_to_cart_button:focus, .woocommerce div.product form.cart button.single_add_to_cart_button:hover, .woocommerce div.product form.cart button.single_add_to_cart_button:active, .woocommerce div.product form.cart button.single_add_to_cart_button:focus {
background-color: #fe5000;
outline: none;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.woocommerce form.cart button.single_add_to_cart_button.added, .woocommerce div.product form.cart button.single_add_to_cart_button.added {
background-color: #fe5000;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
font-size: 13px;
padding: 0 10px;
}
.woocommerce form.cart button.single_add_to_cart_button.added:hover, .woocommerce div.product form.cart button.single_add_to_cart_button.added:hover {
background-color: #ff6119;
}
.woocommerce a.added_to_cart, .woocommerce div.product a.added_to_cart {
padding: 0 5px 0 0;
line-height: 1;
font-size: 11px;
text-align: center;
text-decoration: none;
}
.woocommerce a.added_to_cart:hover, .woocommerce div.product a.added_to_cart:hover {
text-decoration: underline;
}
body:not(.pewc-has-extra-fields).woocommerce div.product form.cart {
border-radius: 100px;
}
.term-description {
margin-right: auto;
}
.term-description p {
margin-bottom: 0;
}
.term-description p img {
max-height: 40px;
width: auto;
margin-bottom: -8px;
}
.term-description h1.woocommerce-products-header__title.page-title {
display: none;
}
form.woocommerce-product-search {
position: relative;
}
form.woocommerce-product-search button {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: none;
background: #e5e5e5;
border-radius: 20px;
font-weight: bold;
color: #58646d;
height: calc(100% - 0px);
border-left: 1px solid #dddddd;
font-size: 13px;
padding: 0 15px;
}
form.woocommerce-product-search input:focus ~ button {
color: white;
}
.sidebar > div.title-only {
padding-bottom: 0;
border-bottom: 0;
}
.sidebar > div.title-only + div {
padding-top: 0;
}
.wpfFilterButton.wpfButton {
text-transform: capitalize;
}
div.wpfFilterWrapper[data-filter-type] {
padding: 0;
border-top: 1px solid #e7e7e7;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterTitle {
padding: 5px 25px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: -1px;
height: 30px;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterTitle .wfpTitle {
padding: 0;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterTitle:hover {
background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(214, 214, 214, 0.5)));
background: linear-gradient(to right, transparent, rgba(214, 214, 214, 0.5));
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #efefef;
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent .wpfCheckboxHier {
padding: 10px 0;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent ul li {
margin: 0 0 -1px;
height: 30px;
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent ul li:last-of-type {
margin-bottom: 0;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent ul li > label {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 25px;
font-size: 11px;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent ul li > label:hover {
background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(214, 214, 214, 0.5)));
background: linear-gradient(to right, transparent, rgba(214, 214, 214, 0.5));
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent ul li > label span.wpfDisplay {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent ul li > label span.wpfCount {
color: #9e9e9e;
}
div.wpfFilterWrapper[data-filter-type] .wpfFilterContent ul li > label .wpfCheckbox label {
width: 13px !important;
height: 13px !important;
}
button.wpfFilterButton.wpfButton {
height: 35px;
min-height: 35px;
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 30px;
-webkit-transition: all 0s;
transition: all 0s;
width: 50%;
font-size: 14px;
text-transform: initial;
font-weight: normal;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
position: relative;
}
button.wpfFilterButton.wpfButton:after {
content: " ";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 25px;
-webkit-box-shadow: -3px -3px 6px white;
box-shadow: -3px -3px 6px white;
}
button.wpfFilterButton.wpfButton:hover {
background: radial-gradient(#ff7332 50%, #fe5000);
color: white;
}
button.wpfFilterButton.wpfButton:focus {
cursor: progress;
}
button.wpfClearButton.wpfButton {
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 25px;
border-radius: 50px;
font-size: 11px;
text-decoration: none !important;
text-align: center;
text-transform: inherit;
-webkit-transition: all 0s;
transition: all 0s;
white-space: normal;
cursor: pointer;
border: none;
font-weight: bold;
outline: none;
background: none;
width: auto;
font-weight: normal;
color: grey;
padding: 0 10px;
margin: auto;
display: block;
}
button.wpfClearButton.wpfButton:hover {
text-decoration: underline;
background: #eaeaea;
}
button.wpfClearButton.wpfButton:focus {
cursor: progress;
}
.sidebar .wpfFilterWrapper .expanded + * {
padding: 0;
}
body.archive .woobewoo-wrap.wrap:not(.products-start-page),
body.archive #content .woobewoo-wrap.wrap:not(.products-start-page) {
padding: 0;
}
body.archive .ui-state-highlight, body.archive .ui-widget-content .ui-state-highlight, body.archive .ui-widget-header .ui-state-highlight,
body.archive #content .ui-state-highlight,
body.archive #content .ui-widget-content .ui-state-highlight,
body.archive #content .ui-widget-header .ui-state-highlight {
border: none;
background: none !important;
}
body.archive .wpfFilterWrapper,
body.archive #content .wpfFilterWrapper {
margin-top: 0;
margin-bottom: 0;
}
body.archive .wpfFilterWrapper .wfpTitle,
body.archive #content .wpfFilterWrapper .wfpTitle {
font-size: 11px;
color: black;
font-weight: normal;
height: 15px;
}
body.archive .wpfFilterWrapper table#wpfTableTbl,
body.archive #content .wpfFilterWrapper table#wpfTableTbl {
width: 100%;
}
body.archive .wpfFilterWrapper *,
body.archive #content .wpfFilterWrapper * {
outline: none !important;
}
body.archive .wpfFilterButtons,
body.archive #content .wpfFilterButtons {
padding: 10px 0 10px 0;
border-top: 1px solid #efefef;
margin: 20px 0 0 0;
}
body.archive .wpfFilterButtons:first-of-type,
body.archive #content .wpfFilterButtons:first-of-type {
padding: 0;
border-top: none;
border-bottom: 1px solid #efefef;
margin: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
body.woocommerce.archive #inner-content a.toggle-sidebar {
margin: 2px 0 25px 10px;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #eaeaea;
font-weight: 500;
min-height: 38px;
}
body.woocommerce.archive #inner-content a.toggle-sidebar.button:after {
content: none;
}
body.woocommerce.archive #inner-content a.toggle-sidebar:focus {
color: #383d40;
background: #eaeaea;
}
body.woocommerce.archive #inner-content #sidebar1 {
display: block;
left: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
z-index: 1000;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
max-height: 100vh;
position: fixed;
top: 0;
}
body.woocommerce.archive #inner-content #sidebar1.expanded {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
body.woocommerce.archive #inner-content #sidebar1 > div.close {
padding: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
border: 0;
position: absolute;
width: auto;
cursor: pointer;
right: 0;
}
body.woocommerce.archive #inner-content #sidebar1 > div.close svg {
width: 25px;
padding: 0;
}
body.woocommerce.archive #inner-content div#overlay {
bottom: 0;
left: 100vw;
}
body.woocommerce.archive #inner-content div#overlay.active {
left: 0;
}
body.woocommerce.archive #inner-content .wpfFilterButton.wpfButton {
background: #fe5000;
color: #fff;
}
.products-start-page ~ #sidebar1 {
display: none;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title, body.woocommerce.archive #inner-content header.woocommerce-products-header main .term-description {
-ms-flex-preferred-size: calc(100% - 200px);
flex-basis: calc(100% - 200px);
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title img, body.woocommerce.archive #inner-content header.woocommerce-products-header main .term-description img {
margin-bottom: 2px;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-ordering {
margin-top: 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: 0;
width: 200px;
font-size: 13px;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-result-count {
margin: 0 0 0 auto;
font-size: 13px;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main a.button {
max-height: 35px;
padding: 3px 15px 0 20px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
min-height: 35px;
margin: auto auto 5px 0;
background-color: #eaeaea;
color: black;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main a.button:hover:before {
-webkit-box-shadow: -3px -3px 3px white;
box-shadow: -3px -3px 3px white;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main a.button img {
height: 15px;
position: relative;
bottom: 2px;
margin-left: 7.5px;
}
body.woocommerce.archive.admin-bar #inner-content #sidebar1 {
top: 46px;
}
body.woocommerce.archive.tax-product_cat #inner-content:before {
display: none;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header,
body.woocommerce.archive #inner-content main:not(.products-start-page) {
margin-left: 10px;
margin-right: 10px;
width: calc(100% - 20px);
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title {
margin-right: auto;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-result-count {
margin: 0 25px 0 0;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-ordering {
margin: auto 25px 0 auto;
}
}
@media screen and (max-width: 549px) {
body.woocommerce.archive:not(.term-all-products) .woocommerce-breadcrumb {
font-size: 0;
}
body.woocommerce.archive:not(.term-all-products) .woocommerce-breadcrumb *:not(span:last-of-type) {
font-size: 12px;
}
body.woocommerce.archive #sidebar1 {
height: 100vh;
margin-top: 0;
border-radius: 0;
max-width: 100vw;
-webkit-transform: none;
transform: none;
top: 0;
padding-bottom: 100px;
}
body.woocommerce.archive #sidebar1.expanded {
left: 0;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title {
font-size: 30px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .woocommerce-result-count {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) {
margin-top: 10px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article {
width: calc((100% - 10px) / 2);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .article-header > *:not(.featured-image) {
margin: 0 10px;
font-size: 1em;
padding-bottom: 5px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content {
padding: 5px 0;
margin: 0 10px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content p {
display: none;
margin: 0;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content p.price {
display: initial;
margin: 5px 0;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content p.stock.in-stock {
display: initial;
margin-bottom: 13px;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content .out-of-stock-message p {
display: block;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article .entry-content form.cart {
display: none;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article footer.article-footer {
margin: 0;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article footer.article-footer a {
background: #fe5000;
color: white;
text-decoration: none;
font-weight: bold;
padding: 1px 5px 0px;
text-align: center;
height: 30px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.woocommerce.archive #inner-content main:not(.products-start-page) article footer.article-footer a:hover {
background: #ff7332;
}
body:not(.logged-in).woocommerce.archive #inner-content main:not(.products-start-page) article footer.article-footer a {
border-radius: 0;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title, body.woocommerce.archive #inner-content header.woocommerce-products-header main .term-description {
margin: auto;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title p, body.woocommerce.archive #inner-content header.woocommerce-products-header main .term-description p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.woocommerce.archive #inner-content header.woocommerce-products-header main .page-title p img, body.woocommerce.archive #inner-content header.woocommerce-products-header main .term-description p img {
max-height: 30px;
max-width: unset;
}
}
body.woocommerce.archive.search main.products-start-page,
body.woocommerce-shop .page-title {
display: none;
}
body.woocommerce.archive:not(.search) main.products-start-page {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 100px;
}
body.woocommerce.archive:not(.search) main.products-start-page > div {
max-width: 100%;
}
body.woocommerce.archive:not(.search) main.products-start-page ~ .sidebar,
body.woocommerce.archive:not(.search) main.products-start-page ~ main {
display: none;
}
body.woocommerce.archive:not(.search) main.products-start-page h4 {
color: #fe5000;
font-size: 30px;
text-align: center;
margin: 100px 0 15px;
}
body.woocommerce.archive:not(.search) main.products-start-page > div:first-of-type h4 {
margin-top: 50px;
}
body.woocommerce.archive:not(.search) main.products-start-page form.woocommerce-product-search {
max-width: 500px;
margin: auto;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
border-radius: 50px;
}
body.woocommerce.archive:not(.search) main.products-start-page form.woocommerce-product-search input.search-field {
padding: 0;
text-indent: 20px;
border-radius: 25px;
background: #f3f3f3;
height: 50px;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
body.woocommerce.archive:not(.search) main.products-start-page form.woocommerce-product-search input.search-field:focus + button {
background: #31137c;
}
body.woocommerce.archive:not(.search) main.products-start-page form.woocommerce-product-search input.search-field:focus + button:hover {
background: #fe5000;
}
body.woocommerce.archive:not(.search) main.products-start-page form.woocommerce-product-search button {
border-radius: 25px;
padding: 0 25px;
font-size: 17px;
background: #fe5000;
color: white;
}
body.woocommerce.archive:not(.search) main.products-start-page .product-search + .widget_text .textwidget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only ul.product-categories li.cat-item-874 a {
position: relative;
background-color: rgba(243, 243, 243, 0);
}
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only ul.product-categories li.cat-item-874 a:before, body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only ul.product-categories li.cat-item-874 a:after {
content: " ";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
border-radius: 50px;
}
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:before,
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only ul.product-categories li.cat-item-874 a:before {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after,
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only ul.product-categories li.cat-item-874 a:after {
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:before,
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only ul.product-categories li.cat-item-874 a:hover:before {
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:hover:after,
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only ul.product-categories li.cat-item-874 a:hover:after {
-webkit-box-shadow: -3px -3px 6px white;
box-shadow: -3px -3px 6px white;
}
body.woocommerce.archive:not(.search) main.products-start-page .product-categories-only .cat-item-1258 > ul > li > a:after {
-webkit-transform: translate(-50%, -25px);
transform: translate(-50%, -25px);
left: 50%;
}
@media screen and (min-width: 1250px) {
main.products-start-page .product-brands {
max-width: 1000px;
}
main.products-start-page ul.brands-cntr {
padding: 25px 37.5px 10px;
}
main.products-start-page ul.brands-cntr li {
width: calc((100% - (20px * 4)) / 4);
margin: 0 10px 15px;
height: 80px;
}
main.products-start-page ul.brands-cntr li a, main.products-start-page ul.brands-cntr li a:visited {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
body.archive #content main.products-start-page {
padding-left: 10px;
padding-right: 10px;
}
}
.product-categories-only ul.product-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.product-categories-only ul.product-categories li.cat-item-874 {
display: block;
position: relative;
}
.product-categories-only ul.product-categories li.cat-item-874 a {
border: none;
font-size: 12px;
width: 100%;
}
.product-categories-only ul.product-categories li.cat-item-874 .count {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
font-size: 10px;
z-index: 0;
}
.product-categories-only .product-categories > .cat-item:not(.cat-item-1258),
.product-categories-only .product-categories > .cat-item-1258 > a,
.product-categories-only .product-categories > .cat-item-1258 > span {
display: none;
}
.product-categories-only .cat-item-1258 > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-categories-only .cat-item-1258 > ul > li {
width: 100px;
height: 150px;
margin: 0 12.5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 10;
}
.product-categories-only .cat-item-1258 > ul > li > a {
width: 100%;
font-weight: bold;
color: #383d40;
text-decoration: none;
-webkit-transition: 0.1s;
transition: 0.1s;
line-height: 1.2;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
position: absolute;
top: calc(100% + -20px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-categories-only .cat-item-1258 > ul > li > a:before {
content: " ";
height: 100px;
width: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 100%;
background-position: center center;
background-size: 60%;
background-repeat: no-repeat;
margin-bottom: 0px;
-webkit-box-shadow: 12.5px 12.5px 25px rgba(0, 0, 0, 0.1);
box-shadow: 12.5px 12.5px 25px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.1s;
transition: 0.1s;
bottom: 50%;
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
position: absolute;
z-index: 1;
}
.product-categories-only .cat-item-1258 > ul > li > a:after {
content: " ";
height: 100px;
width: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 100%;
margin-bottom: 0px;
-webkit-box-shadow: -12.5px -12.5px 25px white;
box-shadow: -12.5px -12.5px 25px white;
-webkit-transition: 0.1s;
transition: 0.1s;
bottom: 50%;
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
position: absolute;
z-index: 0;
background: radial-gradient(#f3f3f3 50%, #f3f3f3 100%);
}
.product-categories-only .cat-item-1258 > ul > li > a:hover:before {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
background-size: 59%;
}
.product-categories-only .cat-item-1258 > ul > li > a:hover:after {
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
background: radial-gradient(#f3f3f3 50%, #e0e0e0 100%);
}
.product-categories-only .cat-item-1258 > ul > li > a:active:before {
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
background-size: 59%;
}
.product-categories-only .cat-item-1258 > ul > li > a:active:after {
-webkit-box-shadow: -4px -4px 8px white;
box-shadow: -4px -4px 8px white;
background: radial-gradient(#f3f3f3 50%, #c5c5c5 100%);
}
.product-categories-only .cat-item-1258 > ul > li > ul {
padding: 0;
margin: 0;
display: none;
position: absolute;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #fdfdfd;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
border-radius: 10px;
overflow: hidden;
}
.product-categories-only .cat-item-1258 > ul > li > ul > li {
margin-bottom: 0;
position: relative;
}
.product-categories-only .cat-item-1258 > ul > li > ul > li:hover {
background: -webkit-gradient(linear, left top, right top, from(#fe5000), to(#ff7f02));
background: linear-gradient(to right, #fe5000, #ff7f02);
}
.product-categories-only .cat-item-1258 > ul > li > ul > li:hover a, .product-categories-only .cat-item-1258 > ul > li > ul > li:hover span, .product-categories-only .cat-item-1258 > ul > li > ul > li:hover a:hover {
color: white;
}
.product-categories-only .cat-item-1258 > ul > li > ul > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 35px;
padding: 5px 40px 3px 20px;
font-weight: bold;
color: #383d40;
text-decoration: none;
background: transparent;
white-space: nowrap;
font-size: 14px;
z-index: 1;
position: relative;
}
.product-categories-only .cat-item-1258 > ul > li > ul > li > a:hover {
border-bottom-color: #fe5000;
color: black;
cursor: pointer;
}
.product-categories-only .cat-item-1258 > ul > li > ul > li:not(:last-of-type) > a {
border-bottom: 1px solid #eaeaea;
}
.product-categories-only .cat-item-1258 > ul > li > ul > li > span.count {
position: absolute;
top: 50%;
right: 10px;
font-size: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
text-align: center;
z-index: 0;
}
.product-categories-only .cat-item-1258 > ul > li:hover > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1260 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1260 > a:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/icon-solar-orange-min.webp);
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1266 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1266 > a:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/icon-battery-orange-min.webp);
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1272 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1272 > a:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/icon-inverter-orange-min.webp);
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1295 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1295 > a:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/icon-ev-orange-min.webp);
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1279 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1279 > a:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/icon-mounting-orange-min.webp);
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1286 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.product-categories-only .cat-item-1258 > ul > li.cat-item-1286 > a:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/icon-pv-orange-min.webp);
}
.product-categories-only .cat-item-1258 > ul > li > button.expander, .product-categories-only .cat-item-1258 > ul > li > span.count {
display: none;
}
body.woocommerce.archive.search #inner-content {
display: block;
}
body.woocommerce.archive.search #inner-content header.woocommerce-products-header {
display: block;
}
body.woocommerce.archive.search #inner-content header.woocommerce-products-header main .page-title {
display: block;
}
body.woocommerce.archive.search #inner-content:before {
content: " ";
background: #f3f3f3;
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 250px;
z-index: 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
body.woocommerce.archive.search #inner-content:before {
display: none;
}
}
body.woocommerce.archive.search main article#post-not-found {
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
body.woocommerce.archive.search main article#post-not-found .entry-content {
margin: 0;
border: 0;
padding: 10px 0;
}
body.woocommerce.archive.search main article#post-not-found .entry-content p {
font-size: 15px;
max-width: 300px;
}
body.woocommerce.archive.search-no-results #inner-content header.woocommerce-products-header main .page-title {
width: 100%;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form > div h3,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce h3#order_review_heading,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form > div h3,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce h3#order_review_heading {
color: #fe5000;
text-align: center;
text-transform: capitalize;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper {
border: none;
background: #fe5000;
margin: 10px auto 50px;
width: 100%;
max-width: 600px;
border-radius: 25px;
padding: 50px 50px 25px;
color: white;
text-indent: 25px;
display: table;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper {
margin-bottom: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row {
padding: 0;
margin: 0 0 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row:last-of-type:nth-child(odd),
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row:last-of-type:nth-child(odd) {
width: 100%;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row.notes,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row.notes {
width: 100%;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row label,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row label {
display: none;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_phone_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_email_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_phone_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_email_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_phone_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_email_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_phone_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_email_field {
width: calc((100% - 25px) / 2);
clear: none;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_phone_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_phone_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_phone_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_phone_field {
margin-right: 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_country_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_country_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_country_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_country_field {
margin-bottom: 15px;
font-size: 13px;
line-height: 1;
text-indent: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_country_field label, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_country_field label,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_country_field label,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_country_field label {
display: block;
text-align: center;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_country_field span, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_country_field span,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_country_field span,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_country_field span {
display: block;
width: 100%;
text-align: center;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row textarea {
background: white;
border: none;
border-radius: 25px;
text-indent: 25px;
padding: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_1_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_2_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_city_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_state_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_1_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_2_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_city_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_state_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_1_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_2_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_city_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_state_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_1_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_2_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_city_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_state_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field {
margin-bottom: -1px;
border-top: 1px dashed #eaeaea;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_1_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_1_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_2_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_2_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_city_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_city_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_state_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_state_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_1_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_1_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_2_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_2_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_city_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_city_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_state_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_state_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_1_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_1_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_2_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_2_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_city_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_city_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_state_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_state_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_1_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_1_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_2_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_2_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_city_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_city_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_state_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_state_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field textarea {
border-radius: 0px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_1_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_1_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_1_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_1_field {
border-top: none;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_1_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_1_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_1_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_1_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_1_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_1_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_1_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_1_field textarea {
border-radius: 25px 25px 0 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field {
margin-bottom: 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field textarea, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field input.input-text, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field textarea,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field textarea {
border-radius: 0 0 25px 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper {
padding: 0;
border-radius: 0;
background: none;
max-width: 400px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper .input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper .input-text {
border-radius: 10px;
padding: 15px 25px;
background: white;
text-indent: 0;
min-height: 150px;
border: 3px dashed #cacaca;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table {
width: auto;
margin: auto;
width: 600px;
border-radius: 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table ~ .disclaimer,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table ~ .disclaimer {
width: 600px;
font-size: 10px;
padding: 0 25px;
max-width: 100%;
margin: 10px auto;
height: 50px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table ~ .disclaimer p,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table ~ .disclaimer p {
width: 100%;
margin: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.cart_item td:first-of-type,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.order_item td:first-of-type,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.cart_item td:first-of-type,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.order_item td:first-of-type {
border-left: 0px solid #eaeaea;
border-right: 1px solid #eaeaea;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.cart_item td:last-of-type,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.order_item td:last-of-type,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.cart_item td:last-of-type,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.order_item td:last-of-type {
border-left: 0px solid #eaeaea;
border-right: 0px solid #eaeaea;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.cart-subtotal,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tfoot tr:nth-of-type(1),
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.cart-subtotal,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tfoot tr:nth-of-type(1) {
background-color: transparent;
height: 100px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.cart-subtotal th,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tfoot tr:nth-of-type(1) th,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.cart-subtotal th,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tfoot tr:nth-of-type(1) th {
border-top: 1px solid #eaeaea;
vertical-align: baseline;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.cart-subtotal td,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tfoot tr:nth-of-type(1) td,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.cart-subtotal td,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tfoot tr:nth-of-type(1) td {
border-right: 0;
border-left: 0;
vertical-align: baseline;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping {
background-color: #f7f7f7;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping > *,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping > * {
border: 1px solid #eaeaea;
vertical-align: baseline;
border-left: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping td,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping td {
border-left: 0px;
border-right: 0px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping li label,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping li label {
font-weight: normal;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping li .betrs_option_desc,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.woocommerce-shipping-totals.shipping li .betrs_option_desc {
font-size: 12px;
font-weight: normal;
line-height: 1;
padding-bottom: 7px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.order-total,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.order-total {
color: #fe5000;
font-size: 20px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table tr.order-total td,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table tr.order-total td {
border-top: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment {
background: #f6f6f6;
margin: 50px auto 100px;
width: 100%;
display: block;
max-width: 600px;
border-radius: 25px;
border: 0px solid #eaeaea;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment:before,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment:before,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment:before,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment:before {
content: " ";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
border-radius: 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods {
border-bottom: 1px solid #eaeaea;
z-index: 1;
position: relative;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods div.payment_box,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods div.payment_box {
background: #efefef;
border: 1px solid #e2e2e2;
border-radius: 25px;
padding-bottom: 5px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box:before,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods div.payment_box:before,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box:before,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods div.payment_box:before {
border-width: 10px;
border-bottom: 10px solid #e2e2e2;
margin: -10px 0 0 25px;
top: unset;
bottom: 100%;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form {
border: none;
margin: 0;
padding: 0;
margin-top: 15px;
font-size: 12px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-type,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-type,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-type,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-type {
border: none;
background: white;
border-radius: 50px;
text-indent: 25px;
padding: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-number,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-expiry,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-cvc,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-number,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-expiry,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-cvc,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-number,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-expiry,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-cvc,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-number,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-expiry,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ul.payment_methods div.payment_box fieldset#sagepaydirect-cc-form .wc-credit-card-form-card-cvc {
padding: 0;
text-indent: 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment .form-row.place-order,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment .form-row.place-order,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order {
margin-bottom: 0;
z-index: 1;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment .form-row.place-order .woocommerce-privacy-policy-text,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment .form-row.place-order .woocommerce-privacy-policy-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text {
font-size: 10px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment .form-row.place-order .woocommerce-privacy-policy-text p,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text p,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment .form-row.place-order .woocommerce-privacy-policy-text p,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text p {
margin-bottom: 0;
font-size: 10px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment .form-row.place-order #place_order,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order #place_order,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment .form-row.place-order #place_order,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order #place_order {
border-radius: 100px;
height: 50px;
border: none;
font-weight: bold;
width: calc((100% - 25px) / 2);
padding: 0 25px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #add_payment_method #payment .form-row.place-order #place_order:hover,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order #place_order:hover,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #add_payment_method #payment .form-row.place-order #place_order:hover,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order #place_order:hover {
background: radial-gradient(#3a1692, #281066 70%);
color: white;
}
body:not(.credit-account).woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ul.payment_methods li.payment_method_cod {
display: none;
}
@media screen and (max-width: 767px) {
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment {
max-width: 500px;
width: 100%;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce table.shop_table ~ .disclaimer,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment ~ .disclaimer,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row.notes#order_comments_field .woocommerce-input-wrapper ~ .disclaimer,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table ~ .disclaimer,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment ~ .disclaimer {
width: 500px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #order_comments_field .woocommerce-input-wrapper {
padding: 25px 35px 15px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row {
margin-bottom: 10px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row input.input-text {
height: 30px;
font-size: 14px;
padding: 2px 0 0;
text-indent: 15px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_phone_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_phone_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_email_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_email_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row.form-row-first, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row.form-row-last,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_phone_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_phone_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_email_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_email_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row.form-row-first,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row.form-row-last {
width: 100%;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_address_1_field input.input-text,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_address_1_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_address_1_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_address_1_field input.input-text {
border-radius: 15px 15px 0 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field input.input-text,
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field input.input-text,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field input.input-text {
border-radius: 0 0 15px 15px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_postcode_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_postcode_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_postcode_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_postcode_field {
margin-bottom: 10px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#billing_country_field, .woocommerce-page.woocommerce-checkout .entry-content .woocommerce form .form-row#shipping_country_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#billing_country_field,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce form .form-row#shipping_country_field {
margin-bottom: 10px;
font-size: 12px;
line-height: 0.5;
text-indent: 0;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text p,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order .woocommerce-privacy-policy-text p {
margin-bottom: 15px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order button.button#place_order:not(.no-arrow),
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order button.button#place_order:not(.no-arrow) {
width: 100%;
margin: 0;
height: 40px;
}
.woocommerce-page.woocommerce-checkout .entry-content .woocommerce #payment .form-row.place-order button.button#place_order:not(.no-arrow):after,
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce #payment .form-row.place-order button.button#place_order:not(.no-arrow):after {
height: 20px;
width: 20px;
margin-left: 10px;
background-size: 20px;
margin-bottom: 1px;
}
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details {
margin-bottom: 50px;
padding: 0;
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table .betrs_option_desc.betrs_order_review:last-child {
font-size: 10px;
font-weight: normal;
margin-bottom: 5px !important;
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(2),
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(3) {
background: #f7f7f7;
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(2) td, .woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(2) th,
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(3) td,
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(3) th {
border: 1px solid #eaeaea;
border-left: none;
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(2) td,
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(3) td {
border-right: none;
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(3) td, .woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(3) th {
border-top: none;
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(4) {
color: #fe5000;
font-size: 20px;
}
.woocommerce-page.woocommerce-order-received .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(4) td {
border: none;
}
.woocommerce-page.woocommerce-order-received .woocommerce h2.expanded ~ .woocommerce-order-details {
padding: 15px 15px 50px;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details h2 {
text-align: left;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tr:last-of-type td {
border: none;
border-left: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tr:last-of-type td:last-of-type {
border-right: 1px solid #eaeaea;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr th {
border-top: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:first-of-type {
border: none;
background: transparent;
height: 100px;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:first-of-type th, .woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:first-of-type td, .woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:first-of-type td:first-of-type {
border: none;
border-top: 1px solid #eaeaea;
vertical-align: top;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-of-type(2) {
background: #f7f7f7;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:last-of-type {
color: #fe5000;
font-size: 20px;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:last-of-type th, .woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details table.shop_table tfoot tr:last-of-type td:last-of-type {
border: none;
border-top: 1px solid #eaeaea;
}
.woocommerce-page.woocommerce-view-order .woocommerce .woocommerce-order-details .betrs_option_desc.betrs_order_review {
font-size: 10px;
font-weight: normal;
line-height: 0.5;
margin-bottom: 5px !important;
}
.woocommerce .woocommerce-customer-details h2 {
text-align: left;
font-size: 25px;
}
.woocommerce .woocommerce-customer-details address {
border: none;
background: none;
margin: 0 0 25px;
font-size: 15px;
padding: 0;
}
.woocommerce .woocommerce-customer-details address p.woocommerce-customer-details--phone,
.woocommerce .woocommerce-customer-details address p.woocommerce-customer-details--email {
padding: 0;
}
.woocommerce .woocommerce-customer-details address p.woocommerce-customer-details--phone:before,
.woocommerce .woocommerce-customer-details address p.woocommerce-customer-details--email:before {
display: none;
}
.woocommerce .woocommerce-customer-details address p.woocommerce-customer-details--phone {
padding-top: 10px;
}
.woocommerce ul.order_details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce ul.order_details li:last-of-type {
border: none;
padding: 0;
margin: 0;
}
p.woocommerce-notice {
text-align: center;
}
.woocommerce-page .woocommerce table.shop_table tr:nth-child(even) {
background: none;
}
ul.woocommerce-error {
padding-left: 50px;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
top: 50%;
}
p.woocommerce-thankyou-order-received {
color: white;
background: #fe5000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 50px auto 25px;
max-width: 800px;
width: 100%;
border-radius: 25px;
height: auto;
padding: 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 27px;
font-weight: bold;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
p.woocommerce-thankyou-order-received:before {
content: " ";
height: 50px;
width: 50px;
background-size: 50px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-yellow.png);
margin: 0 0 25px;
}
p.woocommerce-thankyou-order-received + ul.order_details {
margin-bottom: 100px;
}
body.woocommerce-order-received h2.woocommerce-order-details__title {
font-size: 15px;
color: #383d40;
cursor: pointer;
-webkit-transition: 0.1s;
transition: 0.1s;
display: table;
width: auto;
margin: 0 auto 25px;
background: #eaeaea;
height: 40px;
padding: 10px 25px 0;
border-radius: 20px;
text-transform: capitalize;
}
body.woocommerce-order-received h2.woocommerce-order-details__title:hover {
background: #dddddd;
}
body.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-order-details,
body.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-customer-details {
float: left;
margin-bottom: 100px;
max-height: 0px;
-webkit-transition: 0.1s;
transition: 0.1s;
overflow: hidden;
}
body.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-order-details {
width: calc(100% / 1.5);
padding-right: 25px;
}
body.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-customer-details {
width: calc(100% / 3);
padding-left: 25px;
}
body.woocommerce-order-received h2.woocommerce-order-details__title.expanded {
font-size: 35px;
color: #fe5000;
text-decoration: none;
background: none;
}
body.woocommerce-order-received h2.woocommerce-order-details__title.expanded:hover {
background: none;
}
body.woocommerce-order-received h2.woocommerce-order-details__title.expanded ~ .woocommerce-order-details {
max-height: 1000px;
}
body.woocommerce-order-received h2.woocommerce-order-details__title.expanded ~ .woocommerce-customer-details {
max-height: 1000px;
}
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce table.shop_table {
width: 100%;
}
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-customer-details .addresses {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-customer-details .addresses .col-1, .woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-customer-details .addresses .col-2 {
width: 100%;
}
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-customer-details .addresses .col-1 h2, .woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-customer-details .addresses .col-2 h2 {
text-align: left;
font-size: 25px;
}
.woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-customer-details .addresses .col-1 address, .woocommerce-page.woocommerce-order-received .entry-content .woocommerce .woocommerce-customer-details .addresses .col-2 address {
border: none;
background: none;
margin: 0 0 25px;
font-size: 15px;
padding: 0;
}
@media screen and (max-width: 767px) {
p.woocommerce-thankyou-order-received {
margin-top: 0;
line-height: 1;
font-size: 20px;
padding: 20px;
}
p.woocommerce-thankyou-order-received:before {
height: 30px;
width: 30px;
background-size: 30px;
margin-bottom: 15px;
}
p.woocommerce-thankyou-order-received + ul.order_details {
margin-bottom: 25px;
}
.woocommerce ul.order_details {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
padding: 0;
}
.woocommerce ul.order_details li {
margin-right: 0;
border: 0;
padding: 10px;
margin-bottom: 5px;
border-bottom: 1px dashed #d3ced2;
}
.woocommerce ul.order_details li:last-of-type {
padding: 10px;
}
body.woocommerce-page.woocommerce-order-received h2.woocommerce-order-details__title.expanded ~ .woocommerce-customer-details {
max-height: 600px;
}
body.woocommerce-page.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-order-details,
body.woocommerce-page.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-customer-details {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 25px;
}
body.woocommerce-page.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-order-details table,
body.woocommerce-page.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-customer-details table {
font-size: 13px;
}
body.woocommerce-page.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-order-details td,
body.woocommerce-page.woocommerce-order-received h2.woocommerce-order-details__title ~ .woocommerce-customer-details td {
padding: 5px 10px;
}
}
.till-map {
display: none;
width: 100%;
max-width: 800px;
margin: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.till-map > *,
.till-map > *:visited {
height: 85px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: black;
text-decoration: none;
position: relative;
width: calc(100% / 3);
}
.till-map > *:before,
.till-map > *:visited:before {
content: " ";
height: 25px;
width: 25px;
background-size: 25px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-orange.png);
top: 50px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.till-map > *:not(:first-child):after,
.till-map > *:visited:not(:first-child):after {
content: " ";
width: calc(100% - 32.5px);
height: 5px;
background-color: #fe5000;
top: 50px;
right: 50%;
-webkit-transform: translate(-17.5px, -50%);
transform: translate(-17.5px, -50%);
position: absolute;
}
.till-map > a:hover, .till-map a:visited:hover {
color: #31137c;
cursor: pointer;
}
.till-map > a:hover:before, .till-map a:visited:hover:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-purple.png);
}
.till-map h3, .till-map p {
margin: 0;
font-size: 20px;
}
.till-map p {
font-size: 13px;
}
.woocommerce-cart .till-map, .woocommerce-checkout .till-map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce-cart .till-map > *:nth-child(1):before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-orange.png);
}
.woocommerce-cart .till-map > *:nth-child(1):hover:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-purple.png);
}
.woocommerce-cart .till-map > *:nth-child(n+2):before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-light-grey.png);
}
.woocommerce-cart .till-map > *:nth-child(n+2):not(:nth-child(3)):hover:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-purple.png);
}
.woocommerce-cart .till-map > *:nth-child(n+2):after {
background-color: #eaeaea;
}
.woocommerce-checkout:not(.woocommerce-order-received) .till-map > *:nth-child(2):before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-orange.png);
}
.woocommerce-checkout:not(.woocommerce-order-received) .till-map > *:nth-child(2):hover:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-purple.png);
}
.woocommerce-checkout:not(.woocommerce-order-received) .till-map > *:nth-child(n+3):before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-light-grey.png);
}
.woocommerce-checkout:not(.woocommerce-order-received) .till-map > *:nth-child(n+3):after {
background-color: #eaeaea;
}
.product_cat-clearance .featured-image {
position: relative;
}
.clearance-label {
position: absolute;
left: 00%;
background: yellow;
color: black;
font-weight: bold;
font-size: 12px;
min-width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.clearance-label p {
margin: 0 10px;
}
.single .clearance-label {
font-size: 16px;
height: 12%;
}
body:not(.woocommerce) .woo-only-show,
body.woocommerce .woo-only-hide {
display: none;
}
.archive main article:not(.sale) li.sale-circle {
display: none;
}
.archive main article.sale {
position: relative;
}
.archive main article.sale li.sale-circle {
display: block;
}
.archive main article.sale li.sale-circle img {
display: none;
}
.woocommerce span.onsale {
top: -10px;
right: -5px;
left: unset;
width: 50px;
height: 50px;
padding: 5px 0 0;
}
.woocommerce.single span.onsale {
top: -5px;
right: -5px;
padding: 3px 0 0;
}
p.price del {
opacity: 0.5;
}
.woocommerce div.product {
margin: 25px auto 50px;
background: #ffffff;
-webkit-box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 0.05);
box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 0.05);
width: 1000px;
max-width: 100%;
border-radius: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.woocommerce div.product div.images, .woocommerce div.product div.summary {
margin-bottom: 0;
width: 50%;
padding: 25px 50px;
}
.woocommerce div.product div.images img {
max-height: 350px;
-o-object-fit: contain;
object-fit: contain;
}
.woocommerce div.product div.summary {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce div.product div.summary > * {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.woocommerce div.product div.summary h1.entry-title {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.woocommerce div.product div.summary .woocommerce-product-details__short-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.woocommerce div.product form.cart {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap {
width: 100%;
padding: 1px 22.5px;
border-radius: 10px;
margin-bottom: -0;
background: #f3f3f3;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap div#pewc-group-4523 {
display: none;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-group-wrap:not(:last-of-type) {
border-bottom: 1px solid #eaeaea;
padding-bottom: 15px;
margin-bottom: 25px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-group-heading-wrapper h3 {
color: #fe5000;
font-weight: bold;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
width: 100%;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-image-wrapper:not(:nth-of-type(1)) {
margin-top: 10px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label {
position: relative;
background: white;
border-radius: 20px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label img {
height: 40px;
margin-bottom: -8px;
border-radius: 20px;
padding-left: 30px;
border: 2px solid #eaeaea;
padding-right: 5px;
width: 75px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label input {
top: 10px;
left: 10px;
visibility: visible;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label input:hover {
cursor: pointer;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label input:checked + img {
border-color: #fe5000;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label input:before {
content: " ";
position: absolute;
height: 20px;
width: 20px;
background: white;
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label input:after {
content: " ";
height: 20px;
width: 20px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-light-grey.png);
background-size: 20px;
background-repeat: no-repeat;
z-index: 9999;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label input:checked:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-orange.png);
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label:hover {
cursor: pointer;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label:hover img {
border-color: rgba(254, 80, 0, 0.5);
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label:hover input:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-line-light-grey.png);
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper label:hover input:checked:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-orange.png);
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper {
position: relative;
right: 0px;
width: calc(100% - 70px);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper input[type=number].pewc-child-quantity-field {
margin: 0;
background: transparent;
border-radius: 0 20px 20px 0;
text-align: center;
padding-right: 5px;
padding-left: 0;
width: 60px;
min-width: 60px;
border-left: none;
-webkit-box-shadow: inset 3px 0px 6px rgba(0, 0, 0, 0.03);
box-shadow: inset 3px 0px 6px rgba(0, 0, 0, 0.03);
text-indent: 0;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper label.pewc-field-label,
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper .pewc-radio-image-desc {
padding-left: 10px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper label.pewc-field-label span.woocommerce-Price-amount.amount,
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper .pewc-radio-image-desc span.woocommerce-Price-amount.amount {
padding-left: 10px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .products-quantities-independent label img {
padding-right: 60px;
width: 130px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .products-quantities-independent .pewc-checkbox-desc-wrapper {
position: relative;
right: 60px;
max-width: 100%;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-checkboxes-images-wrapper {
width: 100%;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-total-field-wrapper {
padding: 0;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-total-field-wrapper p {
margin: 0;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .products-quantities-independent .pewc-checkbox-desc-wrapper .pewc-radio-image-desc span.woocommerce-Price-amount.amount {
position: relative;
left: 60px;
}
.woocommerce div.product form.cart div.quantity {
padding: 10px 0;
margin: 0 0 0 25px;
width: 100px;
height: 60px;
}
.woocommerce div.product form.cart div.quantity input.qty {
margin: 0;
border: none;
width: 90px;
height: 40px;
background: white;
border-radius: 25px;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
width: calc(100% - 150px);
height: calc(100% - 10px);
height: 40px;
margin: 10px 0;
font-size: 15px;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product form.cart button.single_add_to_cart_button:before, .woocommerce div.product form.cart button.single_add_to_cart_button:after {
display: none;
}
.woocommerce div.product form.cart button.single_add_to_cart_button.added {
font-size: 15px;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fe5000;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-white.png);
background-size: 25px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
}
.woocommerce div.product form.cart button.single_add_to_cart_button ~ a.added_to_cart {
display: none;
}
.woocommerce div.product .woocommerce-tabs {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 50px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.1);
box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-top: 1px solid #fe5000;
bottom: -11px;
height: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #fe5000;
background-color: #fff;
border-radius: 10px 10px 0 0;
color: #383d40;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin-top: 10px;
padding: 0;
margin: 0;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:active {
color: #fe5000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:focus:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:active:hover {
color: #fe5000;
cursor: default;
background: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
border-color: #fe5000;
width: 15px;
height: 15px;
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 5px 25px;
color: #383d40;
border-bottom: 1px solid;
font-size: 20px;
border-radius: 5px 5px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #31137c;
background-color: #f7f7f7;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus {
outline: none;
color: black;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 0 50px 0;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description {
margin-top: -17.5px;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
margin-bottom: 25px;
margin-left: -50px;
padding-left: 50px;
border-bottom: 0;
font-size: 2em;
text-align: left;
display: block;
}
.woocommerce div.product .woocommerce-tabs .panel h4 {
margin-top: 0;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--download-tab h2, .woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--download-tab h2 + p {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--download-tab ul {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--download-tab a {
color: black;
text-decoration: none;
padding: 80px 0 0;
border-radius: 35px;
margin: 0 25px 10px 0;
font-weight: bold;
height: 125px;
width: 100px;
text-align: center;
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
left: 0;
-webkit-transition: 0s;
transition: 0s;
font-size: 14px;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--download-tab a:before {
content: " ";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
margin-right: 5px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/file-download-fill-purple.png);
background-size: 40px;
background-repeat: no-repeat;
background-color: #f3f3f3;
background-position: center;
height: 80px;
width: 80px;
border-radius: 15px;
z-index: -1;
-webkit-transition: 0s;
transition: 0s;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--download-tab a:hover {
text-decoration: underline;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--download-tab a:hover:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/file-download-fill-orange.png);
}
.woocommerce div.product p.price {
font-size: 25px;
font-weight: bold;
color: #fe5000;
line-height: 1;
margin-bottom: 5px;
}
.woocommerce div.product p.stock {
color: #70b702;
font-weight: bold;
font-size: 12px;
}
.woocommerce div.product .woocommerce-product-details__short-description {
margin-bottom: 1em;
line-height: 2;
font-size: 20px;
}
.woocommerce div.product .woocommerce-product-details__short-description p {
margin: 0;
}
.woocommerce div.product .woocommerce-product-details__short-description p > br:first-child {
display: none;
}
.woocommerce div.product .product_meta {
display: none;
}
.woocommerce div.product .upsells, .woocommerce div.product .related.products {
margin: 25px 50px 50px;
border-top: 1px solid #eaeaea;
width: 100%;
padding-top: 50px;
}
.woocommerce div.product .upsells span.price, .woocommerce div.product .related.products span.price {
font-weight: bold;
color: #95b100;
}
.woocommerce div.product .upsells .add_to_cart_button, .woocommerce div.product .related.products .add_to_cart_button {
display: none;
}
.woocommerce div.product .upsells .button, .woocommerce div.product .related.products .button {
display: block;
background: #31137c;
color: white;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
-webkit-transition: 0s;
transition: 0s;
}
.woocommerce div.product .upsells .button:after, .woocommerce div.product .related.products .button:after {
display: none;
}
.woocommerce div.product .upsells .button:hover, .woocommerce div.product .related.products .button:hover {
background: #fe5000;
}
.woocommerce div.product .upsells ul.products, .woocommerce div.product .related.products ul.products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce div.product .upsells ul.products li.product, .woocommerce div.product .related.products ul.products li.product {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce div.product .upsells ul.products a:not(.button), .woocommerce div.product .related.products ul.products a:not(.button) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 1175px) {
.woocommerce div.product {
width: 100%;
}
}
.ie.woocommerce div.product div.images img {
width: auto;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce.pewc-has-extra-fields .summary .cart {
position: relative;
width: 200%;
right: 100%;
margin-top: 50px;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.woocommerce.single main {
margin: 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce table.shop_attributes {
border: 0;
background: #f3f3f3;
border-radius: 5px;
overflow: hidden;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.woocommerce table.shop_attributes th {
background-color: #ececec;
border-right: 1px solid #dadada;
text-align: left;
}
.woocommerce table.shop_attributes tr {
border-bottom: 1px solid #dadada;
}
.woocommerce table.shop_attributes tr:last-of-type {
border-bottom: 0;
}
.woocommerce table.shop_attributes tr:last-of-type th, .woocommerce table.shop_attributes tr:last-of-type td {
border-bottom: 0;
}
.woocommerce table.shop_attributes tr:nth-child(even) {
background-color: white;
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
background-color: #f5f5f5;
}
.woocommerce table.shop_attributes td {
padding: 8px;
}
.woocommerce table.shop_attributes td p {
padding: 0;
}
.woocommerce table.shop_table {
border: 2px solid #afaeae;
border-radius: 0;
}
.coupon input[type="text"] {
height: 36px;
min-width: 120px;
}
.cart-collaterals h2 {
border: none;
font-size: 2em;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
border-right: 1px solid #afaeae;
border-bottom: 0;
border-top: 1px solid #d6d6d6;
}
.woocommerce-checkout .entry-content form > div {
margin-left: 0;
max-width: 1000px;
margin: auto;
border: none;
background: none;
padding: 0;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
#order_comments_field .woocommerce-input-wrapper {
border-left: 5px solid #fe5000;
background: #f6f6f6;
padding: 25px 50px 25px;
margin: 10px 0 50px;
width: 100%;
display: block;
max-width: 1000px;
}
.woocommerce-billing-fields__field-wrapper:before, .woocommerce-billing-fields__field-wrapper:after,
.woocommerce-shipping-fields__field-wrapper:before,
.woocommerce-shipping-fields__field-wrapper:after,
#order_comments_field .woocommerce-input-wrapper:before,
#order_comments_field .woocommerce-input-wrapper:after {
content: "";
display: table;
}
.woocommerce-billing-fields__field-wrapper:after,
.woocommerce-shipping-fields__field-wrapper:after,
#order_comments_field .woocommerce-input-wrapper:after {
clear: both;
}
#order_comments_field label {
color: #fe5000;
font-size: 30px;
font-weight: bold;
line-height: 1;
}
.woocommerce-shipping-fields {
margin-bottom: 50px;
}
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
clear: both;
width: 100%;
}
h3#order_review_heading {
color: #f47323;
font-size: 30px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
border-left: 5px solid #fe5000;
background: #f6f6f6;
margin: 50px 0 100px;
width: 100%;
display: block;
max-width: 1000px;
border-radius: 0;
}
#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
float: none;
}
.woocommerce #payment #place_order,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
height: 75px;
padding: 0 50px;
font-size: 25px;
border-radius: 10px;
border: 3px solid #fe5000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce #payment #place_order:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
background: none;
color: #fe5000;
}
@media screen and (max-width: 500px) {
.woocommerce #payment #place_order,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
height: 60px;
padding: 0 25px;
font-size: 20px;
}
}
@media screen and (max-width: 1499px) {
.woocommerce.single main {
margin: 0 50px;
}
}
@media screen and (max-width: 1023px) {
.woocommerce.single main {
margin: 0 25px;
}
}
@media screen and (max-width: 767px) {
.woocommerce.single main {
margin: 0;
}
.woocommerce.single main .woocommerce-breadcrumb {
display: none;
}
.woocommerce.single main div.product {
margin: 25px 0 50px;
border-radius: 0px;
}
.woocommerce.single main div.product div.images, .woocommerce.single main div.product .slick-list, .woocommerce.single main div.product img {
height: 50vw;
width: 50vw;
padding: 0;
}
.woocommerce.single main div.product .wpgs-nav.slick-initialized.slick-slider {
position: absolute;
top: 0;
left: 100%;
}
.woocommerce.single main div.product div.summary {
padding: 10px 10px 50px;
width: 100%;
}
.woocommerce.single main div.product div.summary h1.entry-title {
font-size: 25px;
font-weight: bold;
margin-bottom: 15px;
}
.woocommerce.single main div.product div.summary .woocommerce-product-details__short-description {
font-size: 15px;
line-height: 1.5;
}
.woocommerce.single main div.product div.summary p.price {
margin-bottom: 0;
}
.woocommerce.single main div.product div.summary form.cart {
margin-top: 25px;
}
.woocommerce.single main div.product.has-extra-fields div.summary form.cart {
max-width: 100%;
right: 0;
}
.woocommerce.single main div.product.has-extra-fields div.summary form.cart .pewc-product-extra-groups-wrap {
border-radius: 10px;
padding: 1px 30px;
margin: 0;
}
.woocommerce.single main div.product .woocommerce-tabs ul.tabs {
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 10px 25px;
}
.woocommerce.single main div.product .woocommerce-tabs ul.tabs li.active {
z-index: 1;
}
.woocommerce.single main div.product .woocommerce-tabs ul.tabs li a {
padding: 5px 15px;
font-size: 15px;
}
.woocommerce.single main div.product .woocommerce-tabs .panel {
padding: 0 10px 50px;
}
.woocommerce.single main div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description {
margin-top: -20px;
}
.woocommerce.single main div.product .woocommerce-tabs .panel h2 {
font-size: 25px;
line-height: 1;
}
.woocommerce.single main div.product .woocommerce-tabs table.shop_attributes {
font-size: 13px;
}
.woocommerce.single main div.product .woocommerce-tabs table.shop_attributes th, .woocommerce.single main div.product .woocommerce-tabs table.shop_attributes td {
padding: 6px 10px 5px;
}
.woocommerce-product-gallery__wrapper img {
max-height: 300px;
-o-object-fit: contain;
object-fit: contain;
}
.wpgs-for.slick-initialized.slick-slider:before {
position: absolute;
left: 0px;
bottom: 0px;
width: 60px;
line-height: 1;
text-align: center;
z-index: 1;
font-weight: bold;
font-size: 12px;
background: rgba(255, 255, 255, 0.85);
padding: 5px 0;
border-radius: 3px;
background: radial-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.7));
}
.no-touch .wpgs-for.slick-initialized.slick-slider:before {
content: "Click to Expand";
}
.touch .wpgs-for.slick-initialized.slick-slider:before {
content: "Tap to Expand";
}
.woocommerce div.product .upsells, .woocommerce div.product .related.products {
display: none;
}
}
@media screen and (max-width: 550px) {
.woocommerce.single main {
background: white;
}
.woocommerce.single main div.product {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce.single main div.product .woocommerce-tabs ul.tabs {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 10px 25px;
}
.woocommerce.single main div.product .woocommerce-tabs ul.tabs li a {
text-align: center;
line-height: 1.4;
font-size: 13px;
}
.woocommerce.single main div.product.has-extra-fields div.summary form.cart .pewc-product-extra-groups-wrap {
padding: 1px 15px;
}
.woocommerce.single main div.product.has-extra-fields div.summary form.cart h3 {
font-size: 17px;
margin: 10px 0;
}
.woocommerce.single main div.product.has-extra-fields div.summary form.cart p, .woocommerce.single main div.product.has-extra-fields div.summary form.cart ul {
margin: 0;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap {
font-size: 13px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper {
position: relative;
margin-top: 50px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .products-quantities-independent .pewc-checkbox-desc-wrapper, .woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper {
position: absolute;
right: 0;
max-width: 100%;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
left: 0;
bottom: 0;
padding-bottom: 80px;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .products-quantities-independent .pewc-checkbox-desc-wrapper .pewc-radio-image-desc span.woocommerce-Price-amount.amount, .woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper .pewc-radio-image-desc span.woocommerce-Price-amount.amount {
left: unset;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .products-quantities-independent .pewc-checkbox-desc-wrapper .pewc-radio-image-desc, .woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper .pewc-radio-image-desc {
position: absolute;
text-align: left;
width: 100%;
padding-left: 0;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-image-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woocommerce div.product form.cart .pewc-product-extra-groups-wrap .pewc-item-field-wrapper .pewc-checkbox-desc-wrapper input[type=number].pewc-child-quantity-field {
position: absolute;
top: 42px;
left: 70px;
}
}
@media screen and (max-width: 350px) {
.woocommerce.single main div.product .woocommerce-tabs ul.tabs li a {
padding: 5px 10px;
}
}
.woocommerce-product-attributes-item--weight,
.woocommerce-product-attributes-item--dimensions,
.woocommerce-product-attributes-item--attribute_shipping-height-calc,
.woocommerce-product-attributes-item--attribute_shipping-width-calc,
.woocommerce-product-attributes-item--attribute_shipping-weight-kg,
.woocommerce-product-attributes-item--attribute_shipping-length-calc {
display: none;
}
.woocommerce-account .woocommerce {
margin-bottom: 100px;
}
.woocommerce-account .woocommerce form.woocommerce-ResetPassword > p {
width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-password-strength {
color: black;
}
.woocommerce-account .woocommerce a.button:after, .woocommerce-account .woocommerce a.button:visited:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-line-orange-min.png);
content: " ";
height: 20px;
width: 20px;
margin-left: 10px;
background-size: 20px;
background-repeat: no-repeat;
}
.woocommerce-account .woocommerce a.button.woocommerce-button--previous, .woocommerce-account .woocommerce a.button:visited.woocommerce-button--previous {
padding-left: 37.5px;
}
.woocommerce-account .woocommerce a.button.woocommerce-button--previous:after, .woocommerce-account .woocommerce a.button:visited.woocommerce-button--previous:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-line-orange-min.png);
content: " ";
height: 20px;
width: 20px;
margin-right: 10px;
background-size: 20px;
background-repeat: no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
position: absolute;
left: 7.5px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 200px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
width: 100%;
border-bottom: 1px solid #eaeaea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-of-type {
border-top: 1px solid #eaeaea;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li img {
height: 40px;
width: 40px;
padding: 10px;
-o-object-fit: contain;
object-fit: contain;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li img:nth-of-type(2) {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
color: #383d40;
text-decoration: none;
padding: 7.5px 15px 7.5px 40px;
position: absolute;
z-index: 1;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
color: #fe5000;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--offers,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--subaccounts,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.woocommerce-account .addresses .title h3 {
margin-top: 0;
}
.woocommerce-account .addresses .title .edit {
float: left;
margin-left: 15px;
}
.woocommerce-account .woocommerce-Address {
margin-top: 25px;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(100% - 225px);
}
html.no-touch .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover img {
display: none;
}
html.no-touch .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover img:nth-of-type(2) {
display: block;
}
html.no-touch .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(234, 234, 234, 0)), to(rgba(234, 234, 234, 0.75)));
background: linear-gradient(to right, rgba(234, 234, 234, 0), rgba(234, 234, 234, 0.75));
color: #383d40;
}
.woocommerce-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
margin-bottom: 25px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin-bottom: 5px;
width: calc((100% - (10px * 5)) / 6);
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
height: auto;
width: calc((100% - (10px * 5)) / 6);
max-width: 60px;
border: 0 solid;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
margin-right: 10px;
margin-bottom: 25px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-of-type {
border: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
margin-right: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li img {
height: auto;
height: intrinsic;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
padding: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
border-radius: 10px;
background-color: white;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
height: calc(100% + 35px);
width: 100%;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
padding: calc(100% + 5px) 0 5px 0;
font-size: 12px;
background: none;
font-weight: bold;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: none;
}
html.no-touch .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover img {
background-color: rgba(255, 255, 255, 0.5);
}
html.no-touch .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: none;
color: #383d40;
}
}
.woocommerce form.register,
.woocommerce form.login {
border: none;
background: #fe5000;
border-radius: 25px;
margin: 0;
max-width: 400px;
margin: 10px auto 25px;
padding: 50px 50px 25px;
}
.woocommerce form.register p, .woocommerce form.register a, .woocommerce form.register a:visited,
.woocommerce form.login p,
.woocommerce form.login a,
.woocommerce form.login a:visited {
color: white;
text-align: center;
font-size: 19px;
padding: 0;
font-weight: bold;
line-height: 1;
margin: 0;
}
.woocommerce form.register p.lost_password a, .woocommerce form.register a.lost_password a, .woocommerce form.register a:visited.lost_password a,
.woocommerce form.login p.lost_password a,
.woocommerce form.login a.lost_password a,
.woocommerce form.login a:visited.lost_password a {
color: white;
font-size: 12px;
text-decoration: none;
}
.woocommerce form.register p.lost_password a:hover, .woocommerce form.register a.lost_password a:hover, .woocommerce form.register a:visited.lost_password a:hover,
.woocommerce form.login p.lost_password a:hover,
.woocommerce form.login a.lost_password a:hover,
.woocommerce form.login a:visited.lost_password a:hover {
text-decoration: underline;
}
.woocommerce form.register .form-row .required,
.woocommerce form.login .form-row .required {
color: #ffd100;
}
.woocommerce form.register .form-row input.input-text,
.woocommerce form.login .form-row input.input-text {
height: 50px;
}
.woocommerce form.register .form-row input.input-text, .woocommerce form.register .form-row textarea,
.woocommerce form.login .form-row input.input-text,
.woocommerce form.login .form-row textarea {
padding: 0;
text-indent: 25px;
margin: 0 auto 10px;
border-radius: 25px;
background: white;
max-width: 100%;
}
.woocommerce form.register .woocommerce-form-login__rememberme,
.woocommerce form.login .woocommerce-form-login__rememberme {
display: inline-block;
font-size: 15px;
margin-bottom: 15px;
height: 30px;
border-radius: 15px;
padding: 0 15px 0 6px;
border: 2px solid #ffd100;
position: relative;
}
.woocommerce form.register .woocommerce-form-login__rememberme:hover,
.woocommerce form.login .woocommerce-form-login__rememberme:hover {
cursor: pointer;
background: rgba(255, 209, 0, 0.25);
}
.woocommerce form.register .woocommerce-form-login__rememberme input,
.woocommerce form.login .woocommerce-form-login__rememberme input {
display: none;
}
.woocommerce form.register .woocommerce-form-login__rememberme span,
.woocommerce form.login .woocommerce-form-login__rememberme span {
padding-left: 20px;
}
.woocommerce form.register .woocommerce-form-login__rememberme span:before,
.woocommerce form.login .woocommerce-form-login__rememberme span:before {
content: " ";
height: 15px;
width: 15px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-yellow.png);
background-size: 15px;
background-repeat: no-repeat;
z-index: 9999;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce form.register .woocommerce-form-login__rememberme input:checked + span:before,
.woocommerce form.login .woocommerce-form-login__rememberme input:checked + span:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-yellow.png);
}
.woocommerce form.register .woocommerce-form-login__submit, .woocommerce form.register .woocommerce-form-register__submit,
.woocommerce form.login .woocommerce-form-login__submit,
.woocommerce form.login .woocommerce-form-register__submit {
float: none;
margin: auto;
}
.woocommerce form.register {
width: 800px;
max-width: 100%;
padding-bottom: 0;
}
.woocommerce form.register > .b2bking_custom_registration_container,
.woocommerce form.register > .woocommerce-privacy-policy-text { border: 0;
background: none;
padding: 0;
margin: 0;
}
.woocommerce form.register > .b2bking_custom_registration_container input, .woocommerce form.register > .b2bking_custom_registration_container select,
.woocommerce form.register > .woocommerce-privacy-policy-text input,
.woocommerce form.register > .woocommerce-privacy-policy-text select {
background: white;
border-radius: 50px;
border: 0;
padding: 4px 0 0;
text-indent: 25px;
height: 40px;
font-size: 15px;
margin-bottom: 25px;
color: black;
}
.woocommerce form.register p:not(.form-row) {
margin-bottom: 25px;
font-size: 11px;
text-align: left;
text-indent: 25px;
}
.woocommerce form.register select#b2bking_registration_roles_dropdown {
margin-bottom: 50px;
}
.woocommerce form.register label {
font-size: 15px;
text-align: left;
text-indent: 25px;
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox {
height: 40px;
background: transparent;
margin-bottom: 25px;
border-radius: 25px;
border: 3px solid #ffd100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0 25px;
width: 100px;
position: relative;
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox:hover {
cursor: pointer;
background: rgba(255, 209, 0, 0.25);
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox input {
display: none;
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox span {
line-height: 1;
text-align: left;
text-indent: 0;
color: rgba(255, 255, 255, 0.5);
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox span:before, .woocommerce form.register label.woocommerce-form__label-for-checkbox span:after {
content: " ";
height: 20px;
width: 20px;
background-size: 20px;
background-repeat: no-repeat;
z-index: 9999;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
top: 50%;
left: 9px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox span:before {
opacity: 0.25;
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox span:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-yellow.png);
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox input:checked ~ span {
color: white;
}
.woocommerce form.register label.woocommerce-form__label-for-checkbox input:checked ~ span:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-yellow.png);
opacity: 1;
}
.woocommerce form.register > p:not(:last-of-type) {
width: 60%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.woocommerce form.register > p:not(:last-of-type) select, .woocommerce form.register > p:not(:last-of-type) input, .woocommerce form.register > p:not(:last-of-type) input.input-text {
height: 40px;
font-size: 13px;
}
.woocommerce form.register > div {
width: calc((100% - 50px) / 2);
display: inline-block !important;
margin: 0;
}
.woocommerce form.register > div:nth-of-type(even):not(.woocommerce-privacy-policy-text) {
margin-left: 50px;
}
.woocommerce form.register > div > * {
margin: 0;
}
.woocommerce form.register > div.b2bking_custom_registration_container.b2bking_custom_registration_allroles:nth-of-type(1), .woocommerce form.register > div.b2bking_custom_registration_container.b2bking_custom_registration_allroles:nth-of-type(2) {
display: none !important;
}
.woocommerce form.register > p:last-of-type, .woocommerce form.register .woocommerce-privacy-policy-text {
border-top: 1px solid #ff7332;
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
height: 100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.woocommerce form.register > p:last-of-type {
width: 200px;
top: 12px;
}
.woocommerce form.register .woocommerce-privacy-policy-text {
width: calc(100% - 200px);
margin-right: -6px;
}
.woocommerce form.register .woocommerce-privacy-policy-text p {
margin: 0;
width: 100%;
text-indent: 0;
max-width: 400px;
padding: 0;
line-height: 1.3;
}
.woocommerce form.register .woocommerce-privacy-policy-text p a {
font-size: 11px;
}
p.b2bking_registration_roles_dropdown_section {
display: none;
}
.account-login-forms {
margin-bottom: 100px;
}
.account-login-forms h2.expander, .account-login-forms form {
-webkit-transition: 0.1s;
transition: 0.1s;
}
.account-login-forms .account-create-form, .account-login-forms .account-login-form {
-webkit-transition: 0.1s;
transition: 0.1s;
max-height: 1850px;
overflow: hidden;
padding: 0 15px;
}
.account-login-forms .account-login-form {
max-height: 500px;
}
.account-login-forms.login-expanded .account-create-form,
.account-login-forms.register-expanded .account-login-form {
max-height: 30px;
padding: 0;
}
.account-login-forms.login-expanded .account-create-form h2.expander,
.account-login-forms.register-expanded .account-login-form h2.expander {
color: #383d40;
font-size: 15px;
cursor: pointer;
margin-bottom: 10px;
}
.account-login-forms.login-expanded .account-create-form h2.expander:hover,
.account-login-forms.register-expanded .account-login-form h2.expander:hover {
text-decoration: underline;
}
.account-login-forms.login-expanded .account-create-form form,
.account-login-forms.register-expanded .account-login-form form {
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .shadow-bw > * {
position: relative;
z-index: 1;
}
.woocommerce-page .woocommerce table.shop_table {
border: none;
border-radius: 0;
background: none;
}
.woocommerce-page .woocommerce table.shop_table.radius {
border-radius: 25px;
}
.woocommerce-page .woocommerce table.shop_table tr {
border-bottom: none;
}
.woocommerce-page .woocommerce table.shop_table tr th {
background: none;
border: none;
padding: 13px 12px 9px;
}
.woocommerce-page .woocommerce table.shop_table tr td {
border-top: 1px solid #eaeaea;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button {
margin: 0;
overflow: visible;
left: auto;
background-color: #ebe9eb;
background-image: none;
text-shadow: none;
float: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 7px 15px 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
border: 0px solid #31137c;
font-weight: 600;
text-decoration: none;
cursor: pointer;
width: -webkit-fit-content;
width: fit-content;
width: -moz-fit-content;
font-size: 25px;
line-height: 1;
-webkit-transition: 0.1s;
transition: 0.1s;
position: relative;
background: transparent;
color: #31137c;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 13px;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-line-purple-min.png);
height: 15px;
width: 15px;
background-size: 15px;
margin-left: 7.5px;
margin-bottom: 2px;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 100px;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button:disabled, .woocommerce-page .woocommerce table.shop_table tr td.actions button:disabled:hover {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
padding: 7px 15px 5px;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button:disabled:before, .woocommerce-page .woocommerce table.shop_table tr td.actions button:disabled:hover:before {
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button:not(:disabled):hover {
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button:not(:disabled):hover:before {
-webkit-box-shadow: -3px -3px 6px white;
box-shadow: -3px -3px 6px white;
}
.woocommerce-page .woocommerce table.shop_table tr td.product-remove {
width: 59px;
height: 59px;
padding: 0;
border-left: 0px solid #eaeaea;
}
.woocommerce-page .woocommerce table.shop_table tr td.product-remove a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: black !important;
margin: auto;
border-radius: 0;
}
.woocommerce-page .woocommerce table.shop_table tr td.product-remove a:hover {
background: #eaeaea;
}
.woocommerce-page .woocommerce table.shop_table tr td.product-thumbnail {
background: white;
padding: 0;
width: 59px;
}
.woocommerce-page .woocommerce table.shop_table tr td.product-thumbnail img {
width: 90%;
margin: 0 auto;
display: block;
}
.woocommerce-page .woocommerce table.shop_table tr:nth-child(odd) {
background-color: #f7f7f7;
}
.woocommerce-page .woocommerce table.shop_table tr:nth-child(odd) td {
background-color: unset;
}
.woocommerce-page .woocommerce table.shop_table tr:nth-child(odd) td.product-thumbnail {
background-color: white;
}
.woocommerce-page .woocommerce table.shop_table tr:last-of-type {
background: none;
}
.woocommerce-page .woocommerce table.shop_table tr:last-of-type td {
border-right: none;
border-left: none;
}
.woocommerce-page .woocommerce table.shop_table button.button {
margin-left: 10px;
}
.woocommerce-page .woocommerce table.shop_table button.button:focus {
outline: none;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.025);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.025);
}
.woocommerce-page.woocommerce-account .woocommerce table.shop_table tr td:first-of-type {
border-left: 0px solid #eaeaea;
border-top: 1px solid #eaeaea;
padding-left: 25px;
}
.woocommerce-page.woocommerce-account .woocommerce table.shop_table tr th:first-of-type {
padding-left: 25px;
}
.woocommerce-page.woocommerce-account .woocommerce table.shop_table tr:last-of-type td {
border-bottom: 0px solid #eaeaea;
border-right: 0px solid #eaeaea;
border-left: 1px solid #eaeaea;
}
.woocommerce-page.woocommerce-account .woocommerce table.shop_table tr:last-of-type td:first-of-type {
border-left: 0px;
}
.woocommerce-table td > ul {
display: none;
}
.woocommerce-cart article {
margin-bottom: 50px;
}
.woocommerce-cart .quantity .qty {
background: #f3f3f3;
border: 1px solid #d2d2d2;
padding: 0;
width: 75px;
margin-right: -50px;
border-radius: 50px;
text-indent: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt {
border-radius: 1000px;
background: radial-gradient(#4b1dbe, #31137c 70%);
border: 0;
height: 50px;
padding: 0 25px;
margin: 0;
-webkit-transition: 0s;
transition: 0s;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt:hover {
background-color: #fe5000;
border-color: #fe5000;
color: white;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
background: radial-gradient(#5421d4, #281066 70%);
}
.woocommerce-cart .entry-content tr:nth-of-type(even) {
background: none;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals {
float: right;
width: auto;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals h2 {
text-align: left;
text-indent: 15px;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table {
border: none;
border-radius: 25px;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table ~ .disclaimer {
width: 450px;
font-size: 10px;
padding: 0 25px;
max-width: 100%;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table tr:nth-of-type(even) {
background: none;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table tr {
border: none;
background: none;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table tr th {
width: auto;
text-align: right;
border: none;
background: none;
padding: 9px 15px;
border-right: 1px solid #eaeaea;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table tr:not(:first-of-type) th, .woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table tr:not(:first-of-type) td {
border-top: 1px solid #eaeaea;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table tr td {
border-right: none;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table ul#shipping_method li {
margin-bottom: 15px;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals table.shop_table ul#shipping_method li .betrs_option_desc {
font-size: 12px;
text-indent: 20px;
line-height: 1;
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination ~ .disclaimer {
width: 300px;
font-size: 9px;
padding: 0 0 0 20px;
max-width: 100%;
line-height: 1.2;
color: gray;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
float: left;
}
.woocommerce .cart-collaterals .cross-sells h2,
.woocommerce-page .cart-collaterals .cross-sells h2 {
text-align: left;
}
.woocommerce .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-page .cart-collaterals .cross-sells ul.products li.product {
background: white;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
border-bottom: 3px solid #fe5000;
border-radius: 5px;
padding: 10px 10px 15px;
display: block;
margin: 0 7.5px 15px;
width: calc((100% - 30px) / 2);
}
.woocommerce .cart-collaterals .cross-sells ul.products li.product a img,
.woocommerce-page .cart-collaterals .cross-sells ul.products li.product a img {
max-height: 150px;
-o-object-fit: contain;
object-fit: contain;
margin: 0;
}
.woocommerce .cart-collaterals .cross-sells ul.products li.product a h2,
.woocommerce-page .cart-collaterals .cross-sells ul.products li.product a h2 {
text-align: center;
}
.woocommerce .cart-collaterals .cross-sells ul.products li.product a .price,
.woocommerce-page .cart-collaterals .cross-sells ul.products li.product a .price {
text-align: center;
font-weight: bold;
font-size: 16px;
}
.woocommerce .cart-collaterals .cross-sells ul.products li.product a.button,
.woocommerce-page .cart-collaterals .cross-sells ul.products li.product a.button {
padding: 8px 15px 7px;
display: block;
margin: auto;
border-radius: 25px;
}
.woocommerce .cart-collaterals .cross-sells ul.products li.product a.button:after,
.woocommerce-page .cart-collaterals .cross-sells ul.products li.product a.button:after {
display: none;
}
@media screen and (max-width: 767px) {
.woocommerce .woocommerce-cart-form {
max-width: 500px;
margin: auto;
}
.woocommerce .woocommerce-cart-form table.shop_table {
border-radius: 25px;
overflow: hidden;
}
.woocommerce .woocommerce-cart-form table.shop_table tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border-bottom: 2px solid #eaeaea;
}
.woocommerce .woocommerce-cart-form table.shop_table tr:first-of-type .product-remove,
.woocommerce .woocommerce-cart-form table.shop_table tr:first-of-type .product-name {
border-top: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tr:nth-of-type(even) {
background: white;
}
.woocommerce .woocommerce-cart-form table.shop_table tr:last-of-type {
border-bottom: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table tr:last-of-type td {
width: 100%;
}
.woocommerce .woocommerce-cart-form table.shop_table td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce .woocommerce-cart-form table.shop_table td:before {
font-size: 12px;
}
.woocommerce .woocommerce-cart-form table.shop_table .product-name {
width: calc(100% - 59px);
border-right: none;
}
.woocommerce .woocommerce-cart-form table.shop_table .product-name:before {
content: none;
}
.woocommerce .woocommerce-cart-form table.shop_table .product-name a {
text-align: left !important;
}
.woocommerce .woocommerce-cart-form table.shop_table .product-remove,
.woocommerce .woocommerce-cart-form table.shop_table .product-price {
border-left: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table .product-price,
.woocommerce .woocommerce-cart-form table.shop_table .product-quantity,
.woocommerce .woocommerce-cart-form table.shop_table .product-subtotal {
width: calc(100% / 3);
}
.woocommerce .woocommerce-cart-form table.shop_table .product-subtotal {
border-right: 0;
}
.woocommerce .woocommerce-cart-form table.shop_table .quantity .qty {
margin: 0;
height: 25px;
width: 50px;
font-size: 12px;
}
.woocommerce-cart .entry-content .cart-collaterals .cart_totals {
float: none;
max-width: 500px;
margin: auto;
}
.woocommerce-cart .till-map, .woocommerce-checkout .till-map {
display: none;
}
.woocommerce-page.woocommerce-account .woocommerce table.woocommerce-orders-table.shop_table {
overflow: hidden;
border-radius: 15px;
}
.woocommerce-page.woocommerce-account .woocommerce table.woocommerce-orders-table.shop_table tr td {
border-left: 0px;
padding: 3px 15px 2px;
}
.woocommerce-page.woocommerce-account .woocommerce table.woocommerce-orders-table.shop_table tr td:first-of-type {
border-top: 0px;
padding: 3px 15px 2px;
}
.woocommerce-page.woocommerce-account .woocommerce table.woocommerce-orders-table.shop_table tr:not(:first-of-type) {
border-top: 3px solid #dedede;
}
.woocommerce-page.woocommerce-account .woocommerce table.woocommerce-orders-table.shop_table tr:nth-child(even) td:not(:first-of-type) {
border-top: 1px solid #e0e0e0;
}
div#b2bking_purchase_lists_table_wrapper {
padding: 10px 0px;
}
table#b2bking_purchase_lists_table th,
table#b2bking_purchase_lists_table td {
text-align: left;
padding: 5px 10px;
font-size: 12px;
}
.b2bking_purchase_list_top_container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
div#b2bking_purchase_lists_table_filter {
padding: 0 10px;
}
#b2bking_purchase_lists_table_filter label input {
height: 30px;
}
button.b2bking_purchase_lists_view_list {
padding: 5px 10px;
font-size: 11px;
margin: 0;
height: auto;
}
}
@media screen and (max-width: 499px) {
.woocommerce .woocommerce-cart-form table.shop_table td.product-price,
.woocommerce .woocommerce-cart-form table.shop_table td.product-quantity,
.woocommerce .woocommerce-cart-form table.shop_table td.product-subtotal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 7px 0 3px;
}
.woocommerce .woocommerce-cart-form table.shop_table td.product-price:before,
.woocommerce .woocommerce-cart-form table.shop_table td.product-quantity:before,
.woocommerce .woocommerce-cart-form table.shop_table td.product-subtotal:before {
line-height: 1.2;
}
.woocommerce .woocommerce-cart-form table.shop_table .product-name {
font-size: 12px;
}
.woocommerce-page .woocommerce table.shop_table tr td.actions button {
font-size: 12px;
padding: 7px 10px 5px;
}
}
.woocommerce-customer-logout .woocommerce-notices-wrapper .woocommerce-message {
border: 0px solid #eaeaea;
background: #fe5000;
border-radius: 25px;
color: #fcfcfc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 17px;
padding: 25px 0 35px;
max-width: 400px;
width: 100%;
margin: 0 0 50px;
}
.woocommerce-customer-logout .woocommerce-notices-wrapper .woocommerce-message:before, .woocommerce-customer-logout .woocommerce-notices-wrapper .woocommerce-message:after {
background-image: none;
}
.woocommerce-customer-logout .woocommerce-notices-wrapper .woocommerce-message a {
padding: 10px 20px;
margin: 25px auto 0;
}
.woocommerce-customer-logout .woocommerce-notices-wrapper .woocommerce-message a:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
content: " ";
height: 25px;
width: 25px;
margin-left: 10px;
background-size: 25px;
background-repeat: no-repeat;
}
.woocommerce-customer-logout .woocommerce-notices-wrapper .woocommerce-message svg {
fill: #ffd100;
height: 50px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 25px;
}
.woocommerce button.button {
border-radius: 1000px;
font-weight: normal;
}
button#b2bking_purchase_list_new_button {
background: #31137c;
border-radius: 100px;
-webkit-box-shadow: none;
box-shadow: none;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
min-width: 100px;
}
button#b2bking_purchase_list_new_button svg.b2bking_purchase_list_new_button_icon {
margin: 0 0 1px 10px;
width: 15px;
}
button#b2bking_purchase_list_new_button:hover {
background: #fe5000;
}
#b2bking_purchase_lists_table_filter label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
#b2bking_purchase_lists_table_filter label input {
padding: 0;
margin: 0;
border-radius: 25px;
height: 40px;
text-indent: 25px;
width: 250px;
margin-left: 10px;
}
div#b2bking_purchase_lists_table_length {
margin: 0 0 15px;
}
div#b2bking_purchase_lists_table_length label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
div#b2bking_purchase_lists_table_length label select {
margin: 0 10px 0;
border-radius: 25px;
width: 70px;
padding: 3px 0 0;
background-position: calc(100% - 10px);
}
button.b2bking_purchase_lists_view_list {
background: #eaeaea;
border-radius: 25px;
padding: 0 15px;
color: #383d40;
}
button.b2bking_purchase_lists_view_list:hover {
background: #dddddd;
color: #383d40;
}
table#b2bking_purchase_lists_table {
padding: 0;
border: 0;
margin-bottom: 15px;
}
table#b2bking_purchase_lists_table th,
table#b2bking_purchase_lists_table td {
text-align: left;
}
table#b2bking_purchase_lists_table tfoot {
display: none;
}
section.entry-content table th {
background-color: transparent;
border: none;
border-bottom: 1px solid #eaeaea;
text-align: left;
}
section.entry-content table tr:nth-child(even) {
background-color: transparent;
}
section.entry-content table tr:nth-of-type(odd) td {
background-color: #f7f7f7;
}
section.entry-content table tr td {
padding: 5px 15px;
background: transparent;
border: none;
border-left: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
section.entry-content table tr td:last-of-type {
border-right: 0px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
button.b2bking_bulkorder_form_container_bottom_add_button {
background: #fe5000;
}
.woocommerce form.woocommerce-ResetPassword {
display: block;
max-width: 400px;
margin: auto;
text-align: center;
background: #fe5000;
color: white;
font-weight: bold;
border-radius: 25px;
padding: 50px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.woocommerce form.woocommerce-ResetPassword > .clear {
border: none;
background: none;
padding: 0;
margin: 0;
}
.woocommerce form.woocommerce-ResetPassword .form-row-first {
width: 100%;
margin-bottom: 25px;
}
.woocommerce form.woocommerce-ResetPassword .form-row-first input {
padding: 0;
text-indent: 25px;
background: white;
border-radius: 25px;
height: 40px;
}
.woocommerce form.woocommerce-ResetPassword button {
background: #31137c;
color: white;
font-weight: bold;
padding: 0 10px 0 20px;
font-size: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce form.woocommerce-ResetPassword button:hover {
background: #421aa8;
color: white;
}
.woocommerce form.woocommerce-ResetPassword button:after {
content: " ";
height: 25px;
width: 25px;
background-size: 25px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
display: block;
margin-left: 10px;
}
.woocommerce-edit-account .woocommerce-MyAccount-content button[type="submit"] {
margin-top: 25px;
}
#ship-to-different-address-checkbox {
height: 20px;
width: 20px;
}
@media screen and (max-width: 767px) {
.woocommerce form.register p, .woocommerce form.register a, .woocommerce form.register a:visited,
.woocommerce form.login p,
.woocommerce form.login a,
.woocommerce form.login a:visited {
font-size: 15px;
}
.woocommerce form.register,
.woocommerce form.login {
padding: 25px 35px 15px;
}
.woocommerce form.register .form-row input.input-text,
.woocommerce form.login .form-row input.input-text {
height: 40px;
}
.woocommerce form.register > div,
.woocommerce form.register > div:nth-of-type(even):not(.woocommerce-privacy-policy-text) {
width: 100%;
margin: auto;
max-width: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.woocommerce form.register > div p,
.woocommerce form.register > div:nth-of-type(even):not(.woocommerce-privacy-policy-text) p {
max-width: 300px;
width: 100%;
margin: auto;
}
.woocommerce form.register > p:not(:last-of-type) {
width: 100%;
max-width: 300px;
}
.account-login-forms .account-create-form, .account-login-forms .account-login-form {
max-height: 3000px;
}
.woocommerce form.register .woocommerce-privacy-policy-text,
.woocommerce form.register > p:last-of-type {
width: 100%;
margin: 0;
padding-top: 20px;
top: 0;
height: auto;
}
.woocommerce form.register .woocommerce-privacy-policy-text p {
max-width: 300px;
margin: auto;
}
.woocommerce form.register > p:last-of-type {
border: 0px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 549px) {
.woocommerce form.register,
.woocommerce form.login {
padding: 25px 25px 5px;
}
.woocommerce form.register > .b2bking_custom_registration_container input, .woocommerce form.register > .b2bking_custom_registration_container select,
.woocommerce form.register > .woocommerce-privacy-policy-text input,
.woocommerce form.register > .woocommerce-privacy-policy-text select {
font-size: 12px;
text-indent: 15px;
}
.woocommerce form.register label {
font-size: 14px;
text-indent: 0;
padding-left: 15px;
line-height: 1.3;
}
.woocommerce form.register p.lost_password a, .woocommerce form.register a.lost_password a, .woocommerce form.register a:visited.lost_password a,
.woocommerce form.login p.lost_password a,
.woocommerce form.login a.lost_password a,
.woocommerce form.login a:visited.lost_password a {
color: white;
font-size: 10px;
text-decoration: none;
margin: 10px auto;
display: block;
}
}
article#post-not-found form#searchform > div {
position: relative;
}
article#post-not-found form#searchform > div button#searchsubmit {
top: 0;
}
.search-results:not(.archive) main {
margin-bottom: 100px;
}
.search-results:not(.archive) .page .article-header {
margin-bottom: 0;
}
.search-results:not(.archive) article {
margin-bottom: 1px;
padding-left: 10px;
font-size: 13px;
}
.search-results:not(.archive) article:before {
font-weight: bold;
font-size: 30px;
padding: 50px 0 10px 0px;
color: #383d40;
display: block;
background: #f3f3f3;
width: calc(100% + 10px);
position: relative;
right: 10px;
}
.search-results:not(.archive) article:nth-of-type(2n) {
background: #eaeaea;
}
.search-results:not(.archive) article a {
display: block;
width: 100%;
height: 100%;
}
.search-results:not(.archive) article.type-product:before {
content: "Products";
}
.search-results:not(.archive) article.type-product ~ .type-product:before {
display: none;
}
.search-results:not(.archive) article.type-brand:before {
content: "Brands";
}
.search-results:not(.archive) article.type-brand ~ .type-brand:before {
display: none;
}
.search-results:not(.archive) article.type-training:before {
content: "Training Dates";
}
.search-results:not(.archive) article.type-training ~ .type-training:before {
display: none;
}
.search-results:not(.archive) article.type-post:before {
content: "News Articles";
}
.search-results:not(.archive) article.type-post ~ .type-post:before {
display: none;
}
.search-results:not(.archive) article.type-page:before {
content: "Pages";
}
.search-results:not(.archive) article.type-page ~ .type-page:before {
display: none;
}
.search-results:not(.archive) article.type-deals, .search-results:not(.archive) article.type-award, .search-results:not(.archive) article.type-reviews {
display: none;
}
.cta {
padding-top: 75px;
padding-bottom: 50px;
}
.cta:not(.layout-wp-content) p, .cta:not(.layout-wp-content) li, .cta.layout-wp-content.columns-2 p, .cta.layout-wp-content.columns-2 li {
font-size: 20px;
}
.cta:not(.layout-wp-content).columns-2 .cntr, .cta.layout-wp-content.columns-2.columns-2 .cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-ms-flex-line-pack: center;
align-content: center;
height: 1050px;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div, .cta.layout-wp-content.columns-2.columns-2 .cntr > div {
width: calc((100% - 50px) / 2);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px 50px;
margin: 0 25px 50px;
max-width: 450px;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div:nth-of-type(2n+1), .cta.layout-wp-content.columns-2.columns-2 .cntr > div:nth-of-type(2n+1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div:nth-of-type(2n), .cta.layout-wp-content.columns-2.columns-2 .cntr > div:nth-of-type(2n) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div:nth-of-type(3n-2), .cta.layout-wp-content.columns-2.columns-2 .cntr > div:nth-of-type(3n-2) {
-webkit-box-flex: 1.25;
-ms-flex-positive: 1.25;
flex-grow: 1.25;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div h3, .cta.layout-wp-content.columns-2.columns-2 .cntr > div h3 {
font-size: 35px;
line-height: 1.1;
margin: 15px 0;
font-weight: bold;
text-align: center;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div p:not(:last-of-type), .cta.layout-wp-content.columns-2.columns-2 .cntr > div p:not(:last-of-type) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
margin: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div.green-theme h3, .cta.layout-wp-content.columns-2.columns-2 .cntr > div.green-theme h3 {
color: #95b100;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div.green-theme i, .cta.layout-wp-content.columns-2.columns-2 .cntr > div.green-theme i {
color: #95b100;
}
.cta:not(.layout-wp-content).columns-2 .cntr:before, .cta:not(.layout-wp-content).columns-2 .cntr:after, .cta.layout-wp-content.columns-2.columns-2 .cntr:before, .cta.layout-wp-content.columns-2.columns-2 .cntr:after {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cta:not(.layout-wp-content).columns-2 i, .cta.layout-wp-content.columns-2.columns-2 i {
font-size: 75px;
line-height: 1;
}
.cta.layout-img-text, .cta.layout-text-img {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cta.layout-img-text .img-cntr, .cta.layout-text-img .img-cntr {
width: calc(100% - 25px);
margin-bottom: 25px;
min-width: 350px;
}
.cta.layout-img-text .img-cntr img, .cta.layout-text-img .img-cntr img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.cta.layout-text-img .img-cntr {
margin-left: 25px;
}
.cta.layout-img-text .img-cntr {
margin-right: 25px;
}
.cta.layout-text-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cta.layout-text-text > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc((100% - 25px) / 2);
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cta.layout-text-text .cta {
padding: 35px 50px 50px;
}
.cta.layout-text-text .cta > * {
z-index: 1;
}
.cta.layout-text-text .cta:before {
content: " ";
position: absolute;
bottom: 0;
right: 0;
height: 250px;
width: 250px;
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/Waxman-Logo-1000-White.png);
background-size: 125%;
opacity: 0.2;
border-radius: 25px;
}
.cta.layout-text-text h2 {
font-size: 45px;
}
.cta.layout-text-text .icon {
position: absolute;
top: 30px;
right: 30px;
height: 100px;
}
.cta.layout-text-text p, .cta.layout-text-text li {
font-weight: bold;
}
.cta.layout-text-text ul {
margin: 15px 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.cta.layout-text-text li {
margin-bottom: 15px;
max-width: 400px;
}
.cta.layout-text-text .background-color-orange h2 {
text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
.cta.layout-text-text .background-color-orange p, .cta.layout-text-text .background-color-orange li {
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}
.cta.layout-image-circle {
background-size: cover;
background-position: center calc(100% + 100px);
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.cta.layout-image-circle .cntr {
padding: 75px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.cta.layout-image-circle h2 {
font-size: 50px;
margin-bottom: 0;
color: white;
line-height: 1;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}
.cta.layout-image-circle p {
font-weight: bold;
line-height: 1.2;
margin-bottom: 15px;
font-size: 20px;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}
.cta.layout-image-circle .svg-cntr {
height: 75px;
width: 75px;
margin-bottom: 15px;
background: radial-gradient(#ffda33, #e6bc00);
border-radius: 100px;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cta.layout-image-circle .svg-cntr i {
color: #4a25aa;
font-size: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.cta.layout-image-circle img {
height: 100%;
position: absolute;
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.cta.layout-text-l-image {
position: relative;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-position-x: right;
background-size: calc(100% - 450px);
background-position-y: bottom;
}
.cta.layout-text-l-image .cntr {
padding-top: 75px;
padding-right: 50px;
width: calc(350px + 50px + 50px);
position: relative;
margin: 0 auto 0 0;
padding-bottom: 250px;
}
.cta.layout-text-l-image .cntr.background-orange h2, .cta.layout-text-l-image .cntr.background-orange p, .cta.layout-text-l-image .cntr.background-orange a {
color: white;
font-weight: bold;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
}
.cta.layout-text-l-image .cntr h2 {
font-size: 35px;
}
.cta.layout-text-l-image .cntr a {
font-size: 27px;
text-decoration: none;
}
.cta.layout-text-l-image .cntr a:hover {
text-decoration: underline;
}
.cta.layout-text-l-image img.watermark {
position: absolute;
right: 215px;
bottom: -50px;
opacity: 0.25;
}
.cta.layout-text-l-image .cta-image {
width: calc(100vw - 450px);
background-size: cover;
background-position: bottom right;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
}
@media screen and (min-width: 1500px) {
.cta.layout-text-l-image {
background-size: calc(100vw - (350px + 50px + ((100vw - 1400px) / 2)));
}
.cta.layout-text-l-image .cntr {
width: calc(350px + 50px + ((100vw - 1400px) / 2));
}
.cta.layout-text-l-image .cta-image {
width: calc(100vw - (350px + 50px + ((100vw - 1400px) / 2)));
}
}
.cta.background-color-orange > h2, .cta.background-color-orange > h3, .cta.background-color-orange > h4, .cta.background-color-pink > h2, .cta.background-color-pink > h3, .cta.background-color-pink > h4, .cta.background-color-blue > h2, .cta.background-color-blue > h3, .cta.background-color-blue > h4, .cta.background-color-green > h2, .cta.background-color-green > h3, .cta.background-color-green > h4, .cta.background-color-purple > h2, .cta.background-color-purple > h3, .cta.background-color-purple > h4, .cta.background-color-yellow > h2, .cta.background-color-yellow > h3, .cta.background-color-yellow > h4, .cta.background-color-red > h2, .cta.background-color-red > h3, .cta.background-color-red > h4, .cta.background-color-grey > h2, .cta.background-color-grey > h3, .cta.background-color-grey > h4, .cta.background-color-black > h2, .cta.background-color-black > h3, .cta.background-color-black > h4 {
color: white;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
}
.cta.layout-3-up {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 25px;
}
.cta.layout-3-up > h2, .cta.layout-3-up > h3, .cta.layout-3-up > h4 {
width: 100%;
}
.cta.layout-3-up > div {
width: calc(((100% - (50px * 2)) / 3));
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 25px;
}
.cta.layout-3-up > div .svg-cntr {
height: 75px;
width: 75px;
margin-bottom: 25px;
}
.cta.layout-3-up > div .svg-cntr i {
font-size: 75px;
line-height: 1;
}
.cta.layout-3-up > div h2 {
margin-bottom: 25px;
}
.cta.layout-3-up > div div.entry-content {
margin-bottom: 25px;
text-align: center;
font-size: 1.2em;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta.layout-3-up > div .button {
margin-bottom: 25px;
}
.cta.layout-3-up > div.color-scheme-orange h2 {
color: #fe5000;
}
.cta.layout-3-up > div.color-scheme-pink h2 {
color: #e10098;
}
.cta.layout-3-up > div.color-scheme-blue h2 {
color: #31137c;
}
.cta.layout-3-up > div.color-scheme-green h2 {
color: #95b100;
}
.cta.layout-3-up > div.color-scheme-purple h2 {
color: #4a25aa;
}
.cta.layout-3-up > div.color-scheme-yellow h2 {
color: #ffd100;
}
.cta.layout-3-up > div.color-scheme-red h2 {
color: #cd001a;
}
.cta.layout-3-up > div.color-scheme-white h2 {
color: #fff;
}
.cta.layout-3-up > div.color-scheme-grey h2 {
color: #afaeae;
}
.cta.layout-3-up > div.color-scheme-black h2 {
color: #000;
}
.cta img.background-img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.15;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cta.layout-training > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cta.layout-training > div.shadow-inset {
padding: 25px 50px;
}
.cta.layout-training > div > h2, .cta.layout-training > div > p {
width: 100%;
}
.cta.layout-training > div > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 400px;
}
.cta.layout-training .layout-training--logos-cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(((100% - (25px * 4)) / 5) * 3 + 50px);
}
.cta.layout-training .layout-training--logos-cntr > p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: calc((100% - (25px * 2)) / 3);
height: 75px;
background: #f3f3f3;
padding: 15px 25px;
border-radius: 15px;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
margin-bottom: 0;
}
.cta.layout-training .layout-training--logos-cntr > p:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
border-radius: 15px;
}
.cta.layout-training .layout-training--logos-cntr > p img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cta.layout-training .layout-training--slideshow {
width: calc(((100% - (25px * 4)) / 5) * 2 + 25px);
border-radius: 15px;
margin-bottom: 25px;
}
.cta.layout-training .layout-training--slideshow:after {
border-radius: 15px;
}
.cta.layout-training .layout-training--slideshow > div {
border-radius: 15px;
overflow: hidden;
height: 100%;
margin-bottom: 25px;
}
.cta.layout-training .layout-training--slideshow .metaslider > div,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider ul.slides,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider .slides li,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider .slides ul,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider .slides ol,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider .slides img,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider .flex-direction-nav,
.cta.layout-training .layout-training--slideshow .metaslider .flexslider .flex-direction-nav li {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cta.layout-training a.button {
margin: auto;
}
.cta.top-overflow img {
top: -50px;
-webkit-transform: none;
transform: none;
}
.cta.overflow-hidden img {
-o-object-fit: cover;
object-fit: cover;
}
.cta.img-align-left img {
-o-object-position: left;
object-position: left;
}
.cta.img-align-right img {
-o-object-position: right;
object-position: right;
}
.cta.img-align-top img {
-o-object-position: top;
object-position: top;
}
.cta.img-align-bottom img {
-o-object-position: bottom;
object-position: bottom;
}
.cta.background-color-orange {
background-color: #fe5000;
}
.cta.background-color-pink {
background-color: #e10098;
}
.cta.background-color-blue {
background-color: #31137c;
}
.cta.background-color-green {
background-color: #95b100;
}
.cta.background-color-purple {
background-color: #4a25aa;
}
.cta.background-color-yellow {
background-color: #ffd100;
}
.cta.background-color-red {
background-color: #cd001a;
}
.cta.background-color-white {
background-color: #f3f3f3;
}
.cta.background-color-grey {
background-color: #afaeae;
}
.cta.background-color-black {
background-color: #000;
}
.cta.background-color-orange {
background: linear-gradient(195deg, #ff6a25, #fe5000, #f14c00);
}
.cta.background-color-pink {
background: linear-gradient(195deg, #ff08af, #e10098, #d4008f);
}
.cta.background-color-blue {
background: linear-gradient(195deg, #3e189d, #31137c, #2d1171);
}
.cta.background-color-green {
background: linear-gradient(195deg, #b5d700, #95b100, #8aa400);
}
.cta.background-color-purple {
background: linear-gradient(195deg, #582cc9, #4a25aa, #4523a0);
}
.cta.background-color-yellow {
background: linear-gradient(195deg, #ffd826, #ffd100, #f2c700);
}
.cta.background-color-red {
background: linear-gradient(195deg, #f3001f, #cd001a, #c00018);
}
.cta.background-color-white {
background: linear-gradient(195deg, white, #f3f3f3, #ededed);
}
.cta.background-color-grey {
background: linear-gradient(195deg, #c2c1c1, #afaeae, #a9a8a8);
}
.cta.background-color-black {
background: linear-gradient(195deg, #131313, #000, black);
}
.cta.color-scheme-orange h1, .cta.color-scheme-orange h2, .cta.color-scheme-orange h3, .cta.color-scheme-orange a:not(.button) {
color: #fe5000;
}
.cta.color-scheme-orange li:before {
background: #fe5000;
}
.cta.color-scheme-orange i {
color: #fe5000;
}
.cta.color-scheme-pink h1, .cta.color-scheme-pink h2, .cta.color-scheme-pink h3, .cta.color-scheme-pink a:not(.button) {
color: #e10098;
}
.cta.color-scheme-pink li:before {
background: #e10098;
}
.cta.color-scheme-pink i {
color: #e10098;
}
.cta.color-scheme-blue h1, .cta.color-scheme-blue h2, .cta.color-scheme-blue h3, .cta.color-scheme-blue a:not(.button) {
color: #31137c;
}
.cta.color-scheme-blue li:before {
background: #31137c;
}
.cta.color-scheme-blue i {
color: #31137c;
}
.cta.color-scheme-green h1, .cta.color-scheme-green h2, .cta.color-scheme-green h3, .cta.color-scheme-green a:not(.button) {
color: #95b100;
}
.cta.color-scheme-green li:before {
background: #95b100;
}
.cta.color-scheme-green i {
color: #95b100;
}
.cta.color-scheme-purple h1, .cta.color-scheme-purple h2, .cta.color-scheme-purple h3, .cta.color-scheme-purple a:not(.button) {
color: #4a25aa;
}
.cta.color-scheme-purple li:before {
background: #4a25aa;
}
.cta.color-scheme-purple i {
color: #4a25aa;
}
.cta.color-scheme-yellow h1, .cta.color-scheme-yellow h2, .cta.color-scheme-yellow h3, .cta.color-scheme-yellow a:not(.button) {
color: #ffd100;
}
.cta.color-scheme-yellow li:before {
background: #ffd100;
}
.cta.color-scheme-yellow i {
color: #ffd100;
}
.cta.color-scheme-red h1, .cta.color-scheme-red h2, .cta.color-scheme-red h3, .cta.color-scheme-red a:not(.button) {
color: #cd001a;
}
.cta.color-scheme-red li:before {
background: #cd001a;
}
.cta.color-scheme-red i {
color: #cd001a;
}
.cta.color-scheme-white h1, .cta.color-scheme-white h2, .cta.color-scheme-white h3, .cta.color-scheme-white a:not(.button) {
color: #fff;
}
.cta.color-scheme-white li:before {
background: #fff;
}
.cta.color-scheme-white i {
color: #fff;
}
.cta.color-scheme-grey h1, .cta.color-scheme-grey h2, .cta.color-scheme-grey h3, .cta.color-scheme-grey a:not(.button) {
color: #afaeae;
}
.cta.color-scheme-grey li:before {
background: #afaeae;
}
.cta.color-scheme-grey i {
color: #afaeae;
}
.cta.color-scheme-black h1, .cta.color-scheme-black h2, .cta.color-scheme-black h3, .cta.color-scheme-black a:not(.button) {
color: #000;
}
.cta.color-scheme-black li:before {
background: #000;
}
.cta.color-scheme-black i {
color: #000;
}
.cta.text-color-orange {
color: #fe5000;
}
.cta.text-color-orange p, .cta.text-color-orange li {
color: #fe5000;
}
.cta.text-color-pink {
color: #e10098;
}
.cta.text-color-pink p, .cta.text-color-pink li {
color: #e10098;
}
.cta.text-color-blue {
color: #31137c;
}
.cta.text-color-blue p, .cta.text-color-blue li {
color: #31137c;
}
.cta.text-color-green {
color: #95b100;
}
.cta.text-color-green p, .cta.text-color-green li {
color: #95b100;
}
.cta.text-color-purple {
color: #4a25aa;
}
.cta.text-color-purple p, .cta.text-color-purple li {
color: #4a25aa;
}
.cta.text-color-yellow {
color: #ffd100;
}
.cta.text-color-yellow p, .cta.text-color-yellow li {
color: #ffd100;
}
.cta.text-color-red {
color: #cd001a;
}
.cta.text-color-red p, .cta.text-color-red li {
color: #cd001a;
}
.cta.text-color-white {
color: #fff;
}
.cta.text-color-white p, .cta.text-color-white li {
color: #fff;
}
.cta.text-color-grey {
color: #383d40;
}
.cta.text-color-grey p, .cta.text-color-grey li {
color: #383d40;
}
.cta.text-color-black {
color: #000;
}
.cta.text-color-black p, .cta.text-color-black li {
color: #000;
}
.svg-fill-orange i {
color: #fe5000;
}
.svg-fill-pink i {
color: #e10098;
}
.svg-fill-blue i {
color: #31137c;
}
.svg-fill-green i {
color: #95b100;
}
.svg-fill-purple i {
color: #4a25aa;
}
.svg-fill-yellow i {
color: #ffd100;
}
.svg-fill-red i {
color: #cd001a;
}
.svg-fill-white i {
color: #fff;
}
.svg-fill-grey i {
color: #afaeae;
}
.svg-fill-black i {
color: #000;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-visible {
overflow: visible;
}
.cta.img-height-5-pcnt > img, *.img-height-5-pcnt > img {
height: 5%;
}
.cta.img-height-10-pcnt > img, *.img-height-10-pcnt > img {
height: 10%;
}
.cta.img-height-15-pcnt > img, *.img-height-15-pcnt > img {
height: 15%;
}
.cta.img-height-20-pcnt > img, *.img-height-20-pcnt > img {
height: 20%;
}
.cta.img-height-25-pcnt > img, *.img-height-25-pcnt > img {
height: 25%;
}
.cta.img-height-30-pcnt > img, *.img-height-30-pcnt > img {
height: 30%;
}
.cta.img-height-35-pcnt > img, *.img-height-35-pcnt > img {
height: 35%;
}
.cta.img-height-40-pcnt > img, *.img-height-40-pcnt > img {
height: 40%;
}
.cta.img-height-45-pcnt > img, *.img-height-45-pcnt > img {
height: 45%;
}
.cta.img-height-50-pcnt > img, *.img-height-50-pcnt > img {
height: 50%;
}
.cta.img-height-55-pcnt > img, *.img-height-55-pcnt > img {
height: 55%;
}
.cta.img-height-60-pcnt > img, *.img-height-60-pcnt > img {
height: 60%;
}
.cta.img-height-65-pcnt > img, *.img-height-65-pcnt > img {
height: 65%;
}
.cta.img-height-70-pcnt > img, *.img-height-70-pcnt > img {
height: 70%;
}
.cta.img-height-75-pcnt > img, *.img-height-75-pcnt > img {
height: 75%;
}
.cta.img-height-80-pcnt > img, *.img-height-80-pcnt > img {
height: 80%;
}
.cta.img-height-85-pcnt > img, *.img-height-85-pcnt > img {
height: 85%;
}
.cta.img-height-90-pcnt > img, *.img-height-90-pcnt > img {
height: 90%;
}
.cta.img-height-95-pcnt > img, *.img-height-95-pcnt > img {
height: 95%;
}
.cta.img-height-100-pcnt > img, *.img-height-100-pcnt > img {
height: 100%;
}
.cta.img-height-105-pcnt > img, *.img-height-105-pcnt > img {
height: 105%;
}
.cta.img-height-110-pcnt > img, *.img-height-110-pcnt > img {
height: 110%;
}
.cta.img-height-115-pcnt > img, *.img-height-115-pcnt > img {
height: 115%;
}
.cta.img-height-120-pcnt > img, *.img-height-120-pcnt > img {
height: 120%;
}
.cta.img-height-125-pcnt > img, *.img-height-125-pcnt > img {
height: 125%;
}
.cta.img-height-130-pcnt > img, *.img-height-130-pcnt > img {
height: 130%;
}
.cta.img-height-135-pcnt > img, *.img-height-135-pcnt > img {
height: 135%;
}
.cta.img-height-140-pcnt > img, *.img-height-140-pcnt > img {
height: 140%;
}
.cta.img-height-145-pcnt > img, *.img-height-145-pcnt > img {
height: 145%;
}
.cta.img-height-150-pcnt > img, *.img-height-150-pcnt > img {
height: 150%;
}
.cta.img-height-155-pcnt > img, *.img-height-155-pcnt > img {
height: 155%;
}
.cta.img-height-160-pcnt > img, *.img-height-160-pcnt > img {
height: 160%;
}
.cta.img-height-165-pcnt > img, *.img-height-165-pcnt > img {
height: 165%;
}
.cta.img-height-170-pcnt > img, *.img-height-170-pcnt > img {
height: 170%;
}
.cta.img-height-175-pcnt > img, *.img-height-175-pcnt > img {
height: 175%;
}
.cta.img-height-180-pcnt > img, *.img-height-180-pcnt > img {
height: 180%;
}
.cta.img-height-185-pcnt > img, *.img-height-185-pcnt > img {
height: 185%;
}
.cta.img-height-190-pcnt > img, *.img-height-190-pcnt > img {
height: 190%;
}
.cta.img-height-195-pcnt > img, *.img-height-195-pcnt > img {
height: 195%;
}
.cta.img-height-200-pcnt > img, *.img-height-200-pcnt > img {
height: 200%;
}
.cta.img-opacity-5-pcnt > img, *.img-opacity-5-pcnt > img {
opacity: 5%;
}
.cta.img-opacity-10-pcnt > img, *.img-opacity-10-pcnt > img {
opacity: 10%;
}
.cta.img-opacity-15-pcnt > img, *.img-opacity-15-pcnt > img {
opacity: 15%;
}
.cta.img-opacity-20-pcnt > img, *.img-opacity-20-pcnt > img {
opacity: 20%;
}
.cta.img-opacity-25-pcnt > img, *.img-opacity-25-pcnt > img {
opacity: 25%;
}
.cta.img-opacity-30-pcnt > img, *.img-opacity-30-pcnt > img {
opacity: 30%;
}
.cta.img-opacity-35-pcnt > img, *.img-opacity-35-pcnt > img {
opacity: 35%;
}
.cta.img-opacity-40-pcnt > img, *.img-opacity-40-pcnt > img {
opacity: 40%;
}
.cta.img-opacity-45-pcnt > img, *.img-opacity-45-pcnt > img {
opacity: 45%;
}
.cta.img-opacity-50-pcnt > img, *.img-opacity-50-pcnt > img {
opacity: 50%;
}
.cta.img-opacity-55-pcnt > img, *.img-opacity-55-pcnt > img {
opacity: 55%;
}
.cta.img-opacity-60-pcnt > img, *.img-opacity-60-pcnt > img {
opacity: 60%;
}
.cta.img-opacity-65-pcnt > img, *.img-opacity-65-pcnt > img {
opacity: 65%;
}
.cta.img-opacity-70-pcnt > img, *.img-opacity-70-pcnt > img {
opacity: 70%;
}
.cta.img-opacity-75-pcnt > img, *.img-opacity-75-pcnt > img {
opacity: 75%;
}
.cta.img-opacity-80-pcnt > img, *.img-opacity-80-pcnt > img {
opacity: 80%;
}
.cta.img-opacity-85-pcnt > img, *.img-opacity-85-pcnt > img {
opacity: 85%;
}
.cta.img-opacity-90-pcnt > img, *.img-opacity-90-pcnt > img {
opacity: 90%;
}
.cta.img-opacity-95-pcnt > img, *.img-opacity-95-pcnt > img {
opacity: 95%;
}
.cta.img-opacity-100-pcnt > img, *.img-opacity-100-pcnt > img {
opacity: 100%;
}
.cta .partners-white, * .partners-white {
padding-bottom: 165px;
}
.cta .partners-white-cntr, * .partners-white-cntr {
left: 0;
bottom: 0;
width: 100%;
height: 70px;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px 25px;
background: #ffd100;
}
.cta .partners-white-cntr img, * .partners-white-cntr img {
position: relative;
max-height: 100%;
top: unset;
bottom: unset;
padding: 10px;
}
@media screen and (min-width: 1920px) {
section.wrap.cta.layout-wp-content.columns-2 {
padding: 50px 50px 0;
}
section.wrap.cta.layout-wp-content.columns-2 .cntr {
height: auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
}
section.wrap.cta.layout-wp-content.columns-2 .cntr > div {
margin: 0 0 50px;
max-width: unset;
}
.cta.layout-wp-content.columns-2.columns-2 .cntr > div:nth-of-type(3n-2),
.cta.layout-wp-content.columns-2.columns-2 .cntr > div:nth-of-type(3n-1),
.cta.layout-wp-content.columns-2.columns-2 .cntr > div:nth-of-type(3n) {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
width: calc((100% - 75px) / 4);
}
}
@media screen and (max-width: 1149px) {
.cta.layout-text-text .icon {
display: none;
}
}
@media screen and (max-width: 1023px) {
.cta:not(.layout-wp-content) p, .cta:not(.layout-wp-content) li, .cta.layout-wp-content.columns-2 p, .cta.layout-wp-content.columns-2 li {
font-size: 16px;
}
.cta.layout-text-text > div {
max-width: calc((100% - 15px) / 2);
}
.cta.layout-text-text > div h2 {
text-align: left;
font-size: 35px;
}
.cta.layout-text-text > div p, .cta.layout-text-text > div li {
font-size: 16px;
}
.cta.layout-text-text .cta {
padding: 25px 25px 35px;
}
.cta.layout-image-circle {
background-position: center;
}
.cta.layout-image-circle > div {
margin-top: 0px;
}
.cta:not(.layout-wp-content).columns-2 .cntr, .cta.layout-wp-content.columns-2.columns-2 .cntr {
height: 850px;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div, .cta.layout-wp-content.columns-2.columns-2 .cntr > div {
margin: 0 12.5px 25px;
width: calc((100% - 25px) / 2);
max-width: 350px;
padding: 25px;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div h3, .cta.layout-wp-content.columns-2.columns-2 .cntr > div h3 {
font-size: 30px;
margin: 10px 0;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div i,
.cta.layout-wp-content.columns-2.columns-2 .cntr > div i {
font-size: 50px;
line-height: 1;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div p,
.cta.layout-wp-content.columns-2.columns-2 .cntr > div p {
font-size: 17px;
}
.cta.layout-text-l-image .cntr {
width: calc(250px + 50px + 50px);
padding: 50px 25px 200px;
}
.cta.layout-text-l-image .cntr a {
font-size: 24px;
}
.cta.layout-text-l-image img.watermark {
right: 170px;
bottom: -50px;
height: 250px;
width: auto;
}
.cta.layout-3-up > div {
width: calc(((100% - (25px * 2)) / 3));
}
.cta.layout-3-up > div div.entry-content {
font-size: 16px;
}
.cta.layout-training > div.shadow-inset {
padding: 25px;
}
.cta.layout-training .layout-training--logos-cntr {
width: calc(((100% - (10px * 4)) / 5) * 3 + 20px);
}
.cta.layout-training .layout-training--logos-cntr > p {
width: calc((100% - (10px * 2)) / 3);
height: 50px;
padding: 10px 15px;
}
.cta.layout-training .layout-training--slideshow {
width: calc(((100% - (10px * 4)) / 5) * 2 + 10px);
margin-bottom: 10px;
}
.cta.layout-training > div > div {
height: 240px;
}
}
@media screen and (max-width: 767px) {
.cta.layout-text-text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cta.layout-text-text > div {
max-width: 100%;
}
.cta.layout-text-text > div:first-of-type {
margin-bottom: 15px;
}
.cta.layout-text-text ul {
margin-bottom: 15px;
}
.cta.layout-text-text .cta:before {
height: 200px;
width: 200px;
}
.cta.layout-text-text .cta {
padding: 25px calc((100vw - 350px) / 2) 35px;
}
.cta.layout-image-circle {
padding: 0;
}
.cta.layout-image-circle > div {
width: 100%;
border-radius: 0px;
}
.cta.layout-image-circle > div.background-orange {
background-color: rgba(254, 80, 0, 0.9);
}
.cta.layout-image-circle > div.background-yellow {
background-color: rgba(255, 209, 0, 0.9);
}
.cta.layout-image-circle > div.background-pink {
background-color: rgba(225, 0, 152, 0.9);
}
.cta.layout-image-circle > div.background-purple {
background-color: rgba(74, 37, 170, 0.9);
}
.cta.layout-image-circle > div.background-black {
background-color: rgba(0, 0, 0, 0.9);
}
.cta.layout-image-circle > div.background-grey {
background-color: rgba(175, 174, 174, 0.9);
}
.cta.layout-image-circle > div.background-white {
background-color: rgba(255, 255, 255, 0.9);
}
.cta.layout-image-circle > div:after, .cta.layout-image-circle > div:before, .cta.layout-image-circle > div .gradient {
border-radius: 0px;
}
.cta.layout-image-circle h2 {
font-size: 2em;
}
.cta.layout-image-circle p {
font-size: 15px;
}
.cta:not(.layout-wp-content).columns-2 .cntr, .cta.layout-wp-content.columns-2.columns-2 .cntr {
height: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.cta:not(.layout-wp-content).columns-2 .cntr > div, .cta.layout-wp-content.columns-2.columns-2 .cntr > div {
width: 100%;
margin: 0 auto 25px;
max-width: 500px;
}
.cta.layout-text-l-image .cntr {
width: 100%;
padding: 50px 10px 300px;
background: none;
}
.cta.layout-text-l-image .cntr .gradient {
display: none;
}
.cta.layout-text-l-image .cntr a {
font-size: 20px;
}
.cta.layout-text-l-image .cntr p {
margin-bottom: 0;
}
.cta.layout-text-l-image img.watermark {
display: none;
}
.cta.layout-text-l-image .cta-image {
width: 100vw;
background-size: cover;
background-position: bottom right;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.cta.layout-img-text {
padding-top: 50px;
padding-bottom: 25px;
}
.cta.layout-img-text .img-cntr {
display: none;
}
.cta.layout-3-up > div {
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.cta.layout-3-up > div div.entry-content {
text-align: left;
margin-left: 15px;
}
.cta.layout-training {
padding-top: 50px;
padding-bottom: 50px;
}
.cta.layout-training .layout-training--logos-cntr {
display: none;
}
.cta.layout-training .layout-training--slideshow {
width: 100%;
}
}
@media screen and (max-width: 380px) {
.cta.layout-text-text .cta {
padding: 20px 25px 25px;
}
}
@-webkit-keyframes requiredLeftBounce {
from {
right: calc(100% + 15px);
}
to {
right: calc(100% + 25px);
}
}
@keyframes requiredLeftBounce {
from {
right: calc(100% + 15px);
}
to {
right: calc(100% + 25px);
}
}
@-webkit-keyframes requiredRightBounce {
from {
left: calc(100% + 15px);
}
to {
left: calc(100% + 25px);
}
}
@keyframes requiredRightBounce {
from {
left: calc(100% + 15px);
}
to {
left: calc(100% + 25px);
}
}
.page-template-page-pre-sale-support section.wavy {
background: #dae2e9;
padding-bottom: 100px;
padding-top: 100px;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.page-template-page-pre-sale-support section.wavy .flex {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(100% + 50px);
margin-top: 50px;
margin-left: -25px;
}
.page-template-page-pre-sale-support section.wavy .flex > div {
margin: 0 25px;
width: calc(100% / 3);
}
.page-template-page-pre-sale-support section.wavy .flex .circle {
background: #fe5000;
height: 150px;
width: 150px;
margin: auto;
padding: 35px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.page-template-page-pre-sale-support section.wavy .flex .circle svg {
fill: white;
}
.page-template-page-pre-sale-support section.wavy .flex h3 {
margin: 25px 0 0;
font-size: 25px;
font-weight: bold;
color: #fe5000;
}
.page-template-page-pre-sale-support form.wpcf7-form {
margin: 50px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-page-pre-sale-support form.wpcf7-form > div {
background: #fe5000;
margin: 0 auto 50px auto;
border-radius: 25px;
padding: 25px 50px 15px;
max-width: 800px;
}
.page-template-page-pre-sale-support form.wpcf7-form > div:nth-last-of-type(2) p {
width: 100%;
}
.page-template-page-pre-sale-support form.wpcf7-form > div:nth-last-of-type(2) p a {
color: white;
}
.page-template-page-pre-sale-support form.wpcf7-form > div.wpcf7-response-output {
margin-top: 0;
font-size: 17px;
padding: 0 25px 0 50px;
height: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative;
border-width: 0px;
}
.page-template-page-pre-sale-support form.wpcf7-form > div.wpcf7-response-output:before {
content: " ";
height: 30px;
width: 30px;
background-size: 30px;
position: absolute;
left: 10px;
}
.page-template-page-pre-sale-support form.wpcf7-form > p {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.page-template-page-pre-sale-support form.wpcf7-form.invalid .wpcf7-response-output {
background: #ffd100;
color: black;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-page-pre-sale-support form.wpcf7-form.invalid .wpcf7-response-output:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/information-line-purple.png);
}
.page-template-page-pre-sale-support form.wpcf7-form.sent .wpcf7-response-output {
background: #95b100;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-page-pre-sale-support form.wpcf7-form.sent .wpcf7-response-output:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-white.png);
}
.page-template-page-pre-sale-support form.wpcf7-form h3 {
color: white;
text-align: center;
margin-bottom: 10px;
}
.page-template-page-pre-sale-support form.wpcf7-form > div > p {
display: block;
position: relative;
}
.page-template-page-pre-sale-support form.wpcf7-form label {
color: white;
}
.page-template-page-pre-sale-support form.wpcf7-form input[type="text"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="password"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="datetime"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="datetime-local"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="date"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="month"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="time"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="week"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="number"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="email"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="url"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="search"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="tel"],
.page-template-page-pre-sale-support form.wpcf7-form input[type="color"],
.page-template-page-pre-sale-support form.wpcf7-form textarea {
background: white;
border: none;
border-radius: 20px;
height: 40px;
padding: 0;
text-indent: 25px;
}
.page-template-page-pre-sale-support form.wpcf7-form input[type="text"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="password"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="datetime"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="datetime-local"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="date"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="month"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="time"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="week"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="number"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="email"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="url"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="search"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="tel"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form input[type="color"].wpcf7-not-valid,
.page-template-page-pre-sale-support form.wpcf7-form textarea.wpcf7-not-valid {
border-radius: 20px;
background: white;
border: 0px;
-webkit-box-shadow: 0 0 10px red;
box-shadow: 0 0 10px red;
}
.page-template-page-pre-sale-support form.wpcf7-form textarea {
height: 150px;
padding: 15px 0;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-error-tag {
display: none;
position: absolute;
right: calc(100% + 15px);
top: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #ffd100;
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 9999;
font-size: 11px;
line-height: 1;
color: black;
padding: 0 0 0 7px;
width: 60px;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-animation: requiredLeftBounce 1s cubic-bezier(0.5, 0.5, 0, 1) 0s infinite alternate;
animation: requiredLeftBounce 1s cubic-bezier(0.5, 0.5, 0, 1) 0s infinite alternate;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-error-tag:after {
content: " ";
position: absolute;
left: calc(100% - 2px);
top: 4px;
height: 0;
width: 0;
border: 16px solid transparent;
border-left-color: #ffd100;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-error-tag:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/information-line-purple.png);
content: " ";
display: block;
border: none;
height: 25px;
width: 25px;
background-size: 25px;
left: unset;
top: 7.5px;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-not-valid-tip {
color: #31137c;
background: #ffd100;
padding: 3px 0 2px 25px;
position: relative;
top: 10px;
border-radius: 12.5px;
font-weight: bold;
width: auto;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-not-valid-tip:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/information-line-purple.png);
content: " ";
height: 15px;
width: 15px;
background-size: 15px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 5px;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-not-valid ~ .wpcf7-error-tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-page-pre-sale-support form.wpcf7-form > div > p:nth-last-of-type(2n) .wpcf7-form-control-wrap {
display: block;
}
.page-template-page-pre-sale-support form.wpcf7-form > div > p:nth-last-of-type(2n) .wpcf7-form-control-wrap .wpcf7-error-tag {
right: unset;
left: calc(100% + 15px);
padding: 0 5px 0 2px;
-webkit-animation-name: requiredRightBounce;
animation-name: requiredRightBounce;
}
.page-template-page-pre-sale-support form.wpcf7-form > div > p:nth-last-of-type(2n) .wpcf7-form-control-wrap .wpcf7-error-tag:before {
content: " ";
position: absolute;
right: calc(100% - 2px);
top: 4px;
height: 0;
width: 0;
border: 16px solid transparent;
border-right-color: #ffd100;
background-image: none;
}
.page-template-page-pre-sale-support form.wpcf7-form > div > p:nth-last-of-type(2n) .wpcf7-form-control-wrap .wpcf7-error-tag:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/information-line-purple.png);
content: " ";
display: block;
border: none;
height: 25px;
width: 25px;
background-size: 25px;
left: unset;
top: 7.5px;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item {
height: 40px;
background: transparent;
margin-bottom: 15px;
border-radius: 25px;
border: 1px solid #ffd100;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0 25px;
position: relative;
margin-right: 10px;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label:hover,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item:hover {
cursor: pointer;
background: rgba(255, 209, 0, 0.25);
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label input,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item input {
display: none;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label span,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item span {
line-height: 1;
text-align: left;
text-indent: 0;
color: white;
padding-left: 10px;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label span:before, .page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label span:after,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item span:before,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item span:after {
content: " ";
height: 20px;
width: 20px;
background-size: 20px;
background-repeat: no-repeat;
z-index: 9999;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
top: 50%;
left: 9px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label span:before,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item span:before {
opacity: 0.25;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label span:after,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item span:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/circle-line-yellow.png);
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label input:checked ~ span,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item input:checked ~ span {
color: white;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-radio label input:checked ~ span:before,
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item input:checked ~ span:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-circle-fill-yellow.png);
opacity: 1;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item {
border: none;
padding-right: 0;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item:hover {
background: none;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item input {
opacity: 0;
display: block;
width: 100%;
height: 40px;
position: absolute;
z-index: 10000;
left: 0;
cursor: pointer;
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item span:after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-blank-line-yellow.png);
}
.page-template-page-pre-sale-support form.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item input:checked ~ span:before {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/checkbox-fill-yellow.png);
opacity: 1;
}
.woocommerce .need-help.hide,
.woocommerce-account .need-help.hide {
display: block !important;
}
.need-help {
position: fixed;
top: 500px;
right: 0;
width: 250px;
z-index: 10000;
background: #fe5000;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 25px 0 0 25px;
color: white;
font-weight: bold;
-webkit-transition: width 0.3s, border-radius 0.3s;
transition: width 0.3s, border-radius 0.3s;
overflow: hidden;
}
.need-help__expander {
background: #31137c;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 0 0;
height: 80px;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
}
.need-help__expander h3 {
margin: 0;
text-align: center;
font-weight: bold;
-webkit-transition: font-size 0.3s;
transition: font-size 0.3s;
}
.need-help__expander h3 ::-moz-selection {
background: #31137c;
}
.need-help__expander h3 ::selection {
background: #31137c;
}
.need-help__expander i {
color: white;
font-size: 35px;
margin-bottom: 5px;
-webkit-transition: font-size 0.3s;
transition: font-size 0.3s;
line-height: 1;
}
.need-help__expander i:last-of-type {
position: absolute;
top: 5px;
right: 5px;
font-size: 25px;
}
.need-help__expander:hover {
background: #3a1692;
}
.need-help__expander:hover h3 {
color: #ffd100;
}
.need-help__expander:hover i {
color: #ffd100;
}
.need-help__cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0 25px;
max-height: 175px;
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 15px;
}
.need-help__cntr i {
color: white;
font-size: 25px;
margin-right: 5px;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.need-help__cntr a, .need-help__cntr a:focus, .need-help__cntr a:visited {
color: white;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 0 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-top: 1px solid #ff7332;
}
.need-help__cntr a:last-of-type, .need-help__cntr a:focus:last-of-type, .need-help__cntr a:visited:last-of-type {
border-bottom: 1px solid #ff7332;
}
.need-help__cntr a:hover, .need-help__cntr a:focus:hover, .need-help__cntr a:visited:hover {
cursor: pointer;
background: rgba(255, 209, 0, 0.5);
color: white;
}
.need-help__cntr a p, .need-help__cntr a:focus p, .need-help__cntr a:visited p {
margin: 3px 0 0;
}
.need-help:not(.expanded) {
width: 90px;
border-radius: 15px 0 0 15px;
}
.need-help:not(.expanded) .need-help__expander {
height: 60px;
padding-left: 5px;
}
.need-help:not(.expanded) .need-help__expander h3 {
font-size: 13px;
}
.need-help:not(.expanded) .need-help__expander i {
font-size: 25px;
}
.need-help:not(.expanded) .need-help__expander i:last-of-type {
font-size: 0;
}
.need-help:not(.expanded) .need-help__cntr {
max-height: 0;
padding: 0;
font-size: 0;
}
.need-help:not(.expanded) .need-help__cntr i {
font-size: 0px;
}
@media screen and (min-height: 550px) and (min-width: 550px) and (max-height: 750px) {
div#need-help {
top: 100vh;
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
}
@media screen and (min-height: 550px) and (min-width: 550px) and (max-height: 452px) {
body.admin-bar div#need-help {
top: 202px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body.admin-bar div#need-help.expanded {
top: 192px;
height: calc(100vh - 192px);
border-radius: 0;
}
}
@media screen and (min-height: 550px) and (min-width: 550px) and (max-height: 420px) {
body:not(.admin-bar) div#need-help {
top: 170px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar) div#need-help.expanded {
top: 160px;
height: calc(100vh - 160px);
border-radius: 0;
}
}
@media screen and (min-height: 550px) and (min-width: 550px) and (max-height: 445px) {
body:not(.admin-bar).credit-account div#need-help {
top: 195px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 180px;
height: calc(100vh - 180px);
border-radius: 0;
}
}
@media screen and (min-height: 550px) and (min-width: 550px) and (max-height: 412px) {
body.admin-bar div#need-help {
top: calc((100% - 32px) / 2);
}
body.admin-bar div#need-help.expanded {
top: 32px;
height: calc(100vh - 32px);
border-radius: 0;
}
}
@media screen and (min-height: 550px) and (min-width: 550px) and (max-height: 400px) {
body:not(.admin-bar) div#need-help,
body:not(.admin-bar).credit-account div#need-help {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body:not(.admin-bar) div#need-help.expanded,
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 0px;
height: calc(100vh - 0px);
border-radius: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@media screen and (max-width: 1149px) and (min-width: 1024px) and (max-height: 750px) {
div#need-help {
top: 100vh;
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
}
@media screen and (max-width: 1149px) and (min-width: 1024px) and (max-height: 452px) {
body.admin-bar div#need-help {
top: 182px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body.admin-bar div#need-help.expanded {
top: 172px;
height: calc(100vh - 172px);
border-radius: 0px;
}
}
@media screen and (max-width: 1149px) and (min-width: 1024px) and (max-height: 420px) {
body:not(.admin-bar) div#need-help {
top: 150px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar) div#need-help.expanded {
top: 140px;
height: calc(100vh - 140px);
border-radius: 0px;
}
}
@media screen and (max-width: 1149px) and (min-width: 1024px) and (max-height: 445px) {
body:not(.admin-bar).credit-account div#need-help {
top: 165px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 150px;
height: calc(100vh - 150px);
border-radius: 0px;
}
}
@media screen and (max-width: 1149px) and (min-width: 1024px) and (max-height: 412px) {
body.admin-bar div#need-help {
top: calc((100% - 32px) / 2);
}
body.admin-bar div#need-help.expanded {
top: 32px;
height: calc(100vh - 32px);
border-radius: 0;
}
}
@media screen and (max-width: 1149px) and (min-width: 1024px) and (max-height: 400px) {
body:not(.admin-bar) div#need-help,
body:not(.admin-bar).credit-account div#need-help {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body:not(.admin-bar) div#need-help.expanded,
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 0px;
height: calc(100vh - 0px);
border-radius: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-height: 750px) {
div#need-help {
top: 100vh;
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-height: 452px) {
body.admin-bar div#need-help {
top: 202px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body.admin-bar div#need-help.expanded {
top: 192px;
height: calc(100vh - 192px);
border-radius: 0px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-height: 420px) {
body:not(.admin-bar) div#need-help {
top: 170px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar) div#need-help.expanded {
top: 160px;
height: calc(100vh - 160px);
border-radius: 0px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-height: 445px) {
body:not(.admin-bar).credit-account div#need-help {
top: 160px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 150px;
height: calc(100vh - 150px);
border-radius: 0px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-height: 412px) {
body.admin-bar div#need-help {
top: calc((100% - 32px) / 2);
}
body.admin-bar div#need-help.expanded {
top: 32px;
height: calc(100vh - 32px);
border-radius: 0;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) and (max-height: 400px) {
body:not(.admin-bar) div#need-help,
body:not(.admin-bar).credit-account div#need-help {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body:not(.admin-bar) div#need-help.expanded,
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 0px;
height: calc(100vh - 0px);
border-radius: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@media screen and (max-width: 767px) and (min-width: 550px) and (max-height: 750px) {
div#need-help {
top: 100vh;
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
}
@media screen and (max-width: 767px) and (min-width: 550px) and (max-height: 452px) {
body.admin-bar div#need-help {
top: 216px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body.admin-bar div#need-help.expanded {
top: 206px;
height: calc(100vh - 206px);
border-radius: 0px;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) and (max-height: 420px) {
body:not(.admin-bar) div#need-help {
top: 170px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar) div#need-help.expanded {
top: 160px;
height: calc(100vh - 160px);
border-radius: 0px;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) and (max-height: 445px) {
body:not(.admin-bar).credit-account div#need-help {
top: 200px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: height 0.3s, top 0.3s, border-radius, 0.3s;
transition: height 0.3s, top 0.3s, border-radius, 0.3s;
height: 60px;
}
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 190px;
height: calc(100vh - 190px);
border-radius: 0px;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) and (max-height: 412px) {
body.admin-bar div#need-help {
top: calc((100% - 46px) / 2);
}
body.admin-bar div#need-help.expanded {
top: 46px;
height: calc(100vh - 46px);
border-radius: 0;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) and (max-height: 400px) {
body:not(.admin-bar) div#need-help,
body:not(.admin-bar).credit-account div#need-help {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body:not(.admin-bar) div#need-help.expanded,
body:not(.admin-bar).credit-account div#need-help.expanded {
top: 0px;
height: calc(100vh - 0px);
border-radius: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@media screen and (max-width: 549px) {
div#need-help {
top: unset;
bottom: 25px;
-webkit-transition: width 0.3s, border-radius 0.3s, bottom 0.3s;
transition: width 0.3s, border-radius 0.3s, bottom 0.3s;
}
div#need-help.expanded {
bottom: 0px;
width: 100vw;
border-radius: 0;
}
}
body.home.ie:not(.ie-continue) {
-webkit-transition: 1s;
transition: 1s;
}
body.ie .ie-message {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999;
max-width: 750px;
width: calc(100vw - 50px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 25px 50px;
}
body.ie .ie-message ~ div#overlay {
opacity: 1;
right: 0;
}
body.ie .ie-message h2 {
color: white;
font-size: 20px;
margin-bottom: 25px;
text-align: center;
font-weight: normal;
}
body.ie .ie-message div.browsers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 75%;
}
body.ie .ie-message div.browsers a {
opacity: 1;
margin: 0 10px;
}
body.ie .ie-message div.browsers a:hover {
opacity: 0.75;
cursor: pointer;
}
body.ie .ie-message div.browsers img {
padding: 10px;
background-color: white;
border-radius: 25px;
height: 100px;
width: 100px;
}
body.ie .ie-message a {
margin-bottom: 0;
font-size: 10px;
color: white;
opacity: 0.5;
}
body.ie .ie-message a:hover {
text-decoration: underline;
cursor: pointer;
}
body.ie-ok .ie-message ~ div#overlay {
opacity: 0;
right: 100vw;
}
section.awards-only > div {
padding: 25px 25px 0;
}
section.awards-only > div .award, section.awards-only > div .blank {
width: calc((100% - (25px * 4)) / 5);
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.awards-only > div .award ~ .award,
section.awards-only > div .award ~ .award ~ .award,
section.awards-only > div .award ~ .award ~ .award ~ .award,
section.awards-only > div .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award, section.awards-only > div .blank ~ .award,
section.awards-only > div .blank ~ .award ~ .award,
section.awards-only > div .blank ~ .award ~ .award ~ .award,
section.awards-only > div .blank ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .blank ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .blank ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .blank ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div .blank ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.awards-only > div .blank {
margin-bottom: 0;
}
section.awards-only > div article h3 {
font-size: 20px;
}
section.awards-only > div article h4 {
font-size: 15px;
}
section.awards-only > div article img {
min-height: 75px;
max-height: 75px;
}
section.reviews-only {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section.reviews-only > div.awards-reviews-cntr {
padding: 25px 0 0;
width: calc((100% - (25px * 1)) / 2);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
section.reviews-only > div.awards-reviews-cntr .review, section.reviews-only > div.awards-reviews-cntr .blank {
width: calc((100% - (25px * 1)) / 2);
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
section.reviews-only > div.awards-reviews-cntr .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review, section.reviews-only > div.awards-reviews-cntr .blank ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.reviews-only > div.awards-reviews-cntr .blank {
margin-bottom: 0;
}
section.reviews-only > div.awards-reviews-cntr article.review h3, section.reviews-only > div.awards-reviews-cntr article.review h4 {
width: calc(100% - 125px);
}
section.reviews-only > div.awards-reviews-cntr article.review .review-logo-cntr {
top: unset;
bottom: 0;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.reviews-only > div.awards-reviews-cntr article.review img {
max-width: 100px;
-o-object-position: bottom right;
object-position: bottom right;
height: auto;
margin: auto;
}
@media screen and (max-width: 1499px) {
section.awards-only > div.awards-reviews-cntr .award, section.awards-only > div.awards-reviews-cntr .blank {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc((100% - (25px * 3)) / 4);
}
section.awards-only > div.awards-reviews-cntr .award ~ .award,
section.awards-only > div.awards-reviews-cntr .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award, section.awards-only > div.awards-reviews-cntr .blank ~ .award,
section.awards-only > div.awards-reviews-cntr .blank ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .blank ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .blank ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .blank ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .blank ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .blank ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award,
section.awards-only > div.awards-reviews-cntr .blank ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award ~ .award {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.reviews-only > div.awards-reviews-cntr .review, section.reviews-only > div.awards-reviews-cntr .blank {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.reviews-only > div.awards-reviews-cntr .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review, section.reviews-only > div.awards-reviews-cntr .blank ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review,
section.reviews-only > div.awards-reviews-cntr .blank ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review ~ .review {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 1149px) {
section.reviews-only > div.awards-reviews-cntr article.review {
padding-bottom: 40px;
}
section.reviews-only > div.awards-reviews-cntr article.review h3, section.reviews-only > div.awards-reviews-cntr article.review h4 {
width: calc(100% - 95px);
}
section.reviews-only > div.awards-reviews-cntr article.review .review-logo-cntr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 7.5px;
}
section.reviews-only > div.awards-reviews-cntr article.review img {
max-width: 75px;
}
}
@media screen and (max-width: 1023px) {
section.awards-only > div.awards-reviews-cntr .award, section.awards-only > div.awards-reviews-cntr .blank {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc((100% - (15px * 2)) / 3);
}
section.reviews-only > div.awards-reviews-cntr {
width: calc((100% - (15px * 1)) / 2);
}
section.reviews-only > div.awards-reviews-cntr .review, section.reviews-only > div.awards-reviews-cntr .blank {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 767px) {
section.awards-only > div.awards-reviews-cntr.shadow-bw.shadow-bw-light.shadow-inset {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: initial;
}
section.awards-only > div.awards-reviews-cntr.shadow-bw.shadow-bw-light.shadow-inset:after {
display: none;
}
section.reviews-only > div.awards-reviews-cntr article.review {
padding-bottom: 40px;
}
section.reviews-only > div.awards-reviews-cntr article.review h3, section.reviews-only > div.awards-reviews-cntr article.review h4 {
width: 100%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.reviews-only > div.awards-reviews-cntr article.review .review-logo-cntr {
position: static;
margin: auto;
}
section.reviews-only > div.awards-reviews-cntr article.review img {
max-width: 75px;
}
}
@media screen and (max-width: 649px) {
section.awards-only > div.awards-reviews-cntr .award, section.awards-only > div.awards-reviews-cntr .blank {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc((100% - (15px * 1)) / 2);
}
section.reviews-only > div.awards-reviews-cntr .review, section.reviews-only > div.awards-reviews-cntr .blank {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 549px) {
section.reviews-only {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section.reviews-only > div.awards-reviews-cntr {
width: 100%;
padding-top: 0;
}
section.reviews-only > div.awards-reviews-cntr .blank {
display: none;
}
}
@media screen and (max-width: 449px) {
section.awards-only > div article h3 {
font-size: 15px;
}
section.awards-only > div article h4 {
font-size: 12px;
}
section.awards-only > div article img {
min-height: 50px;
max-height: 50px;
}
}  .alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
}
.alert-help {
border-color: #e8dc59;
background: #ebe16f;
}
.alert-info {
border-color: #bfe4f4;
background: #d5edf8;
}
.alert-error {
border-color: #f8cdce;
background: #fbe3e4;
}
.alert-success {
border-color: #deeaae;
background: #e6efc2;
} body a.button.big, .woocommerce a.button.big {
font-size: 2em;
font-weight: 500;
padding: 15px 15px 15px 30px;
height: auto;
}
body a.button.big:after, .woocommerce a.button.big:after {
margin-left: 30px;
}
body a.button.big svg, .woocommerce a.button.big svg {
height: 35px;
padding-right: 10px;
}
body a.button.medium, .woocommerce a.button.medium {
font-size: 1.7em;
font-weight: 500;
padding: 10px 10px 10px 20px;
height: auto;
}
body a.button.medium:after, .woocommerce a.button.medium:after {
margin-left: 20px;
}
body a.button.medium svg, .woocommerce a.button.medium svg {
height: 25px;
padding-right: 10px;
}
body a.button.white, .woocommerce a.button.white {
color: #fff;
}
body a.button.white:hover, body a.button.white:focus, .woocommerce a.button.white:hover, .woocommerce a.button.white:focus {
background: #fff;
border-color: #fff;
}
body a.button.white:hover svg, body a.button.white:focus svg, .woocommerce a.button.white:hover svg, .woocommerce a.button.white:focus svg {
fill: #fff;
}
body a.button.white:active, .woocommerce a.button.white:active {
background: #e6e6e6;
}
body a.button.white svg, .woocommerce a.button.white svg {
fill: #fe5000;
}
body a.button.primary, .woocommerce a.button.primary {
color: #fe5000;
}
body a.button.primary:hover, body a.button.primary:focus, .woocommerce a.button.primary:hover, .woocommerce a.button.primary:focus {
background: #fe5000;
border-color: #fe5000;
color: #fff;
}
body a.button.primary:hover svg, body a.button.primary:focus svg, .woocommerce a.button.primary:hover svg, .woocommerce a.button.primary:focus svg {
fill: #fe5000;
}
body a.button.primary:active, .woocommerce a.button.primary:active {
background: rgba(254, 80, 0, 0.9);
}
body a.button.primary svg, .woocommerce a.button.primary svg {
fill: #fff;
}
body a.button.fill.white, .woocommerce a.button.fill.white {
color: #31137c;
border: none;
background: #fff;
}
body a.button.fill.white:not(.no-arrow):after, .woocommerce a.button.fill.white:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-line-purple-min.png);
}
body a.button.fill.primary, .woocommerce a.button.fill.primary {
color: #fff;
border: none;
background: #fe5000;
}
body a.button.fill.primary:hover, body a.button.fill.primary:focus, .woocommerce a.button.fill.primary:hover, .woocommerce a.button.fill.primary:focus {
background: #cb4000;
color: #fff;
}
body a.button.fill.primary:active, .woocommerce a.button.fill.primary:active {
background: #e54800;
}
body a.button.fill.primary:not(.no-arrow):after, .woocommerce a.button.fill.primary:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-white-min.png);
}
body .ie a.button svg, .woocommerce .ie a.button svg {
display: none;
}
body a.button, body a.button:visited,
body button.button, .woocommerce a.button, .woocommerce a.button:visited,
.woocommerce button.button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 10px 10px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
border: 0px solid #31137c;
color: black;
font-weight: 600;
text-decoration: none;
cursor: pointer;
width: -webkit-fit-content;
width: fit-content;
width: -moz-fit-content;
background: radial-gradient(#4b1dbe, #31137c 70%);
color: white;
font-size: 23px;
line-height: 1;
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
-webkit-transition: 0.1s;
transition: 0.1s;
position: relative;
white-space: nowrap;
}
body a.button:before, body a.button:visited:before,
body button.button:before, .woocommerce a.button:before, .woocommerce a.button:visited:before,
.woocommerce button.button:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 100px;
-webkit-box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.3);
box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.3);
}
body a.button.center, body a.button.centre, body a.button:visited.center, body a.button:visited.centre,
body button.button.center,
body button.button.centre, .woocommerce a.button.center, .woocommerce a.button.centre, .woocommerce a.button:visited.center, .woocommerce a.button:visited.centre,
.woocommerce button.button.center,
.woocommerce button.button.centre {
margin: auto;
}
body a.button:hover, body a.button:focus, body a.button:visited:hover, body a.button:visited:focus,
body button.button:hover,
body button.button:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:visited:hover, .woocommerce a.button:visited:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus {
background: radial-gradient(#5421d4, #281066 70%);
border-color: #421aa8;
color: white;
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.3);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.3);
}
body a.button:hover:before, body a.button:focus:before, body a.button:visited:hover:before, body a.button:visited:focus:before,
body button.button:hover:before,
body button.button:focus:before, .woocommerce a.button:hover:before, .woocommerce a.button:focus:before, .woocommerce a.button:visited:hover:before, .woocommerce a.button:visited:focus:before,
.woocommerce button.button:hover:before,
.woocommerce button.button:focus:before {
-webkit-box-shadow: -2.5px -2.5px 5px rgba(255, 255, 255, 0.3);
box-shadow: -2.5px -2.5px 5px rgba(255, 255, 255, 0.3);
}
body a.button:active, body a.button:active:before, body a.button:visited:active, body a.button:visited:active:before,
body button.button:active,
body button.button:active:before, .woocommerce a.button:active, .woocommerce a.button:active:before, .woocommerce a.button:visited:active, .woocommerce a.button:visited:active:before,
.woocommerce button.button:active,
.woocommerce button.button:active:before {
-webkit-box-shadow: none;
box-shadow: none;
}
body a.button:active, body a.button:visited:active,
body button.button:active, .woocommerce a.button:active, .woocommerce a.button:visited:active,
.woocommerce button.button:active {
background: radial-gradient(#4b1dbe, #200c50 70%);
}
body a.button:not(.no-arrow):after, body a.button:visited:not(.no-arrow):after,
body button.button:not(.no-arrow):after, .woocommerce a.button:not(.no-arrow):after, .woocommerce a.button:visited:not(.no-arrow):after,
.woocommerce button.button:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
content: " ";
height: 30px;
width: 30px;
margin-left: 20px;
background-size: 30px;
background-repeat: no-repeat;
}
body a.button.small, body a.button:visited.small,
body button.button.small, .woocommerce a.button.small, .woocommerce a.button:visited.small,
.woocommerce button.button.small {
padding: 8px 15px 5px;
border-width: 1px;
font-size: 15px;
height: 30px;
}
body a.button.small:not(.no-arrow):after, body a.button:visited.small:not(.no-arrow):after,
body button.button.small:not(.no-arrow):after, .woocommerce a.button.small:not(.no-arrow):after, .woocommerce a.button:visited.small:not(.no-arrow):after,
.woocommerce button.button.small:not(.no-arrow):after {
height: 15px;
width: 15px;
background-size: 15px;
margin-left: 7.5px;
margin-bottom: 2px;
}
body a.button.large, body a.button:visited.large,
body button.button.large, .woocommerce a.button.large, .woocommerce a.button:visited.large,
.woocommerce button.button.large {
padding: 25px 50px 24px;
border-width: 0px;
font-size: 35px;
}
body a.button.large:not(.no-arrow), body a.button:visited.large:not(.no-arrow),
body button.button.large:not(.no-arrow), .woocommerce a.button.large:not(.no-arrow), .woocommerce a.button:visited.large:not(.no-arrow),
.woocommerce button.button.large:not(.no-arrow) {
padding: 15px 15px 15px 50px;
}
body a.button.large:not(.no-arrow):after, body a.button:visited.large:not(.no-arrow):after,
body button.button.large:not(.no-arrow):after, .woocommerce a.button.large:not(.no-arrow):after, .woocommerce a.button:visited.large:not(.no-arrow):after,
.woocommerce button.button.large:not(.no-arrow):after {
height: 35px;
width: 35px;
background-size: 35px;
margin-left: 25px;
margin-bottom: 1px;
}
body a.button.orange, body a.button:visited.orange,
body button.button.orange, .woocommerce a.button.orange, .woocommerce a.button:visited.orange,
.woocommerce button.button.orange {
background-color: #fe5000;
}
body a.button.orange:hover, body a.button:visited.orange:hover,
body button.button.orange:hover, .woocommerce a.button.orange:hover, .woocommerce a.button:visited.orange:hover,
.woocommerce button.button.orange:hover {
background-color: #ea4a00;
}
body a.button.orange:not(.no-arrow):after, body a.button:visited.orange:not(.no-arrow):after,
body button.button.orange:not(.no-arrow):after, .woocommerce a.button.orange:not(.no-arrow):after, .woocommerce a.button:visited.orange:not(.no-arrow):after,
.woocommerce button.button.orange:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
}
body a.button.pink, body a.button:visited.pink,
body button.button.pink, .woocommerce a.button.pink, .woocommerce a.button:visited.pink,
.woocommerce button.button.pink {
background-color: #e10098;
}
body a.button.pink:hover, body a.button:visited.pink:hover,
body button.button.pink:hover, .woocommerce a.button.pink:hover, .woocommerce a.button:visited.pink:hover,
.woocommerce button.button.pink:hover {
background-color: #c80087;
}
body a.button.pink:not(.no-arrow):after, body a.button:visited.pink:not(.no-arrow):after,
body button.button.pink:not(.no-arrow):after, .woocommerce a.button.pink:not(.no-arrow):after, .woocommerce a.button:visited.pink:not(.no-arrow):after,
.woocommerce button.button.pink:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-purple-min.png);
}
body a.button.blue, body a.button:visited.blue,
body button.button.blue, .woocommerce a.button.blue, .woocommerce a.button:visited.blue,
.woocommerce button.button.blue {
background-color: #31137c;
}
body a.button.blue:hover, body a.button:visited.blue:hover,
body button.button.blue:hover, .woocommerce a.button.blue:hover, .woocommerce a.button:visited.blue:hover,
.woocommerce button.button.blue:hover {
background-color: #3a1692;
}
body a.button.blue:not(.no-arrow):after, body a.button:visited.blue:not(.no-arrow):after,
body button.button.blue:not(.no-arrow):after, .woocommerce a.button.blue:not(.no-arrow):after, .woocommerce a.button:visited.blue:not(.no-arrow):after,
.woocommerce button.button.blue:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-purple-min.png);
}
body a.button.green, body a.button:visited.green,
body button.button.green, .woocommerce a.button.green, .woocommerce a.button:visited.green,
.woocommerce button.button.green {
background-color: #95b100;
}
body a.button.green:hover, body a.button:visited.green:hover,
body button.button.green:hover, .woocommerce a.button.green:hover, .woocommerce a.button:visited.green:hover,
.woocommerce button.button.green:hover {
background-color: #809800;
}
body a.button.green:not(.no-arrow):after, body a.button:visited.green:not(.no-arrow):after,
body button.button.green:not(.no-arrow):after, .woocommerce a.button.green:not(.no-arrow):after, .woocommerce a.button:visited.green:not(.no-arrow):after,
.woocommerce button.button.green:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-white-min.png);
}
body a.button.purple, body a.button:visited.purple,
body button.button.purple, .woocommerce a.button.purple, .woocommerce a.button:visited.purple,
.woocommerce button.button.purple {
background-color: #4a25aa;
}
body a.button.purple:hover, body a.button:visited.purple:hover,
body button.button.purple:hover, .woocommerce a.button.purple:hover, .woocommerce a.button:visited.purple:hover,
.woocommerce button.button.purple:hover {
background-color: #532abf;
}
body a.button.purple:not(.no-arrow):after, body a.button:visited.purple:not(.no-arrow):after,
body button.button.purple:not(.no-arrow):after, .woocommerce a.button.purple:not(.no-arrow):after, .woocommerce a.button:visited.purple:not(.no-arrow):after,
.woocommerce button.button.purple:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
}
body a.button.yellow, body a.button:visited.yellow,
body button.button.yellow, .woocommerce a.button.yellow, .woocommerce a.button:visited.yellow,
.woocommerce button.button.yellow {
background-color: #ffd100;
}
body a.button.yellow:hover, body a.button:visited.yellow:hover,
body button.button.yellow:hover, .woocommerce a.button.yellow:hover, .woocommerce a.button:visited.yellow:hover,
.woocommerce button.button.yellow:hover {
background-color: #f2c700;
}
body a.button.yellow:not(.no-arrow):after, body a.button:visited.yellow:not(.no-arrow):after,
body button.button.yellow:not(.no-arrow):after, .woocommerce a.button.yellow:not(.no-arrow):after, .woocommerce a.button:visited.yellow:not(.no-arrow):after,
.woocommerce button.button.yellow:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-orange-min.png);
}
body a.button.red, body a.button:visited.red,
body button.button.red, .woocommerce a.button.red, .woocommerce a.button:visited.red,
.woocommerce button.button.red {
background-color: #cd001a;
}
body a.button.red:hover, body a.button:visited.red:hover,
body button.button.red:hover, .woocommerce a.button.red:hover, .woocommerce a.button:visited.red:hover,
.woocommerce button.button.red:hover {
background-color: #b40017;
}
body a.button.red:not(.no-arrow):after, body a.button:visited.red:not(.no-arrow):after,
body button.button.red:not(.no-arrow):after, .woocommerce a.button.red:not(.no-arrow):after, .woocommerce a.button:visited.red:not(.no-arrow):after,
.woocommerce button.button.red:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
}
body a.button.white, body a.button:visited.white,
body button.button.white, .woocommerce a.button.white, .woocommerce a.button:visited.white,
.woocommerce button.button.white {
background-color: #fff;
color: #4a25aa;
}
body a.button.white:hover, body a.button:visited.white:hover,
body button.button.white:hover, .woocommerce a.button.white:hover, .woocommerce a.button:visited.white:hover,
.woocommerce button.button.white:hover {
background-color: #f2f2f2;
}
body a.button.white:not(.no-arrow):after, body a.button:visited.white:not(.no-arrow):after,
body button.button.white:not(.no-arrow):after, .woocommerce a.button.white:not(.no-arrow):after, .woocommerce a.button:visited.white:not(.no-arrow):after,
.woocommerce button.button.white:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-purple-min.png);
}
body a.button.grey, body a.button:visited.grey,
body button.button.grey, .woocommerce a.button.grey, .woocommerce a.button:visited.grey,
.woocommerce button.button.grey {
background-color: #afaeae;
}
body a.button.grey:hover, body a.button:visited.grey:hover,
body button.button.grey:hover, .woocommerce a.button.grey:hover, .woocommerce a.button:visited.grey:hover,
.woocommerce button.button.grey:hover {
background-color: #bcbbbb;
}
body a.button.grey:not(.no-arrow):after, body a.button:visited.grey:not(.no-arrow):after,
body button.button.grey:not(.no-arrow):after, .woocommerce a.button.grey:not(.no-arrow):after, .woocommerce a.button:visited.grey:not(.no-arrow):after,
.woocommerce button.button.grey:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-white-min.png);
}
body a.button.black, body a.button:visited.black,
body button.button.black, .woocommerce a.button.black, .woocommerce a.button:visited.black,
.woocommerce button.button.black {
background-color: #000;
}
body a.button.black:hover, body a.button:visited.black:hover,
body button.button.black:hover, .woocommerce a.button.black:hover, .woocommerce a.button:visited.black:hover,
.woocommerce button.button.black:hover {
background-color: #0d0d0d;
}
body a.button.black:not(.no-arrow):after, body a.button:visited.black:not(.no-arrow):after,
body button.button.black:not(.no-arrow):after, .woocommerce a.button.black:not(.no-arrow):after, .woocommerce a.button:visited.black:not(.no-arrow):after,
.woocommerce button.button.black:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-fill-yellow-min.png);
}
body a.button.invisible, body a.button:visited.invisible,
body button.button.invisible, .woocommerce a.button.invisible, .woocommerce a.button:visited.invisible,
.woocommerce button.button.invisible {
background: transparent;
color: #31137c;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
body a.button.invisible:after, body a.button.invisible:before, body a.button:visited.invisible:after, body a.button:visited.invisible:before,
body button.button.invisible:after,
body button.button.invisible:before, .woocommerce a.button.invisible:after, .woocommerce a.button.invisible:before, .woocommerce a.button:visited.invisible:after, .woocommerce a.button:visited.invisible:before,
.woocommerce button.button.invisible:after,
.woocommerce button.button.invisible:before {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.1s;
transition: 0.1s;
}
body a.button.invisible:not(.no-arrow):after, body a.button:visited.invisible:not(.no-arrow):after,
body button.button.invisible:not(.no-arrow):after, .woocommerce a.button.invisible:not(.no-arrow):after, .woocommerce a.button:visited.invisible:not(.no-arrow):after,
.woocommerce button.button.invisible:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-line-purple-min.png);
}
body a.button.invisible:hover, body a.button.invisible:focus, body a.button:visited.invisible:hover, body a.button:visited.invisible:focus,
body button.button.invisible:hover,
body button.button.invisible:focus, .woocommerce a.button.invisible:hover, .woocommerce a.button.invisible:focus, .woocommerce a.button:visited.invisible:hover, .woocommerce a.button:visited.invisible:focus,
.woocommerce button.button.invisible:hover,
.woocommerce button.button.invisible:focus {
background: #f3f3f3;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
body a.button.invisible:hover:before, body a.button.invisible:focus:before, body a.button:visited.invisible:hover:before, body a.button:visited.invisible:focus:before,
body button.button.invisible:hover:before,
body button.button.invisible:focus:before, .woocommerce a.button.invisible:hover:before, .woocommerce a.button.invisible:focus:before, .woocommerce a.button:visited.invisible:hover:before, .woocommerce a.button:visited.invisible:focus:before,
.woocommerce button.button.invisible:hover:before,
.woocommerce button.button.invisible:focus:before {
-webkit-box-shadow: -3px -3px 6px white;
box-shadow: -3px -3px 6px white;
}
body a.button.invisible:active, body a.button:visited.invisible:active,
body button.button.invisible:active, .woocommerce a.button.invisible:active, .woocommerce a.button:visited.invisible:active,
.woocommerce button.button.invisible:active {
background: #eaeaea;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
body a.button.invisible:active:before, body a.button:visited.invisible:active:before,
body button.button.invisible:active:before, .woocommerce a.button.invisible:active:before, .woocommerce a.button:visited.invisible:active:before,
.woocommerce button.button.invisible:active:before {
-webkit-box-shadow: -2px -2px 4px white;
box-shadow: -2px -2px 4px white;
}
body a.button.invisible.white, body a.button:visited.invisible.white,
body button.button.invisible.white, .woocommerce a.button.invisible.white, .woocommerce a.button:visited.invisible.white,
.woocommerce button.button.invisible.white {
color: #fff;
}
body a.button.invisible.white:not(.no-arrow):after, body a.button:visited.invisible.white:not(.no-arrow):after,
body button.button.invisible.white:not(.no-arrow):after, .woocommerce a.button.invisible.white:not(.no-arrow):after, .woocommerce a.button:visited.invisible.white:not(.no-arrow):after,
.woocommerce button.button.invisible.white:not(.no-arrow):after {
background-image: url(https://www.waxmanenergy.co.uk/wp-content/uploads/button-arrow-line-white-min.png);
}
body a.button.invisible.white:hover, body a.button.invisible.white:focus, body a.button:visited.invisible.white:hover, body a.button:visited.invisible.white:focus,
body button.button.invisible.white:hover,
body button.button.invisible.white:focus, .woocommerce a.button.invisible.white:hover, .woocommerce a.button.invisible.white:focus, .woocommerce a.button:visited.invisible.white:hover, .woocommerce a.button:visited.invisible.white:focus,
.woocommerce button.button.invisible.white:hover,
.woocommerce button.button.invisible.white:focus {
background: rgba(255, 255, 255, 0);
border-color: white;
}
body a.button.invisible.white:active, body a.button:visited.invisible.white:active,
body button.button.invisible.white:active, .woocommerce a.button.invisible.white:active, .woocommerce a.button:visited.invisible.white:active,
.woocommerce button.button.invisible.white:active {
background: rgba(255, 255, 255, 0.25);
}
body .wp-block-button a, .woocommerce .wp-block-button a {
font-weight: 600;
border-radius: 10px;
background-color: #fe5000;
border: 3px solid #fe5000;
padding: 7px 25px 8px;
}
body .wp-block-button a:hover, .woocommerce .wp-block-button a:hover {
background: transparent;
color: #cb4000;
}
body .wp-block-button a:after, .woocommerce .wp-block-button a:after {
content: "→";
font-family: sans-serif;
font-size: 1.2em;
padding-left: 5px;
}
@media screen and (max-width: 1023px) {
body a.button, body a.button:visited,
body button.button, .woocommerce a.button, .woocommerce a.button:visited,
.woocommerce button.button {
font-size: 17.5px;
height: 40px;
padding: 1px 15px 0 20px;
}
body a.button:not(.no-arrow):after, body a.button:visited:not(.no-arrow):after,
body button.button:not(.no-arrow):after, .woocommerce a.button:not(.no-arrow):after, .woocommerce a.button:visited:not(.no-arrow):after,
.woocommerce button.button:not(.no-arrow):after {
height: 25px;
width: 25px;
margin-left: 15px;
background-size: 25px;
margin-bottom: 1px;
}
}
@media screen and (max-width: 767px) {
body a.button, body a.button:visited,
body button.button, .woocommerce a.button, .woocommerce a.button:visited,
.woocommerce button.button {
font-size: 15px;
height: 30px;
padding: 1px 10px 0 20px;
}
body a.button:not(.no-arrow):after, body a.button:visited:not(.no-arrow):after,
body button.button:not(.no-arrow):after, .woocommerce a.button:not(.no-arrow):after, .woocommerce a.button:visited:not(.no-arrow):after,
.woocommerce button.button:not(.no-arrow):after {
height: 20px;
width: 20px;
margin-left: 10px;
background-size: 20px;
margin-bottom: 1px;
}
body a.button.small,
.woocommerce a.button.small {
font-size: 12px;
height: 21px;
padding: 2px 7.5px 0 10px;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
body a.button.small:not(.no-arrow):after,
.woocommerce a.button.small:not(.no-arrow):after {
height: 12px;
width: 12px;
margin-left: 5px;
background-size: 12px;
margin-bottom: 1.5px;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
body a.button.small.invisible:not(:hover),
.woocommerce a.button.small.invisible:not(:hover) {
-webkit-box-shadow: none;
box-shadow: none;
}
body a.button.small.invisible:after,
.woocommerce a.button.small.invisible:after {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (max-width: 499px) {
body a.button, body a.button:visited,
body button.button, .woocommerce a.button, .woocommerce a.button:visited,
.woocommerce button.button {
font-size: 15px;
height: 25px;
padding: 1px 10px 0 15px;
}
body a.button:not(.no-arrow):after, body a.button:visited:not(.no-arrow):after,
body button.button:not(.no-arrow):after, .woocommerce a.button:not(.no-arrow):after, .woocommerce a.button:visited:not(.no-arrow):after,
.woocommerce button.button:not(.no-arrow):after {
height: 15px;
width: 15px;
margin-left: 7.5px;
background-size: 15px;
margin-bottom: 1px;
}
body a.button.small,
.woocommerce a.button.small {
font-size: 10px;
height: 20px;
padding: 1px 7.5px 0 15px;
}
body a.button.small:not(.no-arrow):after,
.woocommerce a.button.small:not(.no-arrow):after {
height: 10px;
width: 10px;
margin-left: 5px;
background-size: 10px;
margin-bottom: 1px;
}
}  input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
height: 40px;
line-height: 1em;
padding: 0;
text-indent: 25px;
margin-bottom: 14px;
font-size: 1em;
color: #383d40;
border-radius: 100px;
vertical-align: middle;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
width: 100%;
font-family: "DIN Next LT Pro", din-condensed, "Avenir", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #eaeaea;
background-color: #fff;
-webkit-appearance: none;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
}
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
outline: none;
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: #fbe3e4;
border-color: #fbe3e4;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
outline-color: #fbe3e4;
}
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: #e6efc2;
border-color: #e6efc2;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
outline-color: #e6efc2;
}
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: #afaeae;
opacity: 0.6;
}
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #d5edf8;
}
input[type="password"] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em;
}
select {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 97.5% center;
}
@media screen and (max-width: 1023px) {
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
text-indent: 15px;
}
}
body:not(.home) .has-circles, body.home .has-circles {
position: relative;
overflow: hidden;
}
body:not(.home) .background-circle, body.home .background-circle {
position: absolute;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: solid 0px;
z-index: -1;
}
body:not(.home) .background-circle.orange, body.home .background-circle.orange {
background-color: #fe5000;
border-color: #fe5000;
}
body:not(.home) .background-circle.yellow, body.home .background-circle.yellow {
background-color: #ffd100;
border-color: #ffd100;
}
body:not(.home) .background-circle.pink, body.home .background-circle.pink {
background-color: #e10098;
border-color: #e10098;
}
body:not(.home) .background-circle.purple, body.home .background-circle.purple {
background-color: #4a25aa;
border-color: #4a25aa;
}
body:not(.home) .background-circle.green, body.home .background-circle.green {
background-color: #95b100;
border-color: #95b100;
}
body:not(.home) .background-circle.dark-pink, body.home .background-circle.dark-pink {
background-color: #ca2288;
border-color: #ca2288;
}
body:not(.home) .background-circle.size-10, body.home .background-circle.size-10 {
height: 10px;
width: 10px;
font-size: 12px;
}
body:not(.home) .background-circle.size-15, body.home .background-circle.size-15 {
height: 15px;
width: 15px;
font-size: 12px;
}
body:not(.home) .background-circle.size-20, body.home .background-circle.size-20 {
height: 20px;
width: 20px;
font-size: 12px;
}
body:not(.home) .background-circle.size-25, body.home .background-circle.size-25 {
height: 25px;
width: 25px;
font-size: 12px;
}
body:not(.home) .background-circle.size-30, body.home .background-circle.size-30 {
height: 30px;
width: 30px;
font-size: 12px;
}
body:not(.home) .background-circle.size-40, body.home .background-circle.size-40 {
height: 40px;
width: 40px;
font-size: 12px;
}
body:not(.home) .background-circle.size-50, body.home .background-circle.size-50 {
height: 50px;
width: 50px;
font-size: 12px;
}
body:not(.home) .background-circle.size-60, body.home .background-circle.size-60 {
height: 60px;
width: 60px;
font-size: 12px;
}
body:not(.home) .background-circle.size-70, body.home .background-circle.size-70 {
height: 70px;
width: 70px;
font-size: 12px;
}
body:not(.home) .background-circle.size-75, body.home .background-circle.size-75 {
height: 75px;
width: 75px;
font-size: 12px;
}
body:not(.home) .background-circle.size-80, body.home .background-circle.size-80 {
height: 80px;
width: 80px;
font-size: 12px;
}
body:not(.home) .background-circle.size-90, body.home .background-circle.size-90 {
height: 90px;
width: 90px;
font-size: 12px;
}
body:not(.home) .background-circle.size-100, body.home .background-circle.size-100 {
height: 100px;
width: 100px;
font-size: 15px;
}
body:not(.home) .background-circle.size-125, body.home .background-circle.size-125 {
height: 125px;
width: 125px;
font-size: 15px;
}
body:not(.home) .background-circle.size-150, body.home .background-circle.size-150 {
height: 150px;
width: 150px;
font-size: 15px;
}
body:not(.home) .background-circle.size-175, body.home .background-circle.size-175 {
height: 175px;
width: 175px;
font-size: 15px;
}
body:not(.home) .background-circle.size-200, body.home .background-circle.size-200 {
height: 200px;
width: 200px;
font-size: 15px;
}
body:not(.home) .background-circle.size-250, body.home .background-circle.size-250 {
height: 250px;
width: 250px;
font-size: 15px;
}
body:not(.home) .background-circle.size-300, body.home .background-circle.size-300 {
height: 300px;
width: 300px;
font-size: 15px;
}
body:not(.home) .background-circle.size-350, body.home .background-circle.size-350 {
height: 350px;
width: 350px;
font-size: 15px;
}
body:not(.home) .background-circle.size-400, body.home .background-circle.size-400 {
height: 400px;
width: 400px;
font-size: 15px;
}
body:not(.home) .background-circle.size-450, body.home .background-circle.size-450 {
height: 450px;
width: 450px;
font-size: 15px;
}
body:not(.home) .background-circle.size-500, body.home .background-circle.size-500 {
height: 500px;
width: 500px;
font-size: 15px;
}
body:not(.home) .background-circle.size-550, body.home .background-circle.size-550 {
height: 550px;
width: 550px;
font-size: 15px;
}
body:not(.home) .background-circle.size-600, body.home .background-circle.size-600 {
height: 600px;
width: 600px;
font-size: 15px;
}
body:not(.home) .background-circle.size-650, body.home .background-circle.size-650 {
height: 650px;
width: 650px;
font-size: 15px;
}
body:not(.home) .background-circle.size-700, body.home .background-circle.size-700 {
height: 700px;
width: 700px;
font-size: 15px;
}
body:not(.home) .background-circle.size-750, body.home .background-circle.size-750 {
height: 750px;
width: 750px;
font-size: 15px;
}
body:not(.home) .background-circle.size-800, body.home .background-circle.size-800 {
height: 800px;
width: 800px;
font-size: 15px;
}
body:not(.home) .background-circle.size-850, body.home .background-circle.size-850 {
height: 850px;
width: 850px;
font-size: 15px;
}
body:not(.home) .background-circle.size-900, body.home .background-circle.size-900 {
height: 900px;
width: 900px;
font-size: 15px;
}
body:not(.home) .background-circle.size-950, body.home .background-circle.size-950 {
height: 950px;
width: 950px;
font-size: 15px;
}
body:not(.home) .background-circle.size-1000, body.home .background-circle.size-1000 {
height: 1000px;
width: 1000px;
font-size: 15px;
}
body:not(.home) .background-circle.line, body.home .background-circle.line {
border-width: 5px;
background: transparent;
}
body:not(.home) .background-circle.thin-line, body.home .background-circle.thin-line {
border-width: 2px;
background: transparent;
}
body:not(.home) .background-circle.thick-line, body.home .background-circle.thick-line {
border-width: 10px;
background: transparent;
}
body:not(.home) .background-circle.very-thick-line, body.home .background-circle.very-thick-line {
border-width: 25px;
background: transparent;
}
body:not(.home) .background-circle.top--10, body.home .background-circle.top--10 {
top: -10%;
}
body:not(.home) .background-circle.top--20, body.home .background-circle.top--20 {
top: -20%;
}
body:not(.home) .background-circle.top--30, body.home .background-circle.top--30 {
top: -30%;
}
body:not(.home) .background-circle.top--40, body.home .background-circle.top--40 {
top: -40%;
}
body:not(.home) .background-circle.top--50, body.home .background-circle.top--50 {
top: -50%;
}
body:not(.home) .background-circle.top--5, body.home .background-circle.top--5 {
top: -5%;
}
body:not(.home) .background-circle.top--15, body.home .background-circle.top--15 {
top: -15%;
}
body:not(.home) .background-circle.top--25, body.home .background-circle.top--25 {
top: -25%;
}
body:not(.home) .background-circle.top--35, body.home .background-circle.top--35 {
top: -35%;
}
body:not(.home) .background-circle.top--45, body.home .background-circle.top--45 {
top: -45%;
}
body:not(.home) .background-circle.top-0, body.home .background-circle.top-0 {
top: 0%;
}
body:not(.home) .background-circle.top-10, body.home .background-circle.top-10 {
top: 10%;
}
body:not(.home) .background-circle.top-20, body.home .background-circle.top-20 {
top: 20%;
}
body:not(.home) .background-circle.top-30, body.home .background-circle.top-30 {
top: 30%;
}
body:not(.home) .background-circle.top-40, body.home .background-circle.top-40 {
top: 40%;
}
body:not(.home) .background-circle.top-50, body.home .background-circle.top-50 {
top: 50%;
}
body:not(.home) .background-circle.top-60, body.home .background-circle.top-60 {
top: 60%;
}
body:not(.home) .background-circle.top-70, body.home .background-circle.top-70 {
top: 70%;
}
body:not(.home) .background-circle.top-75, body.home .background-circle.top-75 {
top: 75%;
}
body:not(.home) .background-circle.top-80, body.home .background-circle.top-80 {
top: 80%;
}
body:not(.home) .background-circle.top-90, body.home .background-circle.top-90 {
top: 90%;
}
body:not(.home) .background-circle.top-100, body.home .background-circle.top-100 {
top: 100%;
}
body:not(.home) .background-circle.top-110, body.home .background-circle.top-110 {
top: 110%;
}
body:not(.home) .background-circle.top-120, body.home .background-circle.top-120 {
top: 120%;
}
body:not(.home) .background-circle.top-130, body.home .background-circle.top-130 {
top: 130%;
}
body:not(.home) .background-circle.top-140, body.home .background-circle.top-140 {
top: 140%;
}
body:not(.home) .background-circle.top-150, body.home .background-circle.top-150 {
top: 150%;
}
body:not(.home) .background-circle.top-5, body.home .background-circle.top-5 {
top: 5%;
}
body:not(.home) .background-circle.top-15, body.home .background-circle.top-15 {
top: 15%;
}
body:not(.home) .background-circle.top-25, body.home .background-circle.top-25 {
top: 25%;
}
body:not(.home) .background-circle.top-35, body.home .background-circle.top-35 {
top: 35%;
}
body:not(.home) .background-circle.top-45, body.home .background-circle.top-45 {
top: 45%;
}
body:not(.home) .background-circle.top-55, body.home .background-circle.top-55 {
top: 55%;
}
body:not(.home) .background-circle.top-65, body.home .background-circle.top-65 {
top: 65%;
}
body:not(.home) .background-circle.top-75, body.home .background-circle.top-75 {
top: 75%;
}
body:not(.home) .background-circle.top-75, body.home .background-circle.top-75 {
top: 75%;
}
body:not(.home) .background-circle.top-85, body.home .background-circle.top-85 {
top: 85%;
}
body:not(.home) .background-circle.top-95, body.home .background-circle.top-95 {
top: 95%;
}
body:not(.home) .background-circle.top-105, body.home .background-circle.top-105 {
top: 105%;
}
body:not(.home) .background-circle.top-115, body.home .background-circle.top-115 {
top: 115%;
}
body:not(.home) .background-circle.top-125, body.home .background-circle.top-125 {
top: 125%;
}
body:not(.home) .background-circle.top-135, body.home .background-circle.top-135 {
top: 135%;
}
body:not(.home) .background-circle.top-145, body.home .background-circle.top-145 {
top: 145%;
}
body:not(.home) .background-circle.left--10, body.home .background-circle.left--10 {
left: -10%;
}
body:not(.home) .background-circle.left--20, body.home .background-circle.left--20 {
left: -20%;
}
body:not(.home) .background-circle.left--30, body.home .background-circle.left--30 {
left: -30%;
}
body:not(.home) .background-circle.left--40, body.home .background-circle.left--40 {
left: -40%;
}
body:not(.home) .background-circle.left--50, body.home .background-circle.left--50 {
left: -50%;
}
body:not(.home) .background-circle.left--5, body.home .background-circle.left--5 {
left: -5%;
}
body:not(.home) .background-circle.left--15, body.home .background-circle.left--15 {
left: -15%;
}
body:not(.home) .background-circle.left--25, body.home .background-circle.left--25 {
left: -25%;
}
body:not(.home) .background-circle.left--35, body.home .background-circle.left--35 {
left: -35%;
}
body:not(.home) .background-circle.left--45, body.home .background-circle.left--45 {
left: -45%;
}
body:not(.home) .background-circle.left-0, body.home .background-circle.left-0 {
left: 0%;
}
body:not(.home) .background-circle.left-10, body.home .background-circle.left-10 {
left: 10%;
}
body:not(.home) .background-circle.left-20, body.home .background-circle.left-20 {
left: 20%;
}
body:not(.home) .background-circle.left-30, body.home .background-circle.left-30 {
left: 30%;
}
body:not(.home) .background-circle.left-40, body.home .background-circle.left-40 {
left: 40%;
}
body:not(.home) .background-circle.left-50, body.home .background-circle.left-50 {
left: 50%;
}
body:not(.home) .background-circle.left-60, body.home .background-circle.left-60 {
left: 60%;
}
body:not(.home) .background-circle.left-70, body.home .background-circle.left-70 {
left: 70%;
}
body:not(.home) .background-circle.left-75, body.home .background-circle.left-75 {
left: 75%;
}
body:not(.home) .background-circle.left-80, body.home .background-circle.left-80 {
left: 80%;
}
body:not(.home) .background-circle.left-90, body.home .background-circle.left-90 {
left: 90%;
}
body:not(.home) .background-circle.left-100, body.home .background-circle.left-100 {
left: 100%;
}
body:not(.home) .background-circle.left-110, body.home .background-circle.left-110 {
left: 110%;
}
body:not(.home) .background-circle.left-120, body.home .background-circle.left-120 {
left: 120%;
}
body:not(.home) .background-circle.left-130, body.home .background-circle.left-130 {
left: 130%;
}
body:not(.home) .background-circle.left-140, body.home .background-circle.left-140 {
left: 140%;
}
body:not(.home) .background-circle.left-150, body.home .background-circle.left-150 {
left: 150%;
}
body:not(.home) .background-circle.left-5, body.home .background-circle.left-5 {
left: 5%;
}
body:not(.home) .background-circle.left-15, body.home .background-circle.left-15 {
left: 15%;
}
body:not(.home) .background-circle.left-25, body.home .background-circle.left-25 {
left: 25%;
}
body:not(.home) .background-circle.left-35, body.home .background-circle.left-35 {
left: 35%;
}
body:not(.home) .background-circle.left-45, body.home .background-circle.left-45 {
left: 45%;
}
body:not(.home) .background-circle.left-55, body.home .background-circle.left-55 {
left: 55%;
}
body:not(.home) .background-circle.left-65, body.home .background-circle.left-65 {
left: 65%;
}
body:not(.home) .background-circle.left-75, body.home .background-circle.left-75 {
left: 75%;
}
body:not(.home) .background-circle.left-75, body.home .background-circle.left-75 {
left: 75%;
}
body:not(.home) .background-circle.left-85, body.home .background-circle.left-85 {
left: 85%;
}
body:not(.home) .background-circle.left-95, body.home .background-circle.left-95 {
left: 95%;
}
body:not(.home) .background-circle.left-105, body.home .background-circle.left-105 {
left: 105%;
}
body:not(.home) .background-circle.left-115, body.home .background-circle.left-115 {
left: 115%;
}
body:not(.home) .background-circle.left-125, body.home .background-circle.left-125 {
left: 125%;
}
body:not(.home) .background-circle.left-135, body.home .background-circle.left-135 {
left: 135%;
}
body:not(.home) .background-circle.left-145, body.home .background-circle.left-145 {
left: 145%;
}
body:not(.home) .background-circle.opacity-0, body.home .background-circle.opacity-0 {
opacity: 0;
visibility: visible;
}
body:not(.home) .background-circle.opacity-10, body.home .background-circle.opacity-10 {
opacity: 0.1;
visibility: visible;
}
body:not(.home) .background-circle.opacity-20, body.home .background-circle.opacity-20 {
opacity: 0.2;
visibility: visible;
}
body:not(.home) .background-circle.opacity-30, body.home .background-circle.opacity-30 {
opacity: 0.3;
visibility: visible;
}
body:not(.home) .background-circle.opacity-40, body.home .background-circle.opacity-40 {
opacity: 0.4;
visibility: visible;
}
body:not(.home) .background-circle.opacity-50, body.home .background-circle.opacity-50 {
opacity: 0.5;
visibility: visible;
}
body:not(.home) .background-circle.opacity-60, body.home .background-circle.opacity-60 {
opacity: 0.6;
visibility: visible;
}
body:not(.home) .background-circle.opacity-70, body.home .background-circle.opacity-70 {
opacity: 0.7;
visibility: visible;
}
body:not(.home) .background-circle.opacity-75, body.home .background-circle.opacity-75 {
opacity: 0.75;
visibility: visible;
}
body:not(.home) .background-circle.opacity-80, body.home .background-circle.opacity-80 {
opacity: 0.8;
visibility: visible;
}
body:not(.home) .background-circle.opacity-90, body.home .background-circle.opacity-90 {
opacity: 0.9;
visibility: visible;
}
body:not(.home) .background-circle.opacity-100, body.home .background-circle.opacity-100 {
opacity: 1;
visibility: visible;
}
body:not(.home) .background-circle.opacity-5, body.home .background-circle.opacity-5 {
opacity: 0.05;
visibility: visible;
}
body:not(.home) .background-circle.opacity-15, body.home .background-circle.opacity-15 {
opacity: 0.15;
visibility: visible;
}
body:not(.home) .background-circle.opacity-25, body.home .background-circle.opacity-25 {
opacity: 0.25;
visibility: visible;
}
body:not(.home) .background-circle.opacity-35, body.home .background-circle.opacity-35 {
opacity: 0.35;
visibility: visible;
}
body:not(.home) .background-circle.opacity-45, body.home .background-circle.opacity-45 {
opacity: 0.45;
visibility: visible;
}
body:not(.home) .background-circle.opacity-55, body.home .background-circle.opacity-55 {
opacity: 0.55;
visibility: visible;
}
body:not(.home) .background-circle.opacity-65, body.home .background-circle.opacity-65 {
opacity: 0.65;
visibility: visible;
}
body:not(.home) .background-circle.opacity-75, body.home .background-circle.opacity-75 {
opacity: 0.75;
visibility: visible;
}
body:not(.home) .background-circle.opacity-75, body.home .background-circle.opacity-75 {
opacity: 0.75;
visibility: visible;
}
body:not(.home) .background-circle.opacity-85, body.home .background-circle.opacity-85 {
opacity: 0.85;
visibility: visible;
}
body:not(.home) .background-circle.opacity-95, body.home .background-circle.opacity-95 {
opacity: 0.95;
visibility: visible;
}
body:not(.home) .floater.has-circles {
overflow: visible;
position: absolute;
}
body:not(.home) .floater.has-circles:nth-of-type(2) {
height: 300px;
width: 15%;
left: 50px;
top: 0;
}
body:not(.home) .floater.has-circles:nth-of-type(3) {
height: 150px;
width: 25%;
left: 22.5%;
bottom: 50px;
}
body:not(.home) .floater.has-circles:nth-of-type(4) {
height: 150px;
width: 25%;
right: 22.5%;
bottom: 50px;
}
body:not(.home) .floater.has-circles:nth-of-type(5) {
height: 300px;
width: 15%;
right: 50px;
top: 0;
}
body:not(.home) .floater.has-circles .background-circle {
padding: 3px;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
text-align: center;
line-height: 1;
-webkit-transition: 0.5s cubic-bezier(1, -1, 0.5, 2);
transition: 0.5s cubic-bezier(1, -1, 0.5, 2);
}
body:not(.home) .floater.has-circles .white.circle.line {
max-height: 100%;
max-width: 100%;
padding: 3px;
border: 3px solid white;
}
body:not(.home) .floater.has-circles .white.circle.line img.wp-post-image {
height: 100%;
width: 100%;
left: unset;
border-radius: 100%;
}
body:not(.home) .floater.has-circles:hover .background-circle {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(1) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(3) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(4) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(5) {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(6) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(7) {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(8) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(9) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
body:not(.home) .floater.has-circles:hover .background-circle:nth-last-of-type(10) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.img-shape {
position: absolute;
}
.img-shape img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.img-shape.overlay {
overflow: hidden;
}
.img-shape.overlay:before {
content: " ";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.img-shape.overlay-0:before {
opacity: 0;
}
.img-shape.overlay-5:before {
opacity: 0.05;
}
.img-shape.overlay-10:before {
opacity: 0.10;
}
.img-shape.overlay-15:before {
opacity: 0.15;
}
.img-shape.overlay-20:before {
opacity: 0.20;
}
.img-shape.overlay-25:before {
opacity: 0.25;
}
.img-shape.overlay-30:before {
opacity: 0.30;
}
.img-shape.overlay-35:before {
opacity: 0.35;
}
.img-shape.overlay-40:before {
opacity: 0.40;
}
.img-shape.overlay-45:before {
opacity: 0.45;
}
.img-shape.overlay-50:before {
opacity: 0.50;
}
.img-shape.overlay-55:before {
opacity: 0.55;
}
.img-shape.overlay-60:before {
opacity: 0.60;
}
.img-shape.overlay-65:before {
opacity: 0.65;
}
.img-shape.overlay-70:before {
opacity: 0.70;
}
.img-shape.overlay-75:before {
opacity: 0.75;
}
.img-shape.overlay-80:before {
opacity: 0.80;
}
.img-shape.overlay-85:before {
opacity: 0.85;
}
.img-shape.overlay-90:before {
opacity: 0.90;
}
.img-shape.overlay-95:before {
opacity: 0.95;
}
.img-shape.overlay-100:before {
opacity: 1;
}
.img-shape.overlay-orange:before {
background-color: #fe5000;
}
.img-shape.overlay-pink:before {
background-color: #e10098;
}
.img-shape.overlay-blue:before {
background-color: #31137c;
}
.img-shape.overlay-green:before {
background-color: #95b100;
}
.img-shape.overlay-purple:before {
background-color: #4a25aa;
}
.img-shape.overlay-yellow:before {
background-color: #ffd100;
}
.img-shape.overlay-red:before {
background-color: #cd001a;
}
.img-shape.top--10 {
top: -10%;
}
.img-shape.top--20 {
top: -20%;
}
.img-shape.top--30 {
top: -30%;
}
.img-shape.top--40 {
top: -40%;
}
.img-shape.top--50 {
top: -50%;
}
.img-shape.top--5 {
top: -5%;
}
.img-shape.top--15 {
top: -15%;
}
.img-shape.top--25 {
top: -25%;
}
.img-shape.top--35 {
top: -35%;
}
.img-shape.top--45 {
top: -45%;
}
.img-shape.top-0 {
top: 0%;
}
.img-shape.top-10 {
top: 10%;
}
.img-shape.top-20 {
top: 20%;
}
.img-shape.top-30 {
top: 30%;
}
.img-shape.top-40 {
top: 40%;
}
.img-shape.top-50 {
top: 50%;
}
.img-shape.top-60 {
top: 60%;
}
.img-shape.top-70 {
top: 70%;
}
.img-shape.top-75 {
top: 75%;
}
.img-shape.top-80 {
top: 80%;
}
.img-shape.top-90 {
top: 90%;
}
.img-shape.top-100 {
top: 100%;
}
.img-shape.top-110 {
top: 110%;
}
.img-shape.top-120 {
top: 120%;
}
.img-shape.top-130 {
top: 130%;
}
.img-shape.top-140 {
top: 140%;
}
.img-shape.top-150 {
top: 150%;
}
.img-shape.top-5 {
top: 5%;
}
.img-shape.top-15 {
top: 15%;
}
.img-shape.top-25 {
top: 25%;
}
.img-shape.top-35 {
top: 35%;
}
.img-shape.top-45 {
top: 45%;
}
.img-shape.top-55 {
top: 55%;
}
.img-shape.top-65 {
top: 65%;
}
.img-shape.top-75 {
top: 75%;
}
.img-shape.top-75 {
top: 75%;
}
.img-shape.top-85 {
top: 85%;
}
.img-shape.top-95 {
top: 95%;
}
.img-shape.top-105 {
top: 105%;
}
.img-shape.top-115 {
top: 115%;
}
.img-shape.top-125 {
top: 125%;
}
.img-shape.top-135 {
top: 135%;
}
.img-shape.top-145 {
top: 145%;
}
.img-shape.left--10 {
left: -10%;
}
.img-shape.left--20 {
left: -20%;
}
.img-shape.left--30 {
left: -30%;
}
.img-shape.left--40 {
left: -40%;
}
.img-shape.left--50 {
left: -50%;
}
.img-shape.left--5 {
left: -5%;
}
.img-shape.left--15 {
left: -15%;
}
.img-shape.left--25 {
left: -25%;
}
.img-shape.left--35 {
left: -35%;
}
.img-shape.left--45 {
left: -45%;
}
.img-shape.left-0 {
left: 0%;
}
.img-shape.left-10 {
left: 10%;
}
.img-shape.left-20 {
left: 20%;
}
.img-shape.left-30 {
left: 30%;
}
.img-shape.left-40 {
left: 40%;
}
.img-shape.left-50 {
left: 50%;
}
.img-shape.left-60 {
left: 60%;
}
.img-shape.left-70 {
left: 70%;
}
.img-shape.left-75 {
left: 75%;
}
.img-shape.left-80 {
left: 80%;
}
.img-shape.left-90 {
left: 90%;
}
.img-shape.left-100 {
left: 100%;
}
.img-shape.left-110 {
left: 110%;
}
.img-shape.left-120 {
left: 120%;
}
.img-shape.left-130 {
left: 130%;
}
.img-shape.left-140 {
left: 140%;
}
.img-shape.left-150 {
left: 150%;
}
.img-shape.left-5 {
left: 5%;
}
.img-shape.left-15 {
left: 15%;
}
.img-shape.left-25 {
left: 25%;
}
.img-shape.left-35 {
left: 35%;
}
.img-shape.left-45 {
left: 45%;
}
.img-shape.left-55 {
left: 55%;
}
.img-shape.left-65 {
left: 65%;
}
.img-shape.left-75 {
left: 75%;
}
.img-shape.left-75 {
left: 75%;
}
.img-shape.left-85 {
left: 85%;
}
.img-shape.left-95 {
left: 95%;
}
.img-shape.left-105 {
left: 105%;
}
.img-shape.left-115 {
left: 115%;
}
.img-shape.left-125 {
left: 125%;
}
.img-shape.left-135 {
left: 135%;
}
.img-shape.left-145 {
left: 145%;
}
.h-0 {
height: 0px;
}
.h-5 {
height: 5px;
}
.h-10 {
height: 10px;
}
.h-15 {
height: 15px;
}
.h-20 {
height: 20px;
}
.h-25 {
height: 25px;
}
.h-30 {
height: 30px;
}
.h-35 {
height: 35px;
}
.h-40 {
height: 40px;
}
.h-45 {
height: 45px;
}
.h-50 {
height: 50px;
}
.h-55 {
height: 55px;
}
.h-60 {
height: 60px;
}
.h-65 {
height: 65px;
}
.h-70 {
height: 70px;
}
.h-75 {
height: 75px;
}
.h-75 {
height: 75px;
}
.h-75 {
height: 75px;
}
.h-80 {
height: 80px;
}
.h-85 {
height: 85px;
}
.h-90 {
height: 90px;
}
.h-95 {
height: 95px;
}
.h-100 {
height: 100px;
}
.h-125 {
height: 125px;
}
.h-150 {
height: 150px;
}
.h-175 {
height: 175px;
}
.h-200 {
height: 200px;
}
.h-250 {
height: 250px;
}
.h-300 {
height: 300px;
}
.h-350 {
height: 350px;
}
.h-400 {
height: 400px;
}
.h-450 {
height: 450px;
}
.h-500 {
height: 500px;
}
.h-550 {
height: 550px;
}
.h-600 {
height: 600px;
}
.h-650 {
height: 650px;
}
.h-700 {
height: 700px;
}
.h-750 {
height: 750px;
}
.h-800 {
height: 800px;
}
.h-850 {
height: 850px;
}
.h-900 {
height: 900px;
}
.h-950 {
height: 950px;
}
.h-1000 {
height: 1000px;
}
.w-0 {
width: 0px;
}
.w-5 {
width: 5px;
}
.w-10 {
width: 10px;
}
.w-15 {
width: 15px;
}
.w-20 {
width: 20px;
}
.w-25 {
width: 25px;
}
.w-30 {
width: 30px;
}
.w-35 {
width: 35px;
}
.w-40 {
width: 40px;
}
.w-45 {
width: 45px;
}
.w-50 {
width: 50px;
}
.w-55 {
width: 55px;
}
.w-60 {
width: 60px;
}
.w-65 {
width: 65px;
}
.w-70 {
width: 70px;
}
.w-75 {
width: 75px;
}
.w-75 {
width: 75px;
}
.w-75 {
width: 75px;
}
.w-80 {
width: 80px;
}
.w-85 {
width: 85px;
}
.w-90 {
width: 90px;
}
.w-95 {
width: 95px;
}
.w-100 {
width: 100px;
}
.w-125 {
width: 125px;
}
.w-150 {
width: 150px;
}
.w-175 {
width: 175px;
}
.w-200 {
width: 200px;
}
.w-250 {
width: 250px;
}
.w-300 {
width: 300px;
}
.w-350 {
width: 350px;
}
.w-400 {
width: 400px;
}
.w-450 {
width: 450px;
}
.w-500 {
width: 500px;
}
.w-550 {
width: 550px;
}
.w-600 {
width: 600px;
}
.w-650 {
width: 650px;
}
.w-700 {
width: 700px;
}
.w-750 {
width: 750px;
}
.w-800 {
width: 800px;
}
.w-850 {
width: 850px;
}
.w-900 {
width: 900px;
}
.w-950 {
width: 950px;
}
.w-1000 {
width: 1000px;
}
.cntr > .gradient {
z-index: 0;
position: absolute;
width: 50%;
height: 50%;
}
.cntr > .gradient.top-right {
top: 0;
right: 0;
}
.cntr > .gradient.top-left {
top: 0;
left: 0;
}
.cntr > .gradient.bottom-right {
bottom: 0;
right: 0;
}
.cntr > .gradient.bottom-left {
bottom: 0;
left: 0;
}
.cntr > .gradient.yellow.top-right {
background: radial-gradient(ellipse at top right, rgba(255, 209, 0, 0.5), rgba(255, 209, 0, 0) 70%);
}
.cntr > .gradient.yellow.top-left {
background: radial-gradient(ellipse at top left, rgba(255, 209, 0, 0.5), rgba(255, 209, 0, 0) 70%);
}
.cntr > .gradient.yellow.bottom-right {
background: radial-gradient(ellipse at bottom right, rgba(255, 209, 0, 0.5), rgba(255, 209, 0, 0) 70%);
}
.cntr > .gradient.yellow.bottom-left {
background: radial-gradient(ellipse at bottom left, rgba(255, 209, 0, 0.5), rgba(255, 209, 0, 0) 70%);
}
.cntr > .gradient.orange.top-right {
background: radial-gradient(ellipse at top right, rgba(254, 80, 0, 0.5), rgba(254, 80, 0, 0) 70%);
}
.cntr > .gradient.orange.top-left {
background: radial-gradient(ellipse at top left, rgba(254, 80, 0, 0.5), rgba(254, 80, 0, 0) 70%);
}
.cntr > .gradient.orange.bottom-right {
background: radial-gradient(ellipse at bottom right, rgba(254, 80, 0, 0.5), rgba(254, 80, 0, 0) 70%);
}
.cntr > .gradient.orange.bottom-left {
background: radial-gradient(ellipse at bottom left, rgba(254, 80, 0, 0.5), rgba(254, 80, 0, 0) 70%);
}
.cntr > .gradient.pink.top-right {
background: radial-gradient(ellipse at top right, rgba(225, 0, 152, 0.5), rgba(225, 0, 152, 0) 70%);
}
.cntr > .gradient.pink.top-left {
background: radial-gradient(ellipse at top left, rgba(225, 0, 152, 0.5), rgba(225, 0, 152, 0) 70%);
}
.cntr > .gradient.pink.bottom-right {
background: radial-gradient(ellipse at bottom right, rgba(225, 0, 152, 0.5), rgba(225, 0, 152, 0) 70%);
}
.cntr > .gradient.pink.bottom-left {
background: radial-gradient(ellipse at bottom left, rgba(225, 0, 152, 0.5), rgba(225, 0, 152, 0) 70%);
}
.cntr > .gradient.purple.top-right {
background: radial-gradient(ellipse at top right, rgba(74, 37, 170, 0.3), rgba(74, 37, 170, 0) 70%);
}
.cntr > .gradient.purple.top-left {
background: radial-gradient(ellipse at top left, rgba(74, 37, 170, 0.3), rgba(74, 37, 170, 0) 70%);
}
.cntr > .gradient.purple.bottom-right {
background: radial-gradient(ellipse at bottom right, rgba(74, 37, 170, 0.3), rgba(74, 37, 170, 0) 70%);
}
.cntr > .gradient.purple.bottom-left {
background: radial-gradient(ellipse at bottom left, rgba(74, 37, 170, 0.3), rgba(74, 37, 170, 0) 70%);
}
.cntr > .gradient.white.top-right {
background: radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%);
}
.cntr > .gradient.white.top-left {
background: radial-gradient(ellipse at top left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%);
}
.cntr > .gradient.white.bottom-right {
background: radial-gradient(ellipse at bottom right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%);
}
.cntr > .gradient.white.bottom-left {
background: radial-gradient(ellipse at bottom left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%);
}
.radius .gradient.top-right {
border-top-right-radius: 25px;
}
.radius .gradient.top-left {
border-top-left-radius: 25px;
}
.radius .gradient.bottom-right {
border-bottom-right-radius: 25px;
}
.radius .gradient.bottom-left {
border-bottom-left-radius: 25px;
}
.radius-small .gradient.top-right {
border-top-right-radius: 15px;
}
.radius-small .gradient.top-left {
border-top-left-radius: 15px;
}
.radius-small .gradient.bottom-right {
border-bottom-right-radius: 15px;
}
.radius-small .gradient.bottom-left {
border-bottom-left-radius: 15px;
}
.radius-big .gradient.top-right {
border-top-right-radius: 50px;
}
.radius-big .gradient.top-left {
border-top-left-radius: 50px;
}
.radius-big .gradient.bottom-right {
border-bottom-right-radius: 50px;
}
.radius-big .gradient.bottom-left {
border-bottom-left-radius: 50px;
}
.radius-v-small .gradient.top-right {
border-top-right-radius: 5px;
}
.radius-v-small .gradient.top-left {
border-top-left-radius: 5px;
}
.radius-v-small .gradient.bottom-right {
border-bottom-right-radius: 5px;
}
.radius-v-small .gradient.bottom-left {
border-bottom-left-radius: 5px;
}
.radius-full .gradient.top-right {
border-top-right-radius: 10000px;
}
.radius-full .gradient.top-left {
border-top-left-radius: 10000px;
}
.radius-full .gradient.bottom-right {
border-bottom-right-radius: 10000px;
}
.radius-full .gradient.bottom-left {
border-bottom-left-radius: 10000px;
}
.height-10 {
height: 10px;
}
.height-15 {
height: 15px;
}
.height-20 {
height: 20px;
}
.height-25 {
height: 25px;
}
.height-30 {
height: 30px;
}
.height-40 {
height: 40px;
}
.height-50 {
height: 50px;
}
.height-60 {
height: 60px;
}
.height-70 {
height: 70px;
}
.height-75 {
height: 75px;
}
.height-80 {
height: 80px;
}
.height-90 {
height: 90px;
}
.height-100 {
height: 100px;
}
.height-125 {
height: 125px;
}
.height-150 {
height: 150px;
}
.height-175 {
height: 175px;
}
.height-200 {
height: 200px;
}
.height-250 {
height: 250px;
}
.height-300 {
height: 300px;
}
.height-350 {
height: 350px;
}
.height-400 {
height: 400px;
}
.height-450 {
height: 450px;
}
.height-500 {
height: 500px;
}
.height-550 {
height: 550px;
}
.height-600 {
height: 600px;
}
.height-650 {
height: 650px;
}
.height-700 {
height: 700px;
}
.height-750 {
height: 750px;
}
.height-800 {
height: 800px;
}
.height-850 {
height: 850px;
}
.height-900 {
height: 900px;
}
.height-950 {
height: 950px;
}
.height-1000 {
height: 1000px;
}
.width-10 {
width: 10px;
}
.width-15 {
width: 15px;
}
.width-20 {
width: 20px;
}
.width-25 {
width: 25px;
}
.width-30 {
width: 30px;
}
.width-40 {
width: 40px;
}
.width-50 {
width: 50px;
}
.width-60 {
width: 60px;
}
.width-70 {
width: 70px;
}
.width-75 {
width: 75px;
}
.width-80 {
width: 80px;
}
.width-90 {
width: 90px;
}
.width-100 {
width: 100px;
}
.width-125 {
width: 125px;
}
.width-150 {
width: 150px;
}
.width-175 {
width: 175px;
}
.width-200 {
width: 200px;
}
.width-250 {
width: 250px;
}
.width-300 {
width: 300px;
}
.width-350 {
width: 350px;
}
.width-400 {
width: 400px;
}
.width-450 {
width: 450px;
}
.width-500 {
width: 500px;
}
.width-550 {
width: 550px;
}
.width-600 {
width: 600px;
}
.width-650 {
width: 650px;
}
.width-700 {
width: 700px;
}
.width-750 {
width: 750px;
}
.width-800 {
width: 800px;
}
.width-850 {
width: 850px;
}
.width-900 {
width: 900px;
}
.width-950 {
width: 950px;
}
.width-1000 {
width: 1000px;
}
.width-f {
width: 100%;
}
.width-full {
width: 100%;
}
@media screen and (min-width: 1500px) {
.xld-height-10 {
height: 10px;
}
.xld-height-15 {
height: 15px;
}
.xld-height-20 {
height: 20px;
}
.xld-height-25 {
height: 25px;
}
.xld-height-30 {
height: 30px;
}
.xld-height-40 {
height: 40px;
}
.xld-height-50 {
height: 50px;
}
.xld-height-60 {
height: 60px;
}
.xld-height-70 {
height: 70px;
}
.xld-height-75 {
height: 75px;
}
.xld-height-80 {
height: 80px;
}
.xld-height-90 {
height: 90px;
}
.xld-height-100 {
height: 100px;
}
.xld-height-125 {
height: 125px;
}
.xld-height-150 {
height: 150px;
}
.xld-height-175 {
height: 175px;
}
.xld-height-200 {
height: 200px;
}
.xld-height-250 {
height: 250px;
}
.xld-height-300 {
height: 300px;
}
.xld-height-350 {
height: 350px;
}
.xld-height-400 {
height: 400px;
}
.xld-height-450 {
height: 450px;
}
.xld-height-500 {
height: 500px;
}
.xld-height-550 {
height: 550px;
}
.xld-height-600 {
height: 600px;
}
.xld-height-650 {
height: 650px;
}
.xld-height-700 {
height: 700px;
}
.xld-height-750 {
height: 750px;
}
.xld-height-800 {
height: 800px;
}
.xld-height-850 {
height: 850px;
}
.xld-height-900 {
height: 900px;
}
.xld-height-950 {
height: 950px;
}
.xld-height-1000 {
height: 1000px;
}
.xld-width-10 {
width: 10px;
}
.xld-width-15 {
width: 15px;
}
.xld-width-20 {
width: 20px;
}
.xld-width-25 {
width: 25px;
}
.xld-width-30 {
width: 30px;
}
.xld-width-40 {
width: 40px;
}
.xld-width-50 {
width: 50px;
}
.xld-width-60 {
width: 60px;
}
.xld-width-70 {
width: 70px;
}
.xld-width-75 {
width: 75px;
}
.xld-width-80 {
width: 80px;
}
.xld-width-90 {
width: 90px;
}
.xld-width-100 {
width: 100px;
}
.xld-width-125 {
width: 125px;
}
.xld-width-150 {
width: 150px;
}
.xld-width-175 {
width: 175px;
}
.xld-width-200 {
width: 200px;
}
.xld-width-250 {
width: 250px;
}
.xld-width-300 {
width: 300px;
}
.xld-width-350 {
width: 350px;
}
.xld-width-400 {
width: 400px;
}
.xld-width-450 {
width: 450px;
}
.xld-width-500 {
width: 500px;
}
.xld-width-550 {
width: 550px;
}
.xld-width-600 {
width: 600px;
}
.xld-width-650 {
width: 650px;
}
.xld-width-700 {
width: 700px;
}
.xld-width-750 {
width: 750px;
}
.xld-width-800 {
width: 800px;
}
.xld-width-850 {
width: 850px;
}
.xld-width-900 {
width: 900px;
}
.xld-width-950 {
width: 950px;
}
.xld-width-1000 {
width: 1000px;
}
}
@media screen and (max-width: 1499px) and (min-width: 1250px) {
.ld-height-10 {
height: 10px;
}
.ld-height-15 {
height: 15px;
}
.ld-height-20 {
height: 20px;
}
.ld-height-25 {
height: 25px;
}
.ld-height-30 {
height: 30px;
}
.ld-height-40 {
height: 40px;
}
.ld-height-50 {
height: 50px;
}
.ld-height-60 {
height: 60px;
}
.ld-height-70 {
height: 70px;
}
.ld-height-75 {
height: 75px;
}
.ld-height-80 {
height: 80px;
}
.ld-height-90 {
height: 90px;
}
.ld-height-100 {
height: 100px;
}
.ld-height-125 {
height: 125px;
}
.ld-height-150 {
height: 150px;
}
.ld-height-175 {
height: 175px;
}
.ld-height-200 {
height: 200px;
}
.ld-height-250 {
height: 250px;
}
.ld-height-300 {
height: 300px;
}
.ld-height-350 {
height: 350px;
}
.ld-height-400 {
height: 400px;
}
.ld-height-450 {
height: 450px;
}
.ld-height-500 {
height: 500px;
}
.ld-height-550 {
height: 550px;
}
.ld-height-600 {
height: 600px;
}
.ld-height-650 {
height: 650px;
}
.ld-height-700 {
height: 700px;
}
.ld-height-750 {
height: 750px;
}
.ld-height-800 {
height: 800px;
}
.ld-height-850 {
height: 850px;
}
.ld-height-900 {
height: 900px;
}
.ld-height-950 {
height: 950px;
}
.ld-height-1000 {
height: 1000px;
}
.ld-width-10 {
width: 10px;
}
.ld-width-15 {
width: 15px;
}
.ld-width-20 {
width: 20px;
}
.ld-width-25 {
width: 25px;
}
.ld-width-30 {
width: 30px;
}
.ld-width-40 {
width: 40px;
}
.ld-width-50 {
width: 50px;
}
.ld-width-60 {
width: 60px;
}
.ld-width-70 {
width: 70px;
}
.ld-width-75 {
width: 75px;
}
.ld-width-80 {
width: 80px;
}
.ld-width-90 {
width: 90px;
}
.ld-width-100 {
width: 100px;
}
.ld-width-125 {
width: 125px;
}
.ld-width-150 {
width: 150px;
}
.ld-width-175 {
width: 175px;
}
.ld-width-200 {
width: 200px;
}
.ld-width-250 {
width: 250px;
}
.ld-width-300 {
width: 300px;
}
.ld-width-350 {
width: 350px;
}
.ld-width-400 {
width: 400px;
}
.ld-width-450 {
width: 450px;
}
.ld-width-500 {
width: 500px;
}
.ld-width-550 {
width: 550px;
}
.ld-width-600 {
width: 600px;
}
.ld-width-650 {
width: 650px;
}
.ld-width-700 {
width: 700px;
}
.ld-width-750 {
width: 750px;
}
.ld-width-800 {
width: 800px;
}
.ld-width-850 {
width: 850px;
}
.ld-width-900 {
width: 900px;
}
.ld-width-950 {
width: 950px;
}
.ld-width-1000 {
width: 1000px;
}
}
@media screen and (max-width: 1249px) and (min-width: 1024px) {
.d-height-10 {
height: 10px;
}
.d-height-15 {
height: 15px;
}
.d-height-20 {
height: 20px;
}
.d-height-25 {
height: 25px;
}
.d-height-30 {
height: 30px;
}
.d-height-40 {
height: 40px;
}
.d-height-50 {
height: 50px;
}
.d-height-60 {
height: 60px;
}
.d-height-70 {
height: 70px;
}
.d-height-75 {
height: 75px;
}
.d-height-80 {
height: 80px;
}
.d-height-90 {
height: 90px;
}
.d-height-100 {
height: 100px;
}
.d-height-125 {
height: 125px;
}
.d-height-150 {
height: 150px;
}
.d-height-175 {
height: 175px;
}
.d-height-200 {
height: 200px;
}
.d-height-250 {
height: 250px;
}
.d-height-300 {
height: 300px;
}
.d-height-350 {
height: 350px;
}
.d-height-400 {
height: 400px;
}
.d-height-450 {
height: 450px;
}
.d-height-500 {
height: 500px;
}
.d-height-550 {
height: 550px;
}
.d-height-600 {
height: 600px;
}
.d-height-650 {
height: 650px;
}
.d-height-700 {
height: 700px;
}
.d-height-750 {
height: 750px;
}
.d-height-800 {
height: 800px;
}
.d-height-850 {
height: 850px;
}
.d-height-900 {
height: 900px;
}
.d-height-950 {
height: 950px;
}
.d-height-1000 {
height: 1000px;
}
.d-width-10 {
width: 10px;
}
.d-width-15 {
width: 15px;
}
.d-width-20 {
width: 20px;
}
.d-width-25 {
width: 25px;
}
.d-width-30 {
width: 30px;
}
.d-width-40 {
width: 40px;
}
.d-width-50 {
width: 50px;
}
.d-width-60 {
width: 60px;
}
.d-width-70 {
width: 70px;
}
.d-width-75 {
width: 75px;
}
.d-width-80 {
width: 80px;
}
.d-width-90 {
width: 90px;
}
.d-width-100 {
width: 100px;
}
.d-width-125 {
width: 125px;
}
.d-width-150 {
width: 150px;
}
.d-width-175 {
width: 175px;
}
.d-width-200 {
width: 200px;
}
.d-width-250 {
width: 250px;
}
.d-width-300 {
width: 300px;
}
.d-width-350 {
width: 350px;
}
.d-width-400 {
width: 400px;
}
.d-width-450 {
width: 450px;
}
.d-width-500 {
width: 500px;
}
.d-width-550 {
width: 550px;
}
.d-width-600 {
width: 600px;
}
.d-width-650 {
width: 650px;
}
.d-width-700 {
width: 700px;
}
.d-width-750 {
width: 750px;
}
.d-width-800 {
width: 800px;
}
.d-width-850 {
width: 850px;
}
.d-width-900 {
width: 900px;
}
.d-width-950 {
width: 950px;
}
.d-width-1000 {
width: 1000px;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.sd-height-10 {
height: 10px;
}
.sd-height-15 {
height: 15px;
}
.sd-height-20 {
height: 20px;
}
.sd-height-25 {
height: 25px;
}
.sd-height-30 {
height: 30px;
}
.sd-height-40 {
height: 40px;
}
.sd-height-50 {
height: 50px;
}
.sd-height-60 {
height: 60px;
}
.sd-height-70 {
height: 70px;
}
.sd-height-75 {
height: 75px;
}
.sd-height-80 {
height: 80px;
}
.sd-height-90 {
height: 90px;
}
.sd-height-100 {
height: 100px;
}
.sd-height-125 {
height: 125px;
}
.sd-height-150 {
height: 150px;
}
.sd-height-175 {
height: 175px;
}
.sd-height-200 {
height: 200px;
}
.sd-height-250 {
height: 250px;
}
.sd-height-300 {
height: 300px;
}
.sd-height-350 {
height: 350px;
}
.sd-height-400 {
height: 400px;
}
.sd-height-450 {
height: 450px;
}
.sd-height-500 {
height: 500px;
}
.sd-height-550 {
height: 550px;
}
.sd-height-600 {
height: 600px;
}
.sd-height-650 {
height: 650px;
}
.sd-height-700 {
height: 700px;
}
.sd-height-750 {
height: 750px;
}
.sd-height-800 {
height: 800px;
}
.sd-height-850 {
height: 850px;
}
.sd-height-900 {
height: 900px;
}
.sd-height-950 {
height: 950px;
}
.sd-height-1000 {
height: 1000px;
}
.sd-width-10 {
width: 10px;
}
.sd-width-15 {
width: 15px;
}
.sd-width-20 {
width: 20px;
}
.sd-width-25 {
width: 25px;
}
.sd-width-30 {
width: 30px;
}
.sd-width-40 {
width: 40px;
}
.sd-width-50 {
width: 50px;
}
.sd-width-60 {
width: 60px;
}
.sd-width-70 {
width: 70px;
}
.sd-width-75 {
width: 75px;
}
.sd-width-80 {
width: 80px;
}
.sd-width-90 {
width: 90px;
}
.sd-width-100 {
width: 100px;
}
.sd-width-125 {
width: 125px;
}
.sd-width-150 {
width: 150px;
}
.sd-width-175 {
width: 175px;
}
.sd-width-200 {
width: 200px;
}
.sd-width-250 {
width: 250px;
}
.sd-width-300 {
width: 300px;
}
.sd-width-350 {
width: 350px;
}
.sd-width-400 {
width: 400px;
}
.sd-width-450 {
width: 450px;
}
.sd-width-500 {
width: 500px;
}
.sd-width-550 {
width: 550px;
}
.sd-width-600 {
width: 600px;
}
.sd-width-650 {
width: 650px;
}
.sd-width-700 {
width: 700px;
}
.sd-width-750 {
width: 750px;
}
.sd-width-800 {
width: 800px;
}
.sd-width-850 {
width: 850px;
}
.sd-width-900 {
width: 900px;
}
.sd-width-950 {
width: 950px;
}
.sd-width-1000 {
width: 1000px;
}
}
@media screen and (max-width: 767px) and (min-width: 550px) {
.t-height-10 {
height: 10px;
}
.t-height-15 {
height: 15px;
}
.t-height-20 {
height: 20px;
}
.t-height-25 {
height: 25px;
}
.t-height-30 {
height: 30px;
}
.t-height-40 {
height: 40px;
}
.t-height-50 {
height: 50px;
}
.t-height-60 {
height: 60px;
}
.t-height-70 {
height: 70px;
}
.t-height-75 {
height: 75px;
}
.t-height-80 {
height: 80px;
}
.t-height-90 {
height: 90px;
}
.t-height-100 {
height: 100px;
}
.t-height-125 {
height: 125px;
}
.t-height-150 {
height: 150px;
}
.t-height-175 {
height: 175px;
}
.t-height-200 {
height: 200px;
}
.t-height-250 {
height: 250px;
}
.t-height-300 {
height: 300px;
}
.t-height-350 {
height: 350px;
}
.t-height-400 {
height: 400px;
}
.t-height-450 {
height: 450px;
}
.t-height-500 {
height: 500px;
}
.t-height-550 {
height: 550px;
}
.t-height-600 {
height: 600px;
}
.t-height-650 {
height: 650px;
}
.t-height-700 {
height: 700px;
}
.t-height-750 {
height: 750px;
}
.t-height-800 {
height: 800px;
}
.t-height-850 {
height: 850px;
}
.t-height-900 {
height: 900px;
}
.t-height-950 {
height: 950px;
}
.t-height-1000 {
height: 1000px;
}
.t-width-10 {
width: 10px;
}
.t-width-15 {
width: 15px;
}
.t-width-20 {
width: 20px;
}
.t-width-25 {
width: 25px;
}
.t-width-30 {
width: 30px;
}
.t-width-40 {
width: 40px;
}
.t-width-50 {
width: 50px;
}
.t-width-60 {
width: 60px;
}
.t-width-70 {
width: 70px;
}
.t-width-75 {
width: 75px;
}
.t-width-80 {
width: 80px;
}
.t-width-90 {
width: 90px;
}
.t-width-100 {
width: 100px;
}
.t-width-125 {
width: 125px;
}
.t-width-150 {
width: 150px;
}
.t-width-175 {
width: 175px;
}
.t-width-200 {
width: 200px;
}
.t-width-250 {
width: 250px;
}
.t-width-300 {
width: 300px;
}
.t-width-350 {
width: 350px;
}
.t-width-400 {
width: 400px;
}
.t-width-450 {
width: 450px;
}
.t-width-500 {
width: 500px;
}
.t-width-550 {
width: 550px;
}
.t-width-600 {
width: 600px;
}
.t-width-650 {
width: 650px;
}
.t-width-700 {
width: 700px;
}
.t-width-750 {
width: 750px;
}
.t-width-800 {
width: 800px;
}
.t-width-850 {
width: 850px;
}
.t-width-900 {
width: 900px;
}
.t-width-950 {
width: 950px;
}
.t-width-1000 {
width: 1000px;
}
}
@media screen and (max-width: 549px) {
.m-height-10 {
height: 10px;
}
.m-height-15 {
height: 15px;
}
.m-height-20 {
height: 20px;
}
.m-height-25 {
height: 25px;
}
.m-height-30 {
height: 30px;
}
.m-height-40 {
height: 40px;
}
.m-height-50 {
height: 50px;
}
.m-height-60 {
height: 60px;
}
.m-height-70 {
height: 70px;
}
.m-height-75 {
height: 75px;
}
.m-height-80 {
height: 80px;
}
.m-height-90 {
height: 90px;
}
.m-height-100 {
height: 100px;
}
.m-height-125 {
height: 125px;
}
.m-height-150 {
height: 150px;
}
.m-height-175 {
height: 175px;
}
.m-height-200 {
height: 200px;
}
.m-height-250 {
height: 250px;
}
.m-height-300 {
height: 300px;
}
.m-height-350 {
height: 350px;
}
.m-height-400 {
height: 400px;
}
.m-height-450 {
height: 450px;
}
.m-height-500 {
height: 500px;
}
.m-height-550 {
height: 550px;
}
.m-height-600 {
height: 600px;
}
.m-height-650 {
height: 650px;
}
.m-height-700 {
height: 700px;
}
.m-height-750 {
height: 750px;
}
.m-height-800 {
height: 800px;
}
.m-height-850 {
height: 850px;
}
.m-height-900 {
height: 900px;
}
.m-height-950 {
height: 950px;
}
.m-height-1000 {
height: 1000px;
}
.m-width-10 {
width: 10px;
}
.m-width-15 {
width: 15px;
}
.m-width-20 {
width: 20px;
}
.m-width-25 {
width: 25px;
}
.m-width-30 {
width: 30px;
}
.m-width-40 {
width: 40px;
}
.m-width-50 {
width: 50px;
}
.m-width-60 {
width: 60px;
}
.m-width-70 {
width: 70px;
}
.m-width-75 {
width: 75px;
}
.m-width-80 {
width: 80px;
}
.m-width-90 {
width: 90px;
}
.m-width-100 {
width: 100px;
}
.m-width-125 {
width: 125px;
}
.m-width-150 {
width: 150px;
}
.m-width-175 {
width: 175px;
}
.m-width-200 {
width: 200px;
}
.m-width-250 {
width: 250px;
}
.m-width-300 {
width: 300px;
}
.m-width-350 {
width: 350px;
}
.m-width-400 {
width: 400px;
}
.m-width-450 {
width: 450px;
}
.m-width-500 {
width: 500px;
}
.m-width-550 {
width: 550px;
}
.m-width-600 {
width: 600px;
}
.m-width-650 {
width: 650px;
}
.m-width-700 {
width: 700px;
}
.m-width-750 {
width: 750px;
}
.m-width-800 {
width: 800px;
}
.m-width-850 {
width: 850px;
}
.m-width-900 {
width: 900px;
}
.m-width-950 {
width: 950px;
}
.m-width-1000 {
width: 1000px;
}
}
.shadow-bw {
position: relative;
-webkit-box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.2);
}
.shadow-bw * {
z-index: 1;
}
.shadow-bw:after {
content: " ";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
-webkit-box-shadow: -7.5px -7.5px 15px white;
box-shadow: -7.5px -7.5px 15px white;
}
.shadow-bw.shadow-inset {
-webkit-box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.2);
box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.2);
}
.shadow-bw.shadow-inset:after {
-webkit-box-shadow: inset -7.5px -7.5px 15px white;
box-shadow: inset -7.5px -7.5px 15px white;
}
.shadow-bw.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.2);
}
.shadow-bw.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset 0 -12.5px 15px -7.5px white;
box-shadow: inset 0 -12.5px 15px -7.5px white;
}
.shadow-bw.shadow-bw-small {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.shadow-bw.shadow-bw-small:after {
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
.shadow-bw.shadow-bw-small.shadow-inset {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.shadow-bw.shadow-bw-small.shadow-inset:after {
-webkit-box-shadow: inset -5px -5px 10px white;
box-shadow: inset -5px -5px 10px white;
}
.shadow-bw.shadow-bw-small.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.shadow-bw.shadow-bw-small.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset -5px -5px 10px white;
box-shadow: inset -5px -5px 10px white;
}
.shadow-bw.shadow-bw-light {
-webkit-box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.15);
box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.15);
}
.shadow-bw.shadow-bw-light:after {
-webkit-box-shadow: -7.5px -7.5px 15px white;
box-shadow: -7.5px -7.5px 15px white;
}
.shadow-bw.shadow-bw-light.shadow-inset {
-webkit-box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.1);
box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.1);
}
.shadow-bw.shadow-bw-light.shadow-inset:after {
-webkit-box-shadow: inset -7.5px -7.5px 15px white;
box-shadow: inset -7.5px -7.5px 15px white;
}
.shadow-bw.shadow-bw-light.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.1);
}
.shadow-bw.shadow-bw-light.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset 0 -12.5px 15px -7.5px white;
box-shadow: inset 0 -12.5px 15px -7.5px white;
}
.shadow-bw.shadow-bw-small-light {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.shadow-bw.shadow-bw-small-light:after {
-webkit-box-shadow: -5px -5px 10px white;
box-shadow: -5px -5px 10px white;
}
.shadow-bw.shadow-bw-small-light.shadow-inset {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.shadow-bw.shadow-bw-small-light.shadow-inset:after {
-webkit-box-shadow: inset -5px -5px 10px white;
box-shadow: inset -5px -5px 10px white;
}
.shadow-bw.shadow-bw-small-light.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.shadow-bw.shadow-bw-small-light.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset -5px -5px 10px white;
box-shadow: inset -5px -5px 10px white;
}
.shadow-bw.shadow-bw-v-light {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.shadow-bw.shadow-bw-v-light:after {
-webkit-box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.25);
box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-v-light.shadow-inset {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.05);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.shadow-bw.shadow-bw-v-light.shadow-inset:after {
-webkit-box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.25);
box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-v-light.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.05);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.shadow-bw.shadow-bw-v-light.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.25);
box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-small-v-light {
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
}
.shadow-bw.shadow-bw-small-v-light:after {
-webkit-box-shadow: -3px -3px 6px rgba(255, 255, 255, 0.25);
box-shadow: -3px -3px 6px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-small-v-light.shadow-inset {
-webkit-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.05);
box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.05);
}
.shadow-bw.shadow-bw-small-v-light.shadow-inset:after {
-webkit-box-shadow: inset -3px -3px 6px rgba(255, 255, 255, 0.25);
box-shadow: inset -3px -3px 6px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-small-v-light.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.05);
box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.05);
}
.shadow-bw.shadow-bw-small-v-light.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset -3px -3px 6px rgba(255, 255, 255, 0.25);
box-shadow: inset -3px -3px 6px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-light-w {
-webkit-box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-light-w:after {
-webkit-box-shadow: -7.5px -7.5px 15px rgba(255, 255, 255, 0.25);
box-shadow: -7.5px -7.5px 15px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-light-w.shadow-inset {
-webkit-box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-light-w.shadow-inset:after {
-webkit-box-shadow: inset -7.5px -7.5px 15px rgba(255, 255, 255, 0.35);
box-shadow: inset -7.5px -7.5px 15px rgba(255, 255, 255, 0.35);
}
.shadow-bw.shadow-bw-light-w.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-light-w.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset 0 -12.5px 15px -7.5px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 -12.5px 15px -7.5px rgba(255, 255, 255, 0.25);
}
.shadow-bw.shadow-bw-small-light-w {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-small-light-w:after {
-webkit-box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.5);
box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.5);
}
.shadow-bw.shadow-bw-small-light-w.shadow-inset {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-small-light-w.shadow-inset:after {
-webkit-box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.5);
box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.5);
}
.shadow-bw.shadow-bw-small-light-w.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-small-light-w.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.5);
box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.5);
}
.shadow-bw.shadow-bw-lightish-w {
-webkit-box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
box-shadow: 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-lightish-w:after {
-webkit-box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.75);
box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.75);
}
.shadow-bw.shadow-bw-lightish-w.shadow-inset {
-webkit-box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
box-shadow: inset 7.5px 7.5px 15px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-lightish-w.shadow-inset:after {
-webkit-box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.75);
box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.75);
}
.shadow-bw.shadow-bw-lightish-w.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 12.5px 15px -7.5px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-lightish-w.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset 0 -12.5px 15px -7.5px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 -12.5px 15px -7.5px rgba(255, 255, 255, 0.5);
}
.shadow-bw.shadow-bw-small-lightish-w {
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-small-lightish-w:after {
-webkit-box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.75);
box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.75);
}
.shadow-bw.shadow-bw-small-lightish-w.shadow-inset {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-small-lightish-w.shadow-inset:after {
-webkit-box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.75);
box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.75);
}
.shadow-bw.shadow-bw-small-lightish-w.shadow-inset.shadow-f-width {
-webkit-box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.shadow-bw.shadow-bw-small-lightish-w.shadow-inset.shadow-f-width:after {
-webkit-box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.75);
box-shadow: inset -5px -5px 10px rgba(255, 255, 255, 0.75);
}
article.award.bottom-bar-orange, article.award.bottom-bar-pink, article.award.bottom-bar-blue, article.award.bottom-bar-green, article.award.bottom-bar-purple, article.award.bottom-bar-yellow, article.award.bottom-bar-red, article.award.bottom-bar-white, article.award.bottom-bar-grey, article.award.bottom-bar-black,
article.review.bottom-bar-orange,
article.review.bottom-bar-pink,
article.review.bottom-bar-blue,
article.review.bottom-bar-green,
article.review.bottom-bar-purple,
article.review.bottom-bar-yellow,
article.review.bottom-bar-red,
article.review.bottom-bar-white,
article.review.bottom-bar-grey,
article.review.bottom-bar-black,
article.bottom-bar-orange,
article.bottom-bar-pink,
article.bottom-bar-blue,
article.bottom-bar-green,
article.bottom-bar-purple,
article.bottom-bar-yellow,
article.bottom-bar-red,
article.bottom-bar-white,
article.bottom-bar-grey,
article.bottom-bar-black, *.bottom-bar-orange, *.bottom-bar-pink, *.bottom-bar-blue, *.bottom-bar-green, *.bottom-bar-purple, *.bottom-bar-yellow, *.bottom-bar-red, *.bottom-bar-white, *.bottom-bar-grey, *.bottom-bar-black {
position: relative;
padding-bottom: 50px;
}
article.award.bottom-bar-orange:before, article.award.bottom-bar-pink:before, article.award.bottom-bar-blue:before, article.award.bottom-bar-green:before, article.award.bottom-bar-purple:before, article.award.bottom-bar-yellow:before, article.award.bottom-bar-red:before, article.award.bottom-bar-white:before, article.award.bottom-bar-grey:before, article.award.bottom-bar-black:before,
article.review.bottom-bar-orange:before,
article.review.bottom-bar-pink:before,
article.review.bottom-bar-blue:before,
article.review.bottom-bar-green:before,
article.review.bottom-bar-purple:before,
article.review.bottom-bar-yellow:before,
article.review.bottom-bar-red:before,
article.review.bottom-bar-white:before,
article.review.bottom-bar-grey:before,
article.review.bottom-bar-black:before,
article.bottom-bar-orange:before,
article.bottom-bar-pink:before,
article.bottom-bar-blue:before,
article.bottom-bar-green:before,
article.bottom-bar-purple:before,
article.bottom-bar-yellow:before,
article.bottom-bar-red:before,
article.bottom-bar-white:before,
article.bottom-bar-grey:before,
article.bottom-bar-black:before, *.bottom-bar-orange:before, *.bottom-bar-pink:before, *.bottom-bar-blue:before, *.bottom-bar-green:before, *.bottom-bar-purple:before, *.bottom-bar-yellow:before, *.bottom-bar-red:before, *.bottom-bar-white:before, *.bottom-bar-grey:before, *.bottom-bar-black:before {
content: " ";
position: absolute;
bottom: 15px;
left: 20px;
height: 10px;
width: calc(100% - 40px);
border-radius: 10px;
opacity: 0.5;
}
article.award.bottom-bar-orange:before,
article.review.bottom-bar-orange:before,
article.bottom-bar-orange:before, *.bottom-bar-orange:before {
background: -webkit-gradient(linear, left top, left bottom, from(#cb4000), color-stop(#fe5000), to(#ffa77f));
background: linear-gradient(#cb4000, #fe5000, #ffa77f);
}
article.award.bottom-bar-pink:before,
article.review.bottom-bar-pink:before,
article.bottom-bar-pink:before, *.bottom-bar-pink:before {
background: -webkit-gradient(linear, left top, left bottom, from(#ae0076), color-stop(#e10098), to(#ff62cc));
background: linear-gradient(#ae0076, #e10098, #ff62cc);
}
article.award.bottom-bar-blue:before,
article.review.bottom-bar-blue:before,
article.bottom-bar-blue:before, *.bottom-bar-blue:before {
background: -webkit-gradient(linear, left top, left bottom, from(#200c50), color-stop(#31137c), to(#3a1692));
background: linear-gradient(#200c50, #31137c, #3a1692);
}
article.award.bottom-bar-green:before,
article.review.bottom-bar-green:before,
article.bottom-bar-green:before, *.bottom-bar-green:before {
background: -webkit-gradient(linear, left top, left bottom, from(#6a7e00), color-stop(#95b100), to(#c0e400));
background: linear-gradient(#6a7e00, #95b100, #c0e400);
}
article.award.bottom-bar-purple:before,
article.review.bottom-bar-purple:before,
article.bottom-bar-purple:before, *.bottom-bar-purple:before {
background: -webkit-gradient(linear, left top, left bottom, from(#381c80), color-stop(#4a25aa), to(#8e6fe0));
background: linear-gradient(#381c80, #4a25aa, #8e6fe0);
}
article.award.bottom-bar-yellow:before,
article.review.bottom-bar-yellow:before,
article.bottom-bar-yellow:before, *.bottom-bar-yellow:before {
background: -webkit-gradient(linear, left top, left bottom, from(#cca700), color-stop(#ffd100), to(#ffe880));
background: linear-gradient(#cca700, #ffd100, #ffe880);
}
article.award.bottom-bar-red:before,
article.review.bottom-bar-red:before,
article.bottom-bar-red:before, *.bottom-bar-red:before {
background: -webkit-gradient(linear, left top, left bottom, from(#9a0014), color-stop(#cd001a), to(#ff4e64));
background: linear-gradient(#9a0014, #cd001a, #ff4e64);
}
article.award.bottom-bar-white:before,
article.review.bottom-bar-white:before,
article.bottom-bar-white:before, *.bottom-bar-white:before {
background: -webkit-gradient(linear, left top, left bottom, from(#dadada), color-stop(#f3f3f3), to(white));
background: linear-gradient(#dadada, #f3f3f3, white);
}
article.award.bottom-bar-grey:before,
article.review.bottom-bar-grey:before,
article.bottom-bar-grey:before, *.bottom-bar-grey:before {
background: -webkit-gradient(linear, left top, left bottom, from(#969494), color-stop(#afaeae), to(#eeeeee));
background: linear-gradient(#969494, #afaeae, #eeeeee);
}
article.award.bottom-bar-black:before,
article.review.bottom-bar-black:before,
article.bottom-bar-black:before, *.bottom-bar-black:before {
background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(#000), to(#404040));
background: linear-gradient(black, #000, #404040);
}
@media (max-width: 767px) {
table.m-stack tr,
section.entry-content table.m-stack tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 0;
}
table.m-stack tr td,
section.entry-content table.m-stack tr td {
border-left: 0;
}
table.m-stack tr:not(:first-of-type) td:first-of-type,
section.entry-content table.m-stack tr:not(:first-of-type) td:first-of-type {
border-top: 5px solid #eaeaea;
}
table.m-stack tr:first-of-type td:not(:first-of-type),
section.entry-content table.m-stack tr:first-of-type td:not(:first-of-type) {
border-top: 1px solid #eaeaea;
}
}   body {
font-family: "DIN Next LT Pro", din-condensed, "Avenir", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
line-height: 1.5;
color: #383d40;
background-color: #f3f3f3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.ie {
-ms-overflow-x: hidden;
}
body:before, body:after {
content: " ";
width: 100vw;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(#4a25aa), color-stop(#bb29bb), color-stop(#e10098), color-stop(#f25e35), color-stop(#fb8b23), to(#ffd100));
background: linear-gradient(to right, #4a25aa, #bb29bb, #e10098, #f25e35, #fb8b23, #ffd100);
display: block;
position: fixed;
z-index: 9999999999999;
background: #fe5000;
}
body:before {
top: 0;
}
body:after {
bottom: 0;
}
body > div#container {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body > div#container > div#content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
body.admin-bar > div#container {
min-height: calc(100vh - 32px);
}
@media screen and (mex-width: 782px) {
body.admin-bar > div#container {
min-height: calc(100vh - 46px);
}
}
article#post-not-found footer {
display: none;
}
.ie .ie-hide, .ie-show {
display: none !important;
}
.ie .ie-show {
display: inline-block !important;
}
.cntr > * {
z-index: 1;
position: relative;
}
.background-orange {
background-color: #fe5000;
}
.background-pink {
background-color: #e10098;
}
.background-purple {
background-color: #4a25aa;
}
.background-white {
background-color: #fff;
}
.background-off-white {
background-color: #f3f3f3;
}
.background-yellow {
background-color: #ffd100;
}
.radius, .radius:after {
border-radius: 25px;
}
.radius-small, .radius-small:after {
border-radius: 15px;
}
.radius-big, .radius-big:after {
border-radius: 50px;
}
.radius-v-small, .radius-v-small:after {
border-radius: 5px;
}
.radius-full, .radius-full:after {
border-radius: 10000px;
}
article.feature.radius > div {
border-radius: 25px;
}
article.feature.radius-small > div {
border-radius: 15px;
}
article.feature.radius-big > div {
border-radius: 50px;
}
article.feature.radius-v-small > div {
border-radius: 5px;
}
article.feature.radius-full > div {
border-radius: 10000px;
}                                     .wrap, section.hero .wp-block-eedee-block-gutenslider.content-change .slick-slide, .woocommerce.single main {
margin: 0 auto;
padding-right: calc((100vw - 1400px) / 2);
padding-left: calc((100vw - 1400px) / 2);
}
body.archive #content .wrap:not(.products-start-page) {
padding-left: 50px;
padding-right: 50px;
}
#container.thin-page main section.wrap:not(.thin-override) {
padding-right: calc((100vw - 800px) / 2);
padding-left: calc((100vw - 800px) / 2);
}
@media screen and (min-width: 1360px) {
article.boxed {
max-width: 1200px;
margin: 0 auto 50px;
margin: 25px auto 50px;
overflow: hidden;
background: white;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding-bottom: 100px;
padding-top: 25px;
}
article.boxed .article-header.wrap .wp-post-image {
max-width: 1200px;
}
article.boxed > .wrap {
padding-left: 50px;
padding-right: 50px;
}
}
article.boxed {
padding-bottom: 75px;
}
article.boxed h3 {
font-weight: bold;
font-size: 1.6em;
}
.page-template-page-boxed-map .article-header {
height: 400px;
padding-bottom: 40px;
}
.page-template-page-boxed-map .article-header iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
} a, a:visited {
color: #fe5000;   }
a:hover, a:focus, a:visited:hover, a:visited:focus {
color: #cb4000;
background: transparent;
}
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
font-weight: 500;
max-width: 100%;  }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none;
}
h1.border, .h1.border, h2.border, .h2.border, h3.border, .h3.border, h4.border, .h4.border, h5.border, .h5.border {
border: 4px solid;
padding: 10px 25px 7px;
}
h1, .h1 {
font-size: 2.5em;
line-height: 1.333em;
}
h2, .h2 {
font-size: 35px;
line-height: 1.4em;
margin-bottom: 0.375em;
margin: 0;
font-weight: 600;
color: #fe5000;
}
h3, .h3 {
font-size: 1.125em;
}
h4, .h4 {
font-size: 1.1em;
font-weight: 700;
}
h5, .h5 {
font-size: 0.846em;
line-height: 2.09em;
text-transform: uppercase;
letter-spacing: 2px;
}   .nav {
border-bottom: 0;
margin: 0;   }
.nav li { }
.nav li a {
display: block;
color: #383d40;
text-decoration: none;
padding: 0.75em; } .inner-header nav a {
font-size: 20px;
} .single-title,
.page-title,
.entry-title {
margin: 0;
}          .byline {
color: #929292;
font-style: italic;
margin: 0;
} .entry-content { }
.entry-content table {
width: 100%;
border: 1px solid #afaeae;
margin-bottom: 1.5em;
}
.entry-content table caption {
margin: 0 0 7px;
font-size: 0.75em;
color: #929292;
text-transform: uppercase;
letter-spacing: 1px;
}
.entry-content tr {
border-bottom: 1px solid #afaeae;
}
.entry-content tr:nth-child(even) {
background-color: #eaeaea;
}
.entry-content td {
padding: 7px;
border-right: 1px solid #afaeae;
}
.entry-content td:last-child {
border-right: 0;
}
.entry-content th {
background-color: #eaeaea;
border-bottom: 1px solid #afaeae;
border-right: 1px solid #afaeae;
padding-left: 15px;
}
.entry-content th:last-child {
border-right: 0;
}
.entry-content blockquote {
margin: 0 0 1.5em 0.75em;
padding: 0 0 0 0.75em;
border-left: 3px solid #fe5000;
font-style: italic;
color: #383d40;
}
.entry-content dd {
margin-left: 0;
font-size: 0.9em;
color: #787878;
margin-bottom: 1.5em;
}
.entry-content img {
margin: 0;
max-width: 100%;
height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
max-width: 100%;
height: auto;
}
.entry-content pre {
background: #000;
color: #eaeaea;
font-size: 0.9em;
padding: 1.5em;
margin: 0 0 1.5em;
border-radius: 3px;
} .wp-caption {
max-width: 100%;
background: #eee;
padding: 5px; }
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%;
}
.wp-caption p.wp-caption-text {
font-size: 0.85em;
margin: 4px 0 7px;
text-align: center;
}    .tags {
margin: 0;
} .pagination,
.wp-prev-next {
margin: 1.5em 0;
}
.pagination {
text-align: center;
width: 100%;
}
.pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border-radius: 3px;
}
.pagination li {
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
}
.pagination a, .pagination span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1em;
font-size: 1em;
font-weight: normal;
padding: 0.75em;
min-width: 1em;
display: block;
color: #fe5000;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
background-color: #fe5000;
color: #fff;
}
.pagination .current {
cursor: default;
color: #383d40;
}
.pagination .current:hover, .pagination .current:focus {
background-color: #fff;
color: #383d40;
}  .wp-prev-next .prev-link {
float: left;
}
.wp-prev-next .next-link {
float: right;
}   #comments-title {
padding: 0.75em;
margin: 0;
border-top: 1px solid #eaeaea; }
.commentlist {
margin: 0;
list-style-type: none;
}
.comment {
position: relative;
clear: both;
overflow: hidden;
padding: 1.5em;
border-bottom: 1px solid #eaeaea;    }
.comment .comment-author {
padding: 7px;
border: 0;
}
.comment .vcard {
margin-left: 50px;
}
.comment .vcard cite.fn {
font-weight: 700;
font-style: normal;
}
.comment .vcard time {
display: block;
font-size: 0.9em;
font-style: italic;
}
.comment .vcard time a {
color: #929292;
text-decoration: none;
}
.comment .vcard time a:hover {
text-decoration: underline;
}
.comment .vcard .avatar {
position: absolute;
left: 16px;
border-radius: 50%;
}
.comment:last-child {
margin-bottom: 0;
}
.comment .children {
margin: 0;  }
.comment[class*=depth-] {
margin-top: 1.1em;
}
.comment.depth-1 {
margin-left: 0;
margin-top: 0;
}
.comment:not(.depth-1) {
margin-top: 0;
margin-left: 7px;
padding: 7px;
}
.comment.odd {
background-color: #fff;
}
.comment.even {
background: #eaeaea;
}  .comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}  .comment-reply-link {
font-size: 0.9em;
float: right;
}  .comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 0.9em;
} .comment-respond {
padding: 1.5em;
border-top: 1px solid #eaeaea;
}
#reply-title {
margin: 0;
}
.logged-in-as {
color: #929292;
font-style: italic;
margin: 0;
}
.logged-in-as a {
color: #383d40;
}
.comment-form-comment {
margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
padding: 1.5em;
background-color: #eaeaea;
font-size: 0.9em;
} #submit {
float: right;
font-size: 1em;
} #comment-form-title {
margin: 0 0 1.1em;
}   #allowed_tags {
margin: 1.5em 10px 0.7335em 0;
} .nocomments {
margin: 0 20px 1.1em;
} .widget ul li { }
.no-widgets {
background-color: #fff;
padding: 1.5em;
text-align: center;
border: 1px solid #ccc;
border-radius: 2px;
margin-bottom: 1.5em;
} .post-type-archive-product div.type-product .woocommerce-product-gallery,
.post-type-archive-product div.type-product .product_title,
.post-type-archive-product div.type-product .woocommerce-product-details__short-description,
.post-type-archive-product div.type-product .product_meta,
.post-type-archive-product div.type-product .woocommerce-tabs,
.post-type-archive-product div.type-product .up-sells,
.post-type-archive-product div.type-product .upsells,
.post-type-archive-product div.type-product .products {
display: none;
}
.post-type-archive-product.woocommerce #content div.product div.summary,
.post-type-archive-product.woocommerce div.product div.summary,
.post-type-archive-product.woocommerce-page #content div.product div.summary,
.post-type-archive-product.woocommerce-page div.product div.summary {
width: 100%;
float: none;
} @media only screen and (min-width: 481px) {    .menu { }
.menu ul {   }
.menu ul li { }
.menu ul li a { }   .entry-content { }
.entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}    } @media only screen and (min-width: 768px) {      .widget ul li {
margin-bottom: 0.75em; }
.widget ul li ul {
margin-top: 0.75em;
padding-left: 1em;
}             .footer-links ul li { } h1.minus-wrap {
padding: 0 25px;
}
.entry-content .wp-block-image.size-auto.minus-wrap img, .entry-content .wp-block-image.size-full.minus-wrap img, .entry-content .wp-block-image.size-large.minus-wrap img, .entry-content .wp-block-image.size-medium.minus-wrap img, .entry-content .wp-block-image.size-thumbnail.minus-wrap img {
width: calc(100% + 25px);
max-width: calc(100% + 25px);
}
.entry-content .wp-block-image.size-auto.minus-wrap.left img, .entry-content .wp-block-image.size-full.minus-wrap.left img, .entry-content .wp-block-image.size-large.minus-wrap.left img, .entry-content .wp-block-image.size-medium.minus-wrap.left img, .entry-content .wp-block-image.size-thumbnail.minus-wrap.left img {
position: relative;
right: 25px;
}
} @media only screen and (min-width: 1030px) { } @media only screen and (min-width: 1499px) { }
@media only screen and (min-width: 1499px) and (max-height: 1000px) {
.hero .metaslider h2 {
font-size: 8vh;
}
.hero .metaslider .caption-wrap {
top: 50px;
bottom: 50px;
}
}
@media only screen and (min-width: 1499px) {
.entry-content .wp-block-image.size-auto.minus-wrap img, .entry-content .wp-block-image.size-full.minus-wrap img, .entry-content .wp-block-image.size-large.minus-wrap img, .entry-content .wp-block-image.size-medium.minus-wrap img, .entry-content .wp-block-image.size-thumbnail.minus-wrap img {
width: calc(100% + 100px);
max-width: calc(100% + 100px);
}
.entry-content .wp-block-image.size-auto.minus-wrap.left img, .entry-content .wp-block-image.size-full.minus-wrap.left img, .entry-content .wp-block-image.size-large.minus-wrap.left img, .entry-content .wp-block-image.size-medium.minus-wrap.left img, .entry-content .wp-block-image.size-thumbnail.minus-wrap.left img {
position: relative;
right: 100px;
}
h1.minus-wrap {
padding: 0 100px;
}
article ol,
article ul,
article p {
font-size: 1.2em;
}
section.cta {
height: auto;
}
section.cta > div h2 {
font-size: 2.3em;
}
section.cta .s-t-team .staff--info {
max-width: 850px;
}
section.cta .s-t-team .staff--info h3 {
font-size: 50px;
}
section.cta .s-t-team .staff-container .team-member {
width: 100px;
}
section.cta .s-t-team .staff-container img {
width: 275px;
}
.ie .nav li.horizontal > ul.sub-menu {
top: calc(100% - 25px);
}
} @media only screen and (max-width: 1500px) { .wrap, section.hero .wp-block-eedee-block-gutenslider.content-change .slick-slide, .woocommerce.single main {
padding-right: 50px;
padding-left: 50px;
}
.footer .pre-footer .widget-area a {
height: 50px;
width: 200px;
font-size: 18px;
border: 2px solid white;
}
.inner-footer .widget-area:first-of-type .widgettitle, .inner-footer .widget-area:first-of-type input:not(.wpcf7-submit), .inner-footer .widget-area:first-of-type textarea {
padding-left: 50px;
}
.inner-footer .widget-area:first-of-type input:not(.wpcf7-submit).wpcf7-not-valid, .inner-footer .widget-area:first-of-type textarea.wpcf7-not-valid {
background: linear-gradient(to right, red 45px, #5a5a5a 45px, #404040);
}
.footer input, .footer textarea, .footer input.wpcf7-submit {
font-size: 18px;
height: 40px;
}
.footer input::-webkit-input-placeholder, .footer textarea::-webkit-input-placeholder, .footer input.wpcf7-submit::-webkit-input-placeholder {
font-size: 16px;
}
.footer input:-ms-input-placeholder, .footer textarea:-ms-input-placeholder, .footer input.wpcf7-submit:-ms-input-placeholder {
font-size: 16px;
}
.footer input::-ms-input-placeholder, .footer textarea::-ms-input-placeholder, .footer input.wpcf7-submit::-ms-input-placeholder {
font-size: 16px;
}
.footer input::placeholder, .footer textarea::placeholder, .footer input.wpcf7-submit::placeholder {
font-size: 16px;
}
.footer textarea {
height: 80px;
}
.footer input.wpcf7-submit {
padding: 0px 50px;
}
.footer .widgettitle {
font-size: 22.5px;
}
.inner-footer .widget-area:last-of-type .widgettitle, .inner-footer .widget-area:last-of-type a {
padding-right: 50px;
}
.inner-footer .widget-area a {
height: 40px;
font-size: 16px;
}
.footer--company-info {
font-size: 14px;
}
.footer--company-info-cntr div > * svg {
height: 18px;
width: 18px;
}
.hero .metaslider .caption-wrap {
width: calc(50% - $desktop-margin);
}
.hero .metaslider h2 {
font-size: 4em;
line-height: 1.2;
}
.slide {
padding: 50px 25px;
}
.slide.slide1 {
min-width: 50%;
padding: 50px 50px 50px 50px;
}
.pwb-all-brands .pwb-brands-cols-outer {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pwb-all-brands:after {
background: -webkit-gradient(linear, right top, left top, from(#eaeaea), to(#fff));
background: linear-gradient(to left, #eaeaea, #fff);
}
section.psa > div {
padding-top: 50px;
padding-bottom: 50px;
}
section.psa > div h2 {
margin-bottom: 50px;
font-size: 2em;
}
section.psa > div p {
font-size: 1.3em;
margin-bottom: 50px;
}
section.battery-storage > div {
max-width: 50%;
}
section.newsletter #mc_embed_signup h2 {
font-size: 2em;
}
section.battery-storage .separator {
margin: 50px 0;
}
section.battery-storage a.button img {
height: 30px;
}
.page .article-header .wp-post-image, .page .article-header.wrap .wp-post-image {
height: 400px;
left: -50px;
}
} @media only screen and (max-width: 1023px) {
.wrap, section.hero .wp-block-eedee-block-gutenslider.content-change .slick-slide, .woocommerce.single main {
padding-right: 25px;
padding-left: 25px;
}
body.archive #content .wrap {
padding-left: 25px;
padding-right: 25px;
}
.wrap.thin-page {
padding-right: calc((100vw - 718px) / 2);
padding-left: calc((100vw - 718px) / 2);
}
.footer .pre-footer .widget-area a {
height: 50px;
width: 200px;
font-size: 18px;
border: 2px solid white;
}
.ie .footer--company-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.inner-footer .footer--menus {
margin-right: -25px;
}
.inner-footer .footer--menus .footer-widget-area > div {
padding-right: 25px;
}
.inner-footer .widget-area:first-of-type .widgettitle, .inner-footer .widget-area:first-of-type input:not(.wpcf7-submit), .inner-footer .widget-area:first-of-type textarea {
padding-left: 25px;
}
.inner-footer .widget-area:first-of-type input:not(.wpcf7-submit).wpcf7-not-valid, .inner-footer .widget-area:first-of-type textarea.wpcf7-not-valid {
background: linear-gradient(to right, red 20px, #5a5a5a 20px, #404040);
}
.inner-footer .widget-area:first-of-type input.wpcf7-submit {
background: linear-gradient(to right, #5a5a5a 25px, #404040 calc(100% - 50px));
}
.inner-footer .widget-area:first-of-type input.wpcf7-submit:hover {
background: linear-gradient(to right, #ababab 10px, #404040 calc(100% - 100px));
}
.footer input, .footer textarea, .footer input.wpcf7-submit {
font-size: 18px;
height: 40px;
}
.footer input::-webkit-input-placeholder, .footer textarea::-webkit-input-placeholder, .footer input.wpcf7-submit::-webkit-input-placeholder {
font-size: 16px;
}
.footer input:-ms-input-placeholder, .footer textarea:-ms-input-placeholder, .footer input.wpcf7-submit:-ms-input-placeholder {
font-size: 16px;
}
.footer input::-ms-input-placeholder, .footer textarea::-ms-input-placeholder, .footer input.wpcf7-submit::-ms-input-placeholder {
font-size: 16px;
}
.footer input::placeholder, .footer textarea::placeholder, .footer input.wpcf7-submit::placeholder {
font-size: 16px;
}
.footer textarea {
height: 80px;
}
.footer input.wpcf7-submit {
padding: 0px 25px;
}
.footer .widgettitle {
font-size: 22.5px;
}
.wpcf7 form .wpcf7-response-output {
font-size: 13px;
}
.wpcf7-not-valid-tip {
width: 15px;
font-size: 12px;
display: none;
}
.inner-footer .widget-area:last-of-type .widgettitle, .inner-footer .widget-area:last-of-type a {
padding-right: 25px;
}
.inner-footer .widget-area a {
height: 40px;
font-size: 16px;
}
.footer--company-info {
font-size: 14px;
}
.footer--company-info-cntr div > * svg {
height: 18px;
width: 18px;
}
.slider-cntr {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.slide, .slide.slide1 {
width: 100%;
min-width: 50%;
padding: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
}
.slide.slide1 {
padding: 50px 25px;
}
.slide {
padding: 0 10px;
}
.slide h3 {
font-size: 1.5em;
}
.slide img {
max-height: 100px;
max-width: 100%;
}
.slide a.button:not(.big) {
padding: 5px 10px;
font-size: 0.8em;
width: 100%;
text-align: center;
}
.slide:after {
background-size: 25%;
}
.slider-cntr .slide:not(:first-of-type) {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 50px;
}
.slider-cntr .slide:not(:first-of-type) > *:nth-of-type(2) {
position: absolute;
right: 50px;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.slider-cntr .slide:not(:first-of-type) > *:nth-of-type(2) img {
max-width: 100px;
}
.slider-cntr .slide:not(:first-of-type) h3 {
margin: 10px 0;
height: auto;
}
.slider-cntr .slide:not(:first-of-type) a.button {
margin: 10px 0;
width: auto;
}
.ie .slider-cntr .slide:not(:first-of-type) {
-ms-flex-preferred-size: calc(50% - 100px);
flex-basis: calc(50% - 100px);
}
.controls {
display: none;
}
section.cta > div h2 {
font-size: 30px;
}
section.psa > div p {
text-align: center;
}
section.battery-storage {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ie .page.has-post-thumbnail .article-header .wp-post-image {
height: auto;
}
} @media only screen and (max-width: 767px) {
.wrap, section.hero .wp-block-eedee-block-gutenslider.content-change .slick-slide, .woocommerce.single main {
padding-right: 10px;
padding-left: 10px;
}
.wrap.thin-page {
padding-right: 10px;
padding-left: 10px;
}
.home section > h2 {
font-size: 2em;
}
.home section > h4 {
font-size: 15px;
}
footer.footer .pre-footer {
background: #f47323;
padding-top: 25px;
padding-bottom: 25px;
}
footer.footer .pre-footer .widget-area ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer.footer .pre-footer .widget-area li {
margin: 25px;
}
footer.footer .footer--company-info {
font-size: 13px;
}
footer.footer .widget-control-button {
width: 50px;
height: 50px;
overflow: hidden;
padding: 6px;
border: 2px solid;
border-radius: 10px;
}
footer.footer .widget-control-button:hover {
cursor: pointer;
background: rgba(255, 255, 255, 0.1);
}
footer.footer .widget-control-button .svg-wrapper {
overflow: hidden;
height: 100%;
width: 100%;
}
footer.footer .widget-control-button svg {
fill: transparent;
stroke: white;
stroke-width: 1px;
height: 36px;
width: 36px;
position: relative;
right: 1px;
bottom: 1px;
}
footer.footer .inner-footer {
padding: 50px 25px;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer.footer .inner-footer .footer--company-info-cntr {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer.footer .inner-footer .footer--company-info-cntr .footer--logo-cntr {
margin-bottom: 25px;
}
footer.footer .inner-footer .footer--company-info-cntr .footer--company-info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer.footer .inner-footer .footer--menus {
margin-top: 50px;
width: 300px;
}
}
@media only screen and (max-width: 767px) and (max-width: 400px) {
footer.footer .inner-footer {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
footer.footer .inner-footer .footer--company-info-cntr {
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
footer.footer .inner-footer .footer--company-info-cntr .footer--company-info {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
footer.footer .inner-footer .footer--menus {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.hero .metaslider .caption-wrap {
top: initial;
bottom: calc(50% + 25px);
left: 50%;
right: auto;
width: auto;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: calc(100vw - 100px);
}
.hero .metaslider .caption {
padding: 10px;
}
.hero .metaslider h2 {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 5px;
}
.hero .metaslider a.button {
margin: 5px;
}
a.button {
border-radius: 5px;
}
a.button.big {
font-size: 1em;
padding: 0 15px;
height: 30px;
}
.pwb-all-brands:after {
display: none;
}
.pwb-all-brands .pwb-brands-cols-outer {
overflow: auto;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
}
.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > div a img {
margin: 0;
max-height: 20px;
max-width: 200px;
padding: 0 10px;
}
.slide.slide1 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 50px calc((100vw - 460px) / 2);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.slide.slide1 h3 {
font-size: 2em;
margin: 0 0 0.5em;
height: auto;
}
.slide.slide1 p {
font-size: 0.8em;
font-weight: 500;
}
.slide.slide1:after {
background-position: -50px calc(100% + 50px);
}
.slide {
padding: 0 10px;
}
.slide h3 {
font-size: 1.5em;
}
.slide img {
max-height: 100px;
max-width: 100%;
}
.slide a.button:not(.big) {
padding: 5px 10px;
font-size: 0.8em;
width: 100%;
text-align: center;
}
.slide:after {
background-size: 25%;
}
.slider-cntr .slide:not(:first-of-type) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px calc((100vw - 460px) / 2);
}
.slider-cntr .slide:not(:first-of-type) > *:nth-of-type(2) {
position: absolute;
right: calc(50% - 230px);
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.slider-cntr .slide:not(:first-of-type) > *:nth-of-type(2) img {
max-width: 100px;
}
.slider-cntr .slide:not(:first-of-type) h3 {
margin: 10px 0;
height: auto;
}
.slider-cntr .slide:not(:first-of-type) a.button {
margin: 10px 0;
width: auto;
}
.ie .slider-cntr .slide:not(:first-of-type) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
section.psa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section.psa > div {
padding-top: 50px;
padding-bottom: 50px;
}
section.psa > div h2 {
margin-bottom: 25px;
font-size: 1.25em;
}
section.psa > div p {
font-size: 1em;
margin-bottom: 25px;
}
a.button.medium {
font-size: 1.2em;
}
section.newsletter {
padding-top: 50px;
padding-bottom: 50px;
}
section.newsletter * {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.newsletter #mc_embed_signup h2 {
font-size: 1.7em;
margin-bottom: 25px;
}
section.newsletter #mc_embed_signup .mc-field-group {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section.newsletter #mc_embed_signup .mc-field-group h3 {
margin: 0 0 10px;
}
section.newsletter #mc_embed_signup .mc-field-group.input-group ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 250px;
margin-bottom: 25px;
border: 3px solid #e9e9e9;
border-radius: 15px;
padding: 2.5px;
}
section.newsletter #mc_embed_signup .mc-field-group.input-group ul li {
padding: 2.5px;
width: 50%;
}
section.newsletter #mc_embed_signup .mc-field-group.input-group ul li label {
margin: 0;
width: 100%;
display: inline-block;
text-align: center;
padding: 10px 0;
}
section.newsletter #mc_embed_signup .mc-field-group input[type="email"], section.newsletter #mc_embed_signup .mc-field-group input[type="text"] {
width: calc(100vw - 20px);
border-radius: 10px;
margin: 0 0 10px;
text-align: center;
}
section.newsletter #mc_embed_signup .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section.newsletter #mc_embed_signup .button {
border-radius: 10px;
margin-top: 15px;
}
section.battery-storage {
padding: 0;
background-position: top;
position: relative;
margin-bottom: 250px;
height: 200px;
}
section.battery-storage > div {
max-width: 100%;
padding: 25px 10px;
background: #004e70;
height: 250px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -250px;
}
section.battery-storage > div h2 {
font-size: 1.2em;
margin-bottom: 20px;
}
.ie section.battery-storage {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page .article-header, .page .article-header.wrap {
margin-bottom: 2em;
}
.page .article-header h1, .page .article-header.wrap h1 {
font-size: 2em;
}
.page .article-header .wp-post-image, .page .article-header.wrap .wp-post-image {
height: 65vw;
}
.ie .page.has-post-thumbnail .article-header {
height: 50vw;
}
.ie .page.has-post-thumbnail .article-header img.wp-post-image {
height: auto;
}
.entry-content h2 {
font-size: 1.75em;
}
} @media only screen and (max-width: 480px) {
.inner-footer {
padding: 0;
position: relative;
}
.inner-footer .widget-area {
padding: 10px;
position: absolute;
}
.inner-footer .widget-area:first-of-type {
left: 25px;
}
.inner-footer .widget-area:last-of-type {
right: 25px;
}
.footer--company-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.slide.slide1 {
padding: 50px 10px;
}
.slider-cntr .slide:not(:first-of-type) {
padding: 15px 10px;
}
.slider-cntr .slide:not(:first-of-type) > *:nth-of-type(2) {
right: 10px;
}
section.cta .s-t-team .staff-container .team-member {
width: 45px;
}
section.cta .s-t-team .staff-container img {
width: 125px;
}
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {  } @media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
-ms-filter: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after, a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after, a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none;
}
}