/*
Theme Name: Plastics Hub
Author: Machine Networks
Description: Plastics Hub Website theme
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 7.0
Version: 1.2
Text Domain: plasticshub
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@300;400;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

:root {
    --black: #252525;
    --green: #2ba84a;
    --darkblue: #2165a6;
    --lightblue: #439cc2;
    --bg-color-white: #FFFFFF;
    --off-white: #f6f5f6;
    --body-font-size: 0.9em;
    --body-font-weight: 500;
    --title-font: 'Josefin Sans', sans-serif;
    --subtitle-font: 'Martel Sans', sans-serif;
    --body-font: 'Open Sans', sans-serif;

    --select-border: #777;
    --select-focus: blue;
    --select-arrow: var(--select-border);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    /* font-size: 0.75em;  - 12px */
    /* font-size: 0.875em; - 14px */
    /* font-size: 1em;     - 16px */
    font-size: var(--body-font-size); /* - 18px */
    font-family: var(--body-font);
    font-weight: var(--body-font-weight);
    color: #363636;
    -webkit-font-smoothing: antialiased;
    /*     line-height: 1.65em; */
    padding: 0;
    margin: 0;
}

.woocommerce-shipping-destination {
     display: none !important;
 }

/*-LOGIN POPUP BEGINS-*/
/*-()--------------------------------------------------------------------------*/

.dropCartDetails, .loginDropForm {
    display:none;
}

.dropCartDetails, .loginDropForm {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    border:2px solid var(--black);
    background: #FFF;
    text-align: center;
    position: absolute;
    border-radius: 5px;
    /*display: block !important;*/
    width: 300px;
    padding: 10px;
    z-index: 999;
    right: 0;
    top: 39px;
}

.loginDropForm {
    padding: 0 !important;
    width: 350px;
}

.loginDropForm .lrm-user-modal-container {
    display: inline-block;
    -webkit-transform: inherit;
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
}

.loginDropForm p.lrm-form-bottom-message {
    position: relative;
    bottom: inherit;
    padding-bottom: 20px;
}

.loginDropForm .lrm-form button {
    background: var(--lightblue);
}

.loginDropForm .lrm-form button:hover {
    background: var(--darkblue);
}

.loginDropForm .lrm-user-modal-container .lrm-switcher a {
    background: var(--off-white);
}

.loginDropForm ul.lrm-switcher {
    border-bottom: 1px solid #d6d5d5;
}

.topLinks li.cart:hover .dropCartDetails, .topLinks li.login:hover .loginDropForm {
    display: block;
}

.dropCartDetails:after, .loginDropForm:after {
    position: absolute;
    content:'';
    top: -10px;
    right: 8px;
    right: 47%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--black) transparent;
}
.dropCartDetails:after {
    left: 36%;
}

.loginDropForm:after {
    right: 36%;
}

.dropCartDetails ul {
    padding: 0;
    margin: 0;
}

.dropCartDetails ul .mini_cart_item {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 10px;
    padding-top: 20px;
    width: 100%;
}

.dropCartDetails .mini_cart_item a.remove {
    background: url('../plasticshub/assets/close.svg') no-repeat center center;
    background-size: 50%;
    line-height: 34px;
    color: transparent !important;
    text-align: center;
    display: block;
    float: left;
    height: 34px;
    width: 15%;
}

.dropCartDetails .mini_cart_item a.remove:hover {
    opacity: 0.5;
}

.dropCartDetails ul.cart_list li, .dropCartDetails ul.product_list_widget li {
    padding-top: 10px !important;
}

.dropCartDetails .mini_cart_item span.quantity, .dropCartDetails .mini_cart_item > .variation  {
    padding: 0 0 5px 0;
    text-align: left;
    font-size: 12px;
    float: right;
    width: 85%;
    margin: 0;
}

.dropCartDetails .mini_cart_item .variation-Colour {
    /*float: left;*/
    margin: 0;
    padding-right: 5px;
}

.dropCartDetails .mini_cart_item .variation-Width {
    margin: 0;
    float: left;
}

.dropCartDetails .mini_cart_item .variation-Width p {
    margin: 0;
    padding: 0;
}

.dropCartDetails .mini_cart_item .variation-Colour p {
    margin: 0;
}

.dropCartDetails ul.cart_list li dl, .dropCartDetails ul.product_list_widget li dl {
    border: 0;
}

.dropCartDetails .mini_cart_item a:nth-child(2) {
    display: block;
    float: left;
    width: 85%;
    color: var(--darkblue);
    padding-right: 40px;
}

.dropCartDetails .mini_cart_item > a {
    text-align: left;
    font-size: 12px;
}

.dropCartDetails .mini_cart_item a img {
    position: absolute;
    right: 0;
    top: 10px;
    margin-left: 10px;
    float: right;
    width: 40px;
    height: 40px;
}

.dropCartDetails .widget_shopping_cart_content p a  {
    text-decoration: none;
    text-transform: uppercase;
    background: var(--black);
    padding: 7px 10px;
    margin: 0 5px;
    color: #FFF;
    font-weight: 700;
    border-radius: 3px;
}

.dropCartDetails .widget_shopping_cart_content p a:hover {
    background: var(--lightblue);
    color: #FFFFFF;
}



/*-LOGIN POPUP ENDS-*/
/*-()--------------------------------------------------------------------------*/


.dropCartDetails, .loginDropForm {
    left: 50%;
    transform: translateX(-50%);
}

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

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

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

html {
    background: #FFFFFF;
    padding: 0;
    margin: 0;
}

b {

}

p {

}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

ul {
    list-style: none;
    padding-left: 1.2em;
    margin: 1em 0
}

ul li {
    line-height: 1.2em;

}

.content ul li::before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.content ul.lrm-switcher li:before {
	display: none !important;
}

a:link {
    text-decoration: none;
    color: var(--darkblue);
}

a:visited {
    text-decoration: none;
    color: var(--darkblue);
}

a:hover {
    text-decoration: underline;
    color: var(--lightblue);
}

a:active {
    color: var(--darkblue);
}

img {
    display: block;
    width: 100%;
    height: auto;
}

.lightBg {
    background: var(--lightblue);
}

.darkBg {
    background: var(--darkblue);
}

.offwhite {
    background: var(--off-white);
}

.greenbg {
    background: var(--green);
}

/*-BODY-*/
/*-()--------------------------------------------------------------------------*/

.headerWrap {

}

.new {
    background: pink;
    width: 100%;
    display: block;
}

.offer {
    /*position: absolute;*/
    display: block;
    background: #FFFFFF;
    text-align: center;
    color: #FFF;
    z-index: 1;
    width: 100%;
}

.offer_wrap {
    width: 100%;
}

.offer_wrap div {
    background: var(--darkblue);
    padding: 0.5em;
    line-height: 20px;
}

.offer_wrap b {
    line-height: 20px;
}

.offer_wrap span {
    background: url('../plasticshub/assets/left-arrow.svg') no-repeat center center;
    background-size: contain;
    width: 19px;
    height: 30px;
    margin: 0 7px;
    padding-left: 20px;
}

.logo {
    background: url('../plasticshub/assets/plastics-hub-logo.png') no-repeat center center;
    background-size: contain;
    /*max-width: 200px;*/
    width: 100%;
    height: 30px;
    /*margin-bottom: 60px;*/
}

.logo a {
    display: block;
    height: 100%;
    width: 100%;
    float: left;
}

.container, .wt-related-products {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    overflow: hidden;
}

.headerWrap .container {
    overflow: visible;
}

.container > div.padd {
    padding: 0.5em;
    display: block;
    float: left;
    width: 100%;
}

.header {

}

.header .container > div.padd {
    position: relative;
}

.header .container {
    /*max-width: 1500px;*/
    max-width: 1400px;
}

.header .menuWrapper .container {
    max-width: 1400px;
}

.wrapper {

}

.padding {

}

/*-TOP LINKS-*/
/*-()--------------------------------------------------------------------------*/

.topLinks {
    text-decoration: none;
    /*position: absolute;*/
    padding: 0;
    margin: 0;

    /*right: 0.5em;*/
    /*top: 0.7em;*/
    margin-top: 10px;
    /*outline: red solid 1px;*/
    width: 100%;
    /*top: 50px;*/
    display: flex;
    right: 0;
    justify-content: center;

    top:0;
    position: relative;
}

.topLinks > li {
    background-size: contain;
    /*position: relative;*/
    background: #f6f5f6 left center;
    display: block;
    width: 40px;
    height: 40px;
    /*margin-left: 0.5em;*/
    border-radius: 3px;
    float: left;

    margin: 0 1em;

}

.topLinks > li > a {
    background: green;
    color: transparent;
    display: block;
    font-size: 0;
    height: 100%;
    width: 100%;

    position: relative;

}

.topLinks > li:hover {
    background: #f6f5f6;
}

li.menu a {
    background: url('../plasticshub/assets/menu.svg') no-repeat center;
    background-size: 15px;
}

li.fav a {
    background: url('../plasticshub/assets/favIcon.svg') no-repeat center;
    background-size: 15px;
}

li.help a {
    background: url('../plasticshub/assets/help.svg') no-repeat center;
    background-size: 15px;
}


li.cart > a {
    background: url('../plasticshub/assets/cartIcon.svg') no-repeat left 5px center;
    background-size: 15px;
}

li.login > a {
    background: url('../plasticshub/assets/accountIcon.svg') no-repeat center;
    background-size: 15px;
}

.topLinks li.cart {
    width: 50px;
}

.topLinks li.cart > a {
    padding: 0 30px 0 10px;
}

.topLinks li.cart.cartSec > div:first-of-type span {
    background: var(--lightblue);
    border-radius: 20px;
    position: absolute;
    text-align: center;
    right: 51%;
    top: 4px;
    color: #FFF;
    width: 22px;
    line-height: 22px;
    font-size: 12px;
}

/*-SEARCH-*/
/*-()--------------------------------------------------------------------------*/

.searchBox {
    margin: 1em 0 0 0;
}

.searchBox input,
.searchBox #ajaxsearchpro1_1,.searchBox  #ajaxsearchpro1_2,.searchBox  div.asp_m.asp_m_1 {
    border: 1px solid #959595;
    background: #f6f5f6;
    width: 100%;
    /*padding: 0.4em 50px 0.4em 0.7em ;*/
    padding: 0 50px 0 0.7em ;
    display: block;
}

.searchBox form,
.asp_searchBox {
    position: relative;
    margin: 0;
}

.searchBox .search_go,
.searchBox #ajaxsearchpro1_1 .probox .promagnifier,.searchBox  #ajaxsearchpro1_2 .probox .promagnifier,.searchBox  div.asp_m.asp_m_1 .probox .promagnifier {
    /*background-image: url('../plasticshub/assets/searchIcon.svg');*/
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    position: absolute;
    display: block;
    height: 100%;
    width: 50px;
    right: 0;
    bottom: 0;
}

.searchBox #ajaxsearchpro1_1 .probox .promagnifier div.innericon,.searchBox  #ajaxsearchpro1_2 .probox .promagnifier div.innericon,.searchBox  div.asp_m.asp_m_1 .probox .promagnifier div.innericon {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 5px;
}

.searchBox .search_go:hover,
.searchBox #ajaxsearchpro1_1 .probox .promagnifier:hover,.searchBox  #ajaxsearchpro1_2 .probox .promagnifier:hover,.searchBox  div.asp_m.asp_m_1 .probox .promagnifier:hover {
    background-color: var(--darkblue);
}

.closeSearch {
    display: none;
}

#ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical {
    /*width: 900px !important;*/
    /*left: 0 !important;*/
    background: #000000 !important;
}

