/* ==========================================================================
   General Site Styling
   ========================================================================== */
.no-top-padding{
    padding-top:0px !important;
}
.padding-30{
    padding:0px 30px;
}
/* No top padding if banner */
.content:has(.section_ContentBannerDataUnit){
    padding-top:0px;
}
/* No top padding if hero-container */
.content:has( > .row:first-of-type > .col-sm-12 > .section_ContentDataUnit > .hero-container){
    padding-top:0px;
}
/* Bottom padding for hero*/
.section_ContentDataUnit:has(.hero-container){
    padding-bottom:50px;
}
/* mailto links style */
a[href*="mailto"]{
    text-transform: uppercase;
    color:#699129;
    text-decoration: none;
}
a[href*="mailto"]:hover{
    color:#676767;
}
/*text + img col center*/
.flex-center.row{
    display: flex;
    align-items: center;
}
/* Center section_Image sections*/
.cd-main-content .section_Image {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cd-main-content .section_Image.inline-image{
	display:block !important;
}
.border-bottom-gray{
	border-bottom: 2px solid #e4e4e4;
}
[data-loggedin="False"] .nl-hide{
    display: none;
}
/* Cheat sheet color codes
   ========================================================================== 
Color name: #0000
Color name: #0000
*/
.gray-bg{
    background:#f9f9f9 !important;
}
.gray-bg .section_Content h1, .gray-bg .section_Content h2, .gray-bg .section_Content h3{
    /*color:#699129;*/
    /*font-size: 40px;
    font-weight: 700;
    padding: 25px 25px;*/
}
.container.gray-bg{
    width:100% !important;
}
.container.gray-bg > .row.gray-bg{
    /*max-width: 1170px;*/
    margin-right: auto;
    margin-left: auto;
    padding-top:15px;
    padding-bottom: 15px;
}
.content:has(.container.gray-bg ){
  padding-bottom: 0px !important;
}
/*@media (min-width: 768px) {
    .container.gray-bg > .row.gray-bg {
        width: 750px;
    }
}*/
@media screen and (max-width: 767px) {
    .container.gray-bg > .row.gray-bg {
        width: auto;
    }
}
.gray-bg.col-sm-12 p{
    margin-bottom:0px;
}
.gray-bg.col-sm-12 .section_Content{
    padding:20px 15px;
}
/* Black & White overlay with vignette */
.dark-overlay{
    padding-bottom:0px !important;
}
.dark-overlay .hero-container, .dark-overlay img{
    filter:grayscale(0.75);
}
.dark-overlay.section_Image{
    position: relative;
}
.dark-overlay .hero-container:after, .dark-overlay.section_Image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
    background: 
    radial-gradient(circle, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%),
    rgba(128, 128, 128, 0.4); /* Light grey overlay and vignette */
}
/*Two Images in one col - overlap*/
.row > div:has(~ .overlap){
    padding-right:10%;
}
.row:has(.overlap){
    display: flex;
    flex:1;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.overlap {
    position: relative;
    height: 380px;
}
.overlap .section_Image:has(~ .section_Image) {
    position: absolute;
    transform: translateX(25%) translateY(10%);
    max-width: 75%;
}
.overlap .section_Image ~ .section_Image {
    max-width: 75%;
    transform: translateX(-25%) translateY(50%);
}
@media screen and (max-width:767px){
    .overlap:has(.section_Image ~ .section_Image) {
        position: relative;
        height: 450px;
    }
    .overlap .section_Image:has(~ .section_Image) {
        max-width: 65%;
        transform: translateX(50%) translateY(10%);
    }
    .overlap .section_Image ~ .section_Image {
        max-width: 65%;
        transform: translateX(-20%) translateY(50%);
    }
    .row > div:has(~ .overlap){
        padding-right:0;
        padding:30px 30px 0px 30px;
    }
}
.row:has(.section_Content){
    padding:30px 0px;
}
/*.row:has(.hero-container) + .container:has(.section_Content) .row{
    padding:0px;
}*/
/* Fonts
   ========================================================================== */
/* Helvetica */
/*@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/Helvetica-BoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/Helvetica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/Helvetica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/Helvetica-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/Helvetica-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/Helveticablack.otf') format('opentype');
    font-weight: bolder;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('/customfonts/HelveticaBlackOblique.otf') format('opentype');
    font-weight: bolder;
    font-style: italic;
    font-display: swap;
}
*/
/*---- Roboto ----*/
@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-Italic-VariableFont.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/customfonts/Roboto-VariableFont.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
/* ----- Imported fonts -----*/
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://fonts.parttrap.com/Icons/material-icons-outlined.woff2") format("woff2"), url("https://fonts.parttrap.com/Icons/material-icons-outlined.woff") format("woff");
}
/* ----- Body fonts ----- */
body {
    font-family:'Roboto','Segoe UI', Arial;
    font-size:;
    font-weight:;
}
.cd-main-content p{
    font-size:17px;
    font-weight: 300;
}
/* ----- Headings -----*/
h1, h1.page-header, h2, h2.page-header, .page-header, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:'Roboto','Segoe UI', Arial;
    font-weight:;
  	text-transform:uppercase;
}
h1, h1.page-header {
    font-size:;
}
h2, h2.page-header {
    font-size:;
}
h3 {
    font-size:30px;
}
h4 {
    font-size:;
}
h5 {
    font-size:;
}

/*---- Links ------*/
/* Body links */
.cd-main-content p > a:not(.btn) {
    color:;
}
.cd-main-content p > a:not(.btn):hover {
    color:;
}

/* Buttons
   ========================================================================== */
/* ----- Buttons general ----- */
.btn:active{
    box-shadow: none;
}
.btn, .btn:focus, .btn:active {
    background:;
    border-color:;
    color:;
}
.btn:hover {
    background:;
    border-color:;
    color:;
}
.btn-primary, .btn-primary:focus, .btn-primary:active,
.btn-default, .btn-default:focus, .btn-default:active,
.btn-ptGrey, .btn-ptGrey:focus, .btn-ptGrey:active{
    /*background:#699129;
    border-color:#699129;*/
  	background: #fff;
    color: #333;
    border: 1px solid #333;
    transition: 0.25s;
    border-radius: 0px;
  	border-radius:20px;
}
.btn-primary:hover, .btn-default:hover, .btn-ptGrey:hover{
    /*background:#789c3e;
    border-color:#789c3e;*/
  	background: #333;
    color: #fff;
}
.field-addtobasket .btn-primary{
    background:#fff;
    color:#333;
    border:1px solid #333;
    border-radius: 20px;
    transition: 0.25s;
}
.field-addtobasket .btn-primary:hover{
    color:#fff;
    background:#333;
}
#btnPrevious{
    background: #fff;
    color: #333;
    border: 1px solid #333;
    transition: 0.25s;
    border-radius: 0px;
    border-radius: 20px;
}
#btnPrevious:hover{
    background: #333;
    color: #fff;
}
/*CTA buttons */
.btn.btn-ptOrange, #btnConfirm.btn, .btn.btn-ptOrange:focus, #btnConfirm.btn:focus, .btn.btn-ptOrange:active, #btnConfirm.btn:active  {
    background:#699129;
    border-color:#699129;
    color:#fff;
  	border-radius:20px;
  	transition:0.2s;
}
.btn.btn-ptOrange:hover, #btnConfirm.btn:hover {
    background:#789c3e;
    border-color:#789c3e;
    color:#fff;
}
#productlist .btn.js-addToBasket{
    border-radius: 0px;
}
/* Alertify buttons */
.alertify-button, .alertify-button:hover, .alertify-button:focus, .alertify-button:active {
    background-color:;
  	border-color:;
  	color:;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus, .alertify-button-ok:active {
    background-color:;
  	border-color:;
  	color:;
}

/* Notifier Container
   ========================================================================== */
.alertify-log {
    background:#699129;
    border-color:#699129;
    border-radius:;
}

/* Custom Page Width
   ========================================================================== */
@media screen and (min-width:1300px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
  	.container.gray-bg .row.gray-bg, .container{
       width:1270px;
    }
}
@media screen and (min-width:1400px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
    .container.gray-bg .row.gray-bg, .container{
       width:1370px;
    }
}
@media screen and (min-width:1500px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
    .container.gray-bg .row.gray-bg, .container{
       width:1470px;
    }
}
@media screen and (min-width:1600px) {
    .header>.container, .content>.container, .footer > .container, .top-bar .container,
    .container.gray-bg .row.gray-bg, .container{
       width:1570px;
    }
}

/* General Page Styling
========================================================================== */


/* Paddings & Margins & Alignment
   ========================================================================== */
.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-side-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.centered-content {
    text-align: center !important;
}
.section + .section, .content section {
    padding-bottom: 20px;
}
.minus-margin-top {
    margin-top: -30px;
}

/* Flex classes
   ========================================================================== */
@media screen and (min-width: 768px) {
    /* Set flex on container */
    .flex-container {
        display: flex;
    }
    /* Center flex child vertically */
    .flex-align-center {
        align-self: center;
    }
}

/* Header
   ========================================================================== */
/* Change Logo Based on lang*/
[lang="fr"] .en-logo{
    display: none;
}
[lang="en"] .fr-logo{
    display: none;
}
/* ----- General header styling -----*/
.header {
  background: #fff;
  border-bottom: 0px;
  padding: 5px 0px !important;
}
.cd-main-header{
    background:transparent;
}
@media screen and (min-width: 1200px) {
    .cd-primary-nav .cd-secondary-nav>li>a {
        font-size: 1.5rem;
        border-bottom: solid 2px #699129;
        display: inline-block;
        padding-right: 0 !important;
    }
}
/*----- Header Icons -----*/
.material-symbols-outlined{
    font-family: "Material Icons Outlined";
    font-size:32px;
    color: #699129;
    cursor: pointer;
}
.material-symbols-outlined:hover{
    text-decoration: none !important;
}
.fa.fa-shopping-cart:before{
    content:"\e8cc";
    font-family: "Material Icons Outlined";
    font-size:32px;
}
.header .cart-content .feature-basket .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important;
}
.header .cart-content .feature-basket  .btn:last-child{
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.icon-col{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:12px;
    height:70px;
}
.icon-col > section.section{
    padding-bottom: 0px;
}
.icon-col > section.section p{
    margin-bottom: 0px;
}
/* Login Button */
.sign-in-icon .login-btn{
    border:2px solid #699129;
    font-size:14px;
    line-height: 14px;
    background:#789c3e;
    color:#fff;
    font-weight:600;
    transition: 0.2s;
    border-radius: 20px;
    margin-top:-3px;
}
.sign-in-icon .login-btn:hover{
    border-color:#789c3e;
}
/* Burger Nav */
.icon-col .section_Menu{
    padding-bottom:0px;
}
.icon-col .section_Menu > div{
    width:40px !important;
    padding-top:0px !important;
}
.icon-col .section_Menu > div > ul{
    margin-bottom:0px;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after,
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after{
    background:#699129;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after{
    width:27px;
    height:3px;
}
@media screen and (max-width: 1199px) {
    .cd-nav-trigger span::after {
        top: 8px;
    }
    .cd-nav-trigger span::before {
        top: -8px;
    }
    .cd-nav-trigger span {
        top: 22px;
        left: 9px;
    }
}

/*New Menu*/
.top-bar{
    height: 15px;
    padding-right:5px;
}
.header .section_Menu a{
    text-transform: none;
    font-size:14px;
    font-weight: 500 !important;
    color:#22262e;
  	text-transform:uppercase;
}
.header .section_Menu .navbar-nav > li:first-of-type > a{
    padding-left:0px;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .nav>li>a:hover, .nav>li>a:focus{
    background:none;
}
.dropdown-menu>li>a:hover, .nav>li>a:hover{
    opacity:1;
}
.nav .dropdown.open > a{
    color: #699129;
}
.dropdown-menu a{
    text-transform: none;
}
.dropdown-menu>li>a {
    padding: 12px 25px;
    line-height: 1.42857;
    font-size:14px;
}
.navbar-nav li.active {
    background-color: transparent !important;
}
.navbar-nav li.active .menulabel {
    color: #333 !important;
    background-color: transparent !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #fff;
    color:#333;
}

/*DropDown menu Effect*/
.nav.multi-level .dropdown:hover > .dropdown-menu{
        -webkit-animation: flipInY .6s ease-in-out;
        animation: flipInY .6s ease-in-out;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
}
.nav.multi-level .dropdown > .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu{
        -webkit-animation: flipInX .6s ease-in-out;
        animation: flipInX .6s ease-in-out;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
}
.nav.multi-level .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu{
        -webkit-animation: flipInX .6s ease-in-out;
        animation: flipInX .6s ease-in-out;
        -webkit-backface-visibility: visible !important;
}
/* mobile nav */
@media only screen and (max-width: 1199px){
    .mobile-mega-menu.cd-primary-nav, .mobile-mega-menu.cd-primary-nav ul{
        background:#4A5253;
    }
    .mobile-mega-menu.cd-primary-nav a{
        text-transform: uppercase;
    }
}
/*Cart*/
.icon-col .fa.fa-shopping-cart:before{
    color:#699129;
}
.icon-col .pt-btn-basket{
    display: flex;
}
.cart.header-input {
    margin-top: 0;
}
.icon-col .cart-btn {
    background: none;
    border: none;
    font-size: 27px;
    padding: 0;
    padding-right:2px;
}
.icon-col .cart-btn {
    position: relative;
}
.icon-col .cart-field {
    background: none;
    border: none;
    color: #fff;
  	display:none;
}
.cart-field-label {
    margin-right: 10px;
}
.section_MiniBasket .cart-content.container {
    right: 0 !important;
    position: absolute;
    width: 400px;
    padding: 15px;
}
.section_MiniBasket {
    position: relative;
}
.cart:hover {
    width: 100%;
    background: none;
} 
#minibasket .input-group-btn:hover{
    text-decoration: none;
}
.icon-col .cart .badge.visible-xs{
    display: block;
    position: absolute;
    top:-7px;
    right:-5px;
    padding:2px 5px;
    border: 2px solid #fff;
    background:#699129;
    color:#fff;
}
.icon-col .pt-btn-basket:active, .icon-col .pt-btn-basket:focus{
    box-shadow: none;
}
/*----- User Container -----*/     	
.user-container {
    position: absolute;
    right: 0;
    top:95px;
    z-index: 555;
    background: #f9f9f9;
  	display:none;

    border-left:1px solid #eee;
    border-bottom:1px solid #eee;
}
.user-container > .container {
    width: 300px;
}
.user-container li {
    border: none;
}
.user-container > div {
    padding: 15px;
}
.user-container .sidebar-nav a {
    color: #000;
    text-transform: none;
}
.user-container h3 {
    border: none;
    text-transform: none;
}
.user-container .sidebar-nav-items{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #689129;
}
.user-container .section_Menu li div{
    border-bottom:none;
    margin-bottom:0px;
}
.user-container .section_Menu a:hover{
    color:#000;
}
.user-container .sidebar-nav-items{
    border-top:none !important;
}
.user-container .top-bar-link>a{
    border:none;
}
.user-container .user-profile-page-link a{
    color:#000;
    text-align: center;
}
.user-container .user-profile-page-link a:hover{
    color:#000;
    background:transparent;
}
.user-container .user-log-out-link a{
    color:#333;
    text-align: center;
    background:transparent;
    border:1px solid #333;
    font-weight: bold;
    width:100%;
    border-radius:20px;
}
.user-container .user-log-out-link a:hover{
    border-color:#333;
    background:#333;
  	color:#fff;
}
.user-container .user-log-out-link{
    width:100%;
}
.user-container .section_LoginStatus ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width:100%;
}
@media screen and (max-width: 767px) {
    .user-container .sidebar-nav-toggle{
        display: none;
    }
    .user-container .sidebar-nav-items {
        display: block !important;
    }
    .user-container .sidebar-nav-heading {
        display: block;
    }
}
/* Search Container  */
.search-container{
    position: absolute;
    top:95px;
    left:50%;
    transform: translate(-50%,0%);
    width:100%;
    z-index:100;
}
.search-container .header-input{
    margin-top:0px;
    box-shadow: none;
}
.search-container .header-input input{
    box-shadow: none;
}
/* Header Mobile */
@media screen and (max-width: 767px){
    .header .section_Image img{
        width:100px;
        margin-top:8px;
    }
    .top-bar section{
        padding-bottom:0px !important;
    }
    .header.main-row > .container, .top-bar > .container, .top-bar > .container .col-sm-6{
        display: flex;
        
        justify-content: space-between;
    }
    .header.main-row .container:before, .header.main-row .container:after,
    .top-bar .container:before, .top-bar .container:after{
        display: none;
    }
    .search-container{
        top:122px;
    }
}
/* XS-mobile screen */
@media screen and (max-width:400px){

}
/* ----- Top-bar ----- */
/* Top bar general */
.top-bar{
    background:#fff;
}
/* Top bar links */
.top-bar .top-bar-link a:hover {
    background-color:;
    color:;
}
.social-media-links{
    height:33px;
    display: flex;
    justify-content: flex-start;
    gap:10px;
}
.social-media-links a:before{
    font-size: 14px;
    color:#D2D4D4;
}
.social-media-links a{
    display: flex;
    align-items: center;
}
.top-bar-flex{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
  	height:33px;
}
.top-bar-flex > section,
.top-bar-flex > section > p{
    padding-bottom:0px !important;
    margin-bottom:0px;
}
.top-bar-flex > section > p a{
    color:#2e3233;
    font-weight: 400;
    opacity:0.8;
    transition: 0.25s;
}
.top-bar-flex > section > p a:hover{
    opacity:1;
    text-decoration: none;
}
/* ---- Language Picker ---- */
#languagepicker .top-bar-link{
    white-space: nowrap;
}
.top-bar-flex .section_LanguagePicker .top-bar-link a{
  	color:#2e3233;
    font-weight: 400;
    font-size:14px;
    padding:0px;
    opacity:0.8;
    transition: 0.2s;
    display: flex;
    align-items: center;
}
.top-bar-flex .section_LanguagePicker .top-bar-link a:hover,
.top-bar-flex .section_LanguagePicker .top-bar-link a:active,
.top-bar-flex .section_LanguagePicker .top-bar-link a:focus{
    opacity:1;
    background:none;
}
.top-bar-flex #languagepicker{
    background:#f9f9f9;
    padding:5px 10px;
    margin:0px -8px;
    top:29px;
    min-width: 90px;
    border: 1px solid #eee;
}
.top-bar-flex #languagepicker img{
    margin-bottom:1px;
    margin-right:11px;
}
.top-bar-flex #languagepicker a{
    color:#2e3233;
    font-weight: 400;
    opacity: 1;
}
/* Change eng + french to canadian flag*/
[data-comp="1200"] #languagepicker .flag-gb,
[data-comp="1200"] #languagepicker .flag-fr{
    background-position: -48px -22px !important;
}
[data-comp="1200"] #languageCode > ul .top-bar-link .flag-gb,
[data-comp="1200"] #languageCode > ul .top-bar-link .flag-fr{
    background-position: -48px -22px !important;
}
/* Custom Lang/Site Picker */
.section_LanguagePicker #lang-top{
    display: flex;
    align-items: center;
    gap:4px;
}
.section_LanguagePicker #lang-top .material-symbols-outlined{
    font-size:20px;
    color:#fff;
    opacity:0.8;
}
#lang-top .material-symbols-outlined:hover,
#lang-top .material-symbols-outlined:focus{
    opacity:1;
}
.section_LanguagePicker #languagepicker2{
    position: absolute;
    background:#f9f9f9;
    border:1px solid #f3f3f3;
    padding:5px;
    margin-top:2px;
}
.section_LanguagePicker .langHeader{
    text-decoration: underline 1px solid #699129;
    font-weight: bold;
    /*text-underline-offset: 3px;*/
}
#languagepicker2 .top-bar-link a{
    color:#2e3233;
}
/* Change to languagepicker section - NEW */
/*#languageCode > .nav:after{
    content:"\e894";
    font-family: "Material Icons Outlined";
    font-size:20px;
    color:#2e3233;
    opacity:0.8 !important;
    float:;
} */
#languageCode:hover > .nav:after{
    opacity:1 !important;
}
[lang="fr"] [data-comp="1200"] #languageCode > .nav > li > a:before{
    content:"Canada - Français " !important;
    margin-right: 4px;
    display: inline-block;
}
[lang="en"] [data-comp="1200"] #languageCode > .nav > li > a:before{
    content:"Canada - English " !important;
    margin-right: 4px;
    display: inline-block;
}
[data-comp="1100"] #languageCode > .nav > li > a:before{
    content:"United States " !important;
  	margin-right: 4px;
    display: inline-block;
}

/* Canada - English */
[lang="en"] [data-comp="1200"] .flag.flag-gb {
    background-position: -48px -22px !important; /* flag-ca position */
}

/* United States */
[data-comp="1100"] .flag.flag-gb {
    background-position: -144px -154px !important; /* flag-us position */
}
#languageCode > .nav > li > a{
    font-size:0px;
}
#languageCode > .nav > li > a:before{
    font-size:14px;
}
#languageCode > .nav > li > a img,
#languageCode > .nav > li > a .caret{
    /* display: none; */
}
#languageCode > .nav{
    display: flex;
    justify-content: center;
    align-items: center;
}
#languagepicker .top-bar-link a img{
    /* display: none; */
}
#languagepicker .top-bar-link-external > a{
    font-size: 14px;
    padding: 0px;
    background: transparent;
}
/* @ Top bar mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Login ----- */
/* Login general */

/* @ Login mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Logo ----- */
/* Logo general */

/* @ Logo mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Cart ----- */
/* Cart general */

/* @ Cart tablet <-1199px */
@media screen and (max-width: 1199px) {
    
}
/* @ Cart mobile <-767px */
@media screen and (max-width:767px) {
    
}

/* ----- Search -----*/
/* Search general */


/* ==========================================================================
   Navigation
   ========================================================================== */

/* Main navigation
   ========================================================================== */
/* ----- Main navigation general ----- */

/* ----- Main navigation desktop 1200px -> ----- */
@media screen and (min-width: 1200px) {
    
}
/* ----- Main navigation mobile <-1199px ----- */
@media screen and (max-width: 1199px) {
      
}

/* Sidebar navigation
   ========================================================================== */
/* ----- Sidebar navigation general ----- */
.content .sidebar-nav{
    background:#fcfcfc;
}
.content .sidebar-nav-items li,.content .sidebar-nav .sidebar-item,.content .sidebar-nav-items{
    border:none;
}
.content .sidebar-nav-heading{
    background: #f9f9f9;
    margin-bottom:10px !important;
    padding:10px 20px 15px 10px
}
.content .sidebar-nav li.toggle-item{
    padding-top:10px;
}
.content .sidebar-nav li.toggle-item.active{
    border-left:2px solid #699129;
    padding-top:10px;
    margin-left:-2px;
}
.content .sidebar-nav{
    border-left:2px solid #eee;
}
/*----- Sidebar navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    
}

/* Footer navigation
   ========================================================================== */
/* ----- Footer navigation general ----- */

/*----- Footer navigation mobile <-767px ----- */
@media screen and (max-width: 767px) {
    
}

/*Footer
   ========================================================================== */
/* Logo-col*/
.footer .logo-col img{
    margin-top:-13px;
    margin-bottom:10px;
}
/*Phone col*/
.footer .phone-col p:first-of-type{
    margin-bottom:28px;
}
/*flex-col*/
.footer .flex-col{
    display: flex;
    align-items: center;
    gap:5px;
}
.footer .social-media-links a:hover{
    transform: scale(1) !important;
}
.footer .social-media-links a:hover:before{
    background:#fff;
    color:#699129;
}
.footer .social-media-links a:before{
    color:#fff;
    padding:7px 8px;
    border:1px solid #fff;
    border-radius: 50%;
    width:30px;
    height:30px;
    margin-left:;
    transition: 0.25s;
}
.footer .social-media-links .fa-facebook:before{
    padding:7px 7px 0px 9px !important;
}
.footer .social-media-links .fa-linkedin:before{
    padding:6px 7px 0px 8px !important;
}
.footer .flex-col .border-btn{
    border:1px solid #fff;
    white-space: nowrap;
    padding:7px;
    border-radius: 14px;
    transition: 0.25s;
}
.footer .flex-col .border-btn:hover{
    background:#fff;
    text-decoration:none !important;
}
.footer .section_Content p{
    margin-bottom: 0px;
}
.footer .section:has(.clc-link){
    padding-bottom:0px !important;
    min-height: auto;
}
.footer .col-sm-6:has(.clc-link){
    height:60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.footer .clc-link{
    font-size:13px;
    color:#fff;
    font-weight: 600;
    transition: 0.25s;
}
.footer .clc-link:hover{
    color:#699129;
    text-decoration: none;
}
/* Footer general */
.footer {
    background:#4A5253;
}
.small-font{
    font-size:10px;
}
/* Footer text */
.footer p {
    color:#fff;
}

/* Footer links */
.footer p a {
    color:#fff;
}
.footer p a:hover {
    color:#699129;
}
/* footer overlay image */
.footer {
    position: relative;
}
.footer .container{
    position: relative;
    z-index:10;
}
.footer:after{
    content:"";
    background-image: url("/en/image/getthumbnail/1125?version=1&s=001");
    background-position: bottom right;
    background-size: contain; /* Ensures the image covers the container */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    width:100%;
    max-width:40vw;
    height:255px;
    display: block;
    position: absolute;
    right:0;
    bottom:0;
    overflow: visible !important;
  	z-index:5;
}
/* ==========================================================================
   Section Styling
   ========================================================================== */
/* ----- Section name ----- */
/* Section desktop */

/* Section mobile */

/* ----- Search autocomplete dropdown ----- */
#ui-id-1 li {
    border-bottom: 1px solid #eee;
}
#ui-id-1 li:last-of-type {
    border-bottom: none;
}
#ui-id-1 .ui-state-active {
    background: #eee;
    border: none;
}
#ui-id-1 li a div:first-of-type {
    margin-right: 8px;
}


/* ==========================================================================
   Page Styling
   ========================================================================== */
/* Index page
   ========================================================================== */
.pt-page-index .section_ContentDataUnit:has(.hero-container){
	padding-bottom:0px;
}
.pt-page-index .content:has(.section_ContentBannerDataUnit),
.pt-page-index .content .section_ContentBannerDataUnit{
    padding-bottom: 0px !important;
}
.carousel img{
    max-height: 600px;
    object-fit: cover;
}
.dashitem{
    background:#F9F9F9;
    border:none;
    box-shadow: none;
}
.dashitem .fa{
	color: #699129 !important;
}
.dashboard .dashboard-item{
	height:104px;      
}
.dashboard .dashitem .fa::before{
	font-size:30px;      
}
.dashboard .dashitem-info{
    margin-bottom: 0px;
}
/* hero carot*/
.row:has(.hero-carot){
    position: relative;
}
.hero-carot{
    position: absolute;
    left:50%;
    bottom:0;
    transform: translate(-50%,0);
    width:100%;
}
.hero-carot img{
    border-bottom:2px solid #fff;
}
.pt-page-index .banner-wrapper-main{
    padding-bottom: 0px;
    margin-bottom:-5px;
}
.hero-carot-row{
    padding-top:0px !important;
    margin-top:-25px;
}
/* News
   ========================================================================== */
/* ----- News archive page ----- */

/* ----- News detail page ----- */


/* Contact us
   ========================================================================== */
.section_ContactUsForm #contactusform h3{
    font-size:17px;
    color:#699129 !important;
}

/* About us
   ========================================================================== */


/* Login page
   ========================================================================== */
.pt-page-login {
    background-image: url('/en/image/getthumbnail/1013');
}
.login-row{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px, rgba(0, 0, 0, 0.2) 0px 5px 13px -3px, rgba(0, 0, 0, 0.2) 0px -4px 0px inset;
}

/* ==========================================================================
   Product Pages Styling
   ========================================================================== */

/* Catalog landing page (3)
   ========================================================================== */

/* Product list (5)
========================================================================== */
.product-nav-layout {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap:5px;
}
.content:has(.catalog-hero){
    padding-top:0px;
}
.catalog-hero{
    margin-bottom:50px;
    position: relative;
    overflow: hidden;
}
.catalog-hero img{
    height: 300px;
    max-height:300px;
    width:100%;
    object-fit: cover;
}
@media screen and (max-width:767px){
  	.catalog-hero img{
  		max-height:175px
  	}
}
.catalog-hero .section_ProductNodeImage::after {
  /*content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
    background: 
    radial-gradient(circle, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%),
    rgba(128, 128, 128, 0.4);*/ /* vignette and Light grey overlay */
    
}
.catalog-hero .section_ProductNodeImage{
    padding-bottom:0px;
}
.catalog-hero .catalog-heading{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding:0px;
}
.catalog-heading h1{
    font-weight: 700;
    color:#f9f9f9;
    text-transform: uppercase;
    margin:0px;
    font-size:4vw;
    white-space: ;
    border-left:6px solid #699129;
    padding-left:15px;
}
@media screen and (max-width:767px){
    .catalog-heading h1{
        font-size:36px;
    }
    .section_ProductNodeList .product-nav .form-inline{
        display: flex;
        gap:10px;
    }
    .section_ProductNodeList .product-nav .paginate-top{
        display: none;
    }
}
/*name light font - sku bold font*/
.product-grid .hover-product-title,
.producttable .field-desc .js-product-detail{
    font-weight: 300;
}
#productlist .field-stockcode{
    font-weight: 600;
}
/* Grid */
.product-grid .hover-product-title{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  	font-size:21px;
}
.product-grid .product > .hover-product{
    background:#fcfcfc;
    padding:10px !important;
}
.product-grid .product .pull-right:has( [onclick*="GetSectionPopup"]){
    float:none;
}
.product-grid .product .pull-right button[onclick*="GetSectionPopup"]{
    width:100%;
}
.hover-product-title a:hover{
    color:#111;
}
.hover-product-hover-bg{
    background:transparent;
}
.hover-product-image{
    border:none;
}
#productlist .product-grid ul li{
    display: flex;
    height:573px;
}
#productlist .product-grid ul li > div{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
#productlist .product-grid ul li > div > .pull-right:last-of-type{
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}
@media screen and (min-width:767px){
    .product-grid .hover-product-title{
        height:47px;
      	margin-bottom: 0px;
    }
}
@media screen and (max-width:767px){
    .product-grid .hover-product-title{
        font-size:18px;
    }
    #productlist .producttable thead .col-xs-3 {
        display: none !important;
    }
}
.productAvailability{
    font-family: 'Roboto','Segoe UI', Arial;
    font-weight: 300;
}
#productlist .js-avail-wrapper{
    padding-top: 2px;
    font-size: 16px;
}
/* Hide Availability from productlists */
#productlist .producttable .field-avail,
#productlist .p-productavailability,
#productlist .js-avail-wrapper{
    display: none;
}
#productlist .producttable h4.product-netprice{
    margin-top:0px;
}
#productlist .product-grid .hover-product > .pull-right:last-of-type{
    float:none !important;
}
#productlist .product-grid .hover-product > .pull-right .addToBasketContainer {
    margin-left:auto;
}
/* Product Filter 
 ======================== */
#productfilter > .row{
    display: flex;
    flex-direction: column;
}
#productfilter > .row > div{
    width:100%;
}
#productfilter .filterMore > div, #productfilter .filterLess > div{
    cursor: pointer
}
#productfilter .form-group .filtervalues{
    border-left: 2px solid #eee;
}
#productfilter .form-group label{
    background:#F9F9F9;
    padding:10px 0px 10px 10px;
    width:100%;
}
#productfilter .form-group > div{
    background:#FCFCFC;
    border-left: 2px solid #eee;
}
#productfilter .form-group .filterinputbutton > input {
    background:#F9F9F9;
}
#productfilter .form-group > .js-filterCheckBox {
    margin-left:10px !important;
}
#productfilter .form-group > div .row{
    margin-left: 0px;
    margin-right:0px;
}
#productfilter .filterMore > div, #productfilter .filterLess > div{
    padding-left:10px;
}
#productfilter .filterMore i:before, #productfilter .filterLess i:before{
    color:#699129;
    margin-top:4px;
}
#productfilter .filterMore > div:last-of-type,
#productfilter .filterLess > div:last-of-type{
    font-weight: 500;
    padding-top:4px;
    padding-bottom:4px;
}
#productfilter .filterMore, #productfilter .filterLess{
    background:#f9f9f9;
}
.section_ProductFilter .activeFilters {
    display: block;
    order: 2;
}
.section_ProductFilter #productfilter {
    display: flex;
    flex-direction: column;
}
.section_ProductFilter .activeFilters label {
    background:#699129;
    padding: 10px;
    border-radius: 0;
    margin-right: 5px;
    float: left;
    text-transform: none;
    font-size: 1.3rem;
}
.section_ProductFilter #productfilter > hr {
    display: none;
}

/* PDP (19)
========================================================================== */
.js-addToBasket .fa-shopping-cart:before{
    font-size:20px;
}
section.section_ProductDetail_Header{
    padding-bottom:0px;
}
.section_ProductDetail_Header h1{
    margin-bottom: 0px;
}
.page-header{
    color:#333;
}
.section_ProductDetail_SkuNumber strong{
    color:#4A5253;
    font-weight: normal;
}
.hover-product-image{
    box-shadow: none;
}
.section_ProductDetail_Header h1{
    font-size: 20px;
    font-weight: 300;
}
@media screen and (max-width:767px){
    .section_ProductDetail_Header h1{
        font-size:26px;
    }
}
.pt-page-productdetail .tab-content{
    background: #fdfdfd;
    margin: 0px;
    padding: 20px;
}
/*Add-to-basket-row*/
.fa.js-toggleFavorite.fa-star-o:before{
    content:'\f08a';
}
.fa.js-toggleFavorite.fa-star:before{
    content:'\f004';
}
.fa.js-toggleFavorite.fa-star-o:before ,.fa.js-toggleFavorite.fa-star:before, .fa-list-ul:before{
    /*color:#001c30 !important;*/
}
.section_ProductDetail_Header, .section_ProductDetail_Header .page-header{
    /*padding-bottom:0 !important;*/
    margin-bottom:10px;
}
.section_ProductDetail_Description{
    padding-bottom:10px !important;
}
.add-to-basket-row .section_AddToBasket{
    padding-bottom:10px !important;
}
.add-to-basket-row .section_ProductDetail_DeliveryDetailInfo > .product-additional-content > dl > dt{
    font-weight: normal;
}
.add-to-basket-row .section_ProductDetail_DeliveryDetailInfo > .product-additional-content > dl > dd{
    float:left;
}
.add-to-basket-row .section_ProductDetail_DeliveryDetailInfo > .product-additional-content > dl{
    background: #f9f9f9;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
}
.pt-page-productdetail .section_ProductDetail_DeliveryDetailInfo .dl-horizontal:has(dt:nth-of-type(2)) #itemsAvailable{
    margin-right:25px;
}
.section_ProductDetail_SkuNumber p strong{
    color:#333;
    font-size:20px;
    font-weight: 600;
}
.section_ProductDetail_SkuNumber{
    padding-bottom:0 !important;
}



/*.section_ProductDetail_DeliveryDetailInfo dl dd{
    padding-right:0px;
}
.section_ProductDetail_DeliveryDetailInfo dl #itemsAvailable{
    padding-right:15px;
}*/
.add-to-basket-row .section_ProductDetail_DeliveryDetailInfo > .product-additional-content > dl dt:nth-of-type(even){
    order:-1;
}
.add-to-basket-row .section_ProductDetail_DeliveryDetailInfo > .product-additional-content > dl dd:nth-of-type(even){
    order:-1;
}
.section_AddToBasket .addToBasketContainer .shoppingList{
    display:none;
}
.section_AddToBasket .addToBasketContainer{
    display:flex;
    align-items: center;
    flex-wrap:wrap;
  	height:42px;
    width:100%;
}
.section_AddToBasket .input-group .form-control:not(:first-child):not(:last-child){
    height:42px;
}
.section_AddToBasket .addToBasketContainer .favorite{
    order:3;
    background:#F5F5F5;
    height:42px;
    width:42px;
}
.section_AddToBasket .addToBasketContainer .favorite .favoriteToggler{
    display: flex;
    justify-content:center;
    align-items: center;
    height:42px;
    width:42px;
    margin:0;
    padding:0;
}
.section_AddToBasket .addToBasketContainer .input-group-btn .input-group 
.input-group-btn button{
    width:100%;
    flex-grow: 1;
  	height:42px;
    background: #fff;
    color: #699129;
    border: 1px solid #699129;
}
.section_AddToBasket .addToBasketContainer .input-group-btn .input-group .input-group-btn button:hover{
    background: #699129;
    color:#fff;
}
.section_AddToBasket .addToBasketContainer .input-group-btn .input-group .input-group-btn button > span{
    margin-top: 3px;
}
.section_AddToBasket .product-quantity-input{
    margin-right:10px;
}
.section_AddToBasket .input-group-btn.favorite{
    margin-left:10px;
}
.section_ProductImageLibrary hr{
    display: none;
}
.addToBasketContainer  > .input-group-btn.product-input-group:has(.js-addToBasket){
    flex-grow: 1;
}
.input-group-btn.product-input-group .input-group-btn.product-input-group:has(.js-addToBasket){
    width:100%;
}
@media screen and (min-width: 1198px){
    .add-to-basket-row{
        width:50%;
    }
}

@media screen and (max-width:767px){
    .pt-page-productdetail .section_ProductDetail_Price{
        padding-bottom:10px !important; 
    }
    .pt-page-productdetail .add-to-basket-row{
        width:100%;
        margin:0;
    }
    .pt-page-productdetail .add-to-basket-row > div{
        padding:0;
    }
}
/* Border Radius */
.section_AddToBasket .addToBasketContainer .input-group-btn .input-group .input-group-btn button,
.section_AddToBasket .addToBasketContainer .favorite, .section_AddToBasket .input-group .form-control:not(:first-child):not(:last-child),
.add-to-basket-row .section_ProductDetail_DeliveryDetailInfo > .product-additional-content > dl{
	border-radius:20px;
}

/*--Detail tabs--*/
.nav-tabs>li {
    float: left;
    margin-bottom: -3px;
}
.section_ProductDetailTabs > ul > li > a{
    background-color: #f9f9f9;
    border-bottom: none;
    border:none;
    color:#2e3233;
    font-weight:600;
    font-size:15px;
    background-color: #f9f9f9!important;
    padding:20px 50px;
    margin-right:0;
}
.section_ProductDetailTabs ul li{
    /*border-bottom: 3px solid #f5f5f5;*/
}
.section_ProductDetailTabs ul li.active{
    border-bottom: 3px solid #699129;
    color:#2e3233;
    background-color: #f9f9f9;
    border-top:none;
}
.section_ProductDetailTabs ul li.active a{
    color:#2e3233;
    background-color: #f9f9f9!important;
    border:none;
    margin:0;
}
.col-sm-8 .section_ProductDetailTabs .nav-tabs{
    display:flex;
}
.col-sm-8 .section_ProductDetailTabs .nav-tabs .visible-lg{
    flex-grow:1;
}
.col-sm-8 .section_ProductDetailTabs .nav-tabs .visible-lg a{
    text-align: center;
}
.section_ProductDetailTabs .dropdown-menu{
    width:100%;
    padding:0;
}
.section_ProductDetailTabs .dropdown-toggle .caret{
    display:inline-block !important;
}
.section_ProductDetailTabs ul li.active a:hover, .section_ProductDetailTabs ul li.active a:focus{
    border:none;
    color:#2e3233;
}
.section_ProductDetailTabs .nav.nav-tabs{
    box-shadow: none;
    border:none;
}
.col-sm-4 .section_ProductDetailTabs .nav.nav-tabs {
    border:none;
}
.js-avail-wrapper .fa-circle:before{
    font-size:15px;
}
.js-avail-wrapper .fa-lg{
    line-height: .4em;
}
@media screen and (max-width:767px){
    .section_ProductDetailTabs .tab-content .tab-pane{
        display: block;
    }
    .section_ProductDetailTabs .tab-content .tab-pane > h3{
        background-color: #f9f9f9;
        border-bottom: none;
        border: none;
        color: #2e3233;
        font-weight: 600;
        font-size: 15px;
        background-color: #f9f9f9!important;
        padding: 20px 20px;
        margin-right: 0;
        margin:10px -20px;
    }
}
/* VPDP (23)
========================================================================== */

/* IPDP (20)
========================================================================== */

/* Search result (4)
========================================================================== */

/* Checkout (10)
========================================================================== */
#summaryWrapper > .row > .col-md-12 > fieldset > .col-md-6{
    padding-left: 0px;
}
.pt-page-checkout .cart-view-table .col-xs-12:has(.cart-product-name) a{
    font-weight: 500;
}
.pt-page-checkout .cart-view-table .col-xs-12 .cart-product-name{
    font-weight: 300;
}
#checkoutWrapper .basket-total-lines > .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#checkoutWrapper .basket-total-lines > .row > div {
    width: auto;
}
#basketList-standard .basket-total-lines > .row > div {
    width: auto;
}
#basketList-standard .basket-total-lines > .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
/* Hide Address help text from non-logged in*/
[data-loggedin="False"] #addressFields .CheckoutFieldHelpText {
    display: none;
}
/*Align label */
#referencesField [for="Info_regarding_weight"] ~ div > label{
    padding:0px;
    font-weight: 400;
}
/*Alignment*/
#referencesField #BillMyFreightAccount{
    margin-top: 3px !important;
}
/* Autocomplete
 ================================= */
.ui-autocomplete {
    font-size: 1.15rem;
    padding: 4px;
    background: #eee;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    width:1110px !important;
    left:50% !important;
    transform: translate(-50%,0%);
    position: fixed;
}
.ui-autocomplete li a {
    display: flex !important;
    padding: 4px !important;
    border-left: 2px solid #eee;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    background: #fff;
    border-radius: 2px;
}
.ui-autocomplete li a.ui-state-active {
    margin: 0 !important;
    background: rgba(255, 255, 255, 1) !important;
    border-left: 2px solid #699129 !important;
}
.ui-autocomplete li {
    width: 100% !important;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
    padding: 5px !important;
}
.ui-autocomplete li:nth-of-type(3n) {
    clear: right;
}
.ui-autocomplete li a > div:last-of-type {
    display: flex;
    align-items: center;
}
.ui-autocomplete li a > div:last-of-type span {
    font-weight: 700;
    margin-right: 10px;
}
.ui-autocomplete .autocomplete-image {
    height: 40px;
    width: 40px;
}
.ui-autocomplete li a > div:last-of-type br {
    display: none;
}
.ui-autocomplete .productType-1 {
    display: none;
}
.ui-autocomplete.ui-widget-content {
    border-top: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-color:  #ddd;
}
@media screen and (max-width: 1199px){
    .ui-autocomplete {
        top: 166px !important;
        width:910px !important;
    }
    .ui-autocomplete li {
        width: 50% !important;
    }
    .ui-autocomplete li:nth-of-type(3n) {
        clear: unset;
    }
    .ui-autocomplete li:nth-of-type(2n) {
        clear: right;
    }
}
@media screen and (max-width:991px){
    .ui-autocomplete {
        width:690px !important;
    }
}
@media screen and (max-width: 767px){
    .ui-autocomplete {
        top: 167px !important;
    }
    .ui-autocomplete li {
        width: 100% !important;
    }
    .ui-autocomplete li:nth-of-type(2n) {
        clear: unset;
    }
}

/* Media Page (87)
 ========================= */
.media-row h1, .media-row p, .media-row a{
    color:#444;
}
.media-row h1{
    font-size: 52px;
    line-height: 52px;
    font-weight: 900;
  	padding-bottom:15px;
}
.media-row a{
    color:#699129;
    transition: 0.2s;
}
.media-row a:hover{
    color:#505050;
    text-decoration: none;
}
.media-row p{
    padding-bottom:20px;
}
/* Media Slide to section buttons */
.media-row #button-container{
    margin-bottom:20px;
}
.media-row .media-heading{
    background:#f9f9f9;
    padding:10px 15px;
    border-left:3px solid #699129;
}
.media-row #button-container .scroll-button {
    position: relative;
    margin-right: 5px;
    padding: 6px 16px;
    background: #f9f9f9;
    font-weight: bold;
    border-bottom: 3px solid #699129;
    overflow: hidden; 
    transition: color 0.3s; 
    z-index: 1; 
}
.media-row #button-container .scroll-button::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #699129; 
    z-index: -1; 
    transition: height 0.25s;
}
.media-row #button-container .scroll-button:hover::before {
    height: 100%;
}
@media screen and (max-width:767px){
    .media-row #button-container .scroll-button{
        margin-bottom: 10px;
    }
}
/* Slick Dots 
 ======================== */
.slick-dots{
    margin:0 auto;
    display: flex;
    left:50%;
    transform: translate(-50%,0);
    padding:0px 15px;
}
.slick-dots li{
    width:50px;
    height:10px;
    padding:0px 10px;
    background:#313233;
    transition: 0.2s;
    margin: 0 4px 2.5% 4px;
}
.slick-dots li.slick-active{
    background:#fff;
}
.slick-dots li button:before{
    content:"";
}
@media (min-width:768px) {
    .slick-dots {
        width: 750px;
    }
}
@media (min-width:992px) {
    .slick-dots {
        width: 970px; 
    }
}
@media (min-width:1200px) {
    .slick-dots {
        width:1170px;
    }
}
/* Breadcrumb
 ========================= */
.breadcrumb li a{
    padding:2px 4px;
    background:#f9f9f9;
    color:#aaa;
    font-weight: 400;
}
.breadcrumb>li+li:before{
    padding:0px 0px;
}
.section_BreadCrumb{
    position: absolute;
    top:-30px;
}
.section_BreadCrumb .col-xs-12{
    padding-left:0px;
}
.section_BreadCrumb .breadcrumb{
    padding-left:0px;
}
.section_BreadCrumb .hidden-xs{
    display: block;
}

/* Applications Page (90)
 ==================================== */
.ap-row{
    padding:15px 0px;
}
.ap-row img{
	height:265px;
  	width:100%;
  	object-fit:cover;
}
.ap-row h3, .ap-row.gray-bg h3{
    font-size:2.5rem;
  	padding:0px;
}
.ap-row section:first-child{
    padding-bottom: 0px;
}
.ap-top-text{
    padding:15px 0px;
    font-weight: 300;
  	font-size:18px;
}
.ap-row.gray-bg .section_Content{
    background:transparent;
}
.ap-row .section_Content{
    padding:10px 15px;
}
.ap-row p{
    font-weight: 300;
}
@media screen and (max-width:767px){
    .ap-row .section_Image img{
        padding:15px;
    }
}
/* Chip Loader Calculator */
.feedspeed .control-group .controls label.radio{
    margin:0px;
}
.feedspeed {
  padding: 10px 0px;
  background-color: #fff;
  margin: 20px 0;
}
.feedspeed .control-group {
  background-color: #f9f9f9;
  padding: 15px;
  margin-top: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.feedspeed .control-group:before,
.feedspeed .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}
.feedspeed .control-group:after {
  clear: both;
}
.feedspeed .control-group .control-label {
  color: #4A5253;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
}
.feedspeed .control-group .controls label.radio,
.feedspeed .control-group .controls label.checkbox {
  display: block;
  padding: 8px 12px;
  margin-left: 2%;
  margin-bottom: 6px;
  float: left;
  cursor: pointer;
  transition: background-color 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.feedspeed .control-group .controls label.radio:first-child,
.feedspeed .control-group .controls label.checkbox:first-child {
  margin-left: 0;
}
.feedspeed .control-group .controls label.radio:hover,
.feedspeed .control-group .controls label.checkbox:hover {
  background-color: #f1f1f1;
}
.feedspeed .control-group .controls label.radio > input,
.feedspeed .control-group .controls label.checkbox > input {
  margin: 2px 5px 0 0;
  vertical-align: text-top;
  cursor: inherit;
}
.feedspeed .control-group .controls input[type="text"] {
  background-color: #fff;
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.feedspeed .inputs {
  clear: both;
  *zoom: 1;
}
.feedspeed .inputs:before,
.feedspeed .inputs:after {
  display: table;
  line-height: 0;
  content: "";
}
.feedspeed .inputs:after {
  clear: both;
}
.feedspeed .inputs .control-group {
  width: 32%;
  margin-left: 2%;
  float: left;
}
.feedspeed .inputs .control-group:first-child {
  margin-left: 0;
}
.feedspeed .answer .control-label {
  display: inline;
  color: #4A5253;
}
.feedspeed .answer .answer-value {
  font-size: 21px;
  font-weight: bold;
  color: #699129;
}
.feedspeed > form > .control-group:first-child {
  margin-top: 0;
}
.feedspeed .clearfix {
  *zoom: 1;
}
.feedspeed .clearfix:before,
.feedspeed .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.feedspeed .clearfix:after {
  clear: both;
}

.feedspeed .control-group .control-label {
  margin-bottom: 5px;
  display: block;
}
input[type='radio'] {
    accent-color: #699129;
}
.feedspeed .control-group .controls label.radio,
.feedspeed .control-group .controls label.checkbox {
  color: #4A5253;
  background-color: #fff;
}

.feedspeed .control-group .controls label.radio > input:checked + span,
.feedspeed .control-group .controls label.checkbox > input:checked + span {
  color: #fff;
  background-color: #699129;
}

.feedspeed .control-group .controls input[type="text"] {
  border: 1px solid #4A5253;
}

.feedspeed .control-group .controls input[type="text"]:focus {
  border-color: #699129;
  outline: none;
  box-shadow: 0 0 5px rgba(105, 145, 41, 0.5);
}

.feedspeed .answer .control-label {
  font-size: 18px;
}

.feedspeed .answer .answer-value {
  display: block;
  margin-top: 5px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .feedspeed .inputs .control-group {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }

  .feedspeed .control-group .controls label.radio,
  .feedspeed .control-group .controls label.checkbox {
    width: 100%;
    margin-left: 0;
  }
}
/* Careers Page (88)
 ============================ */
.benefits-row.row .row > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* Google Maps
 ========================= */
#map2 .gm-style-iw-ch{
    display: none;
}
#map2 .gm-style-iw-chr{
    display: block;
    width: 0px;
}
#map2 .gm-style-iw-chr button{
    position: relative;
    right:0 !important;
    top:0 !important;
    float:right;
    width:38px !important;
    height:38px !important;
}
#map2 .gm-style-iw-chr button span{
    margin:0 auto !important;
}
#map2 .gm-style .gm-style-iw-c{
    display: flex;
    flex-direction: row-reverse;
  	padding-left: 0px;
}
#map2 .gm-style-iw-d{
    padding: 10px 0px 20px 20px !important;
    padding-bottom: 0px !important;
}
.loc-container .loc-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom:4px;
    padding-left:8px;
}
.loc-content{
    display: flex;
    flex-direction: column;
    font-size:14px;
    background:#f9f9f9;
    border-radius: 4px;
    padding:8px;
}
.loc-content strong{
    font-size:13px;
    background:;
    padding:2px;
    margin:3px 0px;
}
/* Map icons */
.map-icons{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width:55vw;
    gap:20px;
    background: #f9f9f9;
    margin:0 auto;
    border-top-left-radius: 220px;
    border-top-right-radius: 200px;
}
.map-icons img{
    height:50px;
    max-height: 3.5vw;
    width:auto !important;
    margin-right:10px;
}
.map-icons > p{
    margin:5px 0px;
}
@media screen and (max-width:767px){
    .map-icons{
        border-radius: 0px;
        max-width: 100vw;
    }
    .map-icons img{
        width:auto;
        height:16px;
    }
    .map-icons > p{
        font-size:10px;
    }
}
/* Service Page (89)
 ================================= */
.service-icon-explan{
    display: flex; 
    flex-wrap: wrap; 
    flex-direction: row; 
    align-items: center; 
    justify-content: center; 
    gap: 20px; 
    border: 1px solid #f9f9f9; 
    border-radius: 20px;
}
.service-icon-explan img{
    height:26px;
    width:auto;
    padding-right:8px;
}
.service-icon-explan p:nth-child(2) img{
    height:34px;
}
.service-icon-explan p{
    margin-bottom: 0px;
    padding:10px;
}
.service-map-col{
    position: relative;
}
.service-map-col .overlay{
    position: absolute;
    right:5vw;
    bottom:6.5vw;
    width:18vw;
    min-width:100px;
    margin-right:50px;
}
.service-map-col .overlay.btn {
    bottom: 3.5vw;
    text-align: left;
}
@media screen and (min-width:1920px){
    .service-map-col .overlay{
        right:13vw;
        width:300px;
    }
}
@media screen and (max-width:1350px){
    .service-map-col .overlay{
        right:0;
    }
    .service-map-col .overlay.btn {
        bottom:0vw;
    }
}
@media screen and (max-width:767px){
    .service-map-col .overlay{
        right:0vw;
        width:100px;
      	margin-right: 0.5vw;
    }
    .service-map-col .overlay.btn {
        width: auto;
        text-align: right;
    }
    .service-map-col .overlay.btn .btn{
        font-size:10px;
    }
}
/* Customer Search (13)
 ============================ */
@media screen and (max-width:767px){
    .pt-page-customersearch .form-group{
        margin-bottom: 0px;
    }
}

/* ----- Document list ----- */
ul.documentlist li{
    background:#f9f9f9;
    border-radius: 20px;
    margin-bottom:8px;
}
.section_DocumentCategories ul,
.section_ProductDocuments ul {
    padding-left: 0;
}
.section_DocumentCategories ul li br, .section_ProductDocuments ul li br{
    display: none;
}
.section_DocumentCategories ul li a,
.section_ProductDocuments ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: #333;
    font-size: 15px;
}
.section_DocumentCategories ul li a:after,
.section_ProductDocuments ul li a:after {
    content: '\f01a';
    font-family: fontawesome;
    position: absolute;
    right: 30px;
    font-size: 20px;
    color: #699129;
}
.section_DocumentCategories ul li a:hover:after,
.section_ProductDocuments ul li a:hover:after {
    color: #333;
}
.section_DocumentCategories ul li a:hover,
.section_ProductDocuments ul li a:hover {
    text-decoration: none;
}
.section_ProductDocuments h3 {
    text-transform: none;
    font-weight: 400;
}
.section_DocumentCategories ul li a:before,
.section_ProductDocuments ul li a:before {
    content: '\f1c1';
    font-family: fontawesome;
    color: #333;
    margin-right: 8px;
    font-size:20px;
}
.section_DocumentCategories img,
.section_ProductDocuments img, .section_DocumentCategories h3,
.section_ProductDocuments h3 {
    display: none;
}

.top-bar-flex .section_LanguagePicker #languagepicker > .nav {
    /*display: flex;*/
    flex-direction: column;
}
.top-bar-flex .section_LanguagePicker .langHeader:first-of-type {
    order: -1;
}
.top-bar-flex .section_LanguagePicker .top-bar-link:nth-of-type(3){
    order: -1;
}
/* Change order on eng/fr on ca site*/
[data-comp="1200"] #languagepicker > .nav{
    display: flex;
}
[data-comp="1200"] #languagepicker li:has(lang-code="fr"){
    order:-1;
}
/* Authors
   ==========================================================================
Name
*//* ==========================================================================
   General Site Styling
   ========================================================================== */
/*Search and list style*/
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(3),
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) {
    width: 100%;
}
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2) {
    width: 100%;
}
#searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2) .input-group,
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2) .input-group,
#searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) .input-group {
    width: 100%;
}
@media screen and (max-width: 991px) {
    #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
    #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2),
    .pt-page-quotesearch #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3){
        margin-top: 20px;
    }
}
@media screen and (min-width: 992px){
    #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(2),
    #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(2),
    .pt-page-quotesearch #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) {
        width: 30%;
    }
    #searchandlist > .row:first-of-type > .col-md-6 {
        width: 70%;
    }
    .pt-page-invoicesearch #searchandlist .form-control.js-searchlistbox {
        margin-top: 25px;
    }
    .pt-page-invoicesearch #searchandlist .js-pageQuerySearch.pt-btn-search {
        margin-top: 25px;
    }
}
 #searchandlist > .row:first-of-type > .col-sm-3:nth-of-type(3) .checkbox,
 #searchandlist > .row:first-of-type > .col-md-3:nth-of-type(3) .checkbox {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 20px;
}
#searchandlist > .row:first-of-type .selected-user-wrapper {
    margin-left: 20px;
}
#searchandlist > .row:first-of-type .form-group .checkbox {
    float: left;
}

/* Customer information page */
.pt-page-usercustomerinformation .form-uppercase-label label {
    text-transform: none;
}
.pt-page-usercustomerinformation .control-label-static {
    margin-top: 0;
}

/* Quickshop */
.row.quickshopcontent {
    margin-left:  0px;
    margin-right: 0px;
    margin-top: 15px;
}
.quickshopcontent h4 {
    margin-top: 8px;
    text-transform: initial;
}
.quickshopcontent #quickHeader {
    padding-left: 0;
    padding-right: 0;
}
.quickshopcontent .col-sm-2.col-xs-2 {
    padding-right: 0;
}
.quickshopcontent .col-sm-2.col-xs-2 .btn {
    float: right;
    width: 100%;
    font-size: 0;
    height: 33px;
}
.quickshopcontent .col-sm-2.col-xs-2 .btn:after {
    content: '\f07a';
    font-size: 15px;
    font-family: fontawesome;
}
@media screen and (min-width: 992px){
    .quickshopcontent .col-sm-6.col-xs-6 {
        width: 58.33333%;
    }
    .quickshopcontent .col-sm-2.col-xs-2 {
        width: 8.33333%;
    }
}
@media screen and (max-width: 991px) {
    .quickshopcontent > div.col-sm-6.col-xs-6 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-4 {
        width: 50%;
        padding-right: 5px;
        padding-left: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-2 {
        width: 50%;
        padding-left: 5px;
        padding-right: 0;
    }
    .quickshopcontent > div.col-sm-2.col-xs-2 .btn {
        width: 100%;
    }
    .quickshopcontent #quickHeader {
        padding-left: 0;
    }
}

/*Content banner*/
.section_ContentBanner .banner-wrapper-main {
padding-bottom:0;
}

.section_ContentBanner .slick-dotted.slick-slider {
margin-bottom:0;
}

.section_ContentBanner .carousel {
box-shadow:none;
}

.section_ContentBanner .slick-dots {
bottom:25px;
}

.section_ContentBanner .slick-dots li button:before {
font-size:10px;
opacity:0.6;
}

.slick-dots li.slick-active button:before {
opacity:1;
}
@media (max-width: 767px) {
    .carousel {
        margin: 0 0px;
    }
}
/* Login page */
.pt-page-login label {
    text-transform: none;
}
.pt-page-login .section_Image {
    margin-top: 20px;
    text-align: center;
}
.pt-page-login .section_Login input {
    height: 35px;
}
.section_Login {
    padding-bottom: 0 !important;
}
.section_Login h3 {
    display: none;
}
.section_Login .col-md-5 {
    width: 100%;
}
.section_Login .col-md-5 .col-sm-8 {
    width: 100%;
}
.section_Login .col-md-2.top37 {
    margin: 0;
    width: 100%;
}
.section_Login .col-md-5:first-of-type .col-sm-8:before {
    content: '\f007';
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    top: 6px;
    left: 25px;
}
.section_Login .col-md-5:nth-of-type(2) .col-sm-8:before {
    content: '\f13e';
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    top: 6px;
    left: 25px;
}
.section_Login input {
    padding-left: 32px;
}
.pt-page-login .section_ForgotPassword > h3.sub-header {
    border-bottom: none;
    text-transform: none;
    font-size: 1em;
    margin-top: 10px;
}
.pt-page-login .section_ForgotPassword > h3.sub-header:hover {
    cursor: pointer;
    text-decoration: underline;
}
.pt-page-login .section_ForgotPassword > h3.sub-header:after {
    content: '?';
}
.pt-page-login .section_ForgotPassword > p,
.pt-page-login .section_ForgotPassword > form {
    display: none;
}
.pt-page-login {
    background-size: cover;
    background-repeat: no-repeat;
}
.section_ForgotPassword {
    padding-bottom: 0 !important;
}
.section_SignUp h3 {
    text-transform: none;
    border-bottom: 0;
    margin-bottom: 5px;
}
.section_SignUp {
    border-top: 1px solid #eee;
    padding-top: 20px !important;
}
.section_SignUp .btn {
    width: 100%;
}
.section_Login #login-response-msg-holder {
    margin-top: 2px;
    font-size: 13px;
}
.pt-page-login .content > .container:first-of-type {
    background: #fff;
    max-width: 400px;
    margin: 10vh auto;
}
.modal .section_ForgotPassword h3 {
    text-transform: none;
    border: none;
    margin-bottom: 5px;
}
/* Account details */
@media screen and (min-width: 992px) {
    .section_AccountDetail > form > .row > .col-md-6 {
        width: 75%;
    }
}
.pt-page-accountdetail .form-uppercase-label label {
    text-transform: none;
}

/*Breadcrumb*/
.breadcrumb-wrapper {
box-shadow: none;
}

/* Sidebar navigation */
.toggle-lvl-two li:first-of-type {
    box-shadow: none;
}
.sidebar-nav .sidebar-item {
    text-transform: none;
    border-bottom: 1px solid #eee;
    margin-left: 0;
    margin-bottom: 0;
}
.sidebar-nav .sidebar-item.sidebar-nav-heading {
    border: none;
    padding-left: 0;
    margin-bottom: 15px !important;
}
.sidebar-nav li.toggle-item {
    padding-bottom: 0px;
    padding-top: 7px;
}
.toggle-lvl-one .sidebar-item {
    padding-bottom: 12px;
}
.toggle-lvl-two {
    background: none;
}
.toggle-lvl-two .sidebar-item {
    padding-left: 15px;
}
.toggle-lvl-three {
    background: none;
}
.toggle-lvl-three .sidebar-item {
    padding-left: 30px;
}
.toggle-lvl-four {
    background: none;
}
.toggle-lvl-four .sidebar-item {
    padding-left: 45px;
}
.toggle-lvl-five {
    background: none;
}
.toggle-lvl-five .sidebar-item {
    padding-left: 60px;
}
.toggle-lvl-one .active {
    font-weight: 500;
}
.sidebar-nav .sidebar-item a.active {
    font-weight: 700;
}
.sidebar-nav li.active .toggle-btn {
    font-weight: 500;
}


/* Cookie notification */
#cookieNotification {
    z-index: 9998;
}

/* Modal */
.modal {
    z-index: 9999;
}
.modal-content {
    padding: 30px;
    max-height: 90vh;
    box-shadow: none;
    border: 1px solid #999;
}
.modal-dialog {
    margin-top: 5vh;
}
.modal-content .content {
    padding-top: 0;
}
.modal-header {
    padding: 0;
    min-height: 0;
}
.modal .close {
    margin-right: 0;
    top: 5px;
    right: 10px;
    font-size: 30px;
    color: grey;
}
.modal .close:hover {
    opacity: 1;
}
.modal .content {
    padding-bottom: 0;
}

/* Cart */
@media screen and (min-width: 992px) {
    .cart:hover {
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .cart:hover {
        width: 100%;
    }
}
.cart-content {
   box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
.cart:hover {
    box-shadow: none;
}

/*Buttons*/
.btn, .btn:focus, .btn:active {
outline:none!important;
}

/* Section checkout */
.section_Checkout .btn.js-updateQuantity {
    margin-top: -3px;
}
@media screen and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryShipToAddress {
        padding-left: 15px;
    }
    [data-loggedin="False"] .OrderSummaryShipToAddress .col-md-6 {
        padding-left: 0;
    }
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 .form-group > .col-sm-7 {
        margin-left: -10px;
    }
}
@media screen and (max-width: 991px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        padding-left: 15px !important;
    }
}
@media screen and (max-width: 767px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        margin-left: -15px;
    }
}
.order-detail-wrapper label {
    margin: 0;
}
.section_Checkout .js-warehouse-selector {
    margin-bottom: -15px;
}
/* Section Checkout Confirmation */
.section_CheckoutConfirmation .basket-qty-input-field[readonly] {
    background: transparent;
    border: none;
}

/* Top bar links */
.top-bar .top-bar-link a, .top-bar .top-bar-link a:focus, .top-bar .top-bar-link a:active {
    background: none;
    border: none;
}

/* News list */
.pt-page-newsarchive .section_NewsList .section-heading,
.pt-page-content .section_NewsList .section-heading {
    letter-spacing: 0;
}
.pt-page-newsarchive .section_NewsList .news-list,
.pt-page-content .section_NewsList .news-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pt-page-newsarchive .section_NewsList .post,
.pt-page-content .section_NewsList .post {
    width: 31.33333%;
}
.pt-page-newsarchive .section_NewsList .post-body,
.pt-page-content .section_NewsList .post-body {
 	padding: 10px 0 0; 
}
.pt-page-newsarchive .section_NewsList .post .media > a,
.pt-page-newsarchive .section_NewsList .post .media > a img,
.pt-page-content .section_NewsList .post .media > a,
.pt-page-content .section_NewsList .post .media > a img {
    max-width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media > .media-body,
.pt-page-content .section_NewsList .post .media > .media-body {
    width: 100%;
}
.pt-page-newsarchive .section_NewsList .post .media-body .post-heading.media-heading,
.pt-page-content .section_NewsList .post .media-body .post-heading.media-heading {
    margin-top: 10px;
}
.pt-page-newsarchive .section_NewsList .post .media > .pull-left,
.pt-page-content .section_NewsList .post .media > .pull-left {
    margin-right: 0;
}
@media screen and (max-width: 991px){
    .pt-page-newsarchive .section_NewsList .post,
  	.pt-page-content .section_NewsList .post{
        width: 48%;
    }
}
@media screen and (max-width: 576px){
    .pt-page-newsarchive .section_NewsList .post,
  	.pt-page-content .section_NewsList .post {
        width: 100%;
    }
}

/* News menu */
.section_NewsList ul.news-menu {
    padding-left: 0;
    width: 100%;
}


/* News detail */
.section_NewsDetail .article-intro {
    margin-top: 10px;
}
.section_NewsDetail .article-date {
    margin-bottom: 10px;
}
.section_NewsDetail .article-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Alertify dialog */
.alertify-dialog .alertify-message {
    color: #000;
}
.alertify-dialog button,
.alertify-dialog button:hover,
.alertify-dialog button:focus,
.alertify-dialog button:active {
    border-radius: 2px;
    padding: 6px 14px;
    height: 33px;
    line-height: 1.33;
    text-shadow: none;
    background-image: none;
    box-shadow: none;
    width: 49%;
    float: left;
    margin-left: 0;
    margin-right: 1%;
    margin-bottom: 10px;
}
.alertify-dialog button:last-of-type {
    margin-right: 0;
    float: right;
}
.alertify-dialog .alertify-buttons {
    border-radius: 0;
    box-shadow: none;
    padding-top: 5px;
  	background: #fff;
	border: none;
}
#alertify {
    border-radius: 0;
    border: 1px solid #ccc;
    max-width: 400px;
    padding-top: 5px;
    padding-bottom: 10px;
    top: 100px;
}
#alertify p {
    text-align: center;
}
/* Alertify logs */
.alertify-log {
  border-radius: 0;
  text-align: center;
  text-shadow: none;
  padding: 10px;
}

/* Megamenu */
@media screen and (min-width: 1200px) {
    .cd-nav > ul {
        margin: 0;
        padding-right: 0;
        float: left;
    }
  	.cd-primary-nav > li > a {
        height: 30px;
        line-height: 30px;
      	font-weight:bold;
    }
    .cd-primary-nav > li > a:hover {
		text-decoration:none;
    }
    #cd-primary-nav li:first-child,
    #cd-primary-nav li:first-child a{
        margin-left:0px;
        padding-left:0px;
    }    
    .cd-primary-nav .cd-secondary-nav {
      	top: 40px;
        left: 0;
      	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    	border-top: 1px solid #ccc;
      	padding-left: 25px;
    	padding-right: 25px;
      	height: auto !important; 
    }
  	.cd-main-header {
    	border-bottom: none;
	}
  	.desktop-menu .cd-primary-nav .cd-nav-icons li:nth-child(3n), .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+3) {
    	clear: none;
	}
}

/* Megamenu mobile toggle */
@media screen and (max-width: 1199px) {
    .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
        background: #2e3233;
        left: 0px;
        top: 0px;
        width: 28px;
    }
    .cd-nav-trigger.nav-is-visible {
        background: #e8e8e8;
        border: 5px solid #e8e8e8;
        border-radius: 0px;
        left: -35px;
        height: 40px;
        width: 45px;
    }
    .cd-nav-trigger.nav-is-visible span {
        top: 9px;
        left: 4px;
    }
    .cd-nav-trigger.nav-is-visible span::after {
        top: 15px;
    }
    .cd-main-header.nav-is-visible {
        top: 2px;
        color: transparent;
        position: fixed;
        right: 0;
        z-index: 9999;
    }
    .cd-nav-trigger span::after {
        top: 7px;
    }
    .cd-nav-trigger span {
        top: 22px;
        left: 9px;
    }
    .cd-nav-trigger span::before {
        top: -7px;
    }
    .cd-primary-nav {
        margin-top: 0 !important;
    }
  	.cd-primary-nav .has-children > a::before, .cd-primary-nav .has-children > a::after, .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after 	{
    	background: #fff;
	}
}
/* Contact us form */
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder {
    margin-left: 0;
}
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder .control-label-lg {
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.section_ContactUsForm .col-sm-offset-3.col-sm-5.send-copy-holder input[type="checkbox"] {
    cursor: pointer;
}
.section_ContactUsForm #ContactUsFormSubmit {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
}
.section_ContactUsForm .form-horizontal > .row > .col-sm-4 {
    float: right;
    width: 40% !important;
}
.section_ContactUsForm .form-horizontal > .row > .col-sm-5 {
    width: 60%;
    float: left;
}
@media screen and (max-width: 576px) {
    .section_ContactUsForm .form-horizontal > .row > .col-sm-4 {
        width: 100% !important;
    }
    .section_ContactUsForm .form-horizontal > .row > .col-sm-5 {
        width: 100% !important;
    }
    .section_ContactUsForm #ContactUsFormSubmit {
        width: 100%;
    }
}

/* PDF link */
.CustomPdfStylePrint .basket-total-lines {
    width: 70% !important;
}
.CustomPdfStylePrint .basket-total-lines > .row {
    width: auto; 
} 
.CustomPdfStylePrint .basket-total-lines .col-sm-7.col-xs-6 h5 {
    font-weight: bold;
}
.CustomPdfStylePrint .basket-total-lines .col-sm-5.col-xs-6 {
    width: auto;
  	float: right;
}
.CustomPdfStylePrint .basket-total-lines .col-xs-6:only-child {
    width: 100%;
}
.CustomPdfStylePrint #summaryWrapper > .row:last-of-type > .col-md-12 > fieldset > .row {
    margin-left: 0px;
}
.CustomPdfStylePrint .btn {
  	display: none;
}
/* Checkout import button move to old position */
@media screen and (min-width: 550px){
    .cartactions-container .section_BasketProductImport {
        float: left;
        margin-left: 10px;
      	margin-right:10px;
        padding-bottom: 0;
    }
}
.cartactions-container .btn {
    height: 32px;
}
.cartactions-container #EmptyCart {
    float: left;
}

.pt-page-favoriteproducts h1 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
}
.section_ShopplingList .fa-small-header {
    display: none;
}
/* Checkout section */
.section_CheckoutConfirmation .basket-qty-input-field[readonly] {
    background: transparent;
    border: none;
}
/* Alignment */
.order-detail-wrapper label{
    margin-bottom: 0px;
}
.section_OrderDetail .order-detail-wrapper .row:nth-child(2) tr td{
    padding-top:4px;
    padding-left:2px;
    padding-bottom:0px !important;
    
}
.section_TransactionalDocumentDetails .order-detail-wrapper .row:nth-child(2) tr td{
    padding-top:4px;
    padding-left:2px;
    padding-bottom:0px !important;
    
}
.pt-page-orderdetail .section_PdfLink{
    float:left;
}
/* Order/Invoice/Quote Information Style Adjustments */
.section_TransactionalDocumentDetails hr{
    display: none;
}
.section_InvoiceDetail .col-md-6 .col-md-5{
    font-weight: bold;
}
.section_InvoiceDetail .col-md-6 div{
    padding-top:4px;
}
.section_InvoiceDetail h1{
    border-bottom:none !important;
}
.section_QuoteDetail .col-md-4, .section_QuoteDetail .col-md-5{
    font-weight: bold;
}
.section_QuoteDetail .col-md-6 .row {
    padding-top:4px;
}
/* Section checkout & Section Checkout Confirmation alignment */
.section_Checkout .btn.js-updateQuantity {
    margin-top: -3px;
}
.section_Checkout .js-warehouse-selector {
    margin-bottom: -15px;
}
[data-loggedin="True"] .section_Checkout .OrderSummaryShipToAddress {
    margin-left: 0;
    margin-right: 0;
}
[data-loggedin="True"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.section_Checkout #summaryWrapper > .row {
    margin: 0;
}
@media screen and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryShipToAddress {
        padding-left: 15px;
    }
    [data-loggedin="False"] .OrderSummaryShipToAddress .col-md-6 {
        padding-left: 0;
    }
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 .form-group > .col-sm-7 {
        margin-left: -10px;
    }
	#summaryWrapper .cart-view-table .last-cell {
	    width: 5px;
	    padding: 0;
	}
	#summaryWrapper #basketList-standard .col-md-12 .cart-view-content.table-responsive~.row {
	    padding-right: 15px;
	}
	.section_CheckoutConfirmation .cart-view-content {
	    margin-top: 15px;
	}
	.section_CheckoutConfirmation .cart-view-table .last-cell {
	    width: 5px;
	    padding: 0;
	}
	.section_CheckoutConfirmation #basketList-standard .col-md-12 .cart-view-content.table-responsive~.row {
	    padding-right: 15px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
    [data-loggedin="False"] .OrderSummaryDetailsHeader .col-md-6 {
        padding-left: 15px !important;
    }
    [data-loggedin="True"] .section_Checkout .OrderSummaryShipToAddress {
    	padding-left: 15px;
	}
	.OrderSummaryDetailsHeader > fieldset > div > .form-group {
	    margin-left: 0;
	}
	.section_CheckoutConfirmation #summaryWrapper fieldset > div > div > .form-group {
	    margin-left: 0;
	}
  	[data-loggedin="True"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
    	margin-left: 0px;
    	margin-right: 0px;
    }
  	[data-loggedin="False"] .OrderSummaryDetailsHeader > fieldset > div > .form-group {
        margin-left: -15px;
    }
}
@media screen and (max-width: 767px){
    [data-loggedin="True"] .section_Checkout #summaryWrapper #basketList-standard > div > .row {
	    padding-left: 15px;
	    padding-right: 15px;
	}
  	[data-loggedin="False"] .section_Checkout .OrderSummaryShipToAddress {
    	margin: 0;
	}
  	.section_Checkout .OrderSummaryShipToAddress {
    	padding-left: 15px;
	}
  	.section_CheckoutConfirmation #summaryWrapper fieldset > .row > div > .form-group {
        margin-left: 0 !important;
    }
}
.section_CheckoutConfirmation .basket-total-lines h5 {
    font-weight: bold;
}
.section_CheckoutConfirmation #summaryWrapper > .row:first-of-type {
    margin-bottom: 15px;
}
#summaryWrapper fieldset .form-group .control-label-static {
    margin: 0;
}
#summaryWrapper fieldset .form-group {
    margin-bottom: 3px !important;
}
.basket-total-lines td:last-of-type{
    padding-right:0px;
}
#referencesField .control-label-static {
    margin-top:0px;
  	font-size:inherit;
}
/* Checkout alignment END */
/*Exploded Views Preview Image Fix*/
.mfp-wrap{
    z-index: 10000 !important;
}
/*----*/
/* Account Detail Page - Hide Price Checkbox Alignments */
.pt-page-accountdetail label[for="hidePrice"]{
    margin-bottom: 0px;
    margin-top:5px;
}
.pt-page-accountdetail #hidePrice,
.pt-page-accountdetail #hideNetPriceAndDiscount{
    margin-top:0px;
}
/*----*/
/* Contact form send copy alignment*/
.section_ContactUsForm #contactusform .send-copy-holder{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    gap:10px;
    position: absolute;
}
@media screen and (max-width:767px){
    .section_ContactUsForm #contactusform .send-copy-holder{
        position: static;
        padding-bottom:10px;
    }
}
/*Product List Avail & Price Alignment*/
#productlist .productAvailability{
    float:left;
}
#productlist .js-avail-wrapper{
    padding-top:1px;
}
#productlist .hover-product-price{
    text-align: right;
}


/*Product table price alignment*/

table.producttable th.header-field-price, table.producttable td.field-price {
	text-align: right;
}


table.producttable td.field-price h4.hover-product-price  {
	margin-bottom: 0;
}


/* Order/quote detail page alignment */
.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) > div {
    white-space: pre-line;
    text-align: unset !important;
    margin-bottom: 15px;
}
.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) > div a {
    white-space: normal;
}
.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) > div span {
    white-space: normal !important;
}
.section_QuoteDetail table.order-lines > tbody > tr > td:nth-of-type(3) {
    white-space: pre-line;
    text-align: unset !important;
}
.section_TransactionalDocumentDetails .DeliveredQty_OrderedQty, .section_TransactionalDocumentDetails .NetPrice, .section_TransactionalDocumentDetails .GrossPrice_Discount, .section_TransactionalDocumentDetails .Unit, .section_TransactionalDocumentDetails .LineSum {
    text-align: right;
}/* ==========================================================================
   Template styling
   ========================================================================== */

/* Dashboard
   ========================================================================== */
.dashboard {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


@media screen and (min-width:768px) {
	.dashboard-item {
		flex: 1;
	}
	.dashboard-item {
		margin-left: 10px;
		margin-right: 10px;
	}

	.dashboard-item:first-of-type {
		margin-left: 0;
	}
	.dashboard-item:last-of-type {
		margin-right: 0;
	}
}
.dashboard-item {
	position: relative;
	height: 250px;
}
.dashitem {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	text-align: center;
	/*-webkit-box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);
	box-shadow: 0px 0px 3px 0px rgba(122,122,122,1);*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	background:;
}
a.dashitem-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
a.dashitem-link:hover {
	text-decoration: none;
}
.dashitem .fa {
	font-size: 0;
	color: #00aabc;
}
.dashitem .fa::before {
	font-size: 100px;
}
.dashitem img {
	width: 100px;
}
.dashitem .dashitem-heading {
	margin-bottom: 5px;
}
@keyframes ScaleDashitem {
	from
	{transform: scale(1)}
	to
	{transform: scale(1.01)}
}
a.dashitem-link:hover ~ .dashitem {
	animation: ScaleDashitem 0.3s;
	animation-fill-mode: forwards;
}
@media screen and (max-width:767px) {
	.dashitem-info {
		display: none;
	}
	.dashboard-item {
		height: 150px;
		width: 48%;
		margin-bottom: 20px;
		flex-grow: 1;
	}
	.dashitem-img {
		width: 60px;
	}
	.dashitem .fa::before{
		font-size: 60px;
	}
}


/* Search template
   ========================================================================== */
/* Search template */
.search-icon {
    font-family: fontawesome;
    font-size: 25px;
    cursor: pointer;
}
.search-icon img {
    width: 25px;
}

/* Search section (Add this class to container you want to toggle - needs script also) */
.search-container {
    display: none;
}

/* Social media links
   ========================================================================== */
.social-media-links {
   font-size: 35px;
}
.social-media-links a:hover,
.social-media-links .social-link-image img:hover {
    text-decoration: none;
    transform: scale(1.1);
}
.social-media-links a:active,
.social-media-links a:focus {
 	text-decoration: none; 
}

.social-media-links .social-link-image img {
    width: 35px;
}

/* Hero image with text and button
   ========================================================================== */
.hero-container {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
  	background-size: cover;
    background-position: center;
}
.data-unit-container .hero-container{
    height:600px;
}
.data-unit-container .hero-container a{
    width:auto;
    min-width:100px;
}
.hero-container .hero-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin:0 auto;
    text-align: left;
}
.carousel{
    box-shadow: none;
}
.hero-container .hero-text h2{
    text-transform: uppercase;
    font-weight: 900;
    font-size:65px;
    width:65%;
    color:#fff;
    line-height:1;
  	white-space:pre-wrap;
}
.hero-container .hero-text p{
    text-transform:;
    font-weight: 900;
    font-size:;
    color:#fff;
}
.hero-container .hero-text .btn{
    background:rgba(255,255,255, 0.35);
    color:#fff;
    font-weight: 900;
    transition: 0.25s;
}
.hero-container .hero-text .btn:hover, .hero-container .hero-text .btn:active, .hero-container .hero-text .btn:focus{
    background:rgba(255,255,255, 1);
    color:#699129;
    font-weight: 900;
}
@media screen and (max-width:992px){
    .hero-container .hero-text h2{
        font-size:50px;
        width:;
    }
}
@media screen and (max-width:767px){
    .data-unit-container .hero-container{
        height:400px;
    }
    .hero-container .hero-text h2{
        font-size:40px;
        width:100%;
      	white-space: wrap;
    }
    .hero-container .hero-text{
        margin-right:20%;
    }
}
.hero-container{
    height:400px;
}
.section_ContentBannerDataUnit .hero-container{
    height:400px;
}
@media screen and (max-width:767px){
    .hero-container{
        max-height:175px;
    }
}

/* Contact info card
   ========================================================================== */
.contact-card {
    line-height: 170%;
}
.contact-card .contact-name {
    margin-top: 10px;
}
.contact-card h3 {
    margin-bottom: 5px;
}
.contact-card .contact-title {
    width: 100%;
    float: left;
}
.contact-card .contact-icons {
    margin-top: 5px;
}
.contact-card .contact-icons a {
    font-size: 20px;
}
.contact-card .contact-icons a:hover {
    text-decoration: none;
}

/* FAQ Accordion
   ========================================================================== */
.accordion-container input {
    display: none;
}
.accordion-container {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
.accordion-container label {
    display: block;
    cursor: pointer;
    border-bottom: 2px solid #eee;
    padding: 10px 0px;
}
.accordion-container label:after {
    content: '\f078';
    font-family: fontawesome;
    float: right;
    transform: rotate(0deg);
    transition: all 0.3s;
}
input +  label + .accordion-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0;
    transition: all 0.2s;
}
input:checked + label + .accordion-content {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    height: auto;
    padding: 10px 0px;
}
input:checked + label {
    border-color: #000;
    color: #000;
}
input:checked + label:after {
    transform: rotate(180deg);
    transition: all 0.3s;
}

/* Info card icon left
   ========================================================================== */
.info-card-left .info-card-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.info-card-left img {
    max-width: 30px;
    margin-right: 10px;
}
.info-card-left h3 {
    margin-bottom: 0;
}
.info-card-left .fa {
 	font-size: 0px; 
}
.info-card-left .fa:before {
    font-size: 30px;
    margin-right: 10px;
  	display: block;
}
/* Info card centered
   ========================================================================== */
.info-card-centered {
    text-align: center;
}
.info-card-centered .fa {
 	font-size: 0px; 
}
.info-card-centered img {
    max-width: 60px;
    margin-bottom: 10px;
}
.info-card-centered .fa:before {
    font-size: 60px;
    margin-bottom: 15px;
  	display: block;
}

/* Video
   ========================================================================== */
.video-embed-container { 
  	position: relative; 
  	padding-bottom: 56.25%; 
  	height: 0; 
  	overflow: hidden;
  	max-width: 100%; 
} 
.video-embed-container iframe, .video-embed-container object,
.video-embed-container embed { 
  	position: absolute; 
  	top: 0; 
  	left: 0; 
  	width: 100%; 
  	height: 100%; 
}
/* Image card with text on top
   ========================================================================== */
.image-card-text-top {
    background-size: cover;
    background-repeat: none;
    background-position: center;
    position: relative;
    padding: 20px;
}
.image-card-text-top.centered {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.image-card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.image-card-text {
    position: relative;
    z-index: 555;
}
/* Flip Box - Flip Version
 ===================== */
/*
.flip-box {
    position: relative;
    width: 300px;
    height: 400px;
    perspective: 2500px;
}
.box-front{
    background-size:cover;
    background-position: center;
}
.box-front,
.box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
}
.box-front {
    background-color: #699129;
    color: black;
    z-index: 2;
}
.box-back {
    background-color: #699129;
    color: white;
    transform: rotateY(180deg);
}
.flip-box:hover .box-front {
    transform: rotateY(180deg);
}

.flip-box:hover .box-back {
    transform: rotateY(0deg);
}

.flip-box .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding:20px;
}
.flip-box h3{
    font-size:28px;
    color:#fff;
  	margin-bottom:0px;
}
.box-front p{
    color:#fff;
    font-weight: 700;
    font-size: 16px;
}
.flip-box .btn{
    background:rgba;
    color:rgb(106,145,41);
        color:#699129;
    font-weight: 700;
}
.flip-box .btn{
    background:rgba(255,255,255, 0.4);
    color:#fff;
    font-weight: 900;
    transition: 0.25s;
}
.flip-box .btn:hover, .flip-box .btn:active, .flip-box .btn:focus{
    background:rgba(255,255,255, 1);
    color:#699129;
    font-weight: 900;
}*/
/* Flip Box - Slide Version
 ===================== */
.flip-box {
    position: relative;
    width: 300px;
    height: 400px;
    overflow: hidden;
}

.box-front, .box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.5s cubic-bezier(.4, .2, .2, 1);
}

.box-front {
    background-color: #313233;
    z-index: 2;
    background-size: cover;
    background-position: center;
}
.box-front .inner{
    background: radial-gradient(circle, rgba(49,50,51,0.85) 0%, rgba(0,0,0,0) 100%);
}
.box-back {
    background-color: #313233;
    color: #fff;
    transform: translateY(-100%);
}

.flip-box:hover .box-back {
    transform: translateY(0);
}

.flip-box:hover .box-front {
    transform: translateY(100%);
}

.flip-box .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px;
}

.flip-box h3 {
    font-size: 28px;
  	font-weight: 900;
    color: #fff;
    margin-bottom: 0px;
}

.box-front p {
    color:#699129;
    font-weight: 900;
    font-size: 16px;
}

.flip-box .btn {
    background: rgba(255,255,255, 0.85);
    color: #699129;
    font-weight: 700;
    transition: 0.25s;
  	border-radius:20px;
}

.flip-box .btn:hover, .flip-box .btn:active, .flip-box .btn:focus {
    background: rgba(255,255,255, 1);
    color: #699129;
    font-weight: 900;
}
.section_ContentDataUnit > .flip-box{
    width:100%;
}
/* Flip Box Group
 ===================== */
.flip-box-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:15px;
}
.flip-box-group .flip-box-container{
    flex-grow:1;
    width:auto;
    min-width:270px;
}
.flip-box-group .flip-box{
    width:auto;
}
/* Fade in */
.fade-in .flip-box-container {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}
.fade-in .flip-box-container.visible {
    opacity: 1;
    transform: translateY(0);
}
/* ---- Testimonial ---- */
.testimonial{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
}
.testimonial img{
    width:100px;
    border-radius: 50%;
}
.testimonial p{
    font-size:20px;
    font-weight: 200;
    margin-bottom: 0px;
    font-style: italic;
}
@media screen and (max-width:767px){
    .testimonial p{
        flex-basis: 60%;
    }
}
/*Service Rep*/
.rep-container > p{
    white-space: pre;
    margin-bottom:0px;
}
.rep-city{
    margin-bottom:4px;
}
.rep-container .rep-city{
    display: flex;
    align-items: center;
}
.rep-container .rep-city p{
    padding-right:8px;
    margin-bottom: 0px;
  	text-transform:uppercase;
}
.rep-container .rep-city img.manu{
    width:23px;
    height:auto;
}
.rep-container .rep-city img.diamond{
    height: 18px;
    width:auto;
}
.rep-container .rep-city img.carbide{
    height: 14px;
    width: auto;
    margin-left: 4px;
}
/* Service Group */
.service-rep{
    background:#f9f9f9;
    padding:10px 15px;
    margin:5px 20px 5px 0px;
    border-radius: 20px;
}
.service-rep-group{
    display: flex;
    flex-wrap:wrap;
    gap:10px 0px;
}
.service-rep-group:has(.service-rep:nth-child(5)) .service-rep{
    flex-basis:calc(50% - 20px);
}
.service-rep-group .service-rep{
    flex-basis: 100%;
}
@media screen and (max-width:767px){
    .service-rep-group .service-rep{
        flex-basis: 100% !important;
    }
    .service-rep-group .rep-container > p{
        white-space: nowrap;
    }
    .service-rep{
        margin:5px 0px;
    }
}
[lang="fr"] [data-comp="1200"] .service-rep-list .col-sm-8 h3,
[lang="fr"] [data-comp="1200"] .service-rep-list .col-sm-4 h3{
    font-size:0px;
    content:"";
}
[lang="fr"] [data-comp="1200"] .service-rep-list .col-sm-8 h3:before{
    content:"ÉTATS-UNIS";
    font-size:30px;
}
[lang="fr"] [data-comp="1200"] .service-rep-list .col-sm-4 h3:before{
    content:"CANADA";
    font-size:30px;
}