.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,800&display=swap");
body , textarea , input , select {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #5a5a5a;
}
h1 , h2 , h3 , h4 , p.title {
font-size: 34px;
line-height: 1.15em;
text-transform: uppercase;
color: #4c4c4c;
font-weight: 400;
margin-bottom: 15px;
}
h1 em , h2 em {
display: block;
font-size: 0.7em;
line-height: 1em;
font-style: normal;
color: #727272;
}
h1 strong , h2 strong , h3 strong , h4 strong {
font-weight: 800;
}
h3 , p.title {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h1.underline::after , h2.underline::after {
display: block;
content: '';
background: #f25100;
width: 120px;
height: 2px;
margin-top: 20px;
}
h1.underline[style*='text-align: center']::after , h2.underline[style*='text-align: center']::after {
position: relative;
left: calc(50% - 60px);
}
a {
color: #f25100;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
a:hover {
text-decoration: underline;
color: #d33300;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
}
.button , .woocommerce input.button ,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button ,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt ,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover
{
padding: 12px 30px;
display: inline-block;
text-decoration: none;
color: #fff;
background: #f25100;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin: 0 10px 5px 0;
border-radius: 0;
font-weight: 400;
}
.button:hover ,
.woocommerce input.button:hover ,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover ,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover ,
.woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover:hover,
.woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt:disabled[disabled]:hover
{
color: #fff;
background: #d33300;
text-decoration: none;
}
.button.light_gray {
background: #737373;
}
.button.light_gray:hover {
background: #595959;
}
.button.black {
background: #333333;
}
.button.black:hover {
background: #1a1a1a;
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
}
body {
margin: 0;
}
.error_404 {
text-align: center;
padding: 200px 0;
}
.wp_content > :first-child {
margin-top: 0;
}
.wp_content > :last-child {
margin-bottom: 0;
}
div.site_width {
padding-left: calc(50% - 740px);
padding-right: calc(50% - 740px);
}
.bg_cover {
background: center / cover no-repeat;
}
.boxed_title {
display: flex;
align-items: flex-end;
}
.boxed_title > span {
background: #333;
padding: 15px;
color: #fff;
text-transform: uppercase;
max-width: 60%;
font-size: 20px;
line-height: 1em;
transition: background-color 0.3s;
}
.boxed_title:hover {
text-decoration: none;
}
.boxed_title:hover > span {
text-decoration: none;
background: #000;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 100px;
}
.logo {
display: block;
background: center / contain no-repeat url(https://www.tridentsafes.co.uk/wp-content/themes/trident-safes/includes/img/trident-safes-ltd-logo.svg);
width: 435px;
height: 50px;
overflow: hidden;
text-indent: -999px;
margin-right: auto;
}
.logo:hover {
opacity: 0.7;
}
.header_link {
display: flex;
align-items: center;
padding: 0 50px 0 0;
margin: 0 0 0 30px;
min-height: 50px;
color: #3f3f3f;
text-transform: uppercase;
background: center right / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='132'%3E%3Cpath fill-rule='evenodd' fill='%23F3F3F3' d='M51 131L1 96V15L51 0l49 15v81l-49 35zM95 21L51 7 6 21v72l45 31 44-31V21zM8 92V22L51 9l42 13v70l-42 30L8 92z'/%3E%3Cpath fill-rule='evenodd' fill='%23F25100' d='M53 66c-4 4-8 7-9 5-3-2-4-4-9 0s-1 7 1 9c2 3 12 1 22-9s12-20 9-22c-2-2-5-6-9-1s-2 6 0 9c2 1-1 5-5 9z'/%3E%3C/svg%3E");
}
.header_link:hover {
text-decoration: none;
}
.header_link.email {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99' height='132'%3E%3Cpath fill-rule='evenodd' fill='%23F3F3F3' d='M50 131L0 97V16L50 1l49 15v81l-49 34zM94 21L50 8 5 21v72l45 31 44-31V21zM7 92V23l43-13 42 13v69l-42 30L7 92z'/%3E%3Cpath fill-rule='evenodd' fill='%23F25100' d='M50 63c-3 0-18-13-18-13v-1c0-2 1-3 3-3h30c1 0 3 1 3 3l-1 2S53 63 50 63zm0 4c3 0 17-12 17-12l1 19c0 2-2 3-3 3H35c-2 0-3-1-3-3V55s15 12 18 12z'/%3E%3C/svg%3E%0A");
}
.page_banner {
background: center / cover no-repeat;
max-height: 450px;
min-height: 200px;
height: 30vw;
display: flex;
align-items: center;
justify-content: center;
}
.page_banner .banner_title {
display: block;
color: #fff;
padding: 30px 60px;
font-size: 55px;
background: rgba(0,0,0,0.5);
text-transform: uppercase;
}
.page_banner.has_form {
justify-content: space-between;
position: relative;
height: auto;
max-height: none;
min-height: 0;
padding: 40px calc(50% - 740px);
}
.page_banner.has_form::before {
content: '';
display: block;
background: rgba(0,0,0,0.4);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.page_banner.has_form > .left {
flex: 1 1 700px;
margin-right: 200px;
position: relative;
}
.page_banner.has_form > .right {
flex: 1 1 520px;
background: #fff;
border-radius: 10px;
position: relative;
padding: 40px;
box-sizing: border-box;
}
.page_banner.has_form > .left h1 , .page_banner.has_form > .left h2 {
color: #fff;
font-size: 55px;
line-height: 1em;
margin: 0;
}
.page_banner.has_form > .left h1 big , .page_banner.has_form > .left h2 big {
font-size: 70px;
line-height: 0.9em;
}
.page_banner.has_form > .left p {
color: #fff;
font-size: 30px;
margin: 30px 0 0 0;
line-height: 1em;
}
.page_banner.has_form > .left h1.underline::after {
background: #fff;
margin-top: 30px;
}
.page_banner.has_form .gform_footer {
text-align: center;
}
.page_banner.has_form h3 {
text-align: center;
}
.page_banner.has_form h3::after {
display: block;
content: '';
background: #f25100;
width: 120px;
height: 2px;
margin-top: 20px;
position: relative;
left: calc(50% - 60px);
}
.the_usps {
background: #333;
display: flex;
justify-content: center;
padding: 15px 0;
min-height: 95px;
}
.the_usps p {
color: #fff;
font-size: 24px;
text-transform: uppercase;
text-align: center;
margin: 0 90px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
line-height: 1em;
}
.the_usps p span {
display: block;
font-size: 18px;
text-transform: none;
font-weight: 400;
color: #b3b3b3;
line-height: 1em;
}
.the_usps p::after {
content: '';
display: block;
width: 15px;
height: 95px;
position: absolute;
right: -97px;
top: 0px;
background: center center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='97'%3E%3Cpath fill-rule='evenodd' fill='%23F25100' d='M8.8 58v-1l5.4-3.7V42.9L8 41.1l-.1-1 7.2 2v11.7l-6.2 4.1zm-8-15v10.3L6.4 57v1L0 53.8V42L7.5 40v1L.7 43zm5.6 8.8v4.8l-5.3-3.5v-10l6.3-1.7-.2 3-.8 7.3zM5 46.2l.6-3.8-1.8 3.2.6-.3L2.2 53l3.7-1.3.3-2.5-2 .8.7-3.7zm9-3v10l-5.1 3.3v-4.8c.1-.6-.5-6.7-.9-10.3l6 1.7zm-4.7 8.4l3.7 1.3c0-.4-1.6-5.8-1.8-6.6l-.3-1 .6.3-1.8-3.2 1 5.7.3 1.8-2-.8.3 2.5z'/%3E%3Cpath fill-rule='evenodd' fill='%23BFBFBF' d='M7 97V67h1v30H7zM7 0h1v30H7V0z'/%3E%3C/svg%3E");
}
.the_usps p:last-child , .the_usps.no_banner p:last-child {
margin-right: 0;
}
.the_usps p:first-child , .the_usps.no_banner p:first-child  {
margin-left: 0;
}
.the_usps p:last-child::after {
display: none;
}
.the_usps.no_banner {
background: #f2f2f2;
padding: 15px;
min-height: 45px;
}
.the_usps.no_banner p {
font-size: 20px;
color: #4d4d4d;
margin: 0 70px;
}
.the_usps.no_banner p span {
font-size: 16px;
color: #8c8c8c;
}
.the_usps.no_banner p::after {
background: #bfbfbf;
width: 1px;
height: 30px;
top: 7px;
right: -70px;
}
.the_usps.front_page {
background: #fff;
margin-bottom: 10px;
}
.the_usps.front_page p {
color: #4d4d4d;
}
.main_container {
padding: 80px;
display: flex;
justify-content: space-between;
}
.main_container > main {
flex: 1 2 1110px;
}
.main_container > aside {
flex: 1 1 330px;
margin-left: 40px;
}
.main_container > aside a {
margin-bottom: 20px;
}
.main_container > aside a.view_products {
margin-bottom: 30px;
}
.main_container > aside a:last-child {
margin-bottom: 0;
}
.view_products {
display: flex;
flex-direction: column;
justify-content: center;
background: #f2f2f2 no-repeat bottom right url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='186'%3E%3Cpath fill-rule='evenodd' opacity='.1' d='M131.4 63.2l58.6 40v45l-21.6 8.1-32.3-31 35-10.7-25.8-22.2c-10.7-9.2-77.2-64.1-77.5-66l59.3 23.2-10.1 3.2c3.7 3.5 10 7.3 14.4 10.4zm32.8 99.3l20 23.5h-53C107 151 82.5 116 58.5 80.6 49.7 68 6.2 11.4 0 .8L.6.3C18.4 16.7 156 148.8 164.2 162.5zM82 186H60l-28.7-60.8-4.2 9.6-13.4-62.5 35.3 58.2c5 8.7 25.7 44.4 33 55.5zm38.9 0H85l15.2-30 20.5 30z'/%3E%3C/svg%3E");
padding: 25px 20px;
color: #727272;
text-transform: uppercase;
font-size: 34px;
line-height: 1em;
}
.view_products strong {
font-size: 40px;
color: #333;
transition: color 0.3s;
}
.view_products span {
display: block;
font-size: 18px;
}
.view_products span::before {
display: block;
content: '';
width: 120px;
height: 2px;
background: #f25100;
margin: 20px 0 10px 0;
}
.view_products:hover {
color: #727272;
text-decoration: none;
}
.view_products:hover strong {
color: #f25100;
}
.sidebar_service {
height: 180px;
}
.footer {
background: #333;
display: flex;
padding: 80px;
justify-content: space-between;
color: #bfbfbf;
font-size: 16px;
}
.footer > .about_us {
flex: 1 1 370px;
}
.footer > .useful_links {
flex: 1 1 510px;
margin: 0 40px;
}
.footer > .contact_details {
flex: 1 2 520px;
}
.footer p.title {
color: #fff;
margin: 0;
line-height: 1em;
}
.footer p.title::after {
content: '';
display: block;
width: 120px;
height: 2px;
background: rgba(255,255,255,0.1);
margin: 15px 0;
}
.footer > .about_us a {
color: #fff;
}
.footer_menu {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
}
.footer_menu a {
padding: 8px 20px;
margin: 0 10px 10px 0;
display: block;
border-radius: 3px;
background: rgba(255,255,255,0.1);
font-size: 18px;
font-weight: 400;
color: #b1b1b1;
}
.footer_menu a:hover {
text-decoration: none;
background: rgba(255,255,255,0.15);
}
.footer .contact_details > div {
display: flex;
}
.footer .contact_details > div p:first-child {
margin-right: 50px;
}
.footer .details {
margin-bottom: 0;
}
.footer .details strong {
display: block;
text-transform: uppercase;
font-size: 20px;
font-weight: 400;
color: #fff;
}
.footer .details a {
font-size: 22px;
color: #f27900;
line-height: 20px;
}
.footer .details a.phone {
font-size: 28px;
font-weight: 800;
}
.payment_cards {
margin-top: 20px;
}
.end_of_page {
background: #262626;
display: flex;
justify-content: space-between;
padding: 20px;
font-size: 16px;
color: #777;
}
.end_of_page a {
color: #fff;
}
.fc_split_content {
display: flex;
justify-content: space-between;
margin: 20px 0;
}
.fc_split_content > div {
width: calc(50% - 10px);
}
.fc_split_content > .content {
background: #f2f2f2;
min-height: 625px;
padding: 50px 100px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.fc_split_content > .image {
display: flex;
flex-wrap: wrap;
}
.fc_split_content > .image a {
display: block;
width: 100%;
background: center / cover no-repeat;
}
.fc_split_content > .image-two a {
width: calc(50% - 10px);
}
.fc_split_content > .image-two a:first-child {
margin-right: 20px;
}
.fc_split_content > .image-four a:nth-child(1) , .fc_split_content > .image-four a:nth-child(4) , .fc_split_content > .image-three a:nth-child(1) {
margin-bottom: 20px;
width: calc(60% - 10px);
}
.fc_split_content > .image-four a:nth-child(2) , .fc_split_content > .image-four a:nth-child(3) , .fc_split_content > .image-three a:nth-child(2) {
margin-bottom: 20px;
width: calc(40% - 10px);
margin-left: 20px;
}
.fc_split_content > .image-four a:nth-child(3) {
margin: 0 20px 0 0;
}
.fc_split_content > .image-four a:nth-child(4) {
margin: 0;
}
.fc_split_content.right {
flex-direction: row-reverse;
}
.fc_70_30_content {
display: flex;
justify-content: space-between;
margin: 100px 0;
}
.fc_70_30_content > .content {
flex: 1 1 1000px;
}
.fc_70_30_content > .image {
flex: 1 1 440px;
margin-left: 40px;
background: right center / contain no-repeat;
}
.fc_contact_banner {
background: #404040 center bottom no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1298' height='270'%3E%3Cpath fill-rule='evenodd' opacity='.1' fill='%23FFF' d='M71.7 270l56.2-34.9.5-.3c88.5-43.8 177-87.8 266-130.8C425.8 89 566.2 11 592 .7l.8 1.3a14013.6 14013.6 0 0 1-352.1 268H71.7zm73.5-145.3l67 47.8-89.5 43.3-122-96 303.5-91.2-20-12.5 143.8-9-141.6 59.2c-23.1 9-127 50.2-141.2 58.4zm125 145.3h-11l9.9-7.7 1.1 7.7zm242.2-126.8l-71.8 124.4L437 244c-8.2 6.3-17.6 17.4-25.5 26h-45.2c49.6-43.9 142.5-126.8 146-126.8z'/%3E%3C/svg%3E");
color: #fff;
text-align: center;
padding: 50px calc(50% - 320px) 40px calc(50% - 320px);
position: relative;
}
.fc_contact_banner::after {
display: block;
content: '';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M50 0a50 50 0 1 1 0 100A50 50 0 0 1 50 0z'/%3E%3Cpath fill-rule='evenodd' fill='%23FF6015' d='M55 55c-6 6-13 11-16 9-4-4-6-8-15-1-8 7-2 12 2 15 4 5 21 1 37-15s20-33 15-37c-3-4-8-10-15-2-7 9-3 11 1 15 2 3-3 10-9 16z'/%3E%3C/svg%3E");
width: 100px;
height: 100px;
position: absolute;
top: -50px;
left: calc(50% - 50px);
}
.fc_contact_banner a[href*='tel:'] {
color: #fff;
font-size: 55px;
font-weight: 800;
margin-bottom: 0;
}
.fc_contact_banner a[href*='tel:']::after {
content: '';
display: block;
width: 120px;
height: 2px;
background: #fff;
position: relative;
left: calc(50% - 60px);
margin-top: 15px;
}
.fc_contact_banner h3 {
color: #fff;
font-size: 34px;
margin-bottom: 0;
margin-top: 15px;
}
.fc_contact_banner p {
margin-top: 0;
}
.fc_reviews {
background: #262626;
padding: 40px;
margin: 20px 0;
}
.fc_reviews .reviews_title {
display: flex;
justify-content: center;
align-items: center;
}
.fc_reviews .reviews_title span {
display: block;
width: 290px;
height: 100px;
border-right: 4px solid #484848;
margin-right: 40px;
background: center no-repeat url(https://www.tridentsafes.co.uk/wp-content/themes/trident-safes/includes/img/google-reviews.png);
}
.fc_reviews .reviews_title h2 {
color: #fff;
}
.the_reviews {
display: flex;
justify-content: space-between;
margin: 40px 0 0 0;
}
.the_reviews .stars {
height: 30px;
width: 30px;
margin: 0 0 10px 0;
display: block;
background: center left url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath fill-rule='evenodd' fill='%23F6AD01' d='M15 1l4.6 8.5 9.4 1.8-6.5 7 1.2 9.7-8.7-4.1L6.3 28l1.2-9.6-6.5-7 9.4-2L15 1'/%3E%3C/svg%3E");
}
.the_reviews .stars.count_2 {
width: 60px;
}
.the_reviews .stars.count_3 {
width: 90px;
}
.the_reviews .stars.count_4 {
width: 120px;
}
.the_reviews .stars.count_5 {
width: 150px;
}
.the_reviews .review_single {
background: #484848;
padding: 20px;
box-sizing: border-box;
width: calc(33.33% - 20px);
color: #fff;
}
.the_reviews .review_single p {
margin-bottom: 10px;
}
.the_reviews .review_single h4 {
color: #b2b2b2;
margin-top: 10px;
}
.fc_enquire_now {
background: #f2f2f2;
padding: 60px calc(50% - 495px);
margin: 20px 0;
}
.fc_enquire_now .gform_footer {
text-align: center;
}
.fc_faqs {
padding: clamp(20px, 4vw, 60px) calc(50% - 495px);
background: #f2f2f2;
display: flex;
flex-direction: column;
gap: 15px;
}
.fc_faqs .faq_item .tab_inner {
max-height: 0;
overflow: hidden;
opacity: 0;
padding: 0 30px;
transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out, padding-top .3s, padding-bottom .3s;
box-sizing: border-box;
}
.fc_faqs .faq_item.active .tab_inner {
max-height: 600px;
opacity: 1;
padding: 30px;
background: #fff;
border-radius: 0 0 6px 6px;
transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out, padding-top .3s, padding-bottom .3s;
}
.fc_faqs .title {
margin: 0;
padding: 20px;
background: #4c4c4c;
color: #fff;
border-radius: 6px;
}
.fc_faqs .faq_item.active .tab_inner {
border: 1px solid #ccc;
border-top: none;
}
.fc_faqs .active .title {
border-radius: 6px 6px 0 0;
}
@media (max-width: 1100px) {
.fc_faqs {
padding: clamp(20px, 4vw, 60px);
}
}
.single_post_list {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.single_post_list > .single_post {
background: center / cover no-repeat #eee;
width: calc(33.33% - 20px);
margin: 0 30px 30px 0;
min-height: 200px;
max-height: 450px;
height: 30vw;
}
.single_post_list > .single_post:nth-child(3n) {
margin-right: 0;
}
.page_intro {
max-width: 1000px;
margin: 60px auto;
}
div.case_studies {
padding-top: 40px;
padding-bottom: 40px;
}
.google_map {
width: 100%;
min-height: 300px;
height: 40vw;
max-height: 600px;
margin: 0;
display: block;
}
.contact_us_top {
display: flex;
margin: 20px 0;
}
.contact_us_top > div {
display: flex;
align-items: center;
box-sizing: border-box;
padding: 60px;
}
.contact_us_top > .left {
background: #f2f2f2;
flex: 1 2 960px;
}
.contact_us_top > .right {
background: #333333;
flex: 1 1 500px;
margin-left: 20px;
color: #b2b2b2;
}
.contact_us_top > .right strong {
color: #fff;
}
.contact_us_top > .right a[href*='tel:'] {
font-size: 34px;
line-height: 0.8em;
}
.contact_us_bottom {
display: flex;
margin: 20px 0;
}
.contact_us_bottom > .left {
background: center / cover no-repeat;
flex: 1 1 390px;
margin-right: 20px;
}
.contact_us_bottom > .right {
background: #f2f2f2;
flex: 1 2 1070px;
box-sizing: border-box;
padding: 60px;
}
.service_single {
display: flex;
justify-content: space-between;
background: #f2f2f2;
padding: 50px;
align-items: center;
}
.service_single > a {
display: flex;
flex: 1 2 710px;
max-height: 440px;
min-height: 250px;
height: 30vw;
margin-right: 60px;
box-sizing: border-box;
border: 10px solid #fff;
align-items: flex-end;
background: center / cover no-repeat;
}
.service_single > a:hover {
text-decoration: none;
}
.service_single > a span {
background: rgba(0,0,0,0.75);
padding: 15px 25px;
color: #fff;
font-weight: 400;
transition: background-color 0.3s;
}
.service_single > a:hover span {
background: rgba(0,0,0,1);
}
.service_single > div {
flex: 1 1 710px;
}
.service_listing .service_single:nth-child(2n) {
flex-direction: row-reverse;
background: #fff;
}
.service_listing .service_single:nth-child(2n) > a {
border: 10px solid #f2f2f2;
margin: 0 0 0 60px;
}
.fp_banner .fp_ups {
width: 100%;
height: 17vw;
min-height: 120px;
background: #e6e6e6;
margin: 0 0 10px 0px;
color: #4c4c4c;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: 0.3s;
font-size: 1.2vw;
text-transform: uppercase;
line-height: 1em;
font-weight: 600;
}
.fp_banner .fp_ups span {
font-size: 1.8em;
color: #333;
text-align: center;
line-height: 0.8em;
}
.fp_banner .fp_ups span strong {
color: #f25100;
font-size: 1.1em;
font-weight: 800;
}
.fp_banner .fp_ups.ups_one {
background: #e6e6e6 bottom left no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='193' height='267'%3E%3Cpath fill-rule='evenodd' opacity='.1' d='M184.7 139.2c.8 14.3 7.6 112.9 6.9 119.3L135 223.9l4.5-43.7 29.3 20.6 1.6-33.3c.7-13.8 3-98.2 4.4-99.6l17.7 59.8-8.5-5.9c-.6 5 .3 12.1.6 17.4zm-57 85.2h.1L119 267H78.2l10.5-50.5v-.2c12.8-41 25.4-82 38.5-123 4.6-14.3 22.1-81.9 26.6-93h.7c-2 23.7-21 209.6-26.7 224zM59.2 178l35.2-6.8L81 212.4 14.3 222 76.5 99.2l-10 2.6 40.2-48L83 116c-4 10-22.2 55-23.9 62z'/%3E%3C/svg%3E");
}
.fp_banner .fp_ups.ups_two {
background: #e6e6e6 top right no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='193' height='274'%3E%3Cpath fill-rule='evenodd' opacity='.1' d='M153.5 0L193 12.1v15.4L111.5 2.6l-.7-.2L11.3 32v158.8L110 259l82.9-57.9v15L110.1 274 0 198V20L67.4 0h86zM16 188.3V35.6l94.8-28.2L193 32.6v162.7l-83 57.9-94-64.9z'/%3E%3C/svg%3E");
}
.fp_banner .fp_ups.ups_three {
background: #e6e6e6 top right no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='177' height='179'%3E%3Cpath fill-rule='evenodd' opacity='.1' d='M33.2 92c2.4-2.9 4.9-7.6 6.9-11C45.6 72 82.7 9.6 85.7 6l19.9 44.5-21 24.7-9.2-24.8-14.8 19.6c-6.3 8-43 58.2-44.3 58.5l14.2-43.6 2.7 7.1zm77-38.8L165.7 0H177v29.9l-46.4 44.4-.1.1c-24.8 19.6-49.7 39.2-74.7 58.5-8.8 6.8-47.6 40.5-55 45.4l-.4-.4C11.5 164.4 100.8 59.6 110.3 53.2zm22.3 56.8l-24.2-10.5L133.5 80l43.5 21.4v1.2l-88 48 7.1 2.6-44.4 12.3 40.5-28c6.6-4.3 36.4-24 40.3-27.5z'/%3E%3C/svg%3E");
}
.shop_cta {
background: center / cover no-repeat;
display: flex;
justify-content: center;
}
.shop_cta > div {
background: rgba(255,255,255,0.75);
max-width: 1300px;
padding: 110px 220px;
box-sizing: border-box;
}
.shop_cta h1 , .shop_cta h2 {
font-size: 48px;
}
.padding_50 {
padding: 50px 0;
}
.fp_case_studies {
display: flex;
margin-bottom: 100px;
}
.fp_case_studies > a {
height: 450px;
margin-right: 40px;
flex: 1 1 25%;
background: center / cover no-repeat #eee;
}
.fp_case_studies > a:nth-child(4) {
margin: 0;
}
.show_filters {
display: none;
}
.shop_title {
padding: 40px;
line-height: 35px;
font-size: 34px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
}
.shop_title::before {
content: '';
display: block;
height: 1px;
width: 100%;
background: #414144;
position: absolute;
max-width: 1480px;
}
.shop_title span {
display: block;
background: #fff;
padding: 2px 50px;
position: relative;
}
.term_listing {
background: #f2f2f2;
display: flex;
justify-content: center;
padding: 60px 0 10px 0;
flex-wrap: wrap;
}
.term_listing.pa_brand_listing {
background: #f2f2f2 top left no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='282' height='325'%3E%3Cpath fill-rule='evenodd' opacity='.1' d='M124 325L0 239.4v-21.7l123.8 85.5 141.8-99V0H282v214.6L124 325zM0 209.3V0h258.7v200.5l-134.9 94.3L0 209.3z'/%3E%3C/svg%3E");
}
.term_listing.pa_eurograde_listing {
background: #f2f2f2 top right no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='431' height='542'%3E%3Cpath fill-rule='evenodd' opacity='.1' d='M431 367.7L249.2 494.8l-213-147.2V1.3L40.6 0H431v367.7zm0 13.2V415L249.4 542 0 369.6V0h25.5v353.4L249.3 508 431 381z'/%3E%3C/svg%3E");
}
.term_listing.product_cat_listing {
background: #f2f2f2 bottom left no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='455' height='603'%3E%3Cpath fill-rule='evenodd' opacity='.1' d='M390.5 311C379.2 341 304 547.5 296.8 560l-83.7-121.3 48.5-84.9 41.2 68.5 33.1-66.4c14-27.3 94.8-196.9 98.8-198.6l-17.9 137.6-12-19.7c-5.5 9.6-10.2 25-14.3 36zM197.8 433L76 603H0v-46.2l125.5-175 .2-.5c62.8-71.9 125.6-144 189.2-215.3C337.2 140.9 433.7 19.2 452.9.6l1.2.8C428.8 47.8 222.5 408.6 198 433h-.1zM99.9 276.7l77.7 17.8-64 71.8L0 334.7v-34l206.3-168.6-22.5-3.7 125-61.4-104.4 105.4C187 189 109.6 264.2 99.9 276.8z'/%3E%3C/svg%3E");
}
.term_listing > a {
display: block;
background: #fff;
border: 1px solid #b3b3b3;
border-bottom: 2px solid #666;
margin: 0 10px 65px 10px;
position: relative;
box-sizing: border-box;
}
.term_listing > a strong.button {
position: absolute;
bottom: -30px;
left: 50%;
transform: translate(-50%, 0);
white-space: nowrap;
}
.term_listing > a:hover {
border: 1px solid #666;
border-bottom: 2px solid #f25100;
text-decoration: none;
}
.term_listing > a strong.button {
transition: 0.3s;
}
.term_listing > a:hover strong.button {
background-color: #d33300;
}
.pa_eurograde_listing {
text-align: center;
}
.pa_eurograde_listing > a {
padding: 40px 20px 50px 20px;
}
.pa_eurograde_listing h3 , .product_cat_listing h3 {
font-size: 26px;
font-weight: 800;
color: #333;
margin: 0 0 10px 0;
}
.pa_eurograde_listing p {
margin: 0;
}
.pa_eurograde_listing h3::after , .product_cat_listing h3::after {
display: block;
content: '';
width: 120px;
height: 1px;
background: #f25100;
position: relative;
left: calc(50% - 60px);
margin-top: 10px;
}
.pa_eurograde_listing span {
display: block;
font-size: 18px;
color: #808080;
font-weight: 400;
}
.pa_eurograde_listing span strong {
color: #333;
}
.pa_brand_listing > a {
width: calc(25% - 20px);
padding: 0 40px;
}
.pa_brand_listing div {
height: 260px;
max-width: 240px;
margin: 0 auto;
background: center / contain no-repeat;
}
.pa_brand_listing > a span {
position: absolute;
top: 0;
right: 0;
background: #cdcdcd;
color: #fff;
font-size: 16px;
padding: 8px 15px;
font-weight: 400;
}
.product_cat_listing > a {
width: calc(33.33% - 20px);
padding: 35px 20px 40px 20px;
text-align: center;
}
.product_cat_listing p {
color: #808080;
font-weight: 400;
margin: 0;
}
.woocommerce .main_container {
padding-top: 60px;
padding-bottom: 60px;
}
.woocommerce .main_container > aside {
margin: 0 40px 0 0;
flex: 1 0.25 290px;
}
.woocommerce_title {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #ccc;
}
.term-description > :last-child {
margin-bottom: 0;
}
.woocommerce ul.products li.product a {
border: 1px solid #b3b3b3;
display: block;
width: 100%;
border-bottom: 2px solid #f25100;
padding: 20px 20px 30px 20px;
}
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.products > li {
display: flex;
}
.product_flags {
position: absolute;
top: 1px;
right: 1px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.a_flag {
display: block;
padding: 6px 16px;
background: #ccc;
color: #fff;
font-weight: 400;
font-size: 16px;
margin-bottom: 5px;
transition: background-color 0.3s;
}
.a_flag.sale_flag {
background-color: #6dbbf2;
}
.woocommerce ul.products h2 {
font-weight: 600;
text-transform: none;
font-size: 20px;
color: #333;
margin-bottom: 0;
}
.woocommerce ul.products .product_thumbnail {
display: block;
width: 100%;
background: center / contain no-repeat;
}
.woocommerce ul.products .product_thumbnail::after {
content: '';
display: block;
padding-bottom: 100%;
height: 1px;
}
.woocommerce ul.products .eurograde_title {
margin: 0;
color: #7f7f7f;
font-weight: 400;
}
.woocommerce ul.products .button {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, calc(50% + 5px));
white-space: nowrap;
word-break: keep-all;
display: none;
}
.woocommerce ul.products a:hover {
border: 1px solid #333;
box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.woocommerce ul.products a:hover .button {
display: block;
}
.woocommerce ul.products a:hover .a_flag {
background: #f25100;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
font-weight: 600;
color: #fff;
background: #f25100;
border: none;
padding: 15px 15px;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
margin: 0 5px;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
color: #fff;
background: #d33300;
}
.term_list_title {
margin: 0 0 -1px 0;
background: #333;
color: #fff;
height: 60px;
line-height: 60px;
padding: 0 20px;
font-size: 20px;
font-weight: 600;
}
.term_list {
padding: 20px;
margin: 0 0 20px 0;
list-style: none;
border: 1px solid #ccc;
display: block;
}
.term_list a {
display: block;
padding: 10px 15px;
border-bottom: 1px solid #ccc;
color: #666;
}
.term_list > li:last-child > a {
border-bottom: none;
}
.term_list li:hover a , .term_list li.pa_eurograde:hover a {
text-decoration: none;
color: #f25100;
}
.term_list li.pa_eurograde a {
color: #333;
}
.term_list li.current {
background: #f2f2f2;
}
.term_list li.pa_eurograde a span {
display: block;
font-size: 16px;
color: #808080;
}
.term_list li.pa_eurograde a span strong {
font-weight: 600;
color: #808080;
}
.single_product_top {
display: flex;
justify-content: center;
padding: 40px;
}
.single_product_top > .woocommerce-product-gallery {
flex: 1 1 450px;
margin-right: 40px;
}
.single_product_top.reconditioned_safe > .woocommerce-product-gallery {
flex: 1 1 calc(35% - 20px);
}
.single_product_top.reconditioned_safe > .summary {
flex: 1 1 calc(65% - 20px);
}
.single_product_top > .woocommerce-product-gallery figure {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.single_product_top > .woocommerce-product-gallery figure > div {
margin: 0 5px 5px 0;
width: calc(25% - 5px);
}
.single_product_top > .woocommerce-product-gallery figure > div:first-child {
width: 100%;
}
.single_product_top > .woocommerce-product-gallery a , .single_product_top > .woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #b3b3b3;
}
.single_product_top > .woocommerce-product-gallery figure > :first-child a , .single_product_top > .woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder {
border-bottom: 3px solid #f25100;
}
.single_product_top > .summary {
flex: 1 1 990px;
}
.product_title {
font-size: 42px;
margin: 0;
}
.product_sub_title {
color: #808080;
margin: 0;
font-size: 28px;
text-transform: uppercase;
}
.product_title_underline {
background: #f25100;
width: 120px;
height: 2px;
margin: 20px 0;
}
.product_table {
border-top: 1px solid #d9d9d9;
}
.product_table {
display: grid;
text-decoration: none;
font-weight: 400;
color: #5a5a5a;
font-size: 16px;
}
body.single-product .button, body.single-product.woocommerce input.button,
body.single-product .woocommerce #respond input#submit, body.single-product .woocommerce a.button,
body.single-product .woocommerce button.button, body.single-product .woocommerce input.button {
font-size: 16px;
line-height: 20px;
}
.product_table .size {
grid-column: 1fr;
}
.product_table .external_dimension , .product_table .internal_dimensions {
grid-column: 3fr;
}
.product_table .weight , .product_table .volume {
grid-column: 1.5fr;
}
.product_table .price {
grid-column: 2fr;
}
.single_variation_wrap {
width: 100%;
display: flex; align-items: center;
margin-top: 20px;
justify-content: space-between;
}
.wc-pao-addon {
width: calc(50% - 15px);
flex-grow: 1;
}
.variations {
width: 100%;
}
a.reset_variations {
margin-left: 25px;
display: none !important;
}
.single_variation_wrap > .single_variation {
display: none !important;
}
.woocommerce-variation.single_variation .woocommerce-Price-amount.amount {
display: none;
}
.wc-pao-subtotal-line .amount {
font-weight: bold;
font-size: 36px;
line-height: 42px;
color: #E15D28;
}
.wc-pao-subtotal-line {
font-size: 14px;
font-weight: 600;
color: #666;
line-height: 12px;
}
.product_table .product_table_row > span.actions {
padding: 0 0 0 20px;
}
.product_table .button {
margin: 0 0 0 10px
}
span.action-buttons .button {
white-space: nowrap;
}
.action-buttons input , .woocommerce .ts_delivery_item input {
display: flex;
border: 2px solid #737373;
background: #fff;
appearance: none;
width: 28px;
height: 28px;
border-radius: 20px;
justify-content: center;
align-items: center;
padding: 0;
}
.action-buttons input:checked:after , .woocommerce .ts_delivery_item input:checked:after {
content: '';
display: block;
background: #f25100;
width: 14px;
height: 14px;
border-radius: 10px;
}
.weight_message.hidden {
display: none;
}
.weight_message {
background: rgba(255,0,0,0.1);
border: 1px solid #d33300;
padding: 25px;
width: 100%;
margin-bottom: 10px;
border-radius: 3px;
}
.woocommerce .ts_delivery_item {
border: 1px solid #eee;
border-radius: 6px;
margin-bottom: 10px;
padding: 15px;
background: #fff;
flex-basis: 100%;
display: flex;
align-items: center;
transition: opacity 0.3s;
}
.woocommerce .ts_delivery_item.disabled {
opacity: 0.4;
}
.woocommerce .ts_delivery_item input {
flex-basis: 28px;
flex-shrink: 0;
}
.woocommerce .ts_delivery_item > div {
padding: 0 0 0 20px;
margin-right: auto;
font-size: 16px;
}
.woocommerce .ts_delivery_item strong {
display: block;
font-size: 18px;
}
.woocommerce .ts_delivery_item > span {
flex-basis: 100px;
text-align: right;
font-weight: 700;
color: #5a5a5a;
font-size: 24px;
}
.woocommerce .variations_form h3 {
margin-top: 0;
}
.cart-link {
padding-right: 40px;
background: no-repeat center right / 28px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6 22.4c1.5 0 2.8 1.3 2.8 2.8 0 1.5-1.3 2.8-2.8 2.8a2.8 2.8 0 01-2.8-2.8c0-1.5 1.3-2.8 2.8-2.8zM28 0v2.8h-2.8l-5 10.6 2 3.4.2 1.4c0 1.5-1.3 2.8-2.8 2.8H2.8v-2.8H19c.2 0 .3-.1.3-.3v-.1l-1.2-2.4H7.7c-1.1 0-2-.6-2.4-1.4l-5-9.1C0 4.6 0 4.5 0 4.2c0-.8.6-1.4 1.4-1.4h20.7L23.4 0H28zM5.6 22.4c1.5 0 2.8 1.3 2.8 2.8 0 1.5-1.3 2.8-2.8 2.8a2.8 2.8 0 01-2.8-2.8c0-1.5 1.3-2.8 2.8-2.8z' fill='%23000'/%3E%3C/svg%3E");
}
.cart-link.has_items {
color: #f25100;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6 22.4c1.5 0 2.8 1.3 2.8 2.8 0 1.5-1.3 2.8-2.8 2.8a2.8 2.8 0 01-2.8-2.8c0-1.5 1.3-2.8 2.8-2.8zM28 0v2.8h-2.8l-5 10.6 2 3.4.2 1.4c0 1.5-1.3 2.8-2.8 2.8H2.8v-2.8H19c.2 0 .3-.1.3-.3v-.1l-1.2-2.4H7.7c-1.1 0-2-.6-2.4-1.4l-5-9.1C0 4.6 0 4.5 0 4.2c0-.8.6-1.4 1.4-1.4h20.7L23.4 0H28zM5.6 22.4c1.5 0 2.8 1.3 2.8 2.8 0 1.5-1.3 2.8-2.8 2.8a2.8 2.8 0 01-2.8-2.8c0-1.5 1.3-2.8 2.8-2.8z' fill='%23f25100'/%3E%3C/svg%3E");
}
.product_table_row {
display: contents;
}
.product_table .product_table_row:nth-child(2n) > span {
background: #f7f7f7;
}
.cart_custom_message > p {
margin-bottom: 10px;
}
.cart_custom_message > p:last-child {
margin-top: 0;
}
form.variations_form.cart {
background: #F7F7F7;
padding: 30px;
margin-top: 30px;
flex-wrap: wrap;
}
.woocommerce form .form-row {
padding: 0;
}
.woocommerce-variation.single_variation .woocommerce-Price-amount.amount {
font-weight: bold;
font-size: 36px;
line-height: 42px;
color: #E15D28;
}
.woocommerce-variation-add-to-cart.variations_button {
display: flex;
}
.woocommerce-variation-add-to-cart.variations_button input {
background: #FFFFFF;
border: 1px solid #D9D9D9;
height: 64px;
box-sizing: border-box;
width: 90px;
margin-right: 30px;
}
.woocommerce-variation-add-to-cart.variations_button .button {
margin-bottom: 0;
white-space: nowrap;
}
.product_table .product_table_row > span {
padding: 5px 10px;
min-height: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #d9d9d9;
}
.product_table .product_table_row > span.external_dimension {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.product_table .product_table_row.product_table_head > span.external_dimension {
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.product_table .product_table_row.product_table_head > span {
color: #333;
font-weight: 600;
font-size: 16px;
}
.single-product .cart {
display: flex;
}
.product_table .product_table_row > span.external_dimension span {
display: block;
}
.product_table .product_table_row > span.external_dimension span.units {
display: inline-block;
}
.single-product .cart .quantity input {
background: #FFFFFF;
border: 1px solid #D9D9D9;
height: 64px;
box-sizing: border-box;
width: 90px;
margin-right: 30px;
}
body.single-product .cart  .button , body.woocommerce-checkout  .button {
margin-bottom: 0;
}
.cart  input , body.woocommerce-checkout  input , body.woocommerce-checkout  textarea , .woocommerce form .form-row input.input-text {
height: 50px;
padding-left: 10px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
}
body.woocommerce-checkout  textarea {
height: 100px;
}
body.woocommerce-checkout  input[type=checkbox] {
height: auto;
}
.woocommerce-cart .woocommerce  .button {
margin-bottom: 0;
height: 50px;
box-sizing: border-box;
}
.woocommerce .variation p {
margin: 0;
}
.woocommerce .variation {
margin: 0;
}
.select2-container--default .select2-selection--single {
height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
height: 45px;
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
}
address {
max-width: 100%;
box-sizing: border-box;
}
.woocommerce-account .woocommerce-MyAccount-navigation {width: 180px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul a {
display: block;
background-color: #333;
color: #fff;
padding: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a , .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a  {
background-color: #f25100;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul a:hover {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(100% - 230px);
}
.woocommerce-account .addresses .title .edit {
font-size: 16px;
}
header.woocommerce-Address-title.title h3 {
margin-top: 0;
font-size: 22px;
}
.woocommerce-Address {
padding-top: 20px;
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: calc(100% - 200px);
}
}
@media (max-width: 600px) {
table.variations tbody tr {
margin-right: 0;
}
.wc-pao-addon {
width: 100%;
max-width: unset;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin-top: 0;
}
}
@media all and (-ms-high-contrast:none) {
.product_table {
display: -ms-grid;
-ms-grid-columns: 1fr 3fr 3fr 1.5fr 1.5fr 2fr;
}
}
.product_table span.price {
flex: 1 1 80px;
text-align: right;
line-height: normal;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding-right: 20px;
}
.product_table span.price {
color: #f25100;
font-size: 22px;
font-weight: 600;
line-height: 20px;
}
.product_table span.price ins {
text-decoration: none;
}
.product_table span.price del {
font-size: 14px;
color: #666;
line-height: 14px;
}
small.woocommerce-price-suffix {
font-size: 14px;
font-weight: 600;
color: #666;
line-height: 12px;
}
.product_table span.units {
color: #b2b2b2;
font-weight: 400;
}
.product_table a.row:hover {
color: #f25100;
background: #f0f0f0;
}
p.price {
color: #f25100;
font-size: 28px;
font-weight: 800;
}
.single_product_usps {
display: flex;
margin: 20px 0;
padding: 0;
list-style: none;
}
.single_product_usps li {
width: 33.33%;
box-sizing: border-box;
padding: 10px 30px 10px 60px;
background: center left no-repeat;
display: flex;
align-self: center;
}
.single_product_usps li.count_0 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='31'%3E%3Cpath fill-rule='evenodd' fill='%23333' d='M40.6 26.8a5.6 5.6 0 0 1-5.4 4.2 5.6 5.6 0 0 1-5.5-4.2H18.1a5.6 5.6 0 0 1-5.4 4.2 5.6 5.6 0 0 1-5.5-4.2H2.8v-9.9h2.8v7h1.6a5.6 5.6 0 0 1 5.5-4.2c2.6 0 4.8 1.8 5.4 4.3h8.6V2.8H0V0h29.5v5.6h12.3l3.2 9.7v11.5h-4.4zm-28-4.3a2.8 2.8 0 1 0 0 5.7 2.8 2.8 0 0 0 0-5.7zm22.6 5.7a2.8 2.8 0 0 0 0-5.7 2.8 2.8 0 0 0 0 5.7zm7-12.5l-2.4-7.2H29.5V24h.2a5.6 5.6 0 0 1 5.5-4.3c2.6 0 4.8 1.8 5.4 4.3h1.6v-8.3zM14 8.5H1.4V5.6h12.7v2.9zM11.3 14H2.8v-2.8h8.5V14z'/%3E%3C/svg%3E");
}
.single_product_usps li.count_1 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='44'%3E%3Cpath fill-rule='evenodd' fill='%23333' d='M32.9 23.7c-.7 0-1.4 0-2.1-.2l.3 2.1a6 6 0 0 1-4.8 5.8 6 6 0 0 1-3.8 2.5 6 6 0 0 1-5 2.6L11.8 42a7 7 0 0 1-4.9 2A7 7 0 0 1 2 42a6.7 6.7 0 0 1 0-9.5L4 30.7l-1-1a9.5 9.5 0 0 1 0-13.7l4.8-4.7a10 10 0 0 1 13.1-.8 12 12 0 0 1 17-9.5L40 2l-8.2 8 2.4 2.5 8.3-8.1 1 2c1 1.7 1.4 3.6 1.4 5.4a12 12 0 0 1-12.1 11.9zM4.5 34.8c-.7.7-1 1.5-1 2.4 0 1 .3 1.8 1 2.4a3.6 3.6 0 0 0 4.9 0l2.2-2.2c-1-.3-1.8-.9-2.5-1.7L6.3 33l-1.8 1.8zm15-20.9a6.6 6.6 0 0 0-9.4-.2l-4.8 4.8a6.2 6.2 0 0 0 0 8.8l6.3 6.2c.5.6 1.2 1 2 1 1.1 0 2-.7 2.4-1.8.4.3 1 .5 1.5.5 1.4 0 2.5-1.2 2.5-2.6v-.3c.4.2.8.3 1.3.3 1.4 0 2.6-1.1 2.6-2.5l-.1-.3c.4.2.8.3 1.3.3 1.4 0 2.6-1.1 2.6-2.5 0-.8-.4-1.5-1-2l-7.8-7.5 1.3-1.4-.7-.8zm21.9-3.6l-7 7L27 10l6.8-6.7h-1a8.6 8.6 0 0 0-8.6 8.4c0 .7.1 1.5.3 2.2l.2.7.2.2-1.1 1.1 4.8 4.8 1-1 1 .2a8.6 8.6 0 0 0 10.8-9.7z'/%3E%3C/svg%3E");
}
.single_product_usps li.count_2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='48'%3E%3Cpath fill-rule='evenodd' fill='%23333' d='M37.8 24.8l-.6 3.4L45 39.8h-9L32.8 48l-7.8-11.6a5.8 5.8 0 0 1-4.8 0L12.3 48 9 39.8H0l7.8-11.6-.5-3.4-2.2-3a5.7 5.7 0 0 1 0-6.7l2.2-3 .6-3.6a5.7 5.7 0 0 1 4.7-4.7l3.7-.6 3-2.1c2-1.5 4.6-1.5 6.7 0l3 2.1 3.6.6c2.4.4 4.3 2.3 4.7 4.7l.6 3.6 2.1 3c1.5 2 1.5 4.7 0 6.7l-2.1 3zM33.6 36h4.5l-2.9-4.3c-.8.7-1.7 1.1-2.8 1.3l-3.6.6-.9.6 4 6 1.7-4.2zm-22.2 0l1.7 4.1 4-5.9-1-.6-3.6-.6c-1-.2-2-.6-2.7-1.3l-2.9 4.3h4.5zM37 17.3l-2.7-3.7-.8-4.5a2 2 0 0 0-1.7-1.7l-4.4-.7L23.7 4a2 2 0 0 0-1.2-.3c-.4 0-.8.1-1.2.4l-3.7 2.6-4.5.7a2 2 0 0 0-1.7 1.7l-.7 4.5L8 17.3a2 2 0 0 0 0 2.4l2.7 3.6.7 4.5a2 2 0 0 0 1.7 1.7l4.5.7 3.7 2.7a2 2 0 0 0 2.4 0l3.7-2.7 4.5-.7a2 2 0 0 0 1.7-1.7l.7-4.5 2.7-3.6a2 2 0 0 0 0-2.4z'/%3E%3C/svg%3E");
}
.single_product_form {
background: #404040;
padding: 80px calc(50% - 495px);
}
.short_description {
background: white;
padding-bottom: 40px;
}
.single_product_form h2 {
color: #fff;
}
.single_product_form input.button {
margin: 0 auto;
display: block;
}
.single_product_form .gfield_checkbox label {
color: #fff;
}
.news_intro {
margin-bottom: 60px;
padding-bottom: 60px;
border-bottom: 1px solid #f2f2f2;
}
.single_news_item {
color: #5a5a5a;
font-weight: 400;
margin-bottom: 40px;
display: block;
padding: 5px 0 5px 30px;
border-left: 4px solid #f25100;
}
.single_news_item h2 {
margin: 0;
transition: color 0.3s;
}
.single_news_item p {
margin: 0;
}
.single_news_item p.meta {
margin: 5px 0;
font-size: 16px;
color: #888;
}
.single_news_item p.meta span {
color: #333;
}
.single_news_item:hover {
color: #5a5a5a;
text-decoration: none;
}
.single_news_item:hover h2 {
color: #f25100;
}
.fc_simple_content {
max-width: 1500px;
padding: 0 40px;
margin: 80px auto;
}
.product_table_wrapper {
display: none;
}
.product_table_wrapper.current {
display: block;
}
.attributes_tabs {
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.attributes_tabs a {
background: #F7F7F7;
display: block;
padding: 8px 25px;
color: #B9B9B9;
font-weight: 400;
text-transform: uppercase;
border: 1px solid #d9d9d9;
border-bottom: none;
margin-right: 5px;
position: relative;
}
.attributes_tabs a.current {
background: #fff;
color: #4C4C4C;
}
.attributes_tabs a.current::after {
display: block;
content: '';
background: #fff;
width: 100%;
height: 3px;
position: absolute;
bottom: -1px;
left: 0;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 40px 0 35px 0;
background: #f2f2f2;
margin: 0 0 20px 0;
}
#pagination a, #pagination > span {
display: inline-block;
padding: 10px 20px;
font-size: 20px;
color: #fff;
background: #333;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
}
#pagination > span {
background: #a6a6a6;
}
#pagination a:hover {
opacity: 0.85;
} .gallery {
column-count: 4;
column-gap: 20px;
}
.gallery .gallery-item {
display: inline;
margin: 0;
}
.gallery .gallery-item img {
display: block;
margin: 0 0 20px 0;
}
.gallery-caption {
display: none;
} .gfield_description.validation_message {
position: absolute;
right: -5px;
top: -14px;
background-color: #f25100;
color: white;
padding: 5px 10px;
font-size: 12px;
text-align: center;
border-radius: 2px;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 5px solid rgba(0,0,0,0);
border-top-color: #f25100;
width: 0;
height: 0;
bottom: -10px;
left: 10px;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid #f25100;
padding: 10px 20px;
font-size: 15px;
color: #f25100;
}
.gform_confirmation_message {
color: #1ba21b;
}
.gform_body ul {
padding: 0;
margin: 0;
list-style: none;
}
.gform_body > ul {
margin: 20px 0 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.gform_body > ul > li {
position: relative;
}
.gform_body > ul > li {
width: 100%;
margin-bottom: 20px;
}
.gform_body > ul > li.gform_hidden {
display: none;
}
.gform_body > ul > li.medium_field {
width: calc(50% - 10px);
}
.gform_body > ul > li.small_field {
width: calc(33.33% - 13px);
}
.gform_body > ul > li.large_field {
width: 100%;
}
.gform_body > ul > li.captcha_field {
margin: 0;
}
.gform_body > ul > li.captcha_field > .gfield_label {
display: none;
}
.gform_body label {
display: none;
}
.gfield_checkbox label {
display: inline;
}
.gform_body input[type=text] ,
.gform_body input[type=tel] ,
.gform_body input[type=email] ,
.gform_body textarea ,
.gform_body select {
height: 45px;
color:  #404040;
padding-left: 15px;
width: 100%;
border: 1px solid #d9d9d9;
box-sizing: border-box;
border-radius: 3px;
}
input[type=search] {
-webkit-appearance: none;
}
.gform_body select {
appearance: none;
-webkit-appearance: none;
background: #fff calc(100% - 20px) center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16'%3E%3Cpath fill-rule='evenodd' fill='%23F25100' d='M26 3L15 13l-2 2L0 3l2-2 11 10L24 1l2 2z'/%3E%3C/svg%3E");
padding-right: 70px;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gform_body select::-ms-expand {
display: none;
}
.gform_body textarea {
height: 100px;
padding-top: 20px;
}
.gfield_visibility_ {
display: none;
}
.gform_validation_container ,
.gform_wrapper .gform_validation_container ,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container ,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none!important;
position: absolute!important;
left: -9000px;
}
::-webkit-input-placeholder { color: #818181;
}
::-moz-placeholder { color: #818181;
}
:-ms-input-placeholder { color: #818181;
}
:-moz-placeholder { color: #818181;
}
@media (min-width: 1021px) {
.main_menu {
background: #333;
padding: 0 100px;
margin: 0;
list-style: none;
display: flex;
}
.main_menu ul {
display: none;
}
.main_menu > li {
position: relative;
}
.main_menu > li:last-child {
margin-left: auto;
background: rgba(255,255,255,0.1);
}
.main_menu > li > a {
display: flex;
align-items: center;
height: 60px;
padding: 0 25px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
}
.main_menu > li.menu-item-has-children > a {
padding: 0 10px 0 25px;
}
.main_menu > li.menu-item-has-children > a::after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='11'%3E%3Cpath fill-rule='evenodd' opacity='.1' fill='%23FFF' d='M19 1.8l-7.1 7L9.7 11l-2-2.1-7.1-7 2-1.2 7.1 5 7.1-5L19 1.8z'/%3E%3C/svg%3E");
margin-left: 10px;
}
.main_menu > li:hover > a {
background: rgba(255,255,255,0.1);
text-decoration: none;
}
.main_menu li:hover ul {
display: block;
position: absolute;
left: 0;
top: 60px;
padding: 20px;
margin: 0;
list-style: none;
border: 1px solid #c0c0c0;
border-top: 4px solid #515151;
border-bottom: 4px solid #515151;
z-index: 1;
background: #fff;
width: 300px;
}
.main_menu li ul > li > a {
display: block;
padding: 10px 20px;
border-bottom: 1px solid #c0c0c0;
}
.main_menu li:hover ul > li:last-child > a {
border: none;
}
.main_menu > li.render_as_mega_menu > ul {
width: 900px;
left: -200px;
padding: 0;
}
.mega_menu_lists {
display: flex;
gap: 20px;
padding: 35px 45px 20px 45px;
justify-content: space-between;
background: bottom left no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='455' height='354'%3E%3Cpath fill-rule='evenodd' fill='%23F7F7F7' d='M134 314l-49 40H0v-32l83-69h1l212-142C321 95 432 12 453 0l1 1c-32 35-293 298-320 313zM86 157l62 33-71 47-77-45v-40l211-95-19-9 122-24-114 67c-19 10-103 57-114 66zm141 172l43-50c19-20 128-147 131-148l-47 114-6-19c-7 7-14 19-20 27l-72 101h-99l-11-32 61-62 20 69z'/%3E%3C/svg%3E");
}
.mega_menu_lists > div.mega_menu_cats {
flex-basis: 30%;
}
.mega_menu_lists > div.mega_menu_brands {
margin-right: 45px;
flex-basis: 70%;
}
.mega_menu_lists > div:last-child {
margin: 0;
}
.mega_menu_lists a {
display: block;
color: #666;
padding: 6px 20px;
border-bottom: 1px solid #dadada;
}
.mega_menu_lists a:last-child {
border: none;
}
.mega_menu_lists a:hover {
color: #f25100;
text-decoration: none;
}
.mega_menu_lists p {
margin: 0;
text-transform: uppercase;
color: #4c4c4c;
font-size: 28px;
margin-bottom: 15px;
}
.mega_menu_columns {
display: flex;
flex-wrap: wrap;
gap: 10px 20px;
}
.mega_menu_columns a {
color: #333;
flex-basis: calc(50% - 10px);
box-sizing: border-box;
padding: 10px 10px 0 10px;
border-bottom: none;
}
.mega_menu_columns span {
font-size: 15px;
color: #666;
display: block;
}
.mega_menu_columns a::after {
content: '';
display: block;
background: #D9D9D9;
width: 100px;
height: 1px;
margin: 20px 0 0 0;
}
.mega_menu_columns a:nth-last-child(-n + 2)::after {
display: none;
}
.main_menu > li.render_as_mega_menu .cat_products > p  {
background: #eee;
margin: 0;
height: 70px;
line-height: 70px;
padding: 0 30px;
text-align: right;
}
.fp_banner {
display: flex;
margin: 10px 0 0 0;
}
.fp_banner > div {
flex: 1 1 330px;
margin: 0 10px 0 0;
}
.fp_banner > .three {
flex: 1 1 900px;
}
.fp_banner > .four {
margin-right: 0;
}
.fp_banner .boxed_title {
height: 17vw;
background: center / cover no-repeat;
margin-bottom: 10px; }
.fp_banner .two .boxed_title , .fp_banner .four .boxed_title {
height: calc(34vw + 10px);
}
.fp_banner .fp_ups.ups_two span {
font-size: 2.0em;
}
.fp_banner .fp_ups.ups_one span {
font-size: 2.5em;
}
.fp_banner .three {
display: flex;
flex-wrap: wrap;
}
.fp_banner .three .fp_ups {
width: 35%;
}
.fp_banner .three .boxed_title {
width: calc(65% - 10px);
}
.fp_banner .three > :nth-child(2) , .fp_banner .three > :nth-child(4) {
margin-left: 10px;
}
}
@media (max-width: 1550px) {
div.site_width {
padding-left: 40px;
padding-right: 40px;
}
.footer .contact_details > div {
display: block;
}
.page_banner.has_form {
padding: 50px;
}
}
@media (max-width: 1400px) {
body.single-product .button, body.single-product.woocommerce input.button,
body.single-product .woocommerce #respond input#submit, body.single-product .woocommerce a.button,
body.single-product .woocommerce button.button, body.single-product .woocommerce input.button {
padding: 8px 10px;
}
.product_table .product_table_row.product_table_head > span.actions {
justify-content: flex-end;
}
.product_table .product_table_row.product_table_head > span.actions {
padding-right: 20px;
}
.header {
padding: 20px 30px;
}
.main_menu {
padding: 0 30px;
}
.the_usps {
min-height: 70px;
}
.the_usps p {
font-size: 18px;
margin: 0 60px;
}
.the_usps p span {
font-size: 16px;
}
.the_usps p::after {
right: -70px;
height: 70px;
}
.the_usps.no_banner p {
margin: 0 30px;
}
.the_usps.no_banner p::after {
right: -31px;
}
.page_banner.has_form > .left {
flex: 1 1 100px;
margin-right: 100px;
}
.page_banner.has_form > .right {
flex: 1 1 100px;
}
.page_banner.has_form > .left h1 , .page_banner.has_form > .left h2 {
font-size: 35px;
}
.page_banner.has_form > .left h1 big , .page_banner.has_form > .left h2 big {
font-size: 50px;
}
.page_banner.has_form > .left p {
font-size: 22px;
}
.fc_split_content > .content {
padding: 50px;
}
.shop_cta > div {
padding: 50px;
margin: 0 150px;
}
.product_table {
font-size: 14px;
}
.product_table .product_table_row > span {
min-height: 40px;
}
.product_table .product_table_head span.units {
display: none;
}
.product_table span.price {
font-size: 18px;
}
}
@media (max-width: 1200px) and (min-width: 1021px) {
.main_menu > li > a {
padding: 0 15px;
}
.main_menu > li.menu-item-has-children > a {
padding: 0 5px 0 15px;
}
.main_menu > li.menu-item-has-children > a::after {
margin-left: 5px;
}
.main_menu > li.render_as_mega_menu > ul {
left: -350px;
}
}
@media (max-width: 1200px) {
.logo {
width: 300px;
}
.the_usps p {
margin: 0 30px;
}
.the_usps p::after {
right: -37px;
height: 60px;
}
.the_usps {
min-height: 60px;
}
.view_products {
font-size: 28px;
}
.view_products strong {
font-size: 30px;
}
div.site_width {
padding-left: 30px;
padding-right: 30px;
}
.main_container, .footer {
padding: 50px;
}
.page_banner .banner_title {
padding: 20px 40px;
font-size: 40px;
}
.the_usps.no_banner p {
font-size: 18px;
margin: 0 20px;
}
.the_usps.no_banner p::after {
right: -20px;
}
.fc_split_content > .content {
width: calc(60% - 10px);
}
.fc_split_content > .image {
width: calc(40% - 10px);
}
.fp_banner .boxed_title > span {
font-size: 18px;
padding: 15px;
max-width: 90%;
box-sizing: border-box;
}
.single_product_form {
padding: 60px 40px;
}
.fc_simple_content {
padding: 0 30px;
}
}
@media (max-width: 1020px) {
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0px;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 40px;
display: block;
height: 31px;
margin-left: 20px;
min-width: 35px;
}
#mobile_menu_button > div {
width: 100%;
height: 7px;
background-color: #f25100;
margin-bottom: 5px;
}
#main_menu {
display: block;
top: 0px;
left: 100%;
width: 330px;
z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
-webkit-transition: left 0.3s ease;
}
body.menu_open #main_menu {
left: calc(100% - 300px);
}
body.menu_open.show_menu_close #main_menu {
left: 100%;
}
.main_menu , .main_menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #333;
}
.main_menu ul {
max-height: 0;
transition: max-height 0.3s;
overflow: hidden;
}
.main_menu li.clicked ul {
max-height: 1200px;
}
.main_menu a {
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_menu ul a {
font-size: 16px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0.05);
}
.mega_menu_columns span {
font-size: 15px;
color: #cbcbcb;
display: block;
}
.main_menu li {
position: relative;
}
.main_menu li.menu-item-has-children > a:after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 45px;
top: 17px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
transition: transform 0.3s;
transform-origin: 14px 14px;
}
.main_menu li.menu-item-has-children.clicked > a:after {
transform: rotate(-45deg);
}
.main_menu > li.render_as_mega_menu .cat_products > p  {
display: none;
}
.mega_menu_lists p {
margin: 0;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
font-size: 18px;
}
.gallery {
column-count: 3;
column-gap: 10px;
}
.gallery .gallery-item img {
margin-bottom: 10px;
}
.header_link {
font-size: 16px;
min-height: 40px;
padding: 0 35px 0 0;
margin-left: 15px;
}
.cart-link {
padding-right: 30px;
}
.cart-link span {
display: none;
}
.header_link.email {
display: none;
}
.logo {
height: 40px;
}
.main_container > aside {
display: none;
}
.the_usps , .the_usps.no_banner {
position: relative;
min-height: 37px;
}
.the_usps p {
position: absolute;
opacity: 0;
transition: opacity 0.2s;
margin: 0;
}
.the_usps p::after {
display: none;
}
.the_usps p.active {
opacity: 1;
}
.footer {
flex-wrap: wrap;
}
.footer > .about_us {
width: 100%;
margin-bottom: 30px;
flex: auto;
text-align: center;
}
.footer > .useful_links , .footer > .contact_details {
width: calc(50% - 50px);
margin: 0;
flex: auto;
}
.footer > .contact_details {
margin-left: 40px;
}
.footer .about_us p.title::after {
position: relative;
left: calc(50% - 60px);
}
.page_banner.has_form {
flex-direction: column;
}
.page_banner.has_form > .left {
width: 100%;
margin: 0;
text-align: center;
}
.page_banner.has_form > .left h1.underline::after {
position: relative;
left: calc(50% - 60px);
}
.page_banner.has_form > .right {
display: none;
}
.fc_70_30_content > .image {
display: none;
}
.fc_70_30_content {
margin: 50px 0;
}
.fc_contact_banner a[href*='tel:'] {
font-size: 40px;
}
.fc_contact_banner h3 {
font-size: 28px;
}
.fc_split_content {
display: block;
}
.fc_split_content > .content , .fc_split_content > .image {
width: 100%;
min-height: 0;
}
.fc_split_content > .image {
min-height: 65vw;
margin-top: 20px;
}
.the_reviews {
display: block;
}
.the_reviews .review_single {
width: 100%;
margin-bottom: 20px;
}
.fc_enquire_now {
padding: 40px;
}
.single_post_list > .single_post {
width: calc(50% - 15px);
}
.single_post_list > .single_post:nth-child(1n) {
margin-right: 0;
}
.single_post_list > .single_post:nth-child(2n - 1) {
margin-right: 30px;
}
.contact_us_top {
display: block;
}
.contact_us_top > .left , .contact_us_top > .right {
margin: 0 0 20px 0;
}
.contact_us_top > .right > div {
width: 100%;
}
.contact_us_top > .right {
text-align: center;
}
.contact_us_bottom > .left {
display: none;
}
.page_intro {
margin: 40px 20px;
}
.service_single {
display: block;
padding: 20px
}
.service_listing .service_single:nth-child(1n) > a {
margin: 0 0 20px 0;
height: 60vw;
border-width: 5px;
}
.fp_banner .fp_ups {
font-size: 22px;
}
.fp_banner .boxed_title {
height: 40vw;
max-height: 280px;
min-height: 190px;
justify-content: center;
align-items: center;
margin: 0 0 10px 0;
background: center / cover no-repeat;
}
.fp_banner .boxed_title > span {
max-width: 70%;
text-align: center;
}
.woocommerce .main_container {
padding-top: 40px;
padding-bottom: 40px;
}
.shop_cta > div {
margin: 20px;
padding: 40px;
}
.shop_cta h1, .shop_cta h2 {
font-size: 35px;
}
.pa_brand_listing > a {
width: calc(33.33% - 20px);
}
.pa_eurograde_listing > a {
width: calc(25% - 20px);
padding: 30px 20px 40px 20px;
}
.pa_eurograde_listing span strong {
display: block;
}
.pa_eurograde_listing h3, .product_cat_listing h3 {
font-size: 20px;
}
.product_cat_listing > a {
width: calc(50% - 20px);
}
.woocommerce .main_container > aside {
display: block;
margin: 0 0 30px 0;
}
.woocommerce .main_container {
display: block;
}
.woocommerce .main_container #aside_filters {
display: none;
margin-top: 30px;
}
.woocommerce .main_container #aside_filters.show {
display: block;
}
.show_filters {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 22px;
text-transform: uppercase;
position: relative;
cursor: pointer;
}
.show_filters::before {
content: '';
display: block;
width: 100%;
border-bottom: 1px solid #ccc;
position: absolute;
}
.show_filters span {
background: #fff;
padding: 2px 20px;
position: relative;
}
.show_filters:hover span {
color: #f25100;
}
.single_product_top {
display: block;
}
.single_product_top > .woocommerce-product-gallery {
margin: 0 0 40px 0;
}
.fp_case_studies > a:nth-child(n) {
flex-basis: calc(50% - 20px);
margin: 0px 30px 30px 0;
}
.fp_case_studies {
flex-wrap: wrap;
}
.fp_case_studies > a:nth-child(2n) {
margin-right: 0;
}
}
@media (max-width:782px) {
.page_banner .banner_title {
font-size: 24px;
padding: 15px 30px;
}
.footer > .useful_links, .footer > .contact_details {
margin: 0;
width: 100%;
text-align: center;
}
.footer > .useful_links {
margin-bottom: 30px;
}
.footer_menu {
justify-content: center;
}
.footer p.title::after {
position: relative;
left: calc(50% - 60px);
}
.footer .contact_details > div p:first-child {
margin: 0;
}
.main_container, .footer {
padding: 30px;
}
div.site_width {
padding-left: 20px;
padding-right: 20px;
}
.end_of_page {
display: block;
text-align: center;
}
.end_of_page p {
margin: 0;
}
.pa_brand_listing > a {
width: calc(50% - 20px);
}
.pa_brand_listing div {
height: 200px;
}
.shop_title span {
font-size: 22px;
text-align: center;
line-height: 22px;
}
.shop_title {
padding: 20px;
}
.term_listing {
padding: 40px 0 5px 0;
}
.term_listing > a {
margin-bottom: 55px;
}
.pa_eurograde_listing > a {
width: calc(50% - 20px);
}
.pa_eurograde_listing span strong {
display: inline;
}
.woocommerce ul.products {
justify-content: space-between;
}
.woocommerce ul.products::after , .woocommerce ul.products::before {
display: none;
}
.single_product_usps {
display: block;
}
.single_product_usps li {
width: auto;
}
.product_title {
font-size: 32px;
}
.product_sub_title {
font-size: 18px;
}
.fp_case_studies {
display: block;
}
.fp_case_studies > a:nth-child(n) {
margin: 0 0 20px 0;
height: 65vw;
}
.single_variation_wrap .wp_content {
flex-basis: 100%;
text-align: center;
margin-top: 15px
}
.single_variation_wrap {
flex-wrap: wrap;
}
.woocommerce-variation-add-to-cart.variations_button {
flex-basis: 100%;
}
body.woocommerce .woocommerce-variation-add-to-cart.variations_button .button {
flex-basis: 100%;
margin: 0;
}
}
@media (max-width:600px) {
h1 , h2 {
font-size: 28px;
}
.button {
padding: 8px 25px;
margin-bottom: 10px;
}
.gallery {
column-count: 2;
}
.header-right {
display: flex;
justify-content: space-between;
}
.header {
padding: 15px;
}
.header_link {
overflow: hidden;
text-indent: -999px;
width: 1px;
}
.page_banner.has_form > .left h1 , .page_banner.has_form > .left h2 {
font-size: 28px;
}
.page_banner.has_form > .left h1 big , .page_banner.has_form > .left h2 big {
font-size: 35px;
}
.page_banner.has_form > .left p {
font-size: 20px;
}
.fc_contact_banner a[href*='tel:'] {
font-size: 34px;
}
.fc_contact_banner::after {
width: 50px;
height: 50px;
top: -25px;
background-size: contain;
left: calc(50% - 25px);
}
.fc_split_content > .content {
padding: 20px;
}
.fc_contact_banner {
padding: 40px 20px;
}
.fc_reviews .reviews_title span {
display: none;
}
.fc_reviews .reviews_title h2 {
text-align: center;
margin: 0;
}
.gform_body > ul > li.medium_field , .gform_body > ul > li.small_field {
width: 100%;
}
.single_post_list > .single_post:nth-child(1n) {
margin-right: 0;
width: 100%;
height: 60vw;
margin-bottom: 20px;
}
.contact_us_top > .left, .contact_us_top > .right {
padding: 20px;
}
.contact_us_bottom > .right {
padding: 30px
}
.fp_banner .fp_ups.ups_three span {
font-size: 1.3em;
}
.shop_cta > div {
margin: 30px 0;
padding: 20px;
}
.shop_cta h1, .shop_cta h2 {
font-size: 28px;
}
.woocommerce .main_container {
padding-top: 20px;
padding-bottom: 20px;
}
.pa_brand_listing > a {
padding: 0 15px;
}
.term_listing > a strong.button {
font-size: 15px;
font-weight: 600;
padding: 8px 15px;
}
.pa_brand_listing > a span {
padding: 6px 10px;
font-size: 14px;
}
.pa_brand_listing div {
height: 160px;
}
.pa_brand_listing > a {
width: 100%;
margin: 0 0 40px 0;
}
.site_width.term_listing.pa_eurograde_listing {
padding: 30px 10px 5px 10px;
}
.pa_eurograde_listing span strong {
display: block;
}
.pa_eurograde_listing > a {
padding: 20px 5px 25px 5px;
}
.pa_eurograde_listing span {
font-size: 16px;
}
.pa_eurograde_listing h3 {
font-size: 18px;
}
div.site_width.term_listing.product_cat_listing {
padding: 30px 20px 5px 20px;
}
.product_cat_listing > a {
margin: 0 0 40px 0;
width: 100%;
padding: 20px 10px 40px 10px;
}
.product_cat_listing p {
font-size: 16px;
line-height: 18px;
}
.woocommerce ul.products a:hover .button {
display: none;
}
.woocommerce ul.products h2 {
font-size: 18px;
}
.woocommerce ul.products li.product a {
padding: 15px;
}
.a_flag {
padding: 4px 10px;
font-size: 14px;
}
.product_table {
display: block;
border: none;
}
.product_table_row.product_table_head {
display: none;
}
.product_table_row {
display: block;
margin: 0 0 30px 0;
border: 1px solid #d9d9d9;
border-bottom: none;
}
.product_table .product_table_row > span {
padding: 5px 10px 5px 130px;
position: relative;
min-height: 30px;
}
.product_table span.price {
align-items: flex-start;
}
.product_table .product_table_row > span::before {
display: block;
content: attr(data-title);
position: absolute;
left: 0px;
top: 11px;
width: 120px;
text-align: right;
font-weight: 600;
color: #333;
}
.product_table .product_table_row > span.price::before {
content: 'Price';
color: #333;
top: 9px;
}
.single_product_form {
padding: 40px 20px;
}
.fc_simple_content {
padding: 0 20px;
}
.attributes_tabs a {
padding: 6px 15px;
font-size: 14px;
margin-bottom: 20px;
border: 1px solid #d9d9d9;
}
.attributes_tabs a.current {
border: 1px solid #666;
}
.attributes_tabs a.current::after {
width: 0;
border: 10px solid rgba(0,0,0,0);
border-top-color: #666;
background: none;
bottom: -20px;
height: 0;
left: calc(50% - 10px);
}
.product_table .product_table_row > span.actions:before {
display: none;
}
body.single-product .button, body.single-product.woocommerce input.button, body.single-product .woocommerce #respond input#submit, body.single-product .woocommerce a.button, body.single-product .woocommerce button.button, body.single-product .woocommerce input.button {
margin-bottom: 10px;
margin-top: 10px;
}
table.variations tbody tr {
width: 100%;
}
table.variations tbody tr * {
width: 100%;
}
form.variations_form.cart {
padding: 15px;
}
.woocommerce .ts_delivery_item > div {
padding: 10px 0;
}
.woocommerce .ts_delivery_item {
flex-direction: column;
align-items: flex-start;
}
.woocommerce .ts_delivery_item > span {
flex-basis: 0;
}
.woocommerce-variation-add-to-cart.variations_button {
padding-top: 0;
}
}  #baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft 0.4s ease-out;
}
@keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button#previous-button {
left: 2%;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
} .baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
animation-delay: -1s;
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
} #unity_cookie_overlay , #unity_cookie_view_settings {
width: 350px;
background: #fff;
border: 1px solid #bfbfbf;
border-left: 4px solid #666;
padding: 25px;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 3;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
opacity: 1;
transition: .3s;
}
#unity_cookie_view_settings {
width: 500px;
}
.unity_cookie_setting_link {
color: #999;
display: inline-block;
padding: 10px;
cursor: pointer;
}
.unity_cookie_setting_link:hover {
color: #777;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
width: 16px;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
border-left: 12px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
background-color: #AAAAAA;
}
#unity_cookie_overlay.unity_cookie_hide , #unity_cookie_view_settings.unity_cookie_hide {
opacity: 0;
right: -500px;
}
#unity_cookie_view_settings > .wp_content {
margin-bottom: 20px;
max-height: 400px;
overflow-y: auto;
}
.unity_cookie_info {
border: 1px solid #c2c2c2;
border-radius: 3px;
margin: 20px 0;
}
.unity_cookie_info > div:first-child {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
cursor: pointer;
}
.unity_cookie_info > div:first-child strong:before {
content: '';
display: inline-block;
width: 15px;
height: 9px;
background: center / 15px 9px url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E") no-repeat;
margin: 0 10px 2px 0;
}
.unity_cookie_info > div:first-child span {
color: #999;
}
.unity_cookie_info .wp_content {
border-top: 1px solid #e3e3e3;
padding: 15px 5px 15px 30px;
display: none;
}
.unity_cookie_info.unity_cookie_info_view .wp_content {
display: block;
}
.unity_cookie_text_small {
font-size: 0.8em;
}
body.menu_open #unity_cookie_overlay , body.menu_open #unity_cookie_view_settings {
right: 350px;
}
body.menu_open.show_menu_close #unity_cookie_overlay , body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 50px;
}
@media(max-width:600px) {
body.menu_open #unity_cookie_overlay , body.menu_open #unity_cookie_view_settings {
right: 300px;
}
body.menu_open.show_menu_close #unity_cookie_overlay , body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 0px;
}
#unity_cookie_overlay, #unity_cookie_view_settings {
width: 100%;
box-sizing: border-box;
right: 0;
border-right: none;
border-left: none;
}
}
@media(max-width:450px) {
#unity_cookie_overlay , #unity_cookie_view_settings {
padding: 20px;
}
#unity_cookie_overlay .button , #unity_cookie_view_settings .button {
margin: 0;
}
.unity_cookie_setting_link {
display: block;
text-align: center;
}
}