.header .container {
    position: relative;
}

/*-CART STYLING (& WOOCOMMERSE OVERIDE) -*/
/*-()--------------------------------------------------------------------------*/

.product .prodGroup .selectOption {
    position: relative;
}

.productList .product .selectOption a.wc-forward {
    position: absolute;
    border-radius: 3px;
    line-height: 1;
    left: 0;
    top: 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background: var(--darkblue);
    text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: var(--lightblue);
    color:#fff
}

/*.woocommerce-cart-form__cart-item.cart_item a {*/
/*    color: var(--lightblue);*/
/*}*/

/*.woocommerce-cart-form__cart-item.cart_item a:hover {*/
/*    color: var(--darkblue);*/
/*}*/

.woocommerce-cart .kc-col-container,
.woocommerce-checkout .kc-col-container {
    display: block;
    padding: 20px 0;
}

.woocommerce-checkout .kc-col-container a,
.woocommerce-cart .kc-col-container a {
    color: var(--darkblue);
}

.woocommerce-cart .kc-col-container a:hover {
    color: var(--lightblue);
}

#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    max-width: 319px;
    max-height: inherit;
}

.woocommerce-checkout-payment {
    margin-bottom: 20px;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper,
.woocommerce-account-fields,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce form.login {
    /*border: 3px solid rgba(0, 0, 0, .1);*/
    border-radius: 5px;
    padding: 9px 12px;
}

.woocommerce-input-wrapper input,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: var(--black) solid 1px;
    padding: 0.5em;
    display: block;
}

h3#order_review_heading {
    display: inline-block;
    width: 100%;
}

.woocommerce-checkout .col-lg-6:nth-child(2) h3 {
    /*margin: 0;*/
}

h3#ship-to-different-address br {
    display: none;
}

.woocommerce-cart table.cart thead th,
.woocommerce-shipping-totals th,
.cart-subtotal th,
.order-total th,
.woocommerce table.shop_table th {
    color: var(--darkblue);
    font-size: 1.2em;
}

.woocommerce-form__label-for-checkbox,
.woocommerce-billing-fields h3 {
    padding: 10px;
    color: var(--darkblue);
    font-size: 1.2em;
}

.woocommerce-billing-fields h3 {
    font-size: 1.4em;
    margin: 0;
}

.payment_box fieldset {
    border: 0;
}

.woocommerce-checkout .col-lg-6 {
    background: var(--off-white);
}

.woocommerce-shipping-methods li:before {
    display: none !important;
}

/*-MENU-*/
/*-()--------------------------------------------------------------------------*/

.menuWrapper {
    background: var(--darkblue);
    display: none;
}

.menuWrapper.on_off {
    display: block;
}

.menuWrapper .mainMenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menuWrapper .mainMenu > li {
    position: relative;
    border-bottom: 1px solid #307ac1;
    width: 100%;
}

.menuWrapper .mainMenu > li a.open.rsp_button {
    background: #0f5291;
    position: absolute;
    line-height: 63px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 63px;
    right: 0;
    top:0;
    bottom: 0;
}

.menuWrapper .mainMenu > li a.open.rsp_button:hover {
    background: #003c76;
}

.menuWrapper .mainMenu > li a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    color: #ffffff;
    padding: 1em 0.5em;
    width: 100%;
}

.menuWrapper .mainMenu > li a:hover {
    background-color: var(--black);
}

.menuWrapper .mainMenu > li:last-child {
    border-bottom: 0;
}

.menuWrapper .mainMenu > li a i {
    font-style: normal;
    display: block;
    font-size: 0.7em;
    font-weight: 400;
    color: #bbdcfb;
    width: auto;
}

.subNav {
    background: #0f5291;
    display: none;
}

.subNav.open {
    display: block;
}



.subNav .mainMenu > li {
    border-top: 1px solid #307ac1;
    background: #0f5291;
    border-bottom: 0;
}

.subNav .mainMenu > li:first-child {
    border-top: 0 !important;
}

.subNav .mainMenu > li a {
    background: none !important;
    font-weight: 400;
    font-size: 0.8em;
    padding: 0.7em 1em;
    color: #bbdcfb;
}

.subNav .mainMenu > li a:hover {
    background: #003c76 !important;
    color: #FFFFFF;
}

/*-SLIDER-*/
/*-()--------------------------------------------------------------------------*/

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

/*-HOMEPAGE-BANNER-*/
/*-()--------------------------------------------------------------------------*/



/*-TOP LINKS-*/
/*-()--------------------------------------------------------------------------*/



/*-MAIN MENU-*/
/*-()--------------------------------------------------------------------------*/



/*-SITEMAP-*/
/*-()--------------------------------------------------------------------------*/



/*-NEWS SECTION-*/
/*-()--------------------------------------------------------------------------*/



/*-READ MORE-*/
/*-()--------------------------------------------------------------------------*/



/*-LONG ORNAGE BLOCK DIAGANOL IMG-*/
/*-()--------------------------------------------------------------------------*/



/*-FOOTER-*/
/*-()--------------------------------------------------------------------------*/

footer {
    background: var(--black);
    text-align: center;
    color: #FFFFFF;
}

footer p {
    font-weight: 500;
    margin: 2em 0 4em 0;
}

.cards {
    max-width: 350px !important;
    margin: 0 auto;
}

.footerLinks {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

.footerLinks ul {
    display: block;
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin:  1em 0;
}


.footerLinks li {
    margin-bottom: 0.3em;
}

.footerLinks li a {
    color: #FFF;
}

.footerLinks span {
    font-family: var(--title-font);
    border-bottom: 1px solid #787575;
    font-weight: 700;
    font-size: 1.4em;
    padding: 0 0 0.5em;
    display: block;
    max-width: 200px;
    margin: 0 auto;
}

.contactInfo {
    font-size: 1.4em;
    color: #FFF;
    margin: 0.8em 0 0.4em 0;
    float: left;
    width: 100%;
}

.contactInfo a {
    position: relative;
    text-decoration: underline;
    padding-left: 1.6em;
    margin-bottom: 1em;
    display: inline-block;
    color: #FFF;
}

.contactInfo a:after {
    position: absolute;
    height: 100%;
    display: block;
    content: '';
    width: 2em;
    left: 0;
    top: 0;
}

.contactInfo a.mail:after {
    background: url('../plasticshub/assets/mail_w_icon.png') no-repeat left center;
    background-size: 24px;
}

.contactInfo a.tel:after {
    background: url('../plasticshub/assets/phone_w_icon.png') no-repeat left center;
    background-size: 24px;
}

/*-FOOTER-SOCIAL-*/
/*-()--------------------------------------------------------------------------*/

.socialLinks {
    display: inline-block;
    margin: 2em auto 0 auto;
    padding: 0;
}

.socialLinks li {
    float: left;
    margin: 0 10px;
    width: 35px;
    height: 35px;
}

/*-HEADER-LIGHT-BLUE- ICONS-*/
/*-()--------------------------------------------------------------------------*/

.header .lightBg {
    display: none;
}

.header .lightBg .lightBluewrapper > div {
    color: #FFFFFF;
    padding: 0 0 0 20px;
    position: relative;
    margin: 10px 0;
}

.header .lightBg .lightBluewrapper > div span hr, .header .lightBg .lightBluewrapper > div hr {
    background-position: center center;
    /*background-color: var(--darkblue);*/
    /*outline:red solid 1px;*/
    background-repeat: no-repeat;
    border-radius: 50px;
    border: 0;

    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    margin: 0;
    height: 50px;
    width: 50px;
    display: block;
    margin-right: 10px;
}

.free span hr, .free hr {
    background: url('../plasticshub/assets/truckIconSpot.svg') ;
    background-size: 95%;
}

.exel span hr, .exel hr {
    background: url('../plasticshub/assets/starIconSpot.svg');
    background-size: 95%;

}

.call span hr, .call hr {
    background: url('../plasticshub/assets/phoneIconSpot.svg');
    background-size: 95%;
}

.click span hr, .click hr {
    background: url('../plasticshub/assets/clickSpot.svg');
    background-size: 95%;
}

.header .lightBg .lightBluewrapper > div {
    display: flex;
    /*justify-content: space-between;*/
    width: 100%;
}

.header .lightBg .lightBluewrapper > div span {
    padding-top: 10px;
    width: auto;
    display: block;
    /*margin: 0 auto;*/
}

.header .lightBg .lightBluewrapper > div span a {
    color: #FFFFFF;
    text-decoration: none;
}

.header .lightBg .lightBluewrapper > div span b {
    font-weight: 700;
}

/*-FOOTER-NEWSLETTER-*/
/*-()--------------------------------------------------------------------------*/

.newsletter {
    display: block;
    background: var(--darkblue);
    width: 100%;
    color: #FFF;
}

.newsletter a.signUp {
    display: block;
    background: red;
}

a.signUplink, .emaillist .es_subscription_form_submit {
    border: 2px solid var(--lightblue);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    text-align: center;
    float: right;
    width: 47%;
    padding: 0.4em 0 0.4em 0;
    display: block;
    background: var(--lightblue);
    line-height: 2em;
    color: #FFF;
    cursor: pointer;
}

a.signUplink:hover, .emaillist .es_subscription_form_submit:hover {
    border: 2px solid #FFF;
    background: #FFF;
    color: var(--lightblue);
}

a.signUplink b {
    display: none;
}

.signUp input#signUp, .emaillist .es-field-wrap {
    border: 2px solid #FFF;
    float: left;
    width: 50%;
    padding: 0.4em 0.4em 0.4em 0.4em;
    background: #f6f5f6;
    display: block;
}

.emaillist .es-field-wrap input {
    border: 0;
    outline: 0;
    background: #f6f5f6;
    line-height: 2em;
    display: block;
    width: 100%;
    float: left;

}

.newsletter h3 {
    font-family: var(--title-font);
}

.trustpilot-widget {
    margin-bottom: 40px;
}

/*-HOMEPAGE-SLIDER-*/
/*-()--------------------------------------------------------------------------*/

.subtleSlider {
    overflow: hidden;
    position: relative;
    display: block;
    height: 300px;
    /*width: 100%;*/
}

#slideshow {
    position: absolute !important; /* 'relative' or 'absolute' will also work. */
    overflow: hidden;  /* Necessary. Otherwise you would see the slides sticking out the sides while being animated. */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.slide {
    position: relative;
}

.slide:after {
    position: absolute;
    content: '';
    display: block;
    /* 	background: url('../plasticshub/assets/background.svg') no-repeat right bottom; */
    background-color: rgba(12, 12, 12, 0.6);
    background-size: cover;
    height: 100%;
    width: 100%;
}

#slideshow .static-content {
    width: 100%;
    z-index: 2;
    height: 100%;
}

#slideshow .static-content > div {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 630px;
}

#slideshow .static-content div h2, #slideshow .static-content div {
    color: #FFF;
}

#slideshow .static-content div b {
    text-transform: uppercase;
    color: #6ac1e6;
    font-size: 1em;
}

#slideshow .static-content div h2 {
    text-transform: uppercase;
    margin: 20px 0 30px 0;
    font-size: 2em;
}

#slideshow .static-content div .shopNow {
    font-weight: 700;
    margin: 0 auto;
    padding: 20px 10px;
    background: var(--darkblue);
    display: block;
}

#slideshow .static-content div .shopNow:hover {
    background: var(--lightblue);
}

.shopNow {
    max-width: 150px;
    display: block;
}

/*-HOME-CATEGORIES-*/
/*-()--------------------------------------------------------------------------*/

.categorieBlock {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 10px 0;
    display: block;
    height:200px;
    width: 100%;

}

.categorieBlock .imgWrap {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.categorieBlock .odd {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    display: block;
    transition: transform .5s; /* Animation */
    height: 100%;
    width: 100%;
}

.categorieBlock:hover .odd {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.categorieBlock span {
    background: var(--darkblue);
    text-transform: uppercase;
    position: absolute;
    font-weight:600;
    color: #FFFFFF;
    padding: 1em 4em 1em 1em;
    min-width: 195px;
    bottom: 0;
    left: 0;
}

.categorieBlock span hr {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    border: 0;
    content: '0';
    display: block;
    width: 30px;
    height: 20px;
    right: 1em;
    bottom: 0.8em;
    margin: 0;
}

.categorieBlock:hover span {
    background: var(--lightblue);
}


.categorieBlock a {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.block_1 hr {
    background-image: url('../plasticshub/assets/rainwater.svg');
}

.block_2 hr {
    background-image: url('../plasticshub/assets/drainage.svg');
}

.block_3 hr {
    background-image: url('../plasticshub/assets/external.svg');
}

.block_4 hr {
    background-image: url('../plasticshub/assets/roofline.svg');
}

.block_5 hr {
    background-image: url('../plasticshub/assets/decor-cladding.png');
}

.block_6 hr {
    background-image: url('../plasticshub/assets/essentials.svg');
}

/*-HOME-CATEGORIE-TAB-*/
/*-()--------------------------------------------------------------------------*/

.exploreOur, .recentlyViewed {
    display: inline-block;
    background: var(--black);
    padding: 1em 0 3em 0;
    width: 100%;
}

.recentlyViewed {
    background: var(--off-white);
}

.exploreOur h2, .recentlyViewed h2 {
    text-transform: uppercase;
    display: inline-block;
    font-family: var(--title-font);
    text-align: center;
    font-weight: 700;
    color: #FFFFFF;
    width: 100%;
}

.recentlyViewed h2 {
    color: var(--black);
}

.exploreOurCat .w3-bar button, .recentlyViewedCat .w3-bar button {
    background: var(--darkblue);
    border: 0;
    border-bottom: 2px solid #0b5091;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: #FFFFFF;
    padding: 0.8em 0.8em;
    margin: 0 5px 15px 5px;
    min-width: 200px;
}

.exploreOurCat .w3-bar button:hover, .recentlyViewedCat .w3-bar button:hover {
    border-bottom: 2px solid #1d7aa1;
    background: var(--lightblue);
}

.exploreOurCat .w3-bar button.w3-red, .recentlyViewedCat .w3-bar button.w3-red {
    border-bottom: 2px solid #1d7aa1;
    background: var(--lightblue);
}

.exploreOurCat .w3-bar, .recentlyViewedCat .w3-bar {
    text-align: center;
}

.exploreOurCat .w3-bar button, .recentlyViewedCat .w3-bar button {
    display: inline-block;
}

.exploreOurCat .viewMoreWrap {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    margin: 0 auto;
}

a.viewMore {
    text-transform: uppercase;
    background: var(--lightblue);
    text-decoration: none;
    font-size: 1.3em;
    text-align: center;
    max-width: 170px;
    font-weight: 600;
    color: #FFFFFF;
    padding: 1em 0;
    display: block;
    margin: 0 auto;
    width: 100%;
}

a.viewMore:hover {
    background: var(--darkblue);

}

.homeContentWrapp {
    border-top: 1px #d6d5d5 solid;
}

.homeContent {
    margin: 2em;
    padding: 1em 0 0 0;
}

.recentlyViewed .homeContent p {
    line-height: 1.7em;
    text-transform: inherit;
    text-align: left;
    margin: 1em 0;
    color: #363636;
}

.recentlyViewed .homeContentWrapp h2 {
    color: var(--darkblue);;
}


/*-HOME-CATEGORIE-SCROLLER-*/
/*-()--------------------------------------------------------------------------*/

.exploreOur .tab, .recentlyViewed .recentTab {
    position: relative;
    margin: 2em 0 0 0;
    outline: 0;
    padding-bottom: 8em;
}

.recentlyViewed .recentTab {
    padding-bottom: 0;
    margin: 2em 0 4em 0;
}

.tns-controls {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    outline: 0;
    left: 0;
    top: 0;
}

.tns-controls button {
    border: 0;
    background: url('../plasticshub/assets/prev.svg') center no-repeat;

    color: transparent;
    float: left;
    height: 100%;
    max-height: 180px;
    padding: 0;
    margin: 0 0 0 0.5em;
    display: block;
    width: 2em;
}

.recentlyViewed .tns-controls button {
    background: url('../plasticshub/assets/prev_b.svg') center no-repeat;
}

.tns-controls button:disabled {
    opacity: 0.5;
}

.tns-controls button:last-child {
    background: url('../plasticshub/assets/next.svg') center no-repeat;
    float: right;
    margin: 0 0.5em 0 0;
}

.recentlyViewed .tns-controls button:last-child {
    background: url('../plasticshub/assets/next_b.svg') center no-repeat;
}

.tns-ovh {
    width: 93%;
    margin: 0 auto;
}

.productItem {
    position: relative;
    text-align: center;
    max-width: 180px;
    width: 100%;
    margin: 0 auto;
}

.recentlyViewed .productItem {
    padding: 5px 0 0 0;
}

.productItem img {
    border: 2px solid #FFF;
}

.productItem:hover img {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}

.recentlyViewed .productItem img {
    border: 2px solid #e9e9e9;
    max-height: 180px;
    width: auto;
    margin: 0 auto;
    /*
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
    */
}

.productItem .title {
    font-family: var(--subtitle-font);
    text-transform: uppercase;
    min-height: 55px;
    font-size: 1.1em;
    margin: 2em 0 0.5em 0;
    font-weight: 600;
    color: #FFFFFF;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recentlyViewed .productItem .title {
    color: var(--black);
}

.productItem .price {
    font-size: 1.1em;
    color: var(--lightblue);
    font-weight: 600;
}

.productItem a.prodlink {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*-HOME-CATEGORIE-ROOFLINE-*/
/*-()--------------------------------------------------------------------------*/

.roofline {
    background: var(--off-white);
    padding: 1em 0 3em 0;
    display: inline-block;
    width: 100%;
}

.roofline h2 {
    text-transform: uppercase;
    display: inline-block;
    font-family: var(--title-font);
    text-align: center;
    font-weight: 700;
    color: var(--black);
    width: 100%;
}

.roofline p, .recentlyViewed p {
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    color: var(--lightblue);
}

.recentlyViewed p {
    margin-bottom: 2em;
}

.roofline .prodItemWrapp {
    text-align: center;
    position: relative;
    margin: 2em 0 4em 0;
    outline: 0;
}

.roofline .prodItemWrapp .productItem {
    display: inline-table;
    margin: 0 1% 2em 1%;
    max-width: 200px;
}

.roofline .productItem img {
    border: 2px solid #c2c2c2;
}

.roofline .title {
    color: var(--black);
}

.roofline .price {
    color: #1abce7;
}

a.viewProduct {
    background: var(--darkblue);
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 1em;
    padding: 0.6em 0;
    color: #FFFFFF;
    width: 100%;
}

.productItem:hover a.viewProduct {
    background: var(--lightblue);
}

.productItem:hover img {
    border: 2px solid var(--lightblue);
}

/*-HOME-WEDGE-*/
/*-()--------------------------------------------------------------------------*/

.wedge h2 {
    font-family: var(--title-font);
    text-transform: uppercase;
    margin: 0;
    font-size: 1.3em;
    color: #FFF;
}

.wedge p {
    line-height: 1.8;
    color: #FFF;
}

.wedge a {
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    padding: 1em 2em;
    background: #FFF;
    color: var(--darkblue);
}

.wedge .lightBg a {
    color: var(--lightblue);
}

.wedge {
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10em;
}

.wedge .darkBg, .wedge .lightBg {
    padding: 2em 0.5em 2em 0.5em;
    float: left;
}

.wedge a:hover {
    background: var(--lightblue);
    color: #FFF;
}

.wedge .lightBg a:hover {
    background: var(--darkblue);
    color: #FFF;
}

.pageBanner {
    position: relative;
    background: url('../plasticshub/assets/background4.jpg') center center;
    background-size: cover;
    text-align: center;
    display: inline-block;
    color: #FFFFFF;
    width: 100%;
}

.pageBanner.simple_banner {
    background: url('../plasticshub/assets/delivery.jpg') center center no-repeat;
    background-size: cover;
    display: block;
    height: 331px;
    width: 100%;
}

.pageBanner.click_banner {
    background: url('../plasticshub/assets/click.jpg') center center no-repeat;
    background-size: cover;
    display: block;
    height: 331px;
    width: 100%;
}

.pageBanner:after {
    position: absolute;
    background: rgba(31, 31, 31, 0.3);
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.pageBanner.simple_banner:after, .pageBanner.click_banner:after {
    background: none;
}

.with_title > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    width: 100%;
    height: 100%;
}

.with_title > div > div {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    width: 70%;
}

.pageBanner .container .padd {
    position: relative;
    margin: 0 auto;
    width: 70%;
    float: none;
    z-index: 2;
}

.pageBanner h2 {
    color: #88d6f7;
    font-weight: 500;
    font-size: 1.2em;
}

.pageBanner h1 {
    text-transform: uppercase;
    font-weight: 600;
}

.pages .pageBanner h1 {
    text-transform: uppercase;
    font-weight: 700;
}

.pageBanner p {
    line-height: 1.7;
}

/*-BREADCRUMBS-*/
/*-()--------------------------------------------------------------------------*/

.woocommerce-breadcrumb {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em !important;
    padding: 2em 0 !important;
    color: var(--black) !important;
}

.woocommerce-breadcrumb ul  {
    padding: 0;
    margin: 0;
}

.woocommerce-breadcrumb {
    float: left;
}

.woocommerce-breadcrumb a {
    font-weight: 400;
    text-decoration: none;
    padding-right: 0.2em;
    color: var(--black) !important;
}

.woocommerce-breadcrumb a.active {
    font-weight: 700;
}

.woocommerce-breadcrumb a:hover {
    color: var(--lightblue) !important;
}

.breadcrumbs .socialLinks {
    float: right;
}

.breadcrumbs .socialLinks li {
    width: 25px;
    height: 25px;
    margin: 0 5px;
}


.breadcrumbs .socialLinks li a.addFav {
    background: var(--black) url('../plasticshub/assets/fav.svg') center center no-repeat;
    background-size: 70%;
    font-size: 0;
    color: transparent;
    width: 25px;
    height: 25px;
    display: block;
    padding: 0 25px 0 0;
}

.breadcrumbs .socialLinks li a.addFav:hover {
    background-color: var(--lightblue);
}

/*-FILTER BOX-*/
/*-()--------------------------------------------------------------------------*/


.productFilters {
	display: none;
}

.widget .widget_price_filter h4,
.widget h2.widget-title {
    background: var(--darkblue);
    font-weight: 500;
    font-size: 1.1em;
    color: #FFF;
    padding: 10px;
    margin: 0;
}

.widget .menu > li {
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0 15px 0;
}

.widget .menu > li:nth-child(1) {
    padding-top: 0;
}

.widget .menu > li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.widget .menu li a {
    cursor: pointer;
    color: var(--black) !important ;
    width: 100%;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
}


.widget .menu .sub-menu {
    margin: 10px 0;
}

.widget .menu .sub-menu li a {
    color: var(--darkblue) !important;
    font-weight: 600;
}

.widget .menu li a:hover {
    color: var(--lightblue) !important;
}

.widget .widget_price_filter form,
.menu-products-page-sidebar-menu-container {
    padding: 20px;
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
}

.menu-products-page-sidebar-menu-container ul {
    padding: 0;
    margin: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--lightblue);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: var(--lightblue);
    border: #FFFFFF solid 1px;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #dfdcde;
}


.filterBox {
    margin-bottom: 10px;
}

.filterTitle {
    position: relative;
    text-transform: uppercase;
}

.filterTitle > div {
    font-weight: 500;
    font-size: 1.1em;
    color: #FFF;
    padding: 10px;
}

.filterTitle .filterReset {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.filterTitle .filterReset:hover {
}

.filterTitle .filterReset > div,
.filterTitle .filterArrow > div {
    position: absolute;
    max-width: 38px;
    padding: 0.5em;
    right: 0;
    top: 0;
}

/* CHECKBOX AND RADIO */
/* Customize the label (the container) */
.chkRdLabel {
    display: block;
    position: relative;
    padding-left: 2em;
    padding-top: 0.1em;
    margin-bottom: 0.5em;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
}

/* Hide the browser's default checkbox */
.chkRdLabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.customCheckbox, .customRadio {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5em;
    width: 1.5em;
    border: 1px solid #abacab;
    /*     display: none; */
}

.customRadio {
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.chkRdLabel:hover input ~ .customCheckbox,
.chkRdLabel:hover input ~ .customRadio {
    background-color: var(--darkblue);
    border: 1px solid var(--darkblue);
}

/* When the checkbox is checked, add a blue background */
.chkRdLabel input:checked ~ .customCheckbox,
.chkRdLabel input:checked ~ .customRadio {
    background-color: #FFF;
    border: 1px solid #FFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customCheckbox:after,
.customRadio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chkRdLabel input:checked ~ .customCheckbox:after,
.chkRdLabel input:checked ~ .customRadio:after {
    display: block;
}

/* Style the checkmark/indicator */
.chkRdLabel .customCheckbox:after {
    left: 0.6em;
    top: 0.35em;
    width: 0.3em;
    height: 0.6em;
    border: solid var(--lightblue);
    border-width: 0 0.2em 0.2em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Style the indicator (dot/circle) */
.chkRdLabel .customRadio:after {
    top: 0.42em;
    left: 0.45em;
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    background:  var(--lightblue);
}

/* END CHECKBOX AND RADIO */

/*
.filterTitle .filterReset a {
	display: block;
	width: 100%;
	height: 100%;
}
*/

.filterBox > .filterAll {
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
    padding: 20px;
}

/*-PRODUCT LIST-*/
/*-()--------------------------------------------------------------------------*/

.productList {
    padding: 0.5em;
    /* 	display: inline-block; */
    margin-bottom: 1em;
}

.productList > div {
    margin: 0 auto;
    display: block;
    padding: 0.5em;
}

.productList .product {
    border: 1px solid #d6d5d5;
    padding: 0.5em;
}

.productList .product:hover {
    border: 1px solid var(--lightblue);
}

.productList .product .prodGroup {
    display: block;
    width: 100%;
}

.productList .product .prodGroup .title_wrap {
    /*outline: red solid 1px;*/
    clear: both;
    overflow: hidden;
}

.productList .product .productTitle,
.productWrap .product .productTitle {
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 0.5em;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 45px;
    /*outline: red solid 1px;*/
}

.productWrap .product .productTitle {
    font-weight: 600;
}

.productList .product .stock {
    margin-bottom: 0.5em;
}

.productList .product .stock span {
    text-transform: uppercase;
    display: block;
    color: #a1a1a1;
}

.productList .product .stock span:first-child {
    font-weight: 700;
    color: var(--lightblue);
}

.productList .product .price {
    margin-bottom: 0.5em;
    text-align: center;
}

.productList .product .price span:first-child {
    font-weight: 700;
    color: #363636;
}

.productList .product .price span {
    display: inline-block;
    /*color: #a1a1a1;*/
}

.productImg img {
    max-width: 90%;
    margin: 0 auto;
}

.productList .product .selectOption a {
    background: var(--darkblue);
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    width: 100%;
    display: inline-block;
    padding: 1em;
    color: #FFFFFF;
}

.productList .product:hover .selectOption a {
    background: var(--lightblue);
}

.productList .product {
    position: relative;
}

.productList .product .onsale {
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    background: red;
    font-size: 0.8em;
    color: #FFFFFF;
    padding: 10px !important;
    left: 0;
    top: 0;
    min-height: auto !important;
    border-radius: 0 !important;
    line-height: inherit !important;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    opacity: 1 !important;
}

.productList .product .prodGroup .prod_del_col {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

.productList .product .prodGroup .prod_del_col li {
    text-align: center;
    font-size: 10px;
    width: 48%;
    float: left;
    padding: 45px 0 10px 0;
    /*max-width: 80px;*/
    background-color: #ececec !important;
    border-radius: 3px;
}

.productList .product .prodGroup .prod_del_col li:last-child {
    margin-right: 0;
    float: right;
}

.productList .product .prodGroup .prod_del_col li.one {
    background: url('../plasticshub/assets/deliveryIcon.svg') top 9px center no-repeat;
    background-size: 35px;
}

.productList .product .prodGroup .prod_del_col li.two {
    background: url('../plasticshub/assets/swatchIcon.svg') top 12px center no-repeat;
    background-size: 25px;
}

.productList .product .price del:first-child  .woocommerce-Price-amount{
    /*outline: red solid 1px;*/
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

.single_prod_del_col, .woocommerce-Tabs-panel .single_prod_del_col {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
    width: 100%;
}

.single_prod_del_col li, .woocommerce-Tabs-panel .single_prod_del_col li {
    padding: 0 0 0 40px;
    margin-bottom: 20px;
    line-height: 28px;
    font-size: 0.8em;
    min-height: 28px;
}

.single_prod_del_col li.one {
    background: url('../plasticshub/assets/calendarIcon.svg') left top no-repeat;
    background-size: 28px;
}

.single_prod_del_col li.two {
    background: url('../plasticshub/assets/calendarIcon.svg') left top no-repeat;
    background-size: 28px;
}

.single_prod_del_col li.three {
    background: url('../plasticshub/assets/ruler.svg') left top no-repeat;
    background-size: 28px;
}

.single_prod_del_col li.four {
    background: url('../plasticshub/assets/chatIcon.svg') left top no-repeat;
    background-size: 28px;
}

.single_prod_del_col li.five {
    background: url('../plasticshub/assets/swatchIcon.svg') left top no-repeat;
    background-size: 25px;
}

.single_prod_del_col li.six {
    background: url('../plasticshub/assets/water_proof.svg') left top no-repeat;
    background-size: 20px;
}

.single_prod_del_col li.seven {
    background: url('../plasticshub/assets/easy_clean.svg') left top no-repeat;
    background-size: 28px;
}

.single_prod_del_col li.eight {
    background: url('../plasticshub/assets/delivery_op.svg') left top no-repeat;
    background-size: 28px;
}

.eta {
    background: url('../plasticshub/assets/deliveryIcon.svg') left top no-repeat;
    background-size: 30px;
    padding-left: 40px;
    line-height: 30px;
}

.woocommerce-Tabs-panel .single_prod_del_col {
    display: block;
    float: right;
    padding: 0 10px;
}

.woocommerce-Tabs-panel .single_prod_del_col li {
    position: relative;
    border: 1px #d6d5d5 solid;
    border-radius: 3px;
    line-height: 45px;
    padding-left: 20px;
    background: none;
}





.woocommerce-Tabs-panel .single_prod_del_col li span {
    font-weight: bold;
    display: inline;
    float: right;
    padding-right: 20px;
    font-size: 0.8em;
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    justify-content: center;
    -webkit-column-count: 2;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 0 0.3em;
}


.wt-related-products {
    padding: 2em 0;
    text-align: center;
}

.wt-related-products .productTitle {
    font-family: var(--subtitle-font);
    text-transform: uppercase;
    font-size: 14px;
    margin: 2em 0 1em 0;
    font-weight: 600;
}

.wt-related-products .price {
    font-size: 12px;
    font-weight: 600;
}

.wt-related-products .price .amount {
    color: var(--lightblue) !important;
}

.wt-related-products .prodGroup {
    text-align: center;
}

.wt-related-products .selectOption,
.wt-related-products .prodGroup .clear,
.wt-related-products .prodGroup .stock {
    display: none;
}

.wt-related-products .owl-carousel,
.woocommerce .wt-related-products ul.products {
    display: inline-block !important;
    background-size: red;
    width: 100% !important;
}
/*-PRODUCT-*/
/*-()--------------------------------------------------------------------------*/

.productWrap > .container {
    border-bottom: 1px solid #d6d5d5;
}

.productWrap .product .price {
    color:  var(--lightblue);
    font-size: 1.2em;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.productWrap .product .brand {
    font-weight: 700;
    margin-bottom: 0.5em;
}

.productWrap .product .brand span {
    font-weight: 600;
}

.productWrap .product .stock {

    font-weight: 700;
}

.productWrap .product .stock > div {
    margin-bottom: 1em;
}

.productWrap .product .stock > span {
    display: block;
    margin-bottom: 1em;
}

.productWrap .product .stock span:last-child {
    text-transform: uppercase;
    display: block;
    color: #00a651;
}

.prodGroupButtons > div {
    margin-bottom: 20px;
}

.buyNow a,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed {
    background: var(--darkblue);
    border: solid 3px var(--darkblue);
    background-image: url('../plasticshub/assets/addTocart.svg');
    background-position: left 5px center;
    background-repeat: no-repeat;
    background-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    color: #FFFFFF;
    display: block;
    padding: 0.6em 0.6em 0.6em 30px;
    font-size: 0.9em;
    line-height: 1.2em;

    border-radius: 0;
    /*max-width: 32%;*/
    width: 100%;
    margin-bottom: 10px;
}

.fa-shopping-cart:before {
    display: none;
}


.woocommerce div.product form.cart {
    margin-bottom: 1em;
}

.buyNow a:hover, .woocommerce div.product form.cart .button:hover {
    border: solid 3px var(--lightblue);
    background: var(--lightblue);
    background-image: url('../plasticshub/assets/addTocart.svg');
    background-position: left 5px center;
    background-repeat: no-repeat;
    background-size: 20px;
}

a.reset_variations {
    background: var(--black) url('../plasticshub/assets/closew.svg') right 5px center no-repeat;
    background-size: 10px;
    text-decoration: none;
    margin-top: 10px;
    padding: 5px 20px 5px 5px;
    display: inline-block;
    color: #FFF;
}

a.reset_variations:hover {
    background-color: var(--lightblue);
}



.single_variation_wrap {
    position: relative;
    display: flex;
    display: block;
    justify-content: flex-start;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

.single_variation_wrap .woocommerce-variation-add-to-cart {
    width: 32%;
    width: 100%;
    /*margin-right: 2%;*/
    margin-bottom: 20px;
}

.woocommerce .single_variation_wrap .variations {
    width: 32% !important;
    width: 100% !important;
    float: left;
}

.woocommerce .single_variation_wrap .button {
    max-width: 100% !important;
}

a.reset_variations {
    position: absolute;
    bottom: 0;
    left: 0;
}



.dropSelections select {

    /* styling */
    background-color: white;
    border: thin solid #d6d5d5;
    border-radius: 0;
    display: inline-block;
    font: inherit;
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 0.6em 3.5em 0.6em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0;
    margin-bottom: 10px;
    margin-right: 2%;
    max-width: 70px;
}

.woocommerce div.product form.cart div.quantity input {
    /* styling */
    background-color: white;
    border: thin solid #d6d5d5;
    border-radius: 0;
    display: inline-block;
    font: inherit;
    font-size: 1em;
    line-height: 1.6em;
    padding: 0.6em 1em 0.6em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
}


/* arrows */

.dropSelections select.minimal {
    background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 20px) calc(1.2em + 2px),
            calc(100% - 15px) calc(1.2em + 2px),
            calc(100% - 3em) 0.7em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
}

.dropSelections select.minimal:focus {
    background-image:
            linear-gradient(45deg, green 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, green 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 15px) 1.2em,
            calc(100% - 20px) 1.2em,
            calc(100% - 3em) 0.7em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}

.dropSelections select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.productAssets {
    border: 1px #d6d5d5 solid;
    background: var(--off-white);
    text-transform: uppercase;
    padding: 0.5em 1em;
    margin-bottom: 20px;
}

.productAssets > div {
    border-bottom: 1px #d6d5d5 solid;
    font-weight: 600;
    padding: 1em 0;
}

.productAssets > div span {
    color: var(--darkblue);
}

.productAssets > div:last-child {
    border: 0;
}

.product .w3-button, .woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: #FFFFFF;
    border: solid 1px #363636;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #363636;
    display: block;
    font-size: 0.9em;
    line-height: 1.5em;
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 0 10px 0;
    padding: 0;
}

.product .w3-button.w3-red,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #363636;
    border: solid 1px #363636;
    color: #FFFFFF;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 0.8em 0 ;
    display: block;
}

.product .w3-button:hover, .product .w3-button.w3-red:hover {
    background: var(--lightblue);
    border: solid 1px var(--lightblue);
    color: #FFFFFF;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 0;
}

.woocommerce-Tabs-panel--description ul {
    list-style: disc;
}

.woocommerce-variation-price span {
    margin: 10px 0;
    display: inline-block;
}

.fa-file-pdf {
    margin-right: 10px;
    color: var(--black);
}

.fa-file-pdf br {
    display: none;
}

body a br  {
    display: none;
}

.woocommerce-Tabs-panel a {
    color: var(--black);
}

.woocommerce div.product .productWrap {
    padding: 0.5em;
}

/*-PRODUCT IMAGE CAROUSEL-*/
/*-()--------------------------------------------------------------------------*/

#mainCarousel {
    /*   width: 600px; */

    width: 90%;
    margin: 0 auto 1rem auto;

    --carousel-button-color: #170724;
    --carousel-button-bg: #fff;
    --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
    0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    --carousel-button-svg-stroke-width: 2.5;
}

#mainCarousel .carousel__slide {
    width: 100%;
    padding: 0;
}

#mainCarousel .carousel__button.is-prev {
    left: -1.5rem;
}

#mainCarousel .carousel__button.is-next {
    right: -1.5rem;
}

#mainCarousel .carousel__button:focus {
    outline: none;
    box-shadow: 0 0 0 4px #A78BFA;
}

#thumbCarousel .carousel__slide {
    opacity: 0.5;
    padding: 0;
    margin: 0.25rem;
    width: 96px;
    height: 64px;
}

#thumbCarousel .carousel__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*   border-radius: 4px; */
}

#thumbCarousel .carousel__slide.is-nav-selected {
    opacity: 1;
}

.dim, .dim .hidden {
    /*
        padding: 10px;
        height: 5px;
        line-height: 5px;
        color: red;
        border: solid 1px grey;
        width: 65px;
    */
}

.dim > span {
    cursor: pointer;
    color: var(--lightblue);
    width: 100%;
    display: inline-block;
}

.dim > span div  {
    float: right;
    width: 15px;
}

.dim > span:hover svg path {
    fill: var(--lightblue);
}


.dim {
    /*     float: left; */
    margin-bottom: 10px;
}
.dim .hidden {
    /*     margin-left: -11px; */
    display: none;
    margin: 10px 0 15px 0;
}
.dim .hidden:first-child {
    margin-top: 10px;
}

/*-PAGES-*/
/*-()--------------------------------------------------------------------------*/

.page_pad {
    padding: 2em 0;
}

.page_detail h2 {
    color: var(--lightblue);
    font-size: 1.9em;
    font-weight: 700;
}

.page_detail p {
    line-height: 2em;
}

.page_detail ul li {
    line-height: 2em;
}

.page_detail ul li::before {
    content: "\2022";
    color: var(--lightblue);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.page_detail hr {
    border: 0;
    margin: 5em 0;
    border-top: 1px solid #d6d5d5;
}

.pageBanner h2 {

}

.about.wedge {
    margin-bottom: 20px;
}

.three_bocks > h2 {
    color: var(--black);
}

.three_bocks > div {
    background: var(--darkblue);
    padding: 2em;
    margin-bottom: 20px;
}

.three_bocks.help_boxes > div {
    border: 3px solid var(--off-white);
    border-radius: 4px;
    background: var(--bg-color-white);
    padding: 2em;
    margin-bottom: 20px;
    text-align: center;
}

.three_bocks.help_boxes > div img {
    height: 90px;
    width: auto;
    margin: 20px auto;
}

.three_bocks > div h2, .three_bocks > div p {
    color: #FFFFFF;
}

.three_bocks.help_boxes > div h2 {
    color: var(--lightblue);
    font-weight: 400;
    margin-bottom: 40px;
}

.three_bocks.help_boxes > div p {
    color: var(--black);
}

.three_bocks.help_boxes > div a {
    background: var(--lightblue);
    color: var(--bg-color-white);
    text-decoration: none;
    border-radius: 3px;
    padding: 10px 15px;
}

.three_bocks.help_boxes > div a:hover {
    background: var(--darkblue);
}

.free_delivery:after {
    background: url('../plasticshub/assets/delivery.svg') center no-repeat;
    background-size: contain;
}

.secure_payment:after {
    background: url('../plasticshub/assets/credit-card.svg') center no-repeat;
    background-size: contain;
}

.fast_support:after {
    background: url('../plasticshub/assets/chat.svg') center no-repeat;
    background-size: contain;
}

/*-Contact Form - GET A QUOTE PAGE-*/
/*-()--------------------------------------------------------------------------*/

.wpcf7_form {
    max-width: 1000px;
    margin: 0 auto;
}

.wpcf7_form .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
}

.wpcf7_form input,
.wpcf7_form textarea {
    border: 1px solid var(--black);
    padding: 15px;
    width: 100%;
}

.wpcf7_form input {
}

.wpcf7_form_links > div {
    border: solid var(--lightblue) 1px;
    border-radius: 4px;
    padding: 20px 15px 20px 75px;
    margin-bottom: 20px;
}

.wpcf7_form_links > div a {
    text-decoration: none;
    color: var(--black);
}

.wpcf7_form_links > div h2, .wpcf7_form_links > div p {
    margin: 0;
}

.wpcf7_form_links > div h2 {
    font-size: 1.2em;
}

.wpcf7_form_links > div {
    background: url('../plasticshub/assets/mail_icon.svg') left 15px center no-repeat;
    background-size: 45px;
}

.wpcf7_form_links > div:nth-child(2) {
    background: url('../plasticshub/assets/phone_icon.svg') left 15px center no-repeat;
    background-size: 45px;
}

.wpcf7_form_links > div:nth-child(3) {
    background: url('../plasticshub/assets/open.svg') left 15px center no-repeat;
    background-size: 45px;
}

.wpcf7_form .contactForm .row .rightSide {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    text-align: center;
    float: right;
    width: 20%;
    display: block;
    background: var(--lightblue);
    line-height: 2em;
    color: #FFF;
}

.wpcf7_form .contactForm .row .rightSide:hover {
    background: var(--darkblue);
}

.wpcf7_form .wpcf7-response-output {
    float: left;
    margin: 0 !important;
    width: 100%;
}
.wpcf7_form .contactForm .row .rightSide {
    position: relative;
}

.wpcf7_form .contactForm .row .rightSide input {
    text-transform: uppercase;
    text-align: left;
    position: absolute;
    border: 0;
    background: none;
    width: 100%;
    font-size: 1.5em;
    padding: 0 10px;
    color: #FFFFFF;
    font-weight: 700;
    left: 0;
    line-height: 42px;
    cursor: pointer;
}

.wpcf7_form .contactForm .row .rightSide .wpcf7-spinner {
    margin:  10px 10px 10px 0;
    float: right;
}

.wpcf7-not-valid-tip {
    padding: 0.5em 0;
}

.wpcf7_form .contactForm .row:nth-child(4) > div {
    max-width: 110px;
}

.wpcf7_form .contactForm .row input {
    margin-bottom: 10px;
}

    /*-Accordion-*/
/*-()--------------------------------------------------------------------------*/

.accordion {
    margin: 0 auto;
    max-width: 600px;
}

.accordion__item {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 3px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

/* Accordion Trigger */
.accordion__item--trigger {
    cursor: pointer;
    color: #fff;
    font-size: 1.125rem;
    margin: 0;
    padding: 0.75rem 1rem;
    background-color: var(--darkblue);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),
    0 2px 3px rgba(0, 0, 0, 0.1),
    0 3px 5px rgba(0, 0, 0, 0.1);

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accordion__item--trigger::after {
    content: '+';
    font-weight: 700;
    font-size: 1.5rem;
    display: block;
    margin-left: 0.75rem;
}
.accordion__item--trigger[aria-expanded="true"]::after {
    content: '-';
}

/* Accordion Panel */
.accordion__item--panel {
    height: 0;
    opacity: 0;
    overflow: hidden;
    background-color: rgba(230, 230, 230, 0.75);
    transition: height 400ms ease-in-out, opacity 350ms linear;

    display: flex;
    align-items: center;
}

.accordion__item--panel > p {
    margin: 0;
    padding: 1rem;
    font-size: 0.85rem;
    line-height: inherit;
}

.accordion__item--trigger[aria-expanded="true"] + .accordion__item--panel {
    height: 4.6875rem;
    opacity: 1;
}

.page_detail .accordion__item h2 {
    font-size: 1.2em;
    color: #FFFFFF;
}

/*-GET A QUOTE (GREEN SECTION) PAGE-*/
/*-()--------------------------------------------------------------------------*/

.getFreeBlock > div h4 {
    font-weight: 400;
    font-size: 1.2em;
}

.getFree h2 {
    text-align: center;
    color: var(--darkblue);
}

h2.getfreetitle {
    color: var(--darkblue);
    position: relative;
    text-align: center;
    width: auto;
    float: none;
}

h2.getfreetitle span {
    background: #FFFFFF;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 1;
}

h2.getfreetitle:after {
    position: absolute;
    content: '';
    display: block;
    border-top: 3px solid var(--darkblue);
    left: 0;
    width: 100%;
    top: 50%;
    z-index: -1;
}

.getFreeFour {
    display: inline;
    justify-content: space-between;
    text-align: center;
}

.getFreeFour div {
    padding: 0 10px;
}

.getFreeFour div span {
    margin: auto;
    display: block;
    height: 50px;
    width: 50px;
}

.getFreeFour h2 {
    color: var(--black);
}

.greenbg .container {
    max-width: 1100px;
}

.greenbg .getFreeBlock h2 {
    color: #FFFFFF;
}

.greenbg .getFreeBlock p {
    line-height: normal;
    font-size: 1.2em;
    color: #FFFFFF;
}

.pageBanner.getyour h1 {
    font-weight: 700;
}

.greenbg .getFreeBlock span {
    margin-top: 15px;
    float: left;
    display: block;
    width: 100%;
}

.greenbg .getFreeBlock span a {
    font-weight: 700;
    font-size: 1.9em;
    color: #FFFFFF;
}

.greenbg .getFreeBlock > div {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 0 20px;
}

.greenbg .getFreeBlock span.phone {
    background: url("../plasticshub/assets/phoneIcon.svg") left center no-repeat;
    padding-left: 40px;
}

.greenbg .getFreeBlock span.email {
    background: url("../plasticshub/assets/mailIcon.svg") left center no-repeat;
    background-size: 30px;
    padding-left: 40px;
}

.productList .product .wcxsfp_mark_fav {
    position: relative;
    display: block !important;
    clear: both !important;
}

.productList .product .wcxsfp_mark_fav span {
    padding-left: 22px;
    width: 100% !important;
    margin-bottom: 10px;
}

.productList .product .wcxsfp_mark_fav i.fa {
    position: absolute;
    height: 16px;
    left: 0;
    top: 0;
}

.breadcrumbs a.wcxsfp_mark_fav {
    background: var(--black);
    position: relative;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0  8px 0 20px;
    line-height: 21px;
    font-size: 12px;
    border-radius: 0;
}

.breadcrumbs a.wcxsfp_mark_fav .fa {
    position: absolute;
    left: 4px;
    top: 5px;
}

.breadcrumbs a.wcxsfp_mark_fav span {
    width: 100% !important;
}

/*-Add To Fav & Fav PAGE-*/
/*-()--------------------------------------------------------------------------*/

.wcxsfp_loader {
    background: var(--off-white);
}

.wcxsfp_message a, .wcxsfp_apply  {
    border: 2px solid var(--lightblue);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 800;
    text-align: center;
    float: right;
    width: 20%;
    padding: 0.4em 0 0.4em 0;
    display: block;
    background: var(--lightblue) !important;
    line-height: 2em;
    color: #FFF;
}

.wcxsfp_apply {
    width: 100%;
}

.wcxsfp_message a:hover, .wcxsfp_apply:hover {
    border: 2px solid var(--darkblue);
    background: var(--darkblue) !important;
    color: #FFFFFF;
}

.wcxsfp_favourite_products {

}

.wcxsfp_favourite_products {
    border-radius: 5px;
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
}

.wcxsfp_favourite_products td, .wcxsfp_favourite_products th {
    border: 1px solid #ddd;
    padding: 8px;
}

/*.wcxsfp_favourite_products tr:nth-child(even){background-color: #f2f2f2;}*/

.wcxsfp_favourite_products tr:hover {
    background-color: var(--off-white);
}

.wcxsfp_favourite_products th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color:  var(--lightblue);
    color: white;
}

.wcxsfp_favourite_products a {
    color: var(--darkblue);
}

.wcxsfp_favourite_products a:hover {
    color: var(--lightblue);
}



.column_two.stand p, .column_two.stand strong {
    color: var(--lightblue);
}

.column_two.stand div {
    border: 1px solid var(--lightblue);
    border-radius: 5px;
    padding: 20px 20px 0 20px;
}

.column_two.stand div:first-child {
    margin-bottom: 20px;
}

.column_two.stand div {
    background: url("../plasticshub/assets/truckIconblue.svg") left 20px center no-repeat;
    background-size: 40px;
    padding-left: 80px;
}

.searchPage {
    padding: 20px;
}

.searchList {
    padding: 0;
    margin: 20px 0;
    display: inline-block;
}

.searchList li {
    text-align: center;
    display: block;
    float: left;
    width: 100%;
}

.searchList li .content {
    padding: 20px;
}

.imgBlock {
    display: block;
    height: 200px;
    width: 200px;
    margin: 0 auto;
    background: #f6f5f6;
    border: 2px solid #f6f5f6;
}

.imgBlock img {
    float: left;
    display: block;
}

.searchList li .content .seeDetails {
    background: var(--darkblue);
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.2em;
    margin-top: 1em;
    padding: 0.6em 0;
    color: #FFFFFF;
    width: 100%;
}

.searchList li .content .seeDetails:hover {
    background: var(--lightblue);
}

.searchList li .content .title {
    font-family: var(--subtitle-font);
    text-transform: uppercase;
    min-height: 55px;
    font-size: 1.1em;
    margin: 2em 0 0.5em 0;
    font-weight: 600;
    color: black;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nav-links {
    border: #f6f5f6 solid 1px;
    text-align: center;
    font-size: 1.4em;
    padding: 20px 0;
}

.get_in_touch {
    background: var(--off-white);
}

.get_in_touch .container {
    text-align: center;
}

.get_in_touch h2 {
    color: var(--darkblue);
    margin-top: 0;
    margin-bottom: 40px;
}

.get_in_touch a {
    border: 3px solid var(--darkblue);
    text-decoration: none;
    padding: 1em 1.2em;
    color: var(--darkblue);
    font-weight: 600;
}

.get_in_touch a:hover {
    background: var(--darkblue);
    color: var(--off-white);
}

.yith-wacp-main {
    border-radius: 5px;
}

.yith-wacp-main .brcs_product, .widgettitle {
    text-align: center;
}

.yith-wacp-main .br_cart_suggestions .brcs_product img {
    max-width: 100px;
    margin: 0 auto;
}

#yith-wacp-popup .yith-wacp-content a.button {

}

#yith-wacp-popup .yith-wacp-content .product-thumb img {
	max-width: 200px !important;
}

#yith-wacp-popup .yith-wacp-content .product-thumb img.attachment-yith_wacp_image_size.size-yith_wacp_image_size {
	max-width: 150px !important;
	margin-bottom: 20px !important;
}


.recentlyViewed .br_cart_suggestions .brcs_product img {
    max-width: 180px;
    margin: 0 auto;
}

.recentlyViewed .br_cart_suggestions .brcs_product {
    text-align: center;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    font-size: 0.9em;
}

.six_prod_icon {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.six_prod_icon > div {
    position: relative;
    padding: 100px 0 20px 0;
    text-align: center;
    min-width: 100px;
    font-weight: 600;
    width: 50%;
}
.six_prod_icon > div span {
    position: relative;
}

.six_prod_icon > div span:before {
    content: '';
    position: relative;
    display: block;
    width: 60%;
    margin: 0 auto;
    height: 2px;
    background: #d6d5d5;
   top: -15px;
}

.six_prod_icon > div:after{
    position: absolute;
    top:0;
    content: '';
    display: block;
    height: 80px;
    width: 100%;
}

.six_prod_icon > div:nth-child(1):after {
    background: url("../plasticshub/assets/quick-install.svg") center center no-repeat;
    background-size: 50px;
}

.six_prod_icon > div:nth-child(2):after {
    background: url("../plasticshub/assets/noun-tongue.svg") center center no-repeat;
    background-size: 50px;
}

.six_prod_icon > div:nth-child(3):after {
    background: url("../plasticshub/assets/water-proof.svg") center center no-repeat;
    background-size: 50px;
}

.six_prod_icon > div:nth-child(4):after {
    background: url("../plasticshub/assets/guarantee.svg") center center no-repeat;
    background-size: 50px;
}

.six_prod_icon > div:nth-child(5):after {
    background: url("../plasticshub/assets/mould.svg") center center no-repeat;
    background-size: 50px;
}

.six_prod_icon > div:nth-child(6):after {
    background: url("../plasticshub/assets/tough-panel.svg") center center no-repeat;
    background-size: 50px;
}

.six_prod_icon > div:nth-child(7):after {
    background: url("../plasticshub/assets/clean.svg") center center no-repeat;
    background-size: 65px;
}

.six_prod_icon > div:nth-child(8):after {
    background: url("../plasticshub/assets/fireproof.svg") center center no-repeat;
    background-size: 65px;
}

.right #wc_bis_product_form input {
    border: 2px solid #959595 !important;
    background: #f6f5f6;
    padding: 10px !important;
}

.right #wc_bis_product_form .button {
    padding: 0 10px !important;
    background: var(--darkblue) !important;
    border: solid 1px var(--darkblue) !important;
    color: #FFFFFF !important;
    line-height: 41px !important;
    border-radius: 0;
    margin: 0 5px !important;
}

.right #wc_bis_product_form .button:hover {
    background: var(--lightblue) !important;
    border: solid 1px var(--lightblue) !important;
    margin: 0 5px !important;
}
.column_two.delivery_page {
    display: block;
    align-items: center;
    justify-content: space-between;
}






.progressContainer {
    position: relative;
    width: 300px;
    height: 100vh;
    margin: 0 auto;
    overflow: hidden;
    padding: 2rem;
    color: #fff;
    background: #392a60;
}
.progress {
    position: relative;
    padding: 0 1rem 0 3.5rem;
    margin: 2rem 0 0;
    list-style: none;
}
.progress__item {
    position: relative;
    min-height: 75px;
    counter-increment: list;
    padding-left: 0.5rem;
}
.progress__item:before {
    content: "";
    position: absolute;
    left: -1.5rem;
    top: 33px;
    height: 60%;
    width: 1px;
    border-left: 1px solid #fff;
}
.progress__item:after {
    content: counter(list);
    position: absolute;
    top: 0;
    left: -2.5rem;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    line-height: 2rem;
    text-align: center;
    border: 1px solid #fff;
}
.progress__item:last-child:before {
    border: none;
}
.progress__item.progress__item--completed {
    opacity: 0.6;
    color: #fff;
}
.progress__item.progress__item--completed:after {
    content: "\2713";
    font-weight: 400;
    background: #fff;
    color: #392a60;
}
.progress__item.progress__item--active:after {
    background: #fff;
    color: #392a60;
}
.progress__title {
    padding: 0.4rem 0 0.5rem;
    margin: 0;
    font-size: 1.5rem;
}
.progress__info {
    font-size: 13px;
}



.steps .sp p b {
    font-size: 1.4em;
}

.steps .sp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    min-height: 200px;
}

.steps .sp:after {
    display: block;
    content: '';
    height: 220px;
    width: 5px;
    left: 51px;
    top: 20px;
    background: var(--darkblue);
    position: absolute;
}

.steps .sp:last-child:after {
    display: none;
}



.steps div > div:first-child span {
    border-radius: 100px;
    display: block;
    height: 100px;
    width: 100px;
    z-index: 1;
}

.steps div:nth-child(1) > div span {
    background: url("../plasticshub/assets/1.svg") center center no-repeat;
}

.steps div:nth-child(2) > div span {
    background: url("../plasticshub/assets/2.svg") center center no-repeat;
}

.steps div:nth-child(3) > div span {
    background: url("../plasticshub/assets/3.svg") center center no-repeat;
}

.steps div:nth-child(4) > div span {
    background: url("../plasticshub/assets/4.svg") center center no-repeat;
}

.steps div > div:first-child {
    width: 120px;
}

.steps div > div {
    /*float: left;*/
    height: 100%;
    width: 85%;
}

.steps div > div:nth-child(2) {
    padding-left: 20px;
}

.steps div > div:first-child {
    display: flex;
    align-self: stretch;
    padding: 4px;
}

#yith-wacp-popup .yith-wacp-wrapper {
    height: auto !important;
}

.woocommerce-mini-cart-item b {
    outline: red solid 1px;
    display: none;
}

.payment_method_square_credit_card label {
    display: flex;
}

.woocommerce-checkout #payment ul.payment_methods li img {
	max-width: 250px !important;
}
 
/*-WOCOMMERCE My Account-*/
/*-()--------------------------------------------------------------------------*/


.page-id-738 .woocommerce {
	margin: 1em;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
/*   background: var(--off-white); */
	width: 100%;
	padding: 1em;
}

.woocommerce-account .woocommerce-MyAccount-content {
  background: var(--off-white);

  display: inline-block;
  float: left;
  width: 100%;
  padding: 1em;
  background: var(--off-white);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
	border-top: 1px solid #eee;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:before {
	opacity: 0;
	content: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
	opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	padding: 10px 5px;
	display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
	margin-right: 20px;
    opacity: .25;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
	opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    font-family: 'FontAwesome';
	content: "\f0e4";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    font-family: 'FontAwesome';
	content: "\f291";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    font-family: 'FontAwesome';
	content: "\f1c6";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    font-family: 'FontAwesome';
	content: "\f015";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--backinstock a:before {
    font-family: 'FontAwesome';
	content: "\f0f3";
}


.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    font-family: 'FontAwesome';
	content: "\f09d";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    font-family: 'FontAwesome';
	content: "\f007";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--favourite-products a:before {
    font-family: 'FontAwesome';
	content: "\f005";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    font-family: 'FontAwesome';
	content: "\f08b";
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
	font-size: 25px;
    text-align: center;
	font-weight: 600;
}

.woocommerce-account p.order-again {
    text-align: right;
}

.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
    margin-top: 50px;
    float: right;
}

/* Change WC Acct Page Column Widths */
@media only screen and (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 30%;
    padding: 2em;
  }
  .woocommerce-account .woocommerce-MyAccount-content { 
    width: 70%;
    padding: 2em;
  }
  
  .page-id-738 .woocommerce {
	margin: 2em 1em;
	}
}


@media (min-width: 800px) {

    .dropCartDetails, .loginDropForm {
        left: auto;
        transform: none;
        /*text-align: left;*/
    }

    .dropCartDetails:after, .loginDropForm:after {
        right: 8px;
        left: auto;
    }

    .recentlyViewed .br_cart_suggestions .brcs_product {
        font-size: 1.1em;
    }

    .wpcf7_form_links {
        float: left;
        width: 29%;
    }

    .wpcf7 {
        float: right;
        width: 69%;
    }

    .wpcf7_form .contactForm .row > div {
        display: inline-block;
        margin-bottom: 10px;
        width: 49%;
        float: left;
    }

    .wpcf7_form .contactForm .row > div:nth-child(2) {
        float: right;
        width: 49%;
    }

    .wpcf7_form .contactForm .row:nth-child(3) > div,
    .wpcf7_form .contactForm .row:nth-child(4) > div{
        width: 100%;
    }


    .container {
        overflow: visible;
    }

    .logo {
        max-width: 200px;
        width: 100%;
        position: absolute;
        height: 39px;
        float: left;
    }

    .container, .wt-related-products {
        max-width: 900px;
    }

    .topLinks {
        position: absolute;
        top: 0.3em;
        width: auto;
        margin: 0;
    }

    .topLinks > li {
        height: 39px;
        width: 39px;
        margin-left: 0.5em;
        margin-right: 0;

        position: relative;
    }

    .topLinks li.cart.cartSec > div:first-of-type span {
        right: 4px;
    }

    li.menu {
        display: none;
    }

    .searchBox {
        display: block;
        max-width: 330px;
        margin: 0 auto;
        right: -50px;
    }

    .menuWrapper, .menuWrapper.on_off {
        display: block;
    }

    .menuWrapper .mainMenu {
        display: flex;
        justify-content: space-between;
    }

    .menuWrapper .mainMenu > li {
        border-bottom: 0;
        width: auto;
    }

    .menuWrapper .mainMenu > li a {
        position: relative;
    }

    .menuWrapper .mainMenu > li:hover .subNav {
        display: block;
    }

    .open.rsp_button {
        display: none !important;
    }

    .subNav {
        position: absolute;
        display: none;
        left: 0;
        z-index: 9;
        min-width: 200px;
    }

    li#menu-item-948 .subNav {
        left: auto;
        right: 0;
    }

    .subNav .mainMenu {
        display: block;
    }

    .subNav .mainMenu > li {
        display: inline-block;
        width: 100%;
    }

    .footerLinks {
        width: 33.3%;
    }

    .header .lightBg .lightBluewrapper {
        display: flex;
        justify-content: space-between;
    }

    .header .lightBg .lightBluewrapper {
        padding: 0;
    }

    .signUptitle {
        float: left;
        width: auto;
        margin-right: 10px;
    }

    .signUptitle h3 {
        line-height: 44px;
        font-size: 0.9em;
        margin: 0;
    }

    .signUptext, .newsletter .textwidget {
        max-width: 392px;
        float: left;
        width: 45%;
    }

    .newsletter .textwidget p {
        margin: 0;
    }

    .signUptext p, .newsletter .textwidget p {
        font-size: 0.8em;
        line-height: 1.9em;
        margin: 0;
    }

    .signUpwrapper, .widget_email-subscribers-form {
        float: right;
        width: 36%;
    }

    .signUp input#signUp {
        width: 49%;
    }

    a.signUplink {
        width: 49%;
    }

    .subtleSlider {
        height: 400px;
    }

    #slideshow .static-content {
        width: 100%;
    }

    #slideshow .static-content > div {
        /*margin-left: -5%;*/
        margin-left: 2%;
    }

    #slideshow .static-content div .shopNow {
        padding: 20px ;
    }


    .exploreOur h2, .roofline h2, .recentlyViewed h2 {
        font-size: 1.9em;
    }

    .roofline p, .recentlyViewed .padd p {
        font-size: 1.1em;
    }


    .homeContent > div {
        float: left;
        width: 49%;
    }

    .homeContent > div:last-child {
        float: right;
        width: 49%;
    }

    .productList {
        /*outline: red solid 1px;*/
        display: flex;
        flex-wrap: wrap;

    }

    .productList > div {
        /*float: left;*/
        width: 50%;
        /*margin-left: 1%;*/
        /*margin-right: 1%;*/
    }

    /*.product .prodGroupButtons, */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        display: flex;
        justify-content: left;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li{
        margin-right: 10px;
    }

    .product .prodGroupButtons .variations_form {
        display: inline-block;
        width: 100%;
    }

    .product .prodGroupButtons .variations_form .value.width {
        /*outline: 1px green solid;*/
        /*float: left;*/
        /*width: 32%;*/
        /*margin: 0 2%;*/
    }

    .product .prodGroupButtons .variations_form .value.colour {
        /*outline: red solid 1px;*/
        /*float: left;*/
        /*width: 32%;*/
        margin-right: 0 !important;
    }

    .woocommerce-tabs ul.tabs:after {
        display: none !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        width: 32%;
    }

    .product .prodGroupButtons > div {
        width: 32%;
    }

    .product .prodGroupButtons > div.quantity {
        max-width: 70px;
    }

    .productWrap .product .productTitle {
        font-size: 1.7em;
    }

    .productWrap .product .price {
        font-size: 1.6em;
    }

    .productWrap .product .brand,
    .productWrap .product .stock {
        font-size: 1.2em;
    }

    .prodGroup {
        margin-top: 20px;
    }

    .productAssets > div {
        font-size: 1em;
    }

    .breadcrumbs .socialLinks li.fav {
        width: auto;
    }

    .breadcrumbs .socialLinks li a.addFav {
        line-height: 25px;
        width: auto;
        color: #FFF;
        font-size: 0.7em;
        background-size: 14px;
        background-position: right 5px center;
        padding-right: 25px;
        padding-left: 5px;
    }

    .page_content_block {
        position: relative;
        padding: 20px 0;
    }

    .page_content_block .one {
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
        background: var(--off-white);
        width: 55%;
        padding: 3em;
    }

    .page_content_block .one h2 {
        margin-top: 0;
    }

    .page_content_block .two {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background-color: var(--off-white);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .page_content_block.alt .two {
        left: 0;
    }

    .page_content_block.alt .alt {
        display: inline-block;
        width: 100%;
    }

    .page_content_block.alt .alt .one {
        float: right;
    }

    .three_bocks > h2 {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }


    .three_bocks {
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 100px 0 0 0;

    }

    .three_bocks > div {
        width: 30%;
    }

    .three_bocks.help_boxes > div {
        width: 24%;
    }

    .three_bocks div h2 {
        position: relative;
        font-size: 1.7em;
        padding-left: 45px;
    }

    .three_bocks.help_boxes div h2 {
        padding-left: 0;
    }

    .three_bocks div h2:after {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        display: block;
        width: 35px;
        height: 35px;
    }

    .getFreeFour {
        display: flex;
    }

    .getFreeFour div {
        padding: 0 15px;
    }

    .woocommerce-checkout .col-lg-6 {
        float: left;
        width: 49%;
    }

    .woocommerce-checkout .col-lg-6:nth-child(2) {
        float: right;
    }

    .searchList li {
        width: 50%;
    }

    .six_prod_icon > div {
        width: 25%;
    }
}

@media (min-width: 1000px) {
	
	.productFilters {
		display: block;
	}

    .woocommerce-Tabs-panel .single_prod_del_col {
        float: left;
        width: 100%;
        padding: 0 !important;
    }

    .woocommerce-Tabs-panel span {
        display: block;
    }

    .woocommerce-Tabs-panel span.left {
        width: 72%;
        float: left;
    }

    .woocommerce-Tabs-panel span.right {
        max-width: 250px;
        width: 26%;
        float: right;
    }

    .woocommerce-Tabs-panel .single_prod_del_col li {
        padding-left: 40px;
    }

    .woocommerce-Tabs-panel .single_prod_del_col li.one:after {
        background: url('../plasticshub/assets/guaranteeIcon.svg') left 5px center no-repeat;
    }

    .woocommerce-Tabs-panel .single_prod_del_col li.two:after {
        background: url('../plasticshub/assets/leadtimeIcon.svg') left 5px center no-repeat;
    }

    .woocommerce-Tabs-panel .single_prod_del_col li.three:after {
        background: url('../plasticshub/assets/manufacturerIcon.svg') left 5px center no-repeat;
    }

    .woocommerce-Tabs-panel .single_prod_del_col li.four:after {
        background: url('../plasticshub/assets/installersguideIcon.svg') left 5px center no-repeat;
    }

    .woocommerce-Tabs-panel .single_prod_del_col li.five:after {
        background: url('../plasticshub/assets/brochureIcon.svg') left 5px center no-repeat;
    }

    .woocommerce-Tabs-panel .single_prod_del_col li:after {
        background-size: 60% !important;
        position: absolute;
        content: '';
        display: block;
        background: red;
        height: 45px;
        width: 45px;
        top: 0;
        left: 0;
    }










    .column_two {
        display: flex;
        justify-content: space-between ;
        width: 100%;
    }

    .column_two.stand {
        max-width: 1000px;
        margin: 50px auto;
        font-size: 120%;
    }

    .column_two.stand div:first-child {
        margin-bottom: 0;
    }

    .column_two div {
        width: 49%;
    }



    .delivery_box {
        background: url("../plasticshub/assets/deliverybox.svg") left center no-repeat;
        background-size: 80px;
        padding-left: 100px;
    }

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

    .wedge {
        background-position: right center;
        display: block;
        float: left;
        padding: 0;
        width: 100%;
    }

    .wedge .darkBg, .wedge .lightBg {
        position: relative;
        background-color: var(--darkblue);
        display: block;
        padding: 3em 3em 3em 3em;
        width: 45%;
    }

    .wedge .lightBg {
        background-color: var(--lightblue);
    }

    .wedge .darkBg > div, .wedge .lightBg > div {
        position: relative;
        z-index: 9;
    }

    .wedge .darkBg:after, .wedge .lightBg:after {
        clip-path: polygon(0 0, 30% 0, 100% 100%, 0% 100%);
        position: absolute;
        background:  var(--darkblue);
        display: block;
        content: '';
        right: -270px;
        top: 0;
        height: 102%;
        width: 300px;
        border-left: 10px solid var(--darkblue);
    }

    .wedge .lightBg:after {
        background-color: var(--lightblue);
        border-left: 10px solid var(--lightblue);
    }

    .logo {
        max-width: 30%;
        height: 50px;
    }

    .header .container > div.padd {
        padding: 2em 0.5em;
    }

    .topLinks {
        top: 2em;
    }

    .topLinks > li {
        background: #FFFFFF;
        margin-left: 1em;
    }

    .topLinks > li a {
        background-size: 25px;
    }

    .topLinks li.cart > span {
        right: 0;
        top: -5px;
    }

    .topLinks > li.cart {
        width: 39px;
    }

    .topLinks li.cart > a {
        padding: 0;
    }

    .menuWrapper .mainMenu > li a span {
        position: relative;
        margin-left: 0.4em;
        display: inline-table;
        height: 10px;
        width: 20px;
    }

    .menuWrapper .mainMenu > li.menu-item-type-custom a {
        background: url('../plasticshub/assets/arrowdownIcon.svg') no-repeat right 5px bottom 20px;
        background-size: 18px;
    }

    .offer_wrap div {
        /*padding: 1em 0;*/
        font-size: 1em;
    }

    .searchBox input {
        font-size: 1.2em;
    }

    .contactInfo a {
        font-size: 1.2em;
    }

    .header .lightBg .lightBluewrapper > div span {
        font-size: 1em;
    }

    .header .lightBg {
        display: block;
    }

    .newsletter {
        padding: 2em 0;
    }

    a.signUplink {
        width: 30%;
    }

    .signUp input#signUp {
        width: 68%;
    }

    .signUptitle h3 {
        font-size: 1.6em;
    }

    .signUptext {
        width: 40%;
    }

    .subtleSlider {
        height: 475px;
    }


    .slide:after {
        background: none;
        width: 80%;
    }

    #slideshow .static-content {
        background: url('../plasticshub/assets/background.svg') no-repeat right bottom;
        background-size: cover;
        width: 80%;
    }

    #slideshow .static-content > div {
        text-align: left;
    }

    #slideshow .static-content div .shopNow {
        float: left;
        padding: 20px;
    }

    #slideshow .static-content div b {
        font-size: 120%;
    }

    #slideshow .static-content div h2 {
        font-size: 230%;
    }

    .homeCategories {
        padding: 3em 0;
    }

    .block_1 {
        max-width: 677px;
        width: 49.4%;
        float: left;
    }

    .block_2 {
        max-width: 677px;
        width: 49.4%;
        float: right;
    }

    .lowBlock {
        display: flex;
        justify-content: space-between;
    }

    .block_3, .block_4, .block_5, .block_6 {
        max-width: 330px;
        margin-top: 0;
        width: 24%;
    }

    .categorieBlock span {
        min-width: inherit;
    }


    .pages .pageBanner .container .padd {
        padding: 4em 0;
        font-size: 120%;
    }

    .pageBanner .container .padd {
        padding: 2em 0;
        width: 60%;
    }

    .productListWrap .left {
        float: left;
        width: 20%;
    }

    .productListWrap .right {
        float: left;
        width: 80%;
    }

    .productList {
        padding-top: 0;
    }

    .productList > div {
        margin-left: 1%;
        margin-right: 0;
        padding: 0;
        width: 32%;
        margin-bottom: 1.5%;
    }

    .prodGroup {
        font-size: 0.9em;
    }

    .productWrap .product .left {
        float: left;
        width: 50%;
    }

    .productWrap .product .right {
        float: right;
        width: 50%;
    }

    .single_prod_del_col {
        padding: 0 20px 20px 20px;
        width: 50%;
        float: right;
        margin: 0;
    }

    .productWrap > .container {
        padding-bottom: 2em;
    }

    .buyNow a,
    /*.dropSelections select,*/
    .woocommerce div.product form.cart .single_add_to_cart_button,
    .woocommerce div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed {
        font-size: 1.1em;
        width: 220px;
    }


    .single_variation_wrap {
        /*display: flex;*/

    }

    .single_variation_wrap .woocommerce-variation-add-to-cart {
        /*width: 32%;*/
        margin-right: 2%;
        /*margin-bottom: 20px;*/
    }

    .woocommerce .single_variation_wrap .variations {
        width: 100% !important;
        display: inline;
    }

    .woocommerce .single_variation_wrap .variations .value {
        /*width: 49%;*/
        float: left;
        width: 49%;
    }

    .woocommerce .single_variation_wrap .variations .value:nth-child(2) {
        float: right;
    }

    .single_variation_wrap {
        padding-top: 30px;
    }

    .single_variation_wrap .single_variation {
        position: absolute;
        left: 0;
        top: 0;
    }

    .single_variation_wrap .single_variation span {
        margin: 0 !important;
        padding: 0 !important;;
    }

    .getFree h2 {
        font-size: 2em;
    }

    .getFreeBlock {
        display: flex;
        justify-content: space-between;
    }

    .getFreeBlock > div {
        width: 48%;
    }

    .getFreeBlock > div h4 {
        height: 60px;
        font-weight: 400;
        font-size: 1.5em;
    }

    .getFreeFour {
        margin: 40px 0;
    }

    .greenbg .getFreeBlock > div {
        justify-content: center;
        padding: 0 50px;
    }



    .searchBox input,
    .searchBox #ajaxsearchpro1_1,.searchBox  #ajaxsearchpro1_2,.searchBox  div.asp_m.asp_m_1 {
        padding: 0.5em 50px 0.5em 0.7em ;
    }

    .topLinks > li {
        height: 49px;
        width: 49px;
    }

    .pageBanner.getyour .padd,
    .pageBanner.bannertitle .padd {
        font-size: 150%;
        padding: 4em 0;
    }

    .searchList li {
        width: 33.3%;
    }

    .bottomProduct {
        margin-bottom: 5em;
    }

    .get_in_touch .page_pad {
        padding: 4.5em 0;
    }

    .get_in_touch h2 {
        font-size: 3em;
        margin-bottom: 1.5em;
    }

    .get_in_touch a {
        font-size: 1.4em;
        padding: 1em 2em;
    }

    .woocommerce div.product .productWrap {
        padding-bottom: 5em;
        display: inline-block;
        width: 100%;
    }

    .wt-related-products .productTitle {
        font-size: 13px;
        height: 28px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .column_two.delivery_page {
        display: flex;
    }

    .column_two.delivery_page div:nth-child(1) {
        width: 60%;
    }

    .column_two.delivery_page div:nth-child(2) {
        width: 40%;
        padding-left: 6%;
    }

    .with_title > div {
        width: 50%;
    }

    .with_title > div > div {
        text-align: left;
        max-width: 500px;
        font-size: 3em;
    }
}

@media (min-width: 1200px) {

    .logo {
        height: 50px;
    }

    .wedge .darkBg, .wedge .lightBg {
        padding: 6em 3em 6em 3em;
    }

    .wedge .darkBg > div, .wedge .lightBg > div {
        margin: 0 auto;
        width: 80%;
    }

    .container, .wt-related-products {
        max-width: 1100px;
    }

    .searchBox {
        max-width: 440px;
        right: -100px;
    }

    .header .container > div.padd {
        padding: 3em 0.5em;
    }

    .topLinks {
        top: 3em;
    }

    .mainMenu > li {
        font-size: 110%;
    }

    .subNav {
        min-width: 250px;
    }

    .subNav .mainMenu > li a {
        font-size: 70%;
    }

    .header .lightBg .lightBluewrapper > div span {
        /*font-size: 1.3em;*/
    }

    .header .lightBg .lightBluewrapper > div span hr {
        /*padding-left: 47px;*/
    }

    .signUptitle h3 {
        font-size: 1.8em;
    }

    .signUpwrapper, .widget_email-subscribers-form {
        width: 44%;
    }

    a.signUplink b {
        display: inline;
    }

    #slideshow .static-content div b {
        font-size: 150%;
    }


    #slideshow .static-content div h2 {
        font-size: 300%;
    }

    .lowBlock {
        margin-top: 3em;
    }


    .block_3, .block_4, .block_5, .block_6 {

        height: 230px;
        max-width: 315px;
    }

    .block_1 {
        height: 285px;

    }

    .block_2 {
        height: 285px;
    }

    .homeCategories {
        padding: 3em 0 5em 0;
    }

    .exploreOur, .recentlyViewed {
        padding: 3em 0 5em 0;
    }

    .roofline {
        padding: 3em 0 1em 0;
    }

    .productList > div {
        margin-left: 1%;
        padding: 0;
        width: 24%;
        margin-bottom: 1.5%;
    }

    .prodGroup {
        /*font-size: 1.1em;*/
    }

    .productAssets {
        padding: 1em 1.8em;;
    }

    .productAssets > div {
        font-size: 1.1em;
    }

    .buyNow a, .dropSelections select {
        font-size: 1.1em;
    }

    .buyNow a {
        padding-left: 40px;
        background-position: left 10px center
    }

    .buyNow a:hover {
        background-position: left 10px center
    }

    #mainCarousel {
        width: 100%;
    }

    .about.wedge {
        margin-bottom: 40px;
    }

    .page_content_block .one {
        padding: 5em;
    }

    .page_content_block {
        padding: 50px 0;
        margin: 20px 0;
    }

    .three_bocks > div {
        padding: 2em 3em;
    }

    .woocommerce-breadcrumb {
        font-size: 1.2em !important;
    }

    .wpcf7_form {
        margin-top: 40px;
    }

    .searchList li {
        width: 25%;
    }

    .pageBanner.simple_banner, .pageBanner.click_banner {
        height: 450px;
    }

    .with_title > div > div {
        font-size: 4em;
    }

}

@media (min-width: 1400px) {

    .prodGroup {
        font-size: 1.1em;
    }

    .wedge h2 {
        font-size: 2.9em;
    }

    .wedge a {
        font-size: 1.3em;
    }

    .container, .wt-related-products {
        max-width: 1300px;
    }

    .searchBox {
        /*max-width: 600px;*/
    }

    .mainMenu > li {
        font-size: 120%;
    }

    .signUptitle h3 {
        margin-top: 0.2em;
        line-height: normal;
        font-size: 2.9em;
    }

    a.signUplink, .emaillist .es_subscription_form_submit {
        line-height: 50px;
        padding: 0;
        font-size: 1.3em;
        width: 40%;
    }

    .emaillist .es-field-wrap input {
        line-height: 35px;
    }

    .signUp input#signUp {
        line-height: 50px;
        padding: 0 1em 0 1em;
        width: 55%;
    }

    .signUptext, .newsletter .textwidget {
        margin-left: 2%;
    }

    .signUptext p {
        line-height: 2em;
    }

    #slideshow .static-content div h2 {
        font-size: 350%;
    }

    #slideshow .static-content {
        width: 50%;
    }

    .slide:after {
        width: 70%;
    }

    .categorieBlock span {
        font-size: 1.4em;
        bottom: -1em;
        left: -1em;
    }

    .categorieBlock span hr {
        width: 40px;
        height: 30px;
    }


}

@media (min-width: 1450px) {

    .header .lightBg .lightBluewrapper > div span {
        padding-top: 0;
        line-height: 50px;
    }

    #slideshow .static-content div h2 {
        font-size: 400%;
    }

    #slideshow .static-content {
        width: 60%;
    }

    .slide:after {
        width: 60%;
    }

    .container, .wt-related-products {
        max-width: 1400px;
    }

    .logo {
        /* 		margin-left: -50px; */
    }

    .topLinks {
        /* 		right: 50px; */
    }

    .signUptext, .newsletter .textwidget {
        margin-left: 4%;
    }

}