/* ==========================================================================
   General Site Styling
   ========================================================================== */

/* Cheat sheet color codes
   ========================================================================== 
Primary colors: 
red 186: #c01320
black: #1e1e1e
cool gray 9: #747678
white: #fff; 

Secondary colors: 
red 187: #981021
cool gray 11: #4d4f53
cool gray 7: #9a9b9c
cool gray 4: #bcbdbc
cool gray 1: #e0e1dd

Backgrounds: 
Field 1: #bcbdbc
Field 2: #e0e0e0
Field 3: #e8e8e8
Field 4: #efefef
Field 5: #f8f8f8

Alerts: 
Green main: #96ad5a
Green light 1: #b0c087
Green light 2: #bdc987
Green lighten: #e7ecbd
Yellow: #e5bc6f
Red: #c38d97
*/

/* Fonts
   ========================================================================== */
/* ----- Imported fonts -----*/
@font-face {
    font-family: "Effra";
    font-style: normal;
    font-weight: 700;
    src: url("/customfonts/Effra-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: italic;
    font-weight: 700;
    src: url("/customfonts/Effra-Bold-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: normal;
    font-weight: 900;
    src: url("/customfonts/Effra-Heavy.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: italic;
    font-weight: 900;
    src: url("/customfonts/Effra-Heavy-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: italic;
    font-weight: 400;
    src: url("/customfonts/Effra-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: normal;
    font-weight: 300;
    src: url("/customfonts/Effra-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: italic;
    font-weight: 300;
    src: url("/customfonts/Effra-Light-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: normal;
    font-weight: 500;
    src: url("/customfonts/Effra-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Effra";
    font-style: italic;
    font-weight: 500;
    src: url("/customfonts/Effra-Medium-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Innovation";
    font-style: normal;
    font-weight: 700;
    src: url("/customfonts/Innovation-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Innovation";
    font-style: normal;
    font-weight: 500;
    src: url("/customfonts/Innovation-International.ttf") format("truetype");
}
@font-face {
    font-family: "Innovation";
    font-style: normal;
    font-weight: 300;
    src: url("/customfonts/Innovation-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Innovation";
    font-style: normal;
    font-weight: 400;
    src: url("/customfonts/Innovation-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Instrument Sans";
    font-style: normal;
    font-weight: 400;
    src: url("/customfonts/InstrumentSans.ttf") format("truetype");
}
@font-face {
    font-family: "Instrument Sans";
    font-style: italic;
    font-weight: 400;
    src: url("/customfonts/InstrumentSans-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: normal;
    font-weight: 100;
    src: url("/customfonts/MuseoSlab-100.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: italic;
    font-weight: 100;
    src: url("/customfonts/MuseoSlab-100Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: normal;
    font-weight: 300;
    src: url("/customfonts/MuseoSlab-300.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: italic;
    font-weight: 300;
    src: url("/customfonts/MuseoSlab-300Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: normal;
    font-weight: 500;
    src: url("/customfonts/MuseoSlab-500.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: italic;
    font-weight: 500;
    src: url("/customfonts/MuseoSlab-500Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: normal;
    font-weight: 700;
    src: url("/customfonts/MuseoSlab-700.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: italic;
    font-weight: 700;
    src: url("/customfonts/MuseoSlab-700Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: normal;
    font-weight: 900;
    src: url("/customfonts/MuseoSlab-900.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: italic;
    font-weight: 900;
    src: url("/customfonts/MuseoSlab-900Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: normal;
    font-weight: 1000;
    src: url("/customfonts/MuseoSlab-1000.ttf") format("truetype");
}
@font-face {
    font-family: "Museo Slab";
    font-style: italic;
    font-weight: 1000;
    src: url("/customfonts/MuseoSlab-1000Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 900;
    src: url("/customfonts/Poppins-Black.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 900;
    src: url("/customfonts/Poppins-BlackItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 900;
    src: url("/customfonts/Poppins-Black.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 900;
    src: url("/customfonts/Poppins-BlackItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 800;
    src: url("/customfonts/Poppins-ExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 800;
    src: url("/customfonts/Poppins-ExtraBoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    src: url("/customfonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 700;
    src: url("/customfonts/Poppins-BoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    src: url("/customfonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 600;
    src: url("/customfonts/Poppins-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    src: url("/customfonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 500;
    src: url("/customfonts/Poppins-MediumItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("/customfonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    src: url("/customfonts/Poppins-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    src: url("/customfonts/Poppins-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 300;
    src: url("/customfonts/Poppins-LightItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 200;
    src: url("/customfonts/Poppins-ExtraLight.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 200;
    src: url("/customfonts/Poppins-ExtraLightItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 100;
    src: url("/customfonts/Poppins-Thin.ttf") format("truetype");
}
@font-face {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 100;
    src: url("/customfonts/Poppins-ThinItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: 700;
    src: url("/customfonts/ZillaSlab-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: italic;
    font-weight: 700;
    src: url("/customfonts/ZillaSlab-BoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: 600;
    src: url("/customfonts/ZillaSlab-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: italic;
    font-weight: 600;
    src: url("/customfonts/ZillaSlab-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: 500;
    src: url("/customfonts/ZillaSlab-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: italic;
    font-weight: 500;
    src: url("/customfonts/ZillaSlab-MediumItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: 400;
    src: url("/customfonts/ZillaSlab-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: italic;
    font-weight: 400;
    src: url("/customfonts/ZillaSlab-Italic.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: 300;
    src: url("/customfonts/ZillaSlab-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Zilla Slab";
    font-style: italic;
    font-weight: 300;
    src: url("/customfonts/ZillaSlab-LightItalic.ttf") format("truetype");
}

@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");
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://fonts.parttrap.com/Icons/material-icons.woff2") format("woff2"), url("https://fonts.parttrap.com/Icons/material-icons.woff") format("woff");
}

/* ----- Body fonts ----- */
body {
    font-family: "Museo Slab";
    font-size: 16px;
    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: "Effra", sans-serif;
    font-weight: 700;
  	color: #2D2926;
}

h5, p{
  	font-family: "Museo Slab";
  	font-weight: 500;
  	color: #2D2926;
}

h1, h1.page-header, .pt-page-favoriteproducts .container h1 {
    font-size: 48px;
}
h2, h2.page-header {
    font-size: 32px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 19px;
}
h6{
    font-size: 16px;
}

/*---- Links ------*/
/* Body links */
.cd-main-content p > a:not(.btn) {
    color: #2D2926;
    font-weight: 600;
}
.cd-main-content p > a:not(.btn):hover {
    color:#2D2926;
    text-decoration: underline;
}

/* Buttons
   ========================================================================== */
/* ----- Buttons general ----- */
.btn, .btn:focus, .btn:active {
    background: #C01320;
    border-color: #C01320;
    color: #fff;
}
.btn:hover {
    background: #BF1B3C;
    border-color: #BF1B3C;
    color: #fff;
}
/*CTA buttons */
.btn.btn-ptOrange, #btnConfirm.btn, .btn.btn-ptOrange:focus, #btnConfirm.btn:focus, .btn.btn-ptOrange:active, #btnConfirm.btn:active  {
    background: #C01320;
    border-color:#C01320;
    color: #FFF;
}
.btn.btn-ptOrange:hover, #btnConfirm.btn:hover {
    background: #BF1B3C;
    border-color: #BF1B3C;
    color: #fff;
}

/* Alertify buttons */
.alertify-button, .alertify-button:hover, .alertify-button:focus, .alertify-button:active {
    background-color: #e5bc6f;
  	border-color:#e5bc6f;
  	color: #000;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus, .alertify-button-ok:active {
    background-color:#b0c087;
  	border-color: #b0c087;
  	color: #000;
}

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

.alertify-log-error {
    background: #c38d97;
    border-color: #c38d97;
}

/* Custom Page Width
   ========================================================================== */
@media screen and (max-width:767px) {
    .header>.container, .content>.container {
    	width:;
    }
}
@media screen and (min-width:768px) {
    .header>.container, .content>.container  {
    	width:;
    }
}
@media screen and (min-width:992px) {
    .header>.container, .content>.container  {
    	width:;
    }
}
@media screen and (min-width:1200px) {
    .header>.container, .content>.container  {
       width: 100%;
    }
}
@media screen and (min-width:1300px) {
    .header>.container, .content>.container  {
       width: 1280px;
    }
}
@media screen and (min-width:1400px) {
    .header>.container, .content>.container  {
       width:;
    }
}

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

[data-loggedin="True"] .visible-auto{
  display: none;
}

[data-loggedin="False"] .hidden-auto{
  display: none;
}

.visible-xxs{
    display: none;
}

@media screen and (max-width: 767px){
    .visible-xxs{
        display: block;
    }
    .hidden-xxs{
        display: none;
    }
}


/* 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;
    }
  
    .flex-center{
      display: flex;
      align-items: center;
    }	
}

/* Header
   ========================================================================== */
/* ----- General header styling -----*/
.header {
  background: #f5f5f5;
}

.header-main-row{
    padding: 20px 0 !important;
}

.cd-main-header{
    background: transparent;
}

.header .container:not(.cart-content){
    display: flex;
    flex-direction: row;
}

.header-main-col{
    display: flex;
    flex-direction: row;
    flex: 1 0 auto;
    align-items: center;
    justify-content: space-between;
}
@media screen and (min-width: 1200px){
.header-main-col > .section{
    width: 65%;
}
}

.header-main-col > div{
    width: 25%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-main-col > div > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

.header-main-col > div > div section:last-child a{
    margin-left: 15px;
}

.header .section+.section, .header-main-col .section{
    padding: 0;
}

.header-main-col p, .header-main-col .header-input{
    margin: 0;
}

.header-menu-row{
    background: #333;
    color: white;
    border: none;
}

.header-menu-row .cd-primary-nav>li>a{
    color: #C9CAC8;
    text-transform: uppercase;
  	font-family: "Effra", sans-serif;
  	font-weight: 700;
}

.header-main-col .fa.fa-search::before{
    content: "";
    background: url(/en/image/getthumbnail/1052);
    background-size: cover;
    background-position: center;
    width: 27px;
    height: 27px;
    display: block;
}

.header-main-col .section_CatalogSearchBox  .input-group-btn{
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 15px;
    width: auto;
}

.header-main-col .pt-btn-search{
    background: transparent;
    border: transparent;
    padding: 0;
}

.header-main-col .header-input{
    width: 100%;
}
@media screen and (min-width: 1200px){
    .cd-nav>ul>li:first-child{
      	margin-left: 0;
    }
}


.header .section_CatalogSearchBox .catalogsearchbox {
    height: unset;
    font-size: 16px;
    padding: 10px 20px;
}

.header .section_CatalogSearchBox .catalogsearchboxbutton {
    display: flex;
    align-items: center;
    margin-left: 0;
}

.cd-primary-nav>.has-children>a::before, 
.cd-primary-nav>.has-children>a::after{
    width: 0;
}

.cd-primary-nav>.has-children>a.selected::before, .cd-primary-nav>.has-children>a.selected::after{
    width: 0;
}

.header-menu-row .cd-primary-nav>li>a:hover{
    text-decoration: none;
    color: white;
}



/* ----- Top-bar ----- */
/* Top bar general */
.top-bar {
    background:;
}
/* Top bar links */
.top-bar .top-bar-link a:hover {
    background-color:;
    color:;
}
/* @ 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 */
@media screen and (max-width: 1199px){
    .header-logo-col {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    margin-right: auto;
}
.header-logo-col img {
    max-width: 280px;
}
    .header-main-col {
    padding: 0;
}
}
@media screen and (max-width: 991px){
 	.header-logo-col img {
    max-width: 100%;
} 
}

/* @ 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) {
    
}

@media screen and (max-width: 991px){
    .header .cart-content.container {
    display: none !important;
}
}

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

/*Search result view*/
.ProductType-1:before {
    content: 'MODEL ';
}

.ProductType-1:before {
    font-size: 15px;
    font-weight: 600;
}

.ProductType-1{
    font-size: 0;
}

.ProductType-0 {
    font-weight: 600;
    font-weight: 15px;
}


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

/* My account, user, minicart, cart */

.my-account-toggle{
    margin-right: 15px;
}
.my-account-toggle p{
    text-align: center;
    display: flex;
    align-items: center;
  cursor: pointer;
}

.my-account-toggle p::before{
    display: inline-block;
    content: " ";
    background-image: url(/en/image/getthumbnail/1126);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    margin: auto;
}

.cart .badge.visible-xs{
    display: block;
    top: auto;
    bottom: 80%;
    left: 40%;
    z-index: 100;
    background-color: #f5f5f5;
}


.cart:hover{
    background: #f5f5f5;
}

.cart:focus{
    outline: 1px dashed black;
}

.header-main-col .cart-field-amount{
    display: none;
}

.header-main-col .cart.header-input{
    margin: 0;
}

.header-main-col .cart.header-input .cart-btn{
    background: transparent;
    border-color: transparent;
    height: auto;
    padding: 0;
    line-height: 1;
}

.header-main-col .cart.header-input > .input-group{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.header-main-col .cart.header-input .feature-basket{
    text-align: center;
    height: auto;
}

.header-main-col .cart-field{
    border: none;
    box-shadow: none;
    padding: 0;
}

.header-main-col .cart-field-label{
    width: 100%;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    color: #1e1e1e;
}

.header-main-col .cart .input-group-btn{
    width: auto;
}

.header-main-col .fa-shopping-cart::before{
    display: block;
    font-size: 24px;
    content: " ";
    background-image: url(/en/image/getthumbnail/1019);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    
}

.cart-content{
    right: 0;
    width: 400px;
  	padding: 20px;
  	background-color: #f5f5f5;
}

.cart-content .cart-product{
    text-align: left;
}

.cart-content .cart-table tr>td:has(a.js-removeFromBasket){
    position: relative;
}

.cart-content .js-removeFromBasket{
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}

.cart-content .btn-group .btn{
    margin: 5px;
    display: inline-block;
    width: calc(50% - 10px);
    border-radius: 5px !important;
}

.cart-content .fa-remove::before{
    font-size: 19px;
}

.header .cart-field {
    background: none;
}

.main-header .cart-field-label {
    font-size: 16px;
    line-height: 1.42857;
    font-weight: 400;
    color: rgb(51, 51, 51);
}

.user-container{
    display: none;
    z-index: 100;
    position: absolute;
    width: 400px; 
    overflow: hidden;
    background: #f5f5f5;
    right: 0;
    left: auto;
    top: 60px;
    padding: 20px;
    text-align: right;
    box-shadow: 5px 5px 5px rgba(0,0,0,.05), -5px 5px 10px rgba(0,0,0,.05); 
}

.user-container .sidebar-nav .sidebar-item{
    border-bottom: none;
}

.user-container .sidebar-nav-items li.toggle-item {
    border-top: 1px solid #bcbdbc;
    padding: 10px 0;
}

.user-container .sidebar-nav-items{
    border-top: none;
}

.user-container .top-bar-link.user-log-out-link>a {
    border: none;
    background: #981021;
    color: white;
    font-family: "Effra", "Zilla Slab", sans-serif;
    font-weight: 400;
    font-size: 13px;
    border-radius: 0;
  text-align: left;
}

.user-container .top-bar-link>a span{
    display: inline;
}



.user-container .nav>li.user-log-out-link>a:hover, .user-container .nav>li.user-log-out-link>a:focus{
    background: #c01320;
}

.user-container .toggle-lvl-one .sidebar-item{
    padding-right: 0;
    padding: 0;
}

.user-container .toggle-lvl-one .sidebar-item a{
    padding: 0;
}

.user-container .toggle-lvl-one div.sidebar-item{
    margin: 0;
}

.user-container .user-profile-page-link a:hover{
    background: none;
}

.user-container .user-profile-page-link a{
    border: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
}

.user-container .top-bar-link.user-profile-page-link>a span{
    display: inline;
}

.user-container .top-bar-link.user-profile-page-link a .user-profile-customer{
    white-space: nowrap;
}

.user-container .section_LoginStatus ul{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
}




.cart .fa.fa-remove::before{
    content: " ";
    background: url(/en/image/getthumbnail/1122);
    background-size: 100%;
    display: block;
    height: 30px;
    width: 30px;
}

.mobile-search-box {
    display: none;
    position: fixed;
    top: 110px;
    width: 80vw;
    z-index: 5;
    left: 50%;
    transform: translatex(-50%);
}

@media screen and (max-width: 1199px){
    .hidden-mobile {
        display: none !important;
    }
    .header-main-col{
        display: flex;
        justify-content: flex-end;
        flex: 0 0 auto; 
    }
    
    .header-main-col > div{
        width: auto;
        margin-left: 15px;
    }
    
    .header-main-col .cart-field-label{
        display: block;
    }
    
    .search-toggle{
        cursor: pointer;
        margin: 0 0 0 15px;
    }
    .search-toggle p{
        display: flex;
        align-items: center;
        align-content: center;
    }
    
    .search-toggle p:before{
        content: "";
        background: url(/en/image/getthumbnail/1052);
        background-size: cover;
        background-position: center;
        width: 27px;
        height: 27px;
        display: inline-block;
    }
    .cd-header-buttons{
        position: relative;
        top: 0;
        right: 0;
      	padding-left: 0;
      margin-bottom: 0;
    }
}

@media screen and (max-width: 767px){
     .search-toggle p, .my-account-toggle p, .header-main-col .cart.header-input > .input-group{
         display: grid;
         grid-template-rows: 1fr;
         text-align: center;
         justify-items: center;
    }
    .header-main-col{
        align-items: center;
        align-content: flex-end;
    }
  
    
    .header-main-col > div > div{
        align-items: flex-end;
    }
}

@media screen and (min-width: 1200px){
    .hidden-desktop {
        display: none !important;
    }
    
    .header-main-col {
        flex: 1 0 auto;
        align-items: center;
        justify-content: space-between;
    }
}

/* Mobile adjustments */
@media screen and (max-width: 1199px){
 	 .header-row p{
        display: none;
    }
    .cart .badge.visible-xs{
        margin-left: 0;
    }
    
    .main-header>.container{
        padding: 0;
    }
    .header.main-header .container:before, .header.main-header .container:after{
        display: none;
    }
    
    .user-container{
        top: 54px;
        width: 100vw;
    }
    
    .main-header.scroll-down .user-container{
        top: 50px;
    }
    
    .user-container .section_Menu .sidebar-nav-toggle{
        display: none;
    }
    .user-container .section_Menu .sidebar-nav-items{
        display: block !important;
    }
    
}


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

.cd-nav>ul>li>a{
    padding: 5px 30px 5px 0;
}

/*---------------- New Menu ------------*/
/*Megamenu START */
/* Safari Fix */
.desktop-menu .cd-primary-nav .cd-secondary-nav > li{
	overflow:visible;
}
/**/
.desktop-menu .cd-primary-nav .cd-secondary-nav a{
    color:#333;
    font-weight: 400;
    font-size:;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav{
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    overflow: hidden;
    background: #f5f5f5;
  	/*background: linear-gradient(to right, #edf0f2 64%, #fff 64%);*/
}
.desktop-menu .cd-primary-nav .cd-secondary-nav > li {
    min-height: auto !important;
    background: #fff;
    position: static;
    padding: 2px 20px 2px !important;
    margin: 0px !important;
    z-index: 10;
    width: 400px;
    height: auto !important;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav > li.has-children > a:after{
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 1.2em;
    transition: 0.2s;
    background:transparent;
    color: #333;
    font-weight: 100;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    right:5px;
    top:0;
    transform: translate(-25%,50%);
    justify-content: center;
    display: flex;
    align-items:center;
    opacity:0;
}

.desktop-menu .cd-primary-nav .cd-secondary-nav > li.has-children > a:hover:after{
    opacity:1;
  right: -5px;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul > li > a{
    font-weight: bold;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul  li.go-back{
    display: none;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul  li a{
    padding: 0.5rem 1rem;
    color:#333;
    font-weight: normal;
}

.desktop-menu .cd-primary-nav .cd-secondary-nav>.see-all a:hover, 
.desktop-menu .section_Menu .moves-out.cd-primary-nav .see-all a:hover,
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul  li.see-all a,
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul  li.see-all a:hover{
    color: #333 !important;
    font-weight: 400;
  border-bottom: 1px solid #333;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul li a{
    font-size:16px;
    line-height:30px;
    font-weight:400;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav > li:nth-child(2){
    padding-top:16px !important;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav > li:last-of-type{
    padding-bottom:18px !important;
}
/* Third level */
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > a{
    text-decoration: none;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li > a:after {
    content: "\f178" !important;
    font-size: 1.2em !important;
    position: absolute;
    right: 10px;
    font-family: fontawesome;
    color: #333 !important;
    background: ;
    width: 20px;
    height: 20px;
    top: 9px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transform: rotate(0deg);
    background: none;
    opacity: 0;
    transition: 0.2s;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > a:hover:after {
    opacity: 1;
    right: 0px;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > a.selected:after {
    opacity: 1;
    right: 0px;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > a{
    margin:0.3rem 1rem 0.1rem 1rem !important;
    padding:0rem 0rem !important;
    border-bottom:1px solid transparent;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > a:hover,
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > a.selected{
    border-bottom:1px solid #333;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul  li.has-children a:before,
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul  li.has-children a:after{
    display: none !important;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul {
    position: absolute;
  	left: 410px;
    top: 15px;
    width: 50% !important;
    width: calc(100% - 410px) !important;
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 15vw;
    flex-wrap: wrap;
    
    
    display: grid;
    grid-template-rows: repeat(8, 1fr);
    grid-template-columns: repeat(4, 1fr);
    max-height: 100%;
    grid-auto-flow: column;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li.has-children > ul + ul{
    left:68%;
}
@media screen and (max-width:1280px){
    .desktop-menu .cd-primary-nav .cd-secondary-nav >li.has-children > ul + ul{
        left:72%;
    }
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul:has( ul > li:nth-child(9)){
    max-height:90%;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav >li> ul ul{
    display: flex;
    flex-wrap:wrap;
    flex-direction: column;
    max-height:1000px;
    position: relative !important;
    left:0% !important;
}
.desktop-menu li.has-children > a.selected,
.desktop-menu li.has-children ul,
.cd-primary-nav .cd-secondary-nav .moves-out > li > a{
    transform: unset !important;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav > li.has-children > ul.is-hidden{
    display: none;
}
.col-header-desktop-menu .cd-primary-nav .cd-secondary-nav>li:nth-child(n+11){
    border-top:none !important;
    padding-top:0px !important;
}
/*hover color*/
.desktop-menu .cd-secondary-nav > li > a{
    border-bottom:1px solid transparent;
    transition: 0.15s ease-in-out;
}
.desktop-menu .cd-secondary-nav > li.has-children > a:hover:after{
    opacity: 1;
    right: -5px;
}
.desktop-menu .cd-secondary-nav > li > a:hover{
    border-color:#333;
    text-decoration: none;
}
.desktop-menu .cd-secondary-nav > .selected-list > a.selected{
    border-bottom:1px solid #333;
}
.desktop-menu .cd-secondary-nav > .selected-list > a.selected:after{
    opacity: 1 !important;
    right: -5px !important;
}
@media screen and (min-width: 1200px) {
    .desktop-menu .cd-primary-nav .cd-secondary-nav,
    .desktop-menu .cd-primary-nav .cd-nav-gallery {
        top: 36px !important;
        width:calc(100vw - 15px);
    }
}
.header .col-header-desktop-menu{
    margin-top:10px;
  	display:flex;
}
/* Third Level */
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~  li.has-children > ul.is-hidden{
    display: none;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > ul {
    display: table;
    position: absolute !important;
    /*width: 100%;*/
    /*left: 112% !important;*/
    background: #fff;
    height: auto;
}
/* White bg cover third level*/
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > ul{
    padding-bottom:200%;
    padding-right:50%;
    width:150%;
    padding-left:6%;
    left:106% !important;
    padding-top:15px;
    top:-15px;
}
/**/
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > ul > li {
    display: table-row;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > ul > li.go-back {
    display: none;
}
.desktop-menu .cd-primary-nav .cd-secondary-nav [data-level="3"] ~ li.has-children > ul > li.see-all{
    border-top-left-radius: .3rem !important;
    border-top-right-radius: .3rem !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    display: block;
}

.desktop-menu .cd-primary-nav .cd-secondary-nav > li > a{
    padding-left: .5rem;
}

.desktop-menu .cd-primary-nav .cd-secondary-nav:not(:has(.has-children)) {
    background: #fff;
    padding: 16px 0 18px !important;
}

.desktop-menu .cd-primary-nav .cd-secondary-nav:not(:has(.has-children)) {
    display: grid;
    grid-template-rows: repeat(16, auto);
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: column;
}    

@media screen and (max-width: 1920px){
  .desktop-menu .cd-primary-nav .cd-secondary-nav:not(:has(.has-children)) {
      grid-template-rows: repeat(20, auto);
      grid-template-columns: repeat(5, 1fr);
  } 
}

.desktop-menu .cd-primary-nav .cd-secondary-nav:not(:has(.has-children))  > li:nth-child(2){
    padding-top: 0 !important;
}

.desktop-menu .cd-primary-nav .cd-secondary-nav:not(:has(.has-children)) > li:last-of-type{
    padding-bottom: 0 !important;
}



.cd-primary-nav .cd-secondary-nav:not(:has(.has-children))>.see-all a{
    position: relative;
    width: auto;
    height: auto;
    font-size: unset;
    text-align: left;
    line-height: 1;
    border-top: 0;
    display: block;
    background-color: transparent;
    color: #333;
    border-radius: 0;
    transition: 0.25s;
    line-height: 30px;
  border-bottom: 1px solid transparent;
}

/*.navbar .moves-out.cd-primary-nav .see-all a, .section_Menu .moves-out.cd-primary-nav .see-all a{
    color: white;
}*/

/*Megamenu END */

/*Updated gallery for brands */
/* =====================================================================
===================================================================== */
@media screen and (min-width: 1200px) {
  .cd-primary-nav .cd-nav-gallery {
    --bg-border: #e3e3e3;
      --bg-border-hover: #b9b9b9;
      --bg-surface: #ffffff;
      --bg-text: #222222;
      --bg-muted: #8a8a8a;
      --bg-accent: #8e1b22;
      --bg-cols: 7;
      --bg-gap: 16px 30px;
      --bg-pad: 40px;
      --bg-tile-h: 110px;

      display: grid;
      grid-template-columns: repeat(var(--bg-cols), minmax(0, 1fr));
        gap: var(--bg-gap);
          align-content: start;

          box-sizing: border-box;
          margin: 0;
          padding: 0 var(--bg-pad);
            list-style: none;
            background: var(--bg-surface);
              color: var(--bg-text);
                overflow-y: auto;
                overscroll-behavior: contain;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: thin;
                scrollbar-color: #a8a8a8 transparent;
                max-height: 520px;
                }

    .cd-primary-nav .cd-nav-gallery *,
    .cd-primary-nav .cd-nav-gallery *::before,
    .cd-primary-nav .cd-nav-gallery *::after {
      box-sizing: border-box;
    }

    .cd-primary-nav .cd-nav-gallery>li {
      float: none;
      width: auto;
      min-width: 0;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .cd-primary-nav .cd-nav-gallery>li[hidden] {
      display: none;
    }

    .cd-primary-nav .cd-nav-gallery::-webkit-scrollbar {
      width: 6px;
    }

    .cd-primary-nav .cd-nav-gallery::-webkit-scrollbar-track {
      background: transparent;
    }

    .cd-primary-nav .cd-nav-gallery::-webkit-scrollbar-thumb {
      background: #a8a8a8;
      border-radius: 3px;
    }

    .cd-primary-nav .cd-nav-gallery .go-back {
      display: none;
    }


    .cd-primary-nav .cd-nav-gallery .cd-nav-search {
      grid-column: 1 / -1;
      position: sticky;
      top: 0;
      z-index: 2;
      background: var(--bg-surface);
        padding: 24px 0 14px;
        }

    .cd-primary-nav .cd-nav-gallery .cd-nav-search-input {
      display: block;
      width: 100%;
      height: 42px;
      padding: 0 12px;
      border: 1px solid #9a9a9a;
      border-radius: 0;
      background: var(--bg-surface);
        color: var(--bg-text);
          font: inherit;
          font-size: 1rem;
          -webkit-appearance: none;
          appearance: none;
          max-width: 290px;
          height: 42px;
          }

    .cd-primary-nav .cd-nav-gallery .cd-nav-search-input::placeholder {
      color: var(--bg-muted);
        font-style: italic;
        opacity: 1;
        }

    .cd-primary-nav .cd-nav-gallery .cd-nav-search-input:focus {
      outline: none;
      border-color: var(--bg-text);
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
        }


    .cd-primary-nav .cd-nav-gallery .see-all {
      grid-column: 1 / -1;
      order: 1;
      position: sticky;
      inset: auto 0 0 0;
      z-index: 2;
      height: auto;
      padding: 26px 0 20px;
      background: var(--bg-surface);
        }

    .cd-primary-nav .cd-nav-gallery .see-all a {
      display: inline-flex;
      align-items: center;
      gap: 0.5em;
      color: var(--bg-accent);
        }

    .cd-primary-nav .cd-nav-gallery .see-all a::after {
      content: ">";
      content: ">" / "";
    }

    .cd-primary-nav .cd-nav-gallery .see-all a:hover,
      .cd-primary-nav .cd-nav-gallery .see-all a:focus-visible {
        text-decoration: underline;
        text-underline-offset: 3px;
      }
    
    @media screen and (min-width: 1200px) {
    .header .section_Menu.desktop-menu .cd-primary-nav .cd-nav-gallery > .see-all a:hover{
        background: none;
        color: #2e3233;
    }
}


    /* ---------- Brand-search ---------- */

    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: var(--bg-tile-h);
      padding: 0px;
      border: 1px solid var(--bg-border);
      background: var(--bg-surface);
      color: var(--bg-text);
      text-align: center;
      text-decoration: none;
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
     }

    .cd-primary-nav .cd-nav-gallery .cd-nav-item:hover {
      border-color: var(--bg-border-hover);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
     }

    .cd-primary-nav .cd-nav-gallery .cd-nav-item:focus-visible {
      outline: 2px solid var(--bg-accent);
      outline-offset: 2px;
     }

    .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
      display: block;
      width: auto;
      height: auto;
      max-width: 70%;
      max-height: 100%;
      margin: 0;
      object-fit: contain;
    }

    .cd-primary-nav .cd-nav-gallery .cd-nav-title {
      display: block;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }

    .cd-primary-nav .cd-nav-gallery .cd-nav-item img+.cd-nav-title {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      white-space: nowrap;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
      transition: none;
    }
  }
@media screen and (max-width: 1199px){
    .cd-nav-gallery .cd-nav-search{
        width: 100%;
        padding: 1rem;
    } 
    
    .cd-nav-gallery .cd-nav-search input{
        font-size: 16px;
        padding: 1rem;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item{
        padding-left: 20px;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item img{
        display: none;
    }
}
  
  /* END BRAND GALLERY */


/* ----- Main navigation desktop 1200px -> ----- */
@media screen and (min-width: 1200px) {
    .header .cd-primary-nav > li > a{
      line-height: 1;
      height: auto;
	}
  .header ul.cd-secondary-nav li.has-children{
    max-height: 150px;
    height: 150px;
    margin: 0 20px 20px 0;
  }
}
/* ----- Main navigation mobile <-1199px ----- */
@media screen and (max-width: 1199px) {
      .cd-primary-nav .cd-secondary-nav:not(:has(.has-children))>.see-all a{
        display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #3a3f40;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s,opacity .3s;
    transition: transform .3s, opacity .3s;
    }
}

@media screen and (max-width: 550px){
.header .container:not(.cart-content){
    flex-wrap: wrap;
    justify-content: center;
}

.header .container:not(.cart-content) .header-logo-col{
    max-width: 200px;
    width: 80%;
    margin: auto;
    margin-bottom: 10px;
}

.header-main-row{
    padding: 10px 0 !important
}

.header-main-col{
    justify-content: center;
}    
}


/* Sidebar navigation
   ========================================================================== */
/* ----- Sidebar navigation general ----- */

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

/*Footer
   ========================================================================== */
/* Footer general */
.footer {
    background: #333333;
    color: #fff;
}

/* Footer text */
.footer p {
    color: #ffffffE6;
}

/* Footer links */
.footer p a {
    color: #ffffffe6;
}
.footer p a:hover {
    color: #ffffffe6;
  	text-decoration: underline;
}


.footer h3, .footer h4{
    font-family: "Effra", 'Poppins', Arial, sans-serif;
    font-weight: 700 !important;
    font-style: normal;
    font-size: 16px;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    padding: 0 0 4px;
    margin: 0 0 20px 0;
    letter-spacing: 0;
    text-transform: none;
    color: white;
}

.footer .footer-copy{
    background: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0;
    font-family: "Museo Slab", 'Zilla Slab', serif;
    color: #FFFFFFE6;
    text-transform: none;
}

.footer .footer-copy .copy{
    padding-top: 28px;
}

.footer ul{
    list-style: none;
    padding-left: 0;
    text-transform: none;
    padding-bottom: 48px;
}

.footer ul li{
    padding: 0;
    margin-bottom: 2px;
}

.footer a{
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0;
    font-family: "Museo Slab", 'Zilla Slab', Tahoma, serif;
    font-weight: 500;
    font-style: normal;
    color: #FFFFFFE6;
}

.footer .social-icons img{
    filter: invert(100%);
}

.footer .social-icons ul{
    display: flex;
    gap: 5px;
}

.footer .social-icons ul li{
    width: 35px;
    height: 35px;
}

@media screen and (max-width: 767px){
    .footer .section {
        padding-bottom: 0 !important;
    }
    .footer ul {
        padding-bottom: 15px;
    }
    .footer {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

/* ==========================================================================
   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 .row > div section:last-child{
    padding-bottom: 60px;
}

.index-grid-slider.section_ProductParentNode_SubNodeMenu > div{
    overflow-x: scroll;
    scrollbar-color: #ccc white;
    scrollbar-width: thin;
  	display: block !important;
}
.index-grid-slider.section_ProductParentNode_SubNodeMenu ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0 10px;
}

.index-grid-slider.section_ProductParentNode_SubNodeMenu ul li{
    display: flex;
    width: 180px;
    flex: 0 0 auto;
    padding: 0 !important;
}

.index-grid-slider.section_ProductParentNode_SubNodeMenu > ul{
    display: none;
}


.index-grid-slider.section_ProductParentNode_SubNodeMenu > div{
    padding-bottom: 20px;
}

.index-grid-slider .hover-product-title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.index-grid-slider .hover-product-title a{
    position: absolute;
    inset: 0;
    font-size: 0px;
}

.index-grid-slider .hover-product{
    border-radius: 10px;
    overflow: hidden;
    background: #f8f8f8;
}

.index-grid-slider.section_ProductParentNode_SubNodeMenu .hover-product-image{
    margin-bottom: 0;
    border: none;
  	box-shadow: none;
}

@media screen and (max-width: 1400px){
    .index-slider{
        margin: 0 15px;
    }
}

.index-slider.section_ProductNodeList .js-slickSlider .product h3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: break-word;
}

.index-slider .product-grid .slick-slider .hover-product-title > a{
    height: 50px;
    display: block;
}

.index-slider.section_ProductNodeList .js-slickSlider .p-productavailability,
.index-slider.section_ProductNodeList .js-slickSlider .js-avail-wrapper, 
.index-slider.section_ProductNodeList .js-slickSlider .hover-product div.pull-right:has(.addToBasketContainer),
.index-slider.section_ProductNodeList .js-slickSlider .hover-product div.pull-right.pricepanel{
    display: none;
}

.index-slider .slick-prev:before, .slick-next:before {
    color: #C01320;
    font-size: 30px;
    opacity: 1;
}

.index-slider .slick-prev, .index-slider .slick-next{
    width: 35px;
    height: 35px;
}

.index-slider .slick-prev{
    left: -40px;
}
.index-slider .slick-next{
    right: -40px;
}

@media screen and (max-width: 991px){
  	.index-slider .slick-prev{
    left: -15px;
}
.index-slider .slick-next{
    right: -15px;
}
  .index-slider .products {
    padding-bottom: 0  !important;
}
.index-slider.section {
    padding-bottom: 0 !important;
}
}

.index-slider .hover-product-image-wrapper img{
    border: none !important;
}

.index-slider .hover-product .hover-product-title a{
    color: black;
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: none;
    text-align: center;
}

.index-slider .hover-product{
    text-align: center;
}


.slider-heading{
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}
.slider-heading h3{
    margin-bottom: 20px;
  	text-transform: none;
}

section:has(.reasons-header) {
    padding: 30px 0!important;
}

.reasons-header h3{
    border-bottom: 2px solid black;
  	margin-bottom: 20px;
}

.reasons-wrapper{
    border-radius: 10px;
    overflow: hidden;
}

.reasons-wrapper #reasons-tabs ul{
    background: #c01320;
    list-style: none;
    padding-top: 10px;
    padding-left: 10px;
  	padding-bottom: 20px;
    width: 20%;
    left: 0;
  	margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.reasons-wrapper #reasons-tabs ul li{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0;
    gap: 10px;
    font-weight: 500;
    color: white;
    border-bottom: 1px solid #eee; 
}

.reasons-wrapper .reasons-block-icon {
    display: flex;
    flex: 0 0 auto;
}

.reasons-wrapper .reasons-block-icon img{
    width: 45px;
    background: white;
    border-radius: 50px;
    padding: 5px;
}

.reasons-wrapper #reasons-tabs ul li a{
    color: white;
}

.reasons-wrapper #reasons-tabs{
    position: relative;
    background: #eee;
}

.reasons-wrapper #reasons-tabs [data-role="content"] {
  display: none;
    position: absolute;
    padding-left: calc(20% + 15px);
    top: 15px;
}

.reasons-wrapper #reasons-tabs ul{
    padding-bottom: 30px;
}

.reasons-wrapper #reasons-tabs [data-role="content"].is-active {
  display: block;
}

.reasons-wrapper #reasons-tabs ul li{
    padding-left: 5px;
}

#reasons-tabs li.is-active {
    background: #eee;
    color: black;
}

#reasons-tabs ul li.is-active a {
    color: black;
    font-weight: 600;
}

.reasons-wrapper #reasons-tabs > div{
    padding-bottom: 150px;
}

.banner-wrapper-main .slick-next{
    right: 15px;
    width: 30px;
    height: 30px;
}

.banner-wrapper-main .slick-prev{
    left: 15px;
    width: 30px;
    height: 30px;
}

.banner-wrapper-main .slick-next::before, 
.banner-wrapper-main .slick-prev::before{
    color: #fff;
    font-size: 30px;
}
.reasons-wrapper #reasons-tabs [data-role="content"] {
    display: none;
    position: absolute;
    padding-left: calc(20% + 40px);
    padding-right: 30px;
    top: 30px;
}

.reasons-wrapper #reasons-tabs ul {
    background: #c01320;
    list-style: none;
    padding-top: 25px;
    padding-left: 15px;
    padding-bottom: 20px;
    width: 20%;
    left: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 992px){
     .reasons-wrapper #reasons-tabs ul li{
        position: relative;
    }
    .reasons-wrapper #reasons-tabs ul li a{
        position: absolute;
        top: 10px;
        width: 45px;
        height: 45px;
        font-size: 0;
    }
    .reasons-wrapper #reasons-tabs ul{
        width: calc(45px + 20px);
    }
  
  .reasons-wrapper #reasons-tabs [data-role="content"] {
      padding-left: calc(65px + 15px);
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
    .reasons-wrapper #reasons-tabs [data-role="content"] {
        position: relative !important;
        top: 0 !important;
        padding: 15px;
    }
    .reasons-wrapper #reasons-tabs ul {
        width: 100% !important;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding-bottom: 0;
        padding-top: 15px;
        padding-right: 15px;
    }
    .reasons-wrapper #reasons-tabs ul li {
        justify-content: center;
        padding-left: 0;
        border-right: 1px solid #eee;
        border-bottom: 0;
    }
}

/* News
   ========================================================================== */
/* ----- News archive page ----- */

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


/* Contact us
   ========================================================================== */


/* About us / Who we are (36)
   ========================================================================== */
.gray-bg {
    background: #f8f8f8;
    margin: 120px 0px 0px 0px;
}
.gray-bg .col-sm-12{
    padding: 150px 30px;
}

/*.gray-bg .col-sm-12 > .section_Content{
    padding-top:10px;
}*/

.row.container{
    margin: auto;
}

.content-wrap{
    position: relative;
    padding: 221px 0 0;
    text-align: center;
}

.content-wrap img.pos-abs{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 220px;
}

.about-cards div section{
    border: 1px solid #e4e4e4;
    padding: 15px !important;
}

.about-cards{
    margin:40px 0px;
}
.about-cards .title{
	margin-bottom:10px;
}
.about-cards > div{
    display: flex;
    justify-content: space-between;
    padding:0px;
}
.about-cards img{
    width:225px !important;
}
.about-cards section{
    max-width: 225px !important;
}
@media screen and (max-width:1200px){
    .about-cards > div{
        flex-wrap: wrap;
    }
    .about-cards img{
        width:100% ;
    }
    .about-cards section{
        max-width: 100% !important;
        text-align: center;
        margin-bottom:25px;
    }
}
/* Login page
   ========================================================================== */
.pt-page-login {
    background-image: url('/en/image/getthumbnail/1013');
}


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

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

/* Product list (5)
========================================================================== */
.product-grid .type-vp .field-stockcode-virtual{
    display: none;
}

.hover-product-title a:hover{
    color: #c01320;
}

.products .product .hover-product h3{
    font-size: 17px;
}

.products ul.large-block-grid-3{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  	gap: 15px;
}

.products ul.large-block-grid-3::before,
.products ul.large-block-grid-3::after{
    display: none;
}

.products .large-block-grid-3 li.product{
    width: 100%;
    display: grid;
  	padding: 0;
    
}
@media screen and (max-width: 991px){
    .products ul.large-block-grid-3, .products ul.large-block-grid-4 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  	.products ul.large-block-grid-4{
    display: grid;
  	gap: 15px;
}

.products ul.large-block-grid-4::before,
.products ul.large-block-grid-4::after{
    display: none;
}

.products .large-block-grid-4 li.product{
    width: 100%;
    display: grid;
  	padding: 0;
    
}
}
@media screen and (max-width: 450px){
    .products ul.large-block-grid-3, .products ul.large-block-grid-4 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.products li.product .hover-product{
    border: 1px solid #ccc;
    padding: 5px;
    display: grid;
  	grid-template-rows: auto;
}

.section_ProductNodeList img,
.section_ProductSearchList img{
    border: 1px solid #ccc !important;
    margin: 0;
    box-shadow: none;
}

.products .product .hover-product h3{
    height: unset;
}

.product .field-stockcode{
    margin-bottom: 0;
    margin-top: 5px;
}

.product .p-productavailability{
    margin-top: 10px;
    display: inline;
    margin-bottom: 0;
    font-weight: 600;
}

.product .p-productavailability .productAvailability{
    font-weight: 600;
    font-family: "Museo Slab";
    text-transform: none;
}

.product p:empty{
    display: none;
}

.product .hover-product .attribute-0{
    margin: 0;
}

.input-group-change-qty-buttons {
    display: flex;
    align-items: center;
}
.input-change-in-list-buttons-container{
    border: 1px solid #efeeec;
}

.input-change-in-list-buttons-container input{
    border: none;
    box-shadow: none;
    text-align: center;
}

.input-group-change-qty-buttons > div > div{
    display: flex;
}
.input-group-change-qty-buttons .input-group-btn .product-input-group{
    margin-left: 5px;
    display: inline-block;
}

.input-group-change-qty-buttons .input-group-btn .product-input-group button{
    margin-left: 0px;
    height: 100%;
    border-radius: 0;
}

.input-group-change-qty-buttons .change-quantity-in-list-btn{
    background: white;
    color: black;
    border: none;
}

.hover-product-hover-bg{
    background: none;
}

.products .product .hover-product .pull-right:last-child{
    display: block;
    float: none;
    justify-self: flex-end;
}

.product-nav .form-inline .filter-list-orderby{
    margin-right: 15px;
}

.paginate-top li:not(:Last-child),
.paginate-bottom li:last-child{
    display: none;
}

.paginate-top li:Last-child{
    border: none;
}

.pagination > li {
    display: flex;
}
.pagination > li {
    border: 1px solid #efeeec;
    margin: 2.5px;
}

.col-lg-12 .product-nav-pagination {
    display: flex;
    justify-content: center;
    float: unset;
    margin-top: 5px;
    margin-bottom: 5px;
}

.paginate-bottom ul{
    display: flex;
    justify-content: center;
}

.product-nav:has(.paginate-bottom){
    border-bottom: none;
  	padding-top: 15px;
}

.pagination>li>a, .pagination>li>span{
    margin-left: 0;
}

.pagination > li > a{
    color: #5c5c5c;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    padding: 15px 18px;
  display: flex; 
  flex: 1 1 auto;
}

.pagination > li > a:hover{
    color: #5c5c5c;
    text-decoration: underline;
    background: transparent;
}

.pagination>.active>a, 
.pagination>.active>a:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span, 
.pagination>.active>span:hover, 
.pagination>.active>span:focus{
    background: #e8e8e8;
    color: #5c5c5c;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    padding: 15px 18px;
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus{
    background: transparent;
}

ul.pagination .icon-left-open::before{
    content: "\f053";
    margin: 0;
    font-size: 14px;
    font: normal normal normal 14px/1 FontAwesome;
}

.field-stockcode{
    font-weight: 300;
}

.field-stockcode::before{
    content: "REPA SKU:";
    clear: both;
    display: block;
    font-weight: 700;
}

[class*="attr-description"]{
    font-weight: 700;
    display: block;
}

[class*="attr-value-"]{
    clear: both;
}

.product-price-col .js-price-wrapper{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.product-price-col .js-price-wrapper .product-netprice{
    order: 3;
}

.js-price-wrapper .product-grossprice:before {
    content: "List price:";
    font-size: 15px;
    width: 100%;
    position: relative;
    font-weight: 400;
}

.js-price-wrapper .product-netprice:before{
    content: "Net price:";
    font-family: 'Museo slab';
    font-size: 15px;
    width: 100%;
    position: relative;
    font-weight: 400;
    text-transform: none;
}

.js-price-wrapper .product-discount-lbl{
    font-weight: 400;
}

.addToBasketContainer{
    display: flex;
    flex-wrap: wrap;
}

.product-input-group > div{
    width: 100%;
}

.product-input-group.favorite,
.product-input-group.favorite .favoriteToggler{
    width: 100%;
    text-align: center;
}

div.input-group-btn.product-input-group{
    display: flex;
    order: -1;
    width: 100%;
}

.input-change-in-list-buttons-container{
    padding: 5px;
    width: auto;
}


.input-group-change-qty-buttons .change-quantity-in-list-btn{
    background: black;
    color: white;
    border-radius: 5px;
}

.pt-page-productsubnode .input-change-in-list-buttons-container input,
.pt-page-catalogsearch .input-change-in-list-buttons-container input,
.pt-page-virtualproduct .input-change-in-list-buttons-container input{
    height: auto;
}

.pt-page-productsubnode .product-add-cart-btn .fa,
.pt-page-catalogsearch .product-add-cart-btn .fa,
.pt-page-virtualproduct .product-add-cart-btn .fa{
    display: none;
}

.pt-page-productsubnode .product-add-cart-btn:before,
.pt-page-catalogsearch .product-add-cart-btn:before,
.pt-page-virtualproduct .product-add-cart-btn:before{
    content: "Add to cart";
}

.input-group-change-qty-buttons .input-group-btn .product-input-group:has(button){
    width: 100%;
}

.input-group-change-qty-buttons .input-group-btn .product-input-group button{
    width: 100%;
}

.products .product.type-vp .pricepanel{
   display: none; 
}

/* Filter */
.section_ProductFilter .form-group {
    width: 100%;
}
#productfilter .label {
    background: #EBEBEB;
    color: #000;
    border-radius: 0;
    font-weight: 400;
    padding: 6px;
}
#productfilter .filter-tag {
    margin-right: 5px;
    margin-bottom: 10px;
}
.activeFilters .control-label {
    width: 100%;
}

#productfilter .dropdown-menu>li>a{
    white-space: normal;
}

/*Preventing the ERP/Model selection to show */
.activeFilters div[data-id="10"]{
    display: none;
}

.activeFilters:not(:has(.filter-tag + .filter-tag)){
    display: none !important;
}

.activeFilters:has(.filter-tag + .filter-tag){
    display: block;
}

#productfilter .clearAllFilter {
    background: #333;
    color: #fff;
    padding: 6px 12px;
    margin-top: 10px;
  	clear: left;
}
#productfilter .clearAllFilter .label {
    background: none;
    color: #fff;
}
#productfilter .form-group {
    padding-right: 0;
    position: relative;
    border: none;
}
#productfilter .filterWrapper {
    height: auto;
    margin-bottom: 3px;
    border: 1px solid #EBEBEB;
}
#productfilter .form-group > div > div {
    max-width: 100% !important;
}
#productfilter .FilterMultiSelect {
    max-width: 100%;
}
#productfilter .filterWrapper .control-label {
    color: #000;
    background: none;
    border: none;
    box-shadow: none;
    text-transform: none;
    padding-bottom: 10px;
    padding-top: 10px;
}
.section_ProductFilter .filterWrapper .control-label:after {
    content: '\f078';
    font-family: fontawesome;
    position: absolute;
    right: 13px;
    font-weight: 400;
    color: #000;
}
.section_ProductFilter #productfilter .activeFilters {
    order: 2;
    margin-top: 15px;
}
.pdp-filter-row .section_ProductFilter #productfilter {
    display: flex;
    flex-wrap: wrap;
}

.filter-dropdown-numeric-in-dropdown-view-container{
  max-height:250px;
  overflow:hidden auto;
}
.section_ProductFilter .dropdown-backdrop {
    display: none;
}
#productfilter hr {
    display: none;
}
#productfilter .filterWrapper .control-label {
    padding-right: 40px;
  	border-bottom: 1px solid #eaeaea;
}
#productfilter .form-group.activeFilterDrop ul{
    padding-bottom:0px;
}
#productfilter .multiselect-container label.checkbox{
    font-size: 1em;
  	padding-left: 30px;
}

#productfilter .form-group .col-sm-2{
    padding-right: 0;
}

#productfilter .form-group .col-sm-10{
    padding-left: 0;
    font-size: 14px;
}
.multiselect-container > li.active > a > label > input[type="checkbox"] {
    accent-color: #C01320;
}
#productfilter .dropdown-menu>.active>a{
    background-color:#fff;
    color:#000;
}
#productfilter .FilterMultiSelect .multiselect-container{
    background:#fff;
}

.section_ProductFilter #productfilter .form-group div:has(select) .btn-group::before{
    content: "Apply filter";
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 10px;
    background: #333;
    color: white;
    margin: 5px 0;
    display: inline-block;
}

/* Filter */
#productfilter .form-group {
    width: 100%;
}
#productfilter .form-group .control-label:after {
    content: '\e5cf';
  font-family: "Material icons";
    position: absolute;
    right: 15px;
  font-size: 22px;
    line-height: 1;
}
#productfilter .activeFilterDrop .control-label:after {
    content: '\e5ce';
  font-family: "Material icons";
    position: absolute;
    right: 15px;
  font-size: 22px;
    line-height: 1;
}

#productfilter .FilterMultiSelect {
    width: 100% !important;
}
#productfilter .multiselect-container > .input-group {
    margin-bottom: 10px !important;
    margin-top: 0;
    margin-left: 0;
}
#productfilter .form-group .filterWrapper {
    border: none;
    height: auto;
    margin-bottom: 8px;
}
#productfilter .activeFilterDrop .filterWrapper {
    background: none;
}
#productfilter .activeFilterDrop .js-iconContainer, #productfilter .activeFilterDrop .filtervalues-dropdown, #productfilter .activeFilterDrop .multiselect-container {
    width: 100% !important;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    border: none;
    background: white;
    position: static !important;
    padding-top: 5px;
}
#productfilter .form-group.activeFilterDrop > div:last-of-type {
    position: relative !important;
    border: none;
    border-radius: 0px;
}

#productfilter .filtervalues-dropdown {
    padding-top: 0 !important;
}


/*ERP/VP TAB */

.top-filter div {
    width: 100%;
    display: flex;
}

.top-filter div {
    display: flex;
    width: auto;
    flex: 1 1 auto;
    margin: 0;
    position: relative;
}

.top-filter button {
    display: block;
    width: 100%;
    padding: 20px;
    background: #C2C4C4;
    color: black;
    border: none;
    border-radius: 0;
    position: relative;
    font-weight: 700;
}

.top-filter button.active{
    background: #2D2926;
    color: white;
}

.top-filter button::after {
    content: "";
    display: block;
    height: 80%;
    width: 1px; 
    background: black;
    position: absolute;
    right: 0px;
    top: 10%;
}

.top-filter button:last-child::after {
    content: "";
    display: none;
}

.top-filter button:first-child {
    border-top-left-radius: 15px;
}
.top-filter button:last-child {
    border-top-right-radius: 15px;
}

.side-filter .form-group.attr_10{
    display: none;
}

.side-filter .form-group.attr_10{
    display: none;
}

.top-filter button.active {
   background: white;
   color: #000;
   border: 1px solid #eee;
   border-bottom-color: white;
   border-top: 5px solid #C01320;
}
.top-filter button {
   border-radius: 0 !important;
   background: #f8f8f8;
   color: #626262;
   border: 1px solid #cbcbcb;
   padding: 10px;
}
.top-filter button::after {
   display: none;
}

/* ERP/VP tab end */


.products .product-grid li.product .hover-product img{
    box-shadow: none;
}

/* PDP (19)
========================================================================== */
.pt-page-productdetail .desc-col{
    vertical-align: middle;
}

.pt-page-productdetail .col-sm-12 .row.main-row{
    display: flex;
}

.pt-page-productdetail .hover-product-image{
    margin-bottom: 0;
    box-shadow: none;
}

.pt-page-productdetail .section_ProductImageLibrary,
.pt-page-productdetail .section_ProductImageLibrary section{
    padding-bottom: 0;
}

.pt-page-productdetail .section_ProductImageLibrary hr{
    display: none;
}

.pt-page-productdetail .section:has(.section-has-no-data){
    padding: 0;
}

.pt-page-productdetail .section + .section.no-bottom-padding,
.pt-page-productdetail .section.no-bottom-padding{
    padding-bottom: 0;
}

.pt-page-productdetail .section.no-bottom-padding dl{
    margin-bottom: 10px;
}

.main-row{
    display: flex;
    align-items: flex-start
}
.product-price-col{
    display: flex;
}

.product-price-col > .row {
    margin: 0;
    width: 100%;
}

.product-price-col > .row > .col-sm-12:has(.section_AddToBasket){
    background: #f1f2f4;
    padding: 30px 35px 16px;
}

.product-input-group.favorite .fa,
.product-input-group.shoppingList .fa{
    color: white;
}
.product-input-group.favorite,
.product-input-group.shoppingList {
    width: 100%;
    text-align: center; 
    background: #666666;
    color: white;
    padding: 7px;
    margin: 5px 0;
}
.product-input-group.favorite .fa-star-o.fa:before {
    content: "\e87e";
    font-family: "Material Icons Outlined";
}

.product-input-group.favorite .fa-star.fa:before {
    content: "\e87d";
    font-family: "Material Icons Outlined";
}
.product-input-group.favorite .fa:after{
    content: "ADD TO MY LIST";
    display: inline;
    font-size: 15px;
    font-family: "effra", sans-serif;
}

.pt-page-productdetail .product-input-group .favoriteToggler{
    width: auto;
    height: auto;
}

.pt-page-productdetail .input-group-change-qty-buttons{
    flex-wrap: wrap;
}

.pt-page-productdetail .input-group-change-qty-buttons > div:last-of-type{
    display: flex; 
    order: -1;
}

.pt-page-productdetail .input-group-change-qty-buttons > div:last-of-type > div{
    display: flex;
    flex-wrap: wrap;
}

.pt-page-productdetail .input-group-change-qty-buttons > div:last-of-type > div .product-input-group{
    width: 100%;
    display: flex;
    margin: 10px  0;
}

.pt-page-productdetail .input-change-in-list-buttons-container{
    margin: 0;
    padding: 5px;
    background: white;
}

.pt-page-productdetail .input-change-in-list-buttons-container button{
    background: #000;
    color: white;
    border-radius: 5px;
    
}

.pt-page-productdetail .input-group-change-qty-buttons > div:last-of-type > div .product-input-group button,
.pt-page-productdetail .input-group-change-qty-buttons > div:last-of-type > div .input-change-in-list-buttons-container input{
    width: 100%;
}

.product-image-col{
    position: relative;
    margin-bottom: 15px;
}

.product-image-col .section_Custom:has(.magic360-container){
    position: absolute;
    top: 0;
    height: 100%;
}

.magic360-container a > img {
    opacity: 1 !important;
}

.magic360-container {
    border: 1px solid #ccc;
    background: #fff;
}

.magic360-container .m360-hint-message{
    background: #ae2f26;
}

.section_ProductImageLibrary{
    border: 1px solid #ccc;
}

.section_ProductImageLibrary img{
    border: none;
}

.section_Custom:not(:has(.magic360-container)){
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1199px){
    .pt-page-productdetail .col-sm-12 .row.main-row {
        display: grid;
        grid-template-areas: "image desc" "image price";
        grid-template-columns: 3fr 5fr;
        margin-bottom: 20px;
    }
    .pt-page-productdetail .col-sm-12 .row.main-row::before,
    .pt-page-productdetail .col-sm-12 .row.main-row::after{
        display: none;
    }
    
     .pt-page-productdetail .main-row>.col-sm-5 {
        grid-area: image;
         width: 100%;
    }
    .pt-page-productdetail .main-row>.product-desc-col {
        grid-area: desc;
         width: 100%;
    }
    .pt-page-productdetail .main-row>.product-price-col {
        grid-area: price;
         width: 100%;
    }
}

@media screen and (max-width: 767px){
    .pt-page-productdetail .col-sm-12 .row.main-row {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .pt-page-productdetail .main-row>.col-sm-5 {
         width: 100%;
    }
    .pt-page-productdetail .main-row>.product-desc-col {
         width: 100%;
    }
    .pt-page-productdetail .main-row>.product-price-col {
         width: 100%;
    }
  
}

/*Title fix to have more information*/
.pdp-title > section {
    display: flex;
    font-size: 36px;
    font-weight: 700;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    font-family: "Effra", sans-serif;
    align-self: flex-end;
  	line-height: 1.1;
}

.pdp-title {
    border-bottom: 4px solid #000;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start;
}

.pdp-title .section_ProductDetail_SkuNumber p{
    margin-bottom: 0;
}
.pdp-title .section_ProductDetail_SkuNumber p strong{
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1;
}

.pdp-title .section_ProductDetail_SkuNumber p:before{
    display: none;
}

.pdp-title .section_ProductDetail_Header h1{
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.pdp-title .section_ProductDetail_Header h1::after{
    content: " -";
}
@media screen and (max-width: 991px){
    .pdp-title > section {
        font-size: 26px;
    }
    .pdp-title .section_ProductDetail_Header h1 {
        font-size: 26px;
    }
}
@media screen and (max-width: 767px){
    .pdp-group-heading {
        width: 100%;
    }
    .pdp-title {
        flex-wrap: wrap;
    }
}

/* VPDP (23)
========================================================================== */
.pt-page-virtualproduct .section_ProductImageLibrary {
    border: none;
}

.pt-page-virtualproduct .section_ProductImageLibrary .product-slider-section hr{
    display: none;
}

.pt-page-virtualproduct .section_ProductImageLibrary img {
    border: 1px solid #ccc;
    box-shadow: none;
    margin-bottom: 0;
  	width: calc(100% - 1px);
}

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

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

/* Checkout (10)
========================================================================== */
.section_Checkout #summarySection .form-group, 
.section_CheckoutConfirmation #summarySection .form-group{
    display: flex;
    align-items: flex-end;
}

.section_Checkout #summarySection .control-label-static,
.section_CheckoutConfirmation #summarySection .control-label-static{
    font-size: 16px;
}



/*My Area 
============================================================================ */

/*Search order*/
.section_OrderSearch ul.pagination{
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Authors
   ==========================================================================
Anna Holmberg
*/

.product-grid .product h3{
    padding-top: 5px;
}

.product-grid .product h3 a{
    font-weight: 300;
    color: #C8102E;
    font-family: 'museo slab';
}

.products .product-grid li.product .hover-product{
    border: none;
}

.products .product-grid  li.product .hover-product img{
    border: 1px solid #C2C4C4;
}

.products .product-grid li.product .p-productavailability,
.product-grid .js-avail-wrapper{
    display: inline;
    width: auto;
    font-weight: 700;
    line-height: 1.1;
}

.product-grid-thumbs-horizontal .product{
    border-top: 1px solid #c2c4c4;
    padding-top: 20px;
}

.product-grid-thumbs-horizontal .product .product-header{
    font-size: 20px;
}


.section_ProductDetail_SkuNumber p:before{
    content: "REPA SKU:";
    font-weight: 700;
    display: block;
}

.section_ProductDetail_SkuNumber p strong{
    font-weight: 300;
}

.section_ProductAttributes.attr-mfr .product-additional-content dl{
    display: table;
}


.section_ProductDetail_Header h1{
    padding-bottom: 10px;
    border-bottom: 4px solid #2D2926;
    font-size: 36px;
}

/*Hide price and availability of a ERP VP non sellable... might affect actual VPs */

/*.product:not(:has(.addToBasketContainer)) .js-price-wrapper,
.product:not(:has(.addToBasketContainer)) .itemsAvailableHeader,
.product:not(:has(.addToBasketContainer)) #itemsAvailable{
    display: none;
}*/




.section_ProductDetailTabs .nav-tabs{
    background: #C2C4C4;
    border-radius: 15px 15px 0 0; 
    overflow: hidden;
}

.section_ProductDetailTabs .nav-tabs li{
    margin: 0;
}

.section_ProductDetailTabs .nav-tabs li a{
    background: transparent;
    color: black;
    padding: 20px 50px; 
}

.section_ProductDetailTabs .nav-tabs li.active a{
    background: #333;
    color: white;
    border: none;
}

.section_ProductDetailTabs .section_ProductAttributes table tr th, 
.section_ProductDetailTabs .section_ProductAttributes table tr td {
   border-top: none;
}

.section_ProductDetailTabs .section_ProductAttributes table tr:nth-child(odd){
    background: #f1f2f4;
}

@media screen and (min-width: 992px){
    .section_ProductDetailTabs tr th{
        width: 30%;
    }
}

@media screen and (max-width: 991px){
    .section_ProductDetailTabs tr th{
        width: 50%;
    }
}

.product-grid .product h3 a,
.product-grid .product h3{
    font-weight: 300;
    color: #C8102E;
    font-family: 'museo slab';
}

.product-grid .product:has(.replaced-stockcode-container) h3{
    color: black;
}

.product-grid .product:has(.replaced-stockcode-container){
    display: flex;
    align-items: flex-start;
}

.product-grid .product .replaced-stockcode-container{
    display: flex;
    align-items: flex-start;
    order: 1;
    text-decoration: underline;
}



.section_ProductDetailTabs .nav-tabs {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

.section_ProductDetailTabs .nav-tabs li{
    margin-bottom: -1px;
}
.section_ProductDetailTabs .nav-tabs li a {
    background: #f8f8f8;
    color: #626262;
    border-color: #cbcbcb;
    padding: 10px 25px;
    margin: 0;
    margin-left: -1px;
    border-radius: 0;
    font-weight: 700;
}

.section_ProductDetailTabs .nav-tabs li:first-child a{
    margin-left: 0;
}

.section_ProductDetailTabs .nav-tabs li.active{
    margin-bottom: -2px;
    z-index: 50;
    position: relative;
}
.section_ProductDetailTabs .nav-tabs li.active a{
    background: white;
    color: black;
    border: 1px solid #eee;
    border-bottom-color: white;
    border-radius: 0;
}

.section_ProductDetailTabs .nav-tabs li.active a:before{
    position: absolute;
    width: calc(100% + 0px);
    left: 50%;
    transform: translatex(-50%);
    top: -1px;
    content: "";
    height: 5px;
    background: #C01320;
}


.custom-filter .section_ProductFilter h3{
    display: none;
}

.custom-filter .js-ClearAll{
    background: #333;
    color: #fff;
    padding: 6px 12px;
    margin-top: 10px;
    clear: left;
    font-size: 13px;
    
    display: none;
}

.custom-filter:has(.filter-tag + .filter-tag) .js-ClearAll{
    display: block;
}

.custom-filter .clearAllFilter{
    display: none;
}
@media screen and (max-width: 767px){
    [data-loggedin="True"] .search-toggle {
    margin-top: 7px;
}
}
@media screen and (max-width: 767px){
    .hidden-lg.section_Menu :not(.nav-is-visible) .cd-header-buttons:after {
    content: 'Menu';
    font-family: "Museo Slab";
    font-weight: 500;
    color: #2D2926;
    font-size: 16px !important;
    position: relative;
    top: -9px;
}
.hidden-lg.section_Menu :not(.nav-is-visible) .cd-header-buttons {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    position: relative;
    top: -4px;
}
.header .hidden-auto {
    margin-left: 0;
}
  [data-loggedin="False"] .hidden-lg.section_Menu :not(.nav-is-visible) .cd-header-buttons {
   	top: -8px; 
  }
}
@media screen and (max-width: 1199px){
    .user-container {
    left: 0;
    width: 270px;
}
.user-container .user-profile-page-link {
    margin-bottom: 15px;
}
}
@media screen and (max-width: 1199px) and (min-width: 768px){
    .hidden-lg.section_Menu :not(.nav-is-visible) .cd-header-buttons:after {
    content: 'Menu';
    font-family: "Museo Slab";
    font-weight: 500;
    color: #2D2926;
    font-size: 16px !important;
    position: relative;
    }
    .hidden-lg.section_Menu :not(.nav-is-visible) .cd-header-buttons {
        display: flex;
        align-items: center;
        margin-left: 10px;
        position: relative;
        top: 2px;
    }
}
@media screen and (max-width: 991px){
    .section_ContentBannerDataUnit .slick-next, .section_ContentBannerDataUnit .slick-prev {
    top: 33%;
}
}
@media screen and (max-width: 991px){
    .cart .badge.visible-xs {
    left: 20px;
    top: -5px;
    height: 22px;
    width: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media screen and (max-width: 767px){
    .dashitem {
    padding: 15px;
}
.dashboard {
    gap: 15px;
}
.dashboard-item {
    margin-bottom: 0;
}
}

/*Cookie banner font size*/
#usercentrics-root .iVZkyh{
  font-size: 16px !important;
}


.section_BreadCrumb .container{
    margin: 0;
    padding: 0;
}

.section_BreadCrumb .container > .row{
    margin: 0;
}

.section_BreadCrumb .container > .row > .col-xs-12{
    padding: 0 !important;
}

.section_BreadCrumb .container > .row > .col-xs-12 ol{
    padding-left: 0;
}


/*Popup message */

.popup {
  display: none; /* hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  background: #fff;
  color: #2D2926;
  padding: 20px 30px;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  margin: auto;
  position: relative;
  top: 50px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.footer .popup-content p,
.footer .popup-content h4{
    color: #2d2926;
}

.footer .popup-content p > a{
    color: #2d2926;
    font-size: 12px;
    font-weight: 700;
}
/* ==========================================================================
   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;
}
.carousel{
    box-shadow: none !important;
}
.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;
}
.section_ContentBannerDataUnit .banner-wrapper-main{
    padding-bottom: 0px;
}
.section_ContentBannerDataUnit .slick-dotted.slick-slider{
    margin-bottom: 0px;
}
.section_ContentBannerDataUnit .slick-dots {
    bottom:10px;
  display: none !important;
}
.section_ContentBannerDataUnit .slick-dots li button{
    background: rgba(255, 255, 255, 0.6);
  background: transparent;
    border-radius: 50%;
}
.section_ContentBannerDataUnit .slick-dots li button:before {
    font-size:8px;
    line-height: 22px;
    opacity:0.6;
}
.section_ContentBannerDataUnit .slick-dots li.slick-active button{
    background: rgba(255, 255, 255, 0.9);
  background: transparent;
}
.section_ContentBannerDataUnit .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;
    }
}
[data-loggedin="False"] .section_CheckoutConfirmation #summaryWrapper > .row:first-of-type .col-md-6 {
    padding-left: 0;
}
.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;
    }
    .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;
        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;
}
.pt-page-customersearch .form-group{
    margin-bottom: 0;
}
/* 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;
}
.pt-page-accountdetail .control-label-static{
    font-size: unset;
}
/*----*/
/* 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: white;
}
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;
      	margin: auto;
	}
	.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;
}
.hero-container > h1,
.hero-container > a {
    width: 100%;
}
/* REPA */
.hero-container{
    background-position: 0 0;
}
.hero-container .hero-content{
    background: rgba(255, 255, 255, 0.9);
    padding: 40px 60px;
    width: 50%;
    left: 30px;
    max-width: 560px;
    height: auto !important;
    text-align: left;
}
.hero-container h1{
    font-family: 'Poppins';
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 36px;
    color: #000000;
    margin-top:0px;
}
@media screen and (max-width:767px){
    .hero-container .hero-content{
        display: block;
        width: 100%;
    } 
}

@media screen and (min-width: 992px){
    .hero-container .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    
    .hero-container .hero-desktop-image{
        display: block !important;
    }
     .hero-container .hero-mobile-image{
        display: none !important;
    }
}

@media screen and (max-width: 991px){
    .hero-container .hero-mobile-image{
        display: block !important;
    }
    .hero-container .hero-desktop-image{
        display: none !important;
    }
}


/* 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;
}



/*Table styling*/
table thead{
    background: #4d4f53;
    color: white;
}

td.productlist-image-tablecell img{
    min-width: 40px;
}

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

.section_ProductNodeList img{
    border: none;
    margin: 0;
    box-shadow: none;
}

table tbody .productlistrow{
    transition: all .2s ;
}

table tbody .productlistrow:hover{
    background: #e0e1dc;
}
/* IMG Card */
.img-card-container{
    margin-top:20px;
}
.img-card-container .card-text p{
    white-space: pre-wrap
}
.img-card-container .card-text .title{
    margin-top:10px;
}