@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic');

:root {
    --clr-blue: #2c328c;
    --clr-red: #ee3342;
  }

/* WordPress Core | http://codex.wordpress.org/CSS */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* // WordPress Core | http://codex.wordpress.org/CSS */

/* Disables the Safari's autozoom function on focus */
input, textarea {
    font-size: initial;
}

html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: 'Open Sans', sans-serif; }

iframe { width:100%; -webkit-transform: translate3d(0,0,0); /* fix for the stupid safari */ }

a { color:#2d407d; text-decoration:none; }
a:hover { color:#2d407d; text-decoration:underline; }
a:focus,
button:focus { outline:none; border:none; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Archivo Narrow', sans-serif;
    margin-top:0; -webkit-font-smoothing: subpixel-antialiased;
}

.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content,
.page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:inherit !important;
}

.page-header .panel.wrapper { display: none; }
.sections.nav-sections .header.links { display: none; }

.footer.content { margin-top: 0 !important; }

.hide-onload {
    visibility: hidden;
}

.columns { display:block !important; }
.columns .column.main {padding-bottom:15px !important; }

.action.primary {  background:#2C328C !important;  border: 1px solid #2C328C !important; color:#FFFFFF !important; }

.nav-sections { margin-bottom:0 !important;  }

header.page-header .header.content { padding: 0; margin-top: -20px; }

._keyfocus :focus,
input:focus:not([disabled]),
textarea:focus:not([disabled]),
select:focus:not([disabled]) {
    box-shadow:none;
}

/* cms pages content */
.cms-content {}
.cms-content h2 { font-size: 24px; }
.cms-content h3 { font-size: 22px; }


/* BOOTSTRAP OVERLAPPING */
.form-control:focus{
    border-color:#d6cebf;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(210,210,190,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(210,210,190,.6)
}

.verve { font-size:13px; }
.verve a { color:#ffffff !important; text-decoration:none; padding-right:60px; background:url('https://verve-design.co.uk/wp-content/themes/verve/images/verve-white.svg') no-repeat left; background-position: right; background-size: 56px; }
.verve a:hover { text-decoration:underline;  }

.tgbody {}
#maincontent {
    overflow-x: hidden;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position:  center center;
    background-attachment: fixed;
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#maincontent > .container { padding-top: 15px;  }
.cms-page-view #maincontent > .container {
    background-color: #fff;
    margin-bottom: 40px;
    /* background-image: url(../images/inshadow.jpg); */
    background-repeat: repeat-x;
    background-position: top;
}

/* TG FOOTER */
.boxes-bottom { padding-top:40px; padding-bottom:15px;  }
.lnews {
    display:block;
    margin-bottom:30px;
}
.catalog-product-view .lnews {
    background: #FFFFFF;
    border: 1px solid #cccccc;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
.bb-height {  }
.bb-height-news {  }
.lineblue {
    height:54px; line-height:54px;
    font-family: 'Archivo Narrow', sans-serif;
    text-align:center; color:#FFFFFF; background:#2c328c; font-size:30px; font-weight:bold;
    margin-bottom:12px;
}
.lineblue-nomargin { margin-bottom:0; }
.line-latest { display:block; height:194px; overflow:hidden; margin-bottom:15px;  }
.line-latest img { width:100%; }

.lnews-description { margin-bottom:15px; }
.footerlinks{width:23px;}
.news-date-title { font-family: 'Archivo Narrow', sans-serif; }
.ndt-date { font-size:18px; color:#636363; }
.ndt-title { margin:0 0 15px 0; font-size:30px; color:#2c328c; display:block;  } /*  min-height:68px; */

.bt { color:#2c328c; font-size:15px; font-weight:600;  }
.bt:after { content:' >>'; }
.bt:hover { text-decoration:none; color:#EE3842; }

.owl-news { }
.owl-news .item { position:relative; }

.owl-news .owl-controls { text-align:right; position:absolute; bottom:-50px; right:-15px; z-index:10; }
.owl-news .owl-dots { display:inline-block; padding-top: 10px;   }
.owl-news .owl-dots .owl-dot {
    display:block; float:left; margin-right:10px; height:15px; width:70px; background:#ffffff;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.owl-news .owl-dots .owl-dot.active { background:#323786 url('../images/owl-dot-active.jpg') repeat-x bottom; ; }

.mailgrey { background:#ebebeb; text-align:center; padding:10px; }
.mailgrey-forms { padding:20px; }

.tgmail-logo { padding-top:5px; margin-bottom:15px; }

.tgmail-title { margin-bottom:19px; padding:0 15px;  }
.tgmail-title h5 { font-size:30px; color:#2c328c; line-height:1.1; margin-bottom:0; font-weight:bold;  }

.tgmail-text { margin-bottom:15px; font-size:12px; color:#636363; }

.block.newsletter .content { padding-left: 15px; padding-right: 15px; }

.entermail {}
.entermail input[type="text"],
.entermail input[type="email"],
.entermail input[type="tel"] {
    display:block; border:none; border-top:1px solid #cecece; width:100%; height:44px; line-height:44px;
    font-size:12px; padding-left:15px; margin-bottom:10px;
    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
}
.entermail textarea {
    display:block; border:none; border-top:1px solid #cecece; width:100%; height:80px;
    font-size:12px; padding-left:15px; margin-bottom:10px; padding-top:10px;
    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
}
.entermail button {
    display:block; width:100%; overflow:hidden; height:48px; line-height:1;
    border:none; background:#34398b url('../images/button.jpg') repeat-x bottom;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    color:#FFFFFF;
}

.new-footer {
    position: relative;
    padding: 0 150px;
}

.all-major {
    position: absolute;
    bottom: 0;
    right: 0;
}

.new-footer .copytitle {
    font-size: 24px;
    margin-block: 0;
    padding-block-end: 1.3rem;
    color: #ED3442;
}

.new-footer a {
    color: #fff;
}

.new-footer a:hover {
    text-decoration: none;
    color: #fff;
}

.new-footer--section-links ul {
    list-style: none;
    padding: 0;
}

.new-footer--section-links li {
    list-style: none;
    padding-block-end: 0.4rem;
}

.new-footer--section-contact:first-child h6 {
    padding-inline-start: 3rem;
    padding-block-end: 0;
}

.new-footer--section-contact__links .tel {
    font-size: 32px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.new-footer--section-contact__links .tel::before {
    content: "";
    display: inline-block;
    background:url('../images/TG-Builders-Merchants-Telephone-Icon.png') no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
}

.new-footer--section-contact__links .email-link {
    display: flex;
    align-items: center;
}

.new-footer--section-contact__links .email-link::before {
    content: "";
    display: inline-block;
    background:url('../images/TG-Builders-Merchants-Email-Icon.png') no-repeat;
    background-size: 48px;
    width: 65px;
    height: 44px;
    background-position: center; 
}
#caterg{width:auto !important}
.new-footer--section-contact__links .location-icon {
    display: flex;
    align-items: center;
}

.new-footer--section-contact__links .location-icon::before {
    content: "";
    display: inline-block;
    background:url('../images/TG-Builders-Merchants-Pin-Icon.png') no-repeat;
    background-size: 65px;
    width: 65px;
    height: 55px;
    background-position: center; 
}

.keep-in-touch {
    display: flex;
}

.keep-in-touch--text {
    font-size: 24px;
    line-height: 1.2;
}

.keep-in-touch--icons {
    max-width: 17rem;
    display: flex;
    margin-inline-start: 2rem;
    gap: 2rem;
}

.keep-in-touch--icons img {
    max-width: 12rem;
}

.cards {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}




.tgfooter { border-top:3px solid #e23644; padding-top:40px; color:#FFFFFF; background:#2c328c url('../images/tgfooter.png') repeat-x bottom; }


.thecopy { background:url('../images/thecopy.png') repeat-x top; padding-top:20px; padding-bottom:10px;   }

.foo-left { color:#FFFFFF; margin-bottom:15px; }
.foo-left ul { argin:0; padding:0; list-style:none; list-style-type:none; }
.foo-left ul li { display:inline; margin-right:10px;  }
.foo-left ul li a { color:#FFFFFF; }

.foo-left a {
    text-decoration: underline;
}

.foo-right { text-align:right; margin-bottom:15px; }

.copy-left { width:760px; float:left; }
.copy-right { width:170px; float:right; }

.copytitle { font-size:18px; margin-bottom:22px;  }

.copy-list { margin-bottom:30px; }
.copy-list ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.copy-list ul li:first-child { padding-top:0; }
.copy-list ul li { font-size:15px; display:block; padding:2px 0; margin-bottom:0;  }
.copy-list ul li a { color:#FFFFFF; }

.wood { margin-bottom:50px; font-size:15px; line-height:1.6; }
.wood a { color:#FFFFFF; text-decoration:none; }

.thephones { margin-top:35px; padding-left:60px; background:url('../images/thephones.png') no-repeat left; min-height:50px; margin-bottom:25px;  }
.thephones ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.thephones ul li { display:block; line-height:1.2; font-size:18px; font-family: 'Archivo Narrow', sans-serif; margin-bottom:0;  }
.thephones ul li.thenumber { font-size:30px; }
.thephones ul li font { color:#ef3742; }


.theconnect { font-family: 'Archivo Narrow', sans-serif; margin-bottom:35px;    }
.theconnect ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.theconnect ul li { font-size:18px; display:inline-block; margin-right:15px; float:left; height:46px; line-height:46px; }


.footermenus {}
.footermenus ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.footermenus ul li { display:block; float:left; width:50%; font-size:15px; padding-right:25px; white-space:nowrap; margin-bottom:0; }
.footermenus ul li:nth-child(even) { padding-right:0; }
.footermenus ul li a { display:block; padding:3px 0; color:#FFFFFF; }


.wood { margin-bottom:50px; font-size:15px; line-height:1.6; }
.wood a { color:#FFFFFF; text-decoration:none; }


.quick-chat-baloon {
    display:inline-block; position:fixed; bottom:0px; right:30px;
    background:#FFFFFF; border:1px solid #cccccc; padding:8px 8px 0px 8px; border-bottom:none;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
.chatboxes {
    display:block;
    font-family: 'Archivo Narrow', sans-serif; font-weight: bold;
    background:#2c328c url('images/chat.png') no-repeat top 10px right 10px;
    min-width:210px; text-align:center; font-size:21px; line-height:1;
    padding:6px;
    color:#ffffff !important;
}
.chatboxes small { display:block; font-size:18px; font-weight:normal;  line-height:1 }
.chatboxes:hover,
.chatboxes:focus { color:#FFFFFF; text-decoration:none; }

.white-line {
    padding:10px 0;
    background-color: #fff;
    /* background-image: url('../images/inshadow.jpg');
    background-repeat: repeat-x;
    background-position: top; */
}

.ctastop { text-align:center; font-family: 'Archivo Narrow', sans-serif; }
.ctastop ul { display:inline-block; margin:0; padding:0; list-style:none; list-style-type:none; }
.ctastop ul li {
    display:inline-block; height:30px; line-height:30px; font-size:18px; color:#2c328c; font-weight:bold;
    margin-right:30px; margin-left:30px;
}
.topred { color:#ee3342; }
.clock-icon {
    background:url('../images/clock.png') no-repeat left; padding-left:36px;
    background:none; padding-left:0;
}
.box-icon {
    background:url('../images/box.png') no-repeat left; padding-left:50px;
    background:none; padding-left:0;
}


.owl-homepage { margin-bottom:25px; }
.owl-homepage .owl-dots { display:inline-block; position:absolute; bottom:30px; right: 32px; z-index:10;  }
.owl-homepage .owl-dots .owl-dot {
    display:block; float:left; margin-left:10px; height:15px; width:70px; background:#ffffff;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.owl-homepage .owl-dots .owl-dot.active { background:#323786 url('../images/owl-dot-active.jpg') repeat-x bottom; ; }

.ooo-inner {
    background:#FFFFFF; border:1px solid #cccccc; padding:10px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}

.owl-homepage.owl-carousel .owl-nav button.owl-prev,
.owl-homepage.owl-carousel .owl-nav button.owl-next { display:block; width:30px; height:31px; position:absolute; top:44%; border: none; background-color: transparent; }
.owl-homepage.owl-carousel .owl-nav button.owl-prev { background:url('../images/arrow-left.png') no-repeat; left:-50px;   }
.owl-homepage.owl-carousel .owl-nav button.owl-next { background:url('../images/arrow-right.png') no-repeat; right:-50px;   }
.owl-homepage.owl-carousel .owl-nav button.owl-prev:focus,
.owl-homepage.owl-carousel .owl-nav button.owl-next:focus,
.owl-homepage.owl-carousel .owl-nav button.owl-prev:active,
.owl-homepage.owl-carousel .owl-nav button.owl-next:active { outline: none !important; border: none !important;  }


.home-tagline { margin-bottom:30px;  text-align:center; font-size:15px; color:#2c328c; font-weight:600;  }

.row-proban { margin-bottom:15px; }
.proban { margin-bottom:5px; }
.proban img { width:100%; }
.protit { font-family: 'Archivo Narrow', sans-serif; font-size:18px; font-weight:bold; color:#2c328c; }
.protit-red { color:#ff0039; }
.probuy { font-family: 'Archivo Narrow', sans-serif; font-size:18px; font-weight:bold; color:#ee3342; }
.probuy a { color:#ee3342; }

.protit-wrapper { line-height: 1.1; }

.probuy-blue {  color:#1E5EB8; }
.probuy-blue a { color:#1E5EB8; }

.probuy-navy {  color:#172383; }
.probuy-navy a { color:#172383; }

.aboutitle { font-size:30px; color:#2c328c; font-weight:bold; margin-bottom:25px; }
.aboutbox {
    padding:0 25px 0 25px;
    color:#2c328c; font-size:15px; font-weight:600;
}
.logos-about { text-align:right; }


.cardsdiv { padding-top:20px; }
.allmajor {  color:#2c328c; }

.ccul {}
.ccul ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.ccul ul li { display:inline-block; float:left; margin-right:6px;  }
.ccul ul li img { max-width:100%; }


.brandbox {}
.brandbox img { max-width:100%; max-height: 50px;  }
.brandbox ul {
    margin:0; padding:0 0px; list-style:none; list-style-type:none;  margin-left:-15px; margin-right:-15px;
}
.brandbox ul > li {
    display:block; width:33.33%; float:left;
    margin:0px 0px 15px 0px;
    padding:0 15px;
}
.brandbox ol {
    display:table; width:100%; margin:0; padding:10px; list-style:none; list-style-type:none;
    background:#FFFFFF; border:1px solid #cccccc;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
.brandbox ol > li { display:table-cell; text-align:center; height: 110px; line-height: 110px; vertical-align: middle;  }

.category-groups { margin-bottom:10px; }
.category-groups > ul { margin:0 -15px; padding:0; list-style:none; list-style-type:none; }
.category-groups > ul > li {
    display:block; width:20%; float:left; padding:0 15px; margin-bottom:15px;
}

.homecat { display:block; text-align:center; min-height:42px; padding:0 5px; }
.homecat h3 { font-size:18px; color:#2c328c; font-weight:bold; margin:0;  }
.homecat h3:after { content:'>>'; margin-left:5px; }
.homecat h3 a { color:#2c328c; }
.homecat h3 a:hover { text-decoration:none; }

.catimage { display:block; height:190px; overflow:hidden; margin-bottom:10px;  }
.catimage img { height:100%; width:auto;  }


.bkg-helmet { background:url('../images/bkg_helmet.jpg') no-repeat bottom right; padding:15px 20px 20px 20px; color:#2c328c; font-weight:600; }
.bkg-delivery { background:url('../images/bkg_delivery.jpg') no-repeat bottom right; padding:15px 20px 20px 20px; color:#2c328c; font-weight:600; padding-right:150px; }

.title-tgb { color:#2c328c; margin:0 0 2px 0; font-size:26px; font-weight:bold;  }
.red { color:#ee3342; }
.orange { color:#f26522; }

.introp { margin-bottom:20px; }

.accountlist {}
.accountlist ul { padding-left: 12px; }
.accountlist ul li { font-size:12px; margin-bottom:0;  }


.ctext { font-size:15px; background:#2c328c url('../images/blue.jpg') no-repeat center center; color:#FFFFFF;  }
.ctext h6 { font-family: 'Archivo Narrow', sans-serif; font-size:30px; font-weight:bold; margin-bottom:20px; margin-top:10px; }
.back-map {
    padding:20px 20px; background:url('../images/back-map.png') no-repeat right bottom;
    padding-right:145px;
}



.bkg-helmet,
.bkg-delivery,
.ctext { min-height:174px; }

.tggroup-top {
    position: relative;
}

.tggroup-top--hero-links {
    display: flex;
    justify-content: center;
    gap: 1rem;
    font-size: 1.3rem;
    position: relative;
    top: 10px;
    z-index: 99;
}

.tggroup-top--hero-links p {
    color: var(--clr-blue);
    display: inline;
    font-weight: 600;
}

.tggroup-top--hero-links a {
    color: var(--clr-red);
    text-decoration: none;
    font-weight: 600;
}

.tggroup-top--hero-links a:hover {
    text-decoration: none;
}

.tggroup-top--vat-toggle {
    position: absolute;
    right: 9rem;
    top: 1rem;
    z-index: 902;
}


/* Hide VAT Toggle on homepage */
.cms-index-index .tggroup-top--vat-toggle {
    display: none;
}




.need-help { display:inline-block; position:absolute; top:0; left:68px; }

.toplist { display:inline-block; float:right; }
.toplist ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.toplist ul li {
    display:inline-block; float:left; font-family: 'Archivo Narrow', sans-serif;
    padding-left:15px; padding-right:15px; background:url('../images/topvert.png') no-repeat left;
    font-size:16px;
    margin-bottom:0;
}
.toplist ul li:first-child { background-image:none; }
.toplist ul li a { color:#FFFFFF; }
.toplist ul li a:hover,
.toplist ul li a:focus { text-decoration:none; }

.relative-top { position:relative; min-height:130px; padding-top:15px;  }

.logo-ggg { margin:0 0 15px 0; padding:13px 0 0 0; display:inline-block; max-width:288px; }
.logo-ggg img { max-width:100%; }

.headsearch { display:inline-block; width:530px; position: relative; top:15px; }
.form.minisearch { border:1px solid #c2c2c2; position:relative; }
.form.minisearch .input-text {
    display:block; height:36px; line-height:72px; padding-left:20px;
    font-size:15px; color:#555555;
    border:none !important;
    outline:none !important;
    background:#FFFFFF;

    -webkit-box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 10px -5px rgba(0,0,0,0.2);
}
.form.minisearch button[type="submit"] {
    position:absolute;     top: 1px;
    right: 7px;
    display: block;
    width: 64px;
    height: 35px;
    border:none;
    border-left:1px solid #c2c2c2;
    background:url('../images/icon-search.png') no-repeat center center;

    -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.nav-bars {
    display:inline-block; margin:0; padding:0; list-style:none; list-style-type:none;
}
.nav-bars li { display:inline-block; float:left; /* border-left:1px solid #acacac; */ }
.nav-bars li:last-child { /* border-right:1px solid #acacac; */ }

.bar-0 {
    display:block; height:94px;  font-family: 'Archivo Narrow', sans-serif;
    text-align:center; line-height:1.2;
    padding:0 15px;
}
.bar-0:hover { text-decoration:none; }
.bar-1 { line-height:1; font-family: 'Archivo Narrow', sans-serif; display:block; font-size:12px; color:var(--clr-blue); margin-bottom:2px;  }
.bar-2 {  line-height:1; font-family: 'Open Sans', sans-serif; font-size:14px; display:block; color:#636363;  }
.bar-2 a { color:#636363;  }

.sign-reg { display:block; }
.sign-reg a { display:inline; text-decoration:underline;  }
.sign-reg a:hover,
.sign-reg a:focus { text-decoration:none; }


.headgrey { display:inline-block; position:absolute; top:22px; right:15px; }
.headgrey ul { margin:0; padding:0; list-style:none; list-style-type:none; }

.headgrey .minicart-wrapper {  margin:0px; display: inline-block; position: relative; float:none; }
.headgrey .minicart-wrapper .action.showcart { text-align:center; }


.minicart-wrapper .action.showcart:before {
    content: '';
    width: 2.7rem;
    aspect-ratio: 1;
    background:url('../images/checkout-icon.svg') no-repeat center center !important;
    background-size: contain !important;

}

.iconbasket { display:block; text-align:center; }
.getminicart { display:block; text-align:center; color:#636363; line-height:1;  }

.nav-topicon { display:inline-block; margin-bottom:4px; }

.nav-topicon img {
    width: 2.5rem;
    aspect-ratio: 1;
}

.nav-bars a:hover {
    text-decoration: none;
}

.static-pages {
    display:block;
    background:#FFFFFF; border:1px solid #cccccc; padding:30px; margin-bottom:30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}

h1.page-title { font-size:32px; font-weight:bold; color:#2c328c; margin-bottom:25px; }

.category-left { width:220px; float:left; }
.category-right { width:900px; float:right; }

.therange {
    font-size:30px; font-weight:bold; color:#2c328c;
    display:block; border-bottom:2px solid #2c328c;
    padding-bottom:10px; margin-bottom:10px;
    font-family: 'Archivo Narrow', sans-serif;
    line-height:1;
}

dl.lll-filter {}
dl.lll-filter dt { font-family: 'Archivo Narrow', sans-serif; font-size:18px; color:#2c328c; }

.fileft {}
.fileft ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.fileft ul li {
    line-height:1; margin:0;
    font-size:14px; background:url('../images/li.png') no-repeat 0 18px;
    border-top:1px solid #b7b7b7;
    padding:14px 0 14px 14px;
}
.fileft ul li:last-child { padding-bottom:0; }
.fileft ul li a { color:#636363; }

.categorytop { border-top:1px solid #b7b7b7; padding-top:15px; }

.lighback-title { margin-bottom:20px; }
.lighback-title h1 { display:inline; font-weight:bold; color:#2c328c; font-size:30px; margin:0 5px 0 0; padding:0; font-size:30px; }
.lighback-title-count { color:#636363; }

.subdescription { color:#2c328c; margin-bottom:25px;  }

.best-heading { border-bottom:1px solid #b7b7b7; margin-bottom:30px;  }
.best-heading-title { font-family: 'Archivo Narrow', sans-serif; font-weight:bold; font-size:30px; color:#2c328c; }

.best-products-container { margin-bottom:80px; position:relative; }
.best-products-container .owl-prev { position:absolute; top: -70px; right: 32px; left: auto; }
.best-products-container .owl-next { position:absolute; top:-70px; right:0px; }


.custom-breadcrumbs { padding:12px 0 10px 0; }

.thebread { display:inline; margin:0; padding:0; list-style:none; list-style-type:none; }
.thebread li { display:inline; color:#636363;  }
.thebread li a { color:#636363; }
.thebread li:after { content:' /'; color:#636363; }
.thebread li:last-child:after { content:''; }

.thebread li strong { font-weight:normal; }

.thebread li.youarehere { font-family: 'Archivo Narrow', sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase; color:#2c328c; margin-right:5px;  }
.thebread li.youarehere:after { content:''; }

.go-back { display:inline-block; float:left; margin-right:15px; margin-bottom:15px;   }
.thebread-container { display:inline-block; float:left; padding-top:5px; margin-bottom:15px; white-space:nowrap; }



/****************************/
/* LOCATIONS */
.container-location { /*  padding-top:30px; margin-bottom:30px; */ }
.container-location .innerpage-titles { margin-bottom:30px; }
.post-search {
    background:#FFFFFF; border:1px solid #cccccc; padding:12px; margin-bottom:30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}

.or-filter {
    font-family: 'Archivo Narrow', sans-serif;
    text-align:center; font-size:24px; color:#636363; font-weight:bold;
    margin-bottom:30px;
}

.post-grey { background-color:#ebebeb; padding:15px; }

.searchtable { text-align:center; padding-top:15px; margin-bottom:10px; }

.seartcharea { display:table; margin:0 auto; }
.seartcharea ul { display:table-row; }
.seartcharea ul li { display:table-cell; vertical-align:middle; padding:7px; }
.seartcharea ul li h2 { font-family: 'Archivo Narrow', sans-serif; font-size:30px; color:#2c328c; font-weight:bold; margin:0; padding:0; }

input[type="text"].search-enter {
    height: 48px; line-height:48px;
    border:none; border-top:1px solid #cecece;
    min-width:310px; padding-left:15px;

    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.1);
}

.title-locs { font-size:30px; color:#636363; font-weight:bold; margin-bottom:15px;  }

.address-results {}
.address-results ul { margin:0; padding:0; list-style:none; list-style-type:none; }
.address-results ul li { border-top:1px solid #acacac; padding:15px 0; color:#2c328c; font-size:15px;  }
.address-results ul li h5 { font-size:24px; margin-bottom:16px; font-weight:bold; }
.address-results ul li address { margin-bottom:16px; }

.pin-black { display:inline-block; position:relative; }
.pin-letter { display:inline-block; width:32px; text-align:center; position:absolute; top:3px; left:4px; font-weight:bold; font-size:20px; color:#FFFFFF;   }

.button-link {
    display:block; width:100%;  overflow:hidden; height:48px; /* line-height:48px; */
    border:none; background:#34398b url('../images/button.jpg') repeat-x bottom;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    color:#FFFFFF; text-align:center;
    min-width:170px;
}

a.button-link:hover,
a.button-link:focus,
button.button-link:hover,
button.button-link:focus { color:#FFFFFF; text-decoration:none; background:#2C328C; }

.owl-pins {}
.owl-pins .owl-item { text-align:center; }
.owl-pins .owl-item .locpin { display:block; margin-bottom:10px; }
.owl-pins .owl-item .locpin img { display: inline; width:auto; }
.owl-pins .owl-item h3 {  font-size:22px; color: #2c328c; font-weight: bold; min-height:40px; }
.owl-pins .owl-item .button-link { display:inline-block; width:100px; }

.owl-pins .owl-prev { cursor:pointer; position:absolute; top:5px; left:0; font-size:26px; color: #2c328c; }
.owl-pins .owl-next { cursor:pointer; position:absolute; top:5px; right:0; font-size:26px; color: #2c328c; }

.owl-pins .owl-prev.disabled,
.owl-pins .owl-next.disabled { visibility:hidden; display:none; }

.button-reset { text-align:center; }
.button-link.searchFilter { display:inline-block; min-width:170px; padding-left:15px; padding-right:15px; width:auto; line-height:48px;  }
/* END LOCATIONS */

.h1-reset {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 33px;
}


.breadnav { padding-top:12px; padding-bottom:10px; }

.proboxes { display:block; position:relative; }

.owl-bestsellers .owl-nav { display:block; width:70px; position:absolute; top: -70px; right:0px; }
.oleft { display:inline-block; float:left; height:31px; width:31px; background:url('../images/a-left.png') no-repeat; margin-right:7px;  }
.oright { display:inline-block; float:left; height:31px; width:31px; background:url('../images/a-right.png') no-repeat; }
.oleft:hover,
.oright:hover { opacity:0.25; }


.tgbox {}
.tgbox-img { margin-bottom:20px; min-height: 215px; }
.tgbox-img img { max-width:100%; max-height: 200px; }

.tgbox-name { font-size:13px; font-weight:600; display:block; min-height:66px; margin-bottom:10px;  }
.tgbox-name a { color:#636363; }
.tgbox-name a .tgskuname { font-size:12px; color:#2c328c; }
.tgbox-save { min-height:28px; margin-bottom: 4px;  }

.tgbox-name.tgbox-name-big { font-size:15px; min-height:50px; overflow:hidden; }


.savesplash { font-size:12px;  text-align:center; background:#ee3342; color:#FFFFFF; padding:3px; font-weight:300;  }
.savesplash strong { }
.tgbox-price { position:relative; min-height:78px;  }
.tgbox-save { font-size:12px; font-weight:bold; color:#ee3342; }

.tgbox .normal-price {   color:#636363;  }
.tgbox .normal-price [data-price-type="finalPrice"] .price { font-size: 18px; }
.tgbox .normal-price .price-label { display:none; }
.tgbox .special-price {   }
.tgbox .special-price .price-label { display:none; }
.tgbox .old-price { display:block;  }


.tgbox-price2 { 
	position:relative; overflow:hidden; margin-bottom:5px;
	min-height: 50px; 
}
.tgbox-price2 > .price-box { display: flex; flex-direction: column; }
.tgbox-price2 > .price-box .special-price {  display: block; line-height: 1.25; order: 2; }
.tgbox-price2 > .price-box .old-price { display: block; line-height: 1; order: 1.25; }
.tgbox-price2 > .price-box .old-price .price-label { font-size: 12px; }
.tgbox-price2 > .price-box .old-price [data-price-type="oldPrice"] .price { font-size: 15px; text-decoration: line-through; color: #636363;   }
.tgbox-price2 > .price-box .special-price [data-price-type="finalPrice"] .price,
.tgbox-price2 > .price-box .special-price [data-price-type="basePrice"] .price { color: #EE3342; font-size: 18px; }
.tgbox-price2 > .price-box .special-price [data-price-type="finalPrice"]::after { color: #EE3342; }
.tgbox-price2 > .price-box .special-price [data-price-type="finalPrice"]::before,
.tgbox-price2 > .price-box .special-price [data-price-type="basePrice"]::before { color: #EE3342; content: 'Now'; font-size: 12px; }
.tgbox-price2 > .price-box .special-price .price-excluding-tax::after { color: #EE3342; }

.tgbox-price2 .price-excluding-tax::after { padding-left: 4px;  }

.tgbox-price2 .tgbox .special-price {}
.tgbox-price2 .tgbox .old-price {}
.tgbox-price2 .tgbox-save { position:absolute; right:0; bottom:9px; min-height:auto;  }

.tgbox-price2 .special-price .price-excluding-tax .price-label { color: #EE3342; }
.tgbox-price2 .price-wrapper.price-excluding-tax del { font-size: 15px; text-decoration: line-through; color: #636363; font-weight: bold; }


.tgbox .vatstatus { font-size:12px; color:#636363; font-weight:300; }

.owl-carousel .owl-item img { -webkit-transform-style:flat;  }

.M2_more-info { margin-bottom:8px; }

.btns {
    display:inline-block; text-align:center; height:40px; border:1px solid #f6f6f6; color:#000000;
    padding-left:15px; padding-right:15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden;
    vertical-align: middle;
    padding: 7px 15px; /* Same padding as BUTTON in style-m.css */
}
.btns.btns-green {
    display:block; width:100%; color:#ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43b953+0,43b953+50,36ac46+51,36ac46+100 */
    background: #43b953; /* Old browsers */
    background: -moz-linear-gradient(top,  #43b953 0%, #43b953 50%, #36ac46 51%, #36ac46 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #43b953 0%,#43b953 50%,#36ac46 51%,#36ac46 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #43b953 0%,#43b953 50%,#36ac46 51%,#36ac46 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b953', endColorstr='#36ac46',GradientType=0 ); /* IE6-9 */
}
.btns.btns-green:hover,
.btns.btns-green:focus,
.btns.btns-green:active { color:#FFFFFF; }

.btns.btns-grey {
    display:block; width:100%; color:#000000;  line-height:1.7;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,e3e3e3+50,d6d6d6+51,d6d6d6+100 */
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #e3e3e3 50%, #d6d6d6 51%, #d6d6d6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#e3e3e3 50%,#d6d6d6 51%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#e3e3e3 50%,#d6d6d6 51%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */

}
.btns.btns-grey:hover,
.btns.btns-grey:focus,
.btns.btns-grey:active { color:#000000; text-decoration:none; }



.btns.btns-out {
    display:block; width:100%; color:#ffffff; cursor:text; line-height:1.7;  opacity:0.5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef3d4c+0,ef3d4c+50,e2303f+51,e2303f+100 */
    background: #ef3d4c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef3d4c 0%, #ef3d4c 50%, #e2303f 51%, #e2303f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ef3d4c 0%,#ef3d4c 50%,#e2303f 51%,#e2303f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ef3d4c 0%,#ef3d4c 50%,#e2303f 51%,#e2303f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3d4c', endColorstr='#e2303f',GradientType=0 ); /* IE6-9 */
}
.btns.btns-out:hover,
.btns.btns-out:focus,
.btns.btns-out:active { color:#ffffff; text-decoration:none; }


.btns.btns-addcart > span { background:url('../images/basket-white.png') no-repeat left; padding-left:30px; }
.btns.btns-out > span { background:url('../images/basket-out.png') no-repeat left; padding-left:26px; }


.plusminus { float:right; display:none; width:22px; height:22px; line-height:17px;  color:#FFFFFF; text-align:center; background:#d7d7d7;  }
.plusminus:hover,
.plusminus:focus,
.plusminus:active { color:#FFFFFF; background:#2c328c; text-decoration:none; }


.sidebar-sidebar-main { display:block; float:left; width:200px; margin-right:30px;  }


.asidecon { padding-left:15px; padding-right:15px;}
.asidecon-title { font-family: 'Archivo Narrow', sans-serif; font-weight: bold; font-size:18px; color:#2c328c; }
.asidecon .filter-options dd.filter-options-content { margin-bottom:0 !important; }



ol.filter-items { margin:0; padding:0; list-style:none; list-style-type:none; }
ol.filter-items li {
    display:block;
    line-height:1; margin:0;
    font-size:14px; background:url('../images/li.png') no-repeat 0 18px;
    border-top:1px solid #b7b7b7;
    padding:14px 0 14px 14px;
}
ol.filter-items li:last-child { padding-bottom:0; }
ol.filter-items li a { color:#636363; }
ol.filter-items li a:hover,
ol.filter-items li a:focus,
ol.filter-items li a:active { text-decoration:none; }


.productcount { color:#ee3342; }


.fcount { color:#ee3342; }
.fcount:before { content:'('; }
.fcount:after { content:')'; }
.fcount .filter-fcount-label { display:none; }


.block-filter .lnews { margin-bottom:12px;}

.block-actions.filter-actions { padding-top:5px; margin-bottom: 8px;  }
.block-actions.filter-actions a.action.clear {
    display: inline-block; padding: 2px 10px; border: 1px solid #D43C3F; color:#ee3342;
    font-size: 10px; text-transform: uppercase;
}
.block-actions.filter-actions a.action.clear:hover { text-decoration: none; color: #fff; background:#ee3342; }


.pro-toolbar { margin-bottom:20px; border-top:1px solid #b7b7b7;  }
.limiter-box { border-bottom:1px solid #b7b7b7; padding-bottom:5px; margin-bottom:10px;  }

.catalog-category-view .page-title-wrapper { display:inline-block; float:left; padding-top:13px; width: 100%; margin-bottom: 20px; }
.catalog-category-view  h1.page-title {  margin-bottom:0px; }



.field-limiter { display:inline-block; float:right; }

.perpage {  display:inline-block; padding-top:10px;  }
.perpage-label {
    font-family: 'Archivo Narrow', sans-serif;
    font-size:18px; color:#2c328c; font-weight: bold;
    display:inline-block; float:left; height:40px; line-height:40px; padding-right:15px;
}
.perpage-select { display:inline-block; width:80px; float:left;  }
.perpage-select select {
    display:block;  width:100%; height:40px; line-height:30px;
    -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;
    background:#fff url('../images/select.png') no-repeat right 14px center;
    color:#636363; font-weight:bold; font-size:18px;

    box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -webkit-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -moz-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -o-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
}
.perpage-select select::-ms-expand { display:none; } /* IE */


.sorterbox {  display:inline-block;  }
.sorterbox-label {
    font-family: 'Archivo Narrow', sans-serif;
    font-size:18px; color:#2c328c; font-weight: bold;
    display:inline-block; float:left; height:40px; line-height:40px; padding-right:5px;
}
.sorterbox-select { display:inline-block; width:220px; float:left;  }
.sorterbox-select select {
    display:block; width:100%;  height:40px; line-height:1;
    -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;
    background:#fff url('../images/select.png') no-repeat right 14px center;
    color:#636363; font-weight:normal; font-size:14px;

    box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -webkit-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -moz-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -o-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
}
.sorterbox-select select::-ms-expand { display:none; } /* IE */

.sorterbox .sorter-action { padding-top:4px; }

.pgs { display:inline-block; float:right; }
.pgs-label {
    font-family: 'Archivo Narrow', sans-serif;
    font-size:18px; color:#2c328c; font-weight: bold;
    display:inline-block; float:left; height:40px; line-height:40px; padding-right:5px;
}
ol.pgs-items { margin:0; padding:0; list-style:none; list-style-type:none;  }
ol.pgs-items li { display:inline-block; font-family: 'Archivo Narrow', sans-serif; font-size:18px; color:#2c328c; height:32px; line-height:32px; }
ol.pgs-items li.pgs-item { display:none;}
ol.pgs-items li.pages-item-previous { float:left; margin-right:10px;  }
ol.pgs-items li.pages-item-next { margin-left:10px;  }

.pgs-item.current { float:left; }



.toolbar-bottom { margin-bottom:60px; }
.toolbar-bottom .limiter-box { display:none; }
.toolbar-bottom .sorterbox { padding-top:10px; }
.toolbar-bottom .pgs { padding-top:10px; }

.reviews-title { font-weight: 300; line-height: 1.1; font-size:24px; margin-bottom:20px; }


.M2_review-toolbar {}
.M2_review-toolbar .pager {margin: 0;}

.M2_review-title { font-weight: 500; line-height: 1.1; font-size:18px; margin-bottom:10px;  }



.M2_review-items { margin:0; padding:0; list-style:none; list-style-type:none; }
.M2_review-items li.M2_review-item { display:block; min-height:120px; }

.rating-summary .rating-result::before { color:#ececec !important; }
.rating-summary .rating-result > span::before { color:#f0e01b !important; }

.infolines { border-top:1px solid #b7b7b7; padding-top:15px; margin-bottom:30px;  }
.brand-warranty { margin-bottom:20px; color:#555555; font-size:15px; }
.proinfo { font-size:13px; }


.newmedia-info .product.attibute { font-size:12px; color:#2c328c; }
.newmedia-info .product.attibute strong.type { display:inline; font-weight:600; }
.newmedia-info .product.attibute strong.type:after { content:': ';}
.newmedia-info .product.attibute div.value { display:inline; font-weight:600; }
.newmedia-info .page-title { color:#636363; margin-bottom: 15px; }
.newmedia-info .page-title-wrapper { padding-top:20px; }

.proinfomore { color:#2c328c; text-decoration:underline; }

.ctext.ctext-mapped { color:#FFFFFF; }
.ctext.ctext-mapped a { color:#FFFFFF; }
.ctext.ctext-mapped a:hover,
.ctext.ctext-mapped a:focus,
.ctext.ctext-mapped a:active { color:#FFFFFF; text-decoration:none;  }



.best-products-container .tgbox .normal-price { font-size: 23px; }
.best-products-container .products-grid .product-item-actions { display:none; }


.product-save-today { padding-bottom:13px; margin-bottom:9px; border-bottom:1px solid #b7b7b7; display: none; }
.savebanner {
    display:block; text-align:center; background:#ee3342; color:#FFFFFF;
    font-size:20px; line-height:1; padding:7px;

}


.product-info-price { padding:12px 15px 5px 15px; }
.product-info-price .price-box { margin-bottom:5px; display: flex; flex-direction: column; }

.product-info-price .normal-price { display:block;  color:#636363; }
.product-info-price .normal-price .price-wrapper span.price { font-size:30px !important; font-weight:bold; }
.product-info-price .normal-price .price-label { display:none; }
.product-info-price .normal-price .vatstatus { font-size:12px; font-weight:normal; color:#767676; }

.product-info-price .special-price { order: 2; display:block;  color:#EE3342; }
.product-info-price .special-price .price-wrapper span.price { font-size:30px; font-weight:bold; }
.product-info-price .special-price .price-label { font-size: 14px;  }
.product-info-price .special-price .vatstatus { font-size:12px; font-weight:normal; color:#767676; }

.product-info-price .old-price { order: 1; font-size:15px;  color:#555555; text-decoration:none;  }
.product-info-price .old-price span.price { text-decoration:line-through; }
.product-info-price .old-price .price-label { font-size: 10px;  }
.product-info-price .old-price del { font-weight: bold; }


.product-reviews-summary .reviews-actions { font-size:13px; }
.product-reviews-summary .reviews-actions a { color:#8d8d8d; text-decoration:underline; }
.product-reviews-summary .reviews-actions a:hover { text-decoration:none; }

.M2_product-info-main .product-view-review { display:none; }



.email-call { text-align:center; padding:15px 0 2px 0; }
.email-call a { color:#636363; }


.deliveryarea { font-size:13px; color:#555555; margin-bottom:10px; }

.stock-available,
.stock-unavailable  { font-size:13px; color:#555555;  }

.stock-available .avail_2 { color:#00a651; }


.M2_box-tocart { padding:15px; background:#ececec; }

.product-options-wrapper { padding:15px 15px 2px 15px; background:#ececec; }
.product-options-bottom { padding:15px; background:#ececec; }

.product-options-wrapper + .product-options-bottom { padding:0; }
.product-options-wrapper + .product-options-bottom .M2_box-tocart { padding-top:0; }

.product-reviews-summary.empty { padding-left:105px; background:url('../images/reviews-summary.png') no-repeat left; }


.M2_label { font-family: 'Archivo Narrow', sans-serif; color: #2c328c; font-size:18px; font-weight:bold; }
.M2_field.required { position:relative; }
.M2_field.required:after { content:"*Required Field"; position:absolute; top:0; right:0; font-size:13px; color:#636363; }
.M2_field.required .M2_label:before { content:"*"; margin-right:-3px;}
.M2_field.required .M2_label:after { content:":"; margin-left:-4px; }

.M2_field div.mage-error[generated] { margin-top:0; margin-bottom:8px; }
.M2_field { margin-bottom:14px; }

.M2_actions .btns { height: 48px; font-size:15px;  }


.M2_control select {
    display:block; width:100%;  height:40px; line-height:40px;
    -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;
    background:#fff url('../images/select.png') no-repeat right 14px center;
    color:#636363; font-weight:normal; font-size:14px;

    box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -webkit-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -moz-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
    -o-box-shadow: inset 0px 0px 3px 0px #DEDEDE;
}
.M2_control select::-ms-expand { display:none; } /* IE */

.M2_field-qty { margin-bottom:5px; }
.M2_field-qty label.M2_label { display:inline-block; float:left; font-weight:bold; padding-top:7px;  }
.M2_field-qty .M2_control { display:inline-block; float:right; margin-bottom:10px; }


.lnews div.field { margin-bottom:10px; }


.label.rating-label { display:inline-block; min-width:60px; }
.review-form-actions { text-align:center; }

legend.review-legend { font-size:16px; }
legend.review-legend strong { font-size:18px; font-weight:normal; }



.newmedia-gallery {}
#owl_sync1 { border-bottom:1px solid #b7b7b7; margin-bottom:15px; padding-bottom:15px;  }
#owl_sync1:after {
    display:inline-block; width:31px; height:31px; content:""; position:absolute; top:15px; right:15px;
    background:url('../images/ico-zoomin.png') no-repeat 0 0;
    pointer-events: none;
    cursor: default;
}
#owl_sync1 .owl-item { border:1px solid #b7b7b7; }


#owl_sync2.owl-carousel { padding-left:40px; padding-right:40px; }
#owl_sync2.no_owl_padding { padding-left:0; padding-right:0; }

#owl_sync2 .owl-item { /* border:1px solid #b7b7b7; */ }
#owl_sync2 .owl-prev { position:absolute; top:30%; left:0; }
#owl_sync2 .owl-next { position:absolute; top:30%; right:0; }




body.account {}
body.account h1.page-title { margin-bottom:0px; }
body.account .category-right .block,
body.account .category-right .fieldset {
    display:block;
    background:#FFFFFF; border:1px solid #cccccc; padding:10px; margin-bottom:30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
body.account .category-right .block-title {
    font-family: 'Archivo Narrow', sans-serif; font-size:18px; font-weight:bold;
    display:block; background:#2c328c; color:#FFFFFF;
    padding:8px 15px;
    margin-bottom:15px;
    float:none;
}


body.account .block .box-actions,
body.account .actions-toolbar { margin-bottom:15px;}
.block .box-actions a.action,
body.account .secondary a.action { display:inline-block; border:1px solid #D9D9D9; padding:4px 15px; }

.blog-post-line {}
.blog-post-line h3 { margin:0 0 5px 0; }
.blog-post-excerpt { margin-bottom:15px; }

.opc-progress-bar-item > span { color: #333333; }
.fieldset > .field:not(.choice) > .label { font-size: 14px; margin-bottom: 3px;  }


.btnred {
    display:inline-block; min-width:166px;
    background: #dd333d url('../images/red.png') repeat-x center;
    height: 48px; line-height: 48px;
    text-align: center;
    color: #ffffff !important;
    padding-left:10px; padding-right:10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.btnred:hover,
.btnred:focus,
.btnred:active { color:#FFFFFF; text-decoration:none; }

.lbranch { margin-bottom:10px; }
.lbranch img { width:100%; }
.lb-title { margin-bottom:6px;}
.lb-title h4 { font-size:26px; font-weight:bold; color:#2c328c; margin:0; }
.lb-address { font-size:13px; color:#636363; min-height:115px; }
.lb-tel { font-size:15px; color:#2c328c; margin-bottom:10px;  }

.branchhr { margin:0 0 30px 0;}
.branchhr hr { margin:0; border-color:#acacac;  }

.branch-subtitle { text-align:center; color:#2c328c; margin-bottom:30px;   }
.branch-subtitle h2 { font-size:30px; font-weight:bold; }


.branchtable { display:table; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; }

.branchtable thead {}
.branchtable thead th {
    font-family: 'Archivo Narrow', sans-serif;
    font-size:18px; color:#2c328c; text-align:center;
    border-left:1px solid #eaeaea; padding:30px 10px;
}
.branchtable thead th:nth-child(1) { border-left:none; }

.branchtable tbody {}
.branchtable tbody tr:nth-child(odd) { background:#e9eaf3; }
.branchtable tbody td { vertical-align:middle; text-align:center; border-left:1px solid #eaeaea; padding:16px 10px;  }
.branchtable tbody tr:nth-child(odd) td { border-color:#d7d7e0; }
.branchtable tbody td:nth-child(1) { width:130px; font-size:13px; font-weight:bold; color:#636363; text-align:left; border-left:none; }

.branches-map { width:100%; }

.branch-image { margin-bottom:40px; position:relative;  }
.branch-image img { width:100%; }
.branch-gallery { display:inline-block; position:absolute; right:15px; bottom:15px; }
.branch-tour { 
    display: inline-block;
    position: absolute;
    right: 202px;
    bottom: 15px;
    color: white;
}

.tour-text-wrapper {
    display: inline-block;
    min-width: 166px;
    background: #dd333d url(../images/red.png) repeat-x center;
    height: 48px;
    line-height: 11px;
    text-align: center;
    color: #ffffff;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.brtitle { margin:0 0 15px 0; font-size:30px; color:#2c328c; font-weight:bold;  }

.ulbranch { display:table; width: 100%; max-width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom:15px; }
.ulbranch ul { margin:0; padding:0; list-style:none none; display:table-row; }
.ulbranch ul li { display:table-cell; }
.ulbranch ul li:first-child { width:53px; }

.lnewsin { padding:20px; }

.tgbranch-title {
    font-family: 'Archivo Narrow', sans-serif;
    color:#2c328c;  font-size:34px; font-weight:bold; margin-bottom:15px;
}

.mappp { position:relative; }
.mappp-go { float: right; }

.mappp-go .btnred  { background: #2c328c; }

.mappp-image {}
.mappp-image img { width:100%; }

table.wtimes { width:auto;}
table.wtimes td { padding:2px 0; }
table.wtimes td:nth-child(1) { padding-right:30px; }

.row-branches:hover .lnews { opacity: 0.4; }
.row-branches .lnews:hover { opacity: 1; }


.cart.main.actions button.action {
    background:#f2f2f2;
    border: 1px solid #cdcdcd;
    color: #555555;
    cursor: pointer;
    padding: 7px 15px 7px 15px;
    border-radius: 3px;
    font-weight: bold;
}

.cart-discount { display: none; }

.shipping-policy-tooltip { font-size: 13px; }
.shipping-policy-tooltip br { display:none; }
.shipping-policy-tooltip p { margin-bottom: 10px; }
.shipping-policy-tooltip p:last-of-type { margin-bottom: 0; }
.form-shipping-address div[name*="region_id"] {
    display: none !important;
}


#vat_switch {
    position: relative; top: 2px; left: 50px;
    display: inline-block; width: 36px; height: 18px;
    background-color:#EE3342;
    -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;
    background-image: url('../images/circle-white.svg');
    background-repeat: no-repeat;
    background-position:  center right 2px;
    background-size: 16px;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
#vat_switch em {border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: none;}

#vat_switch.switched-on { background-position:  center left 2px; }
#vat_switch::before { color: var(--clr-blue); }
#vat_switch::after { color: var(--clr-blue); }
#vat_switch.switched-on::before { color: var(--clr-blue); font-weight: 600; }
#vat_switch.switched-on::after { color: var(--clr-blue); font-weight: 400;}

.tggroup-top--vat-toggle ul { list-style: none;}
#vat_switch::before,
#vat_switch::after { position: absolute; top:0; font-size: 12px; }
#vat_switch::before { content:"Incl. VAT"; left:-53px; }
#vat_switch::after { content:"Excl. VAT"; right:-55px; font-weight: 600;  }


.brandsflex { display: flex; flex-wrap: wrap; margin: 0 -10px;  }
.brandscell { position: relative; min-height: 1px; width:33.33%; padding: 0px 10px 0px 10px; margin-bottom: 20px;   }
.brandwrap { display: block; background: #FFFFFF; border: 1px solid #cccccc; padding: 10px 10px 10px 10px;  }
.brandwrap table { display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed; }
.brandwrap table td { vertical-align: middle; height: 110px; text-align: center; }
.brandwrap table td img { max-width:100%; max-height: 80px;  }

.catflexs { display: flex; flex-wrap: wrap; margin: 0 -15px 0 -15px;  }
.catflexscell { position: relative; min-height: 1px; width:20%; padding: 0px 15px 0px 15px; margin-bottom: 30px;   }
.catflexwrap { display: block; background: #FFFFFF; border: 1px solid #cccccc; padding: 10px 10px 10px 10px; height: 100%;  }
.catflexwrap dl { display: block; margin: 0;  }
.catflexwrap dl dt {
    margin: 0 0 10px 0; height: 190px;
    background-repeat: no-repeat;
    background-position:  center center;
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.catflexwrap dl dd { text-align: center; margin: 0;  }
.catflexwrap dl dd h3 { margin: 0;  font-size: 18px; font-weight: bold; color: #2c328c; }
.catflexwrap dl dd h3::after { content: '>>'; margin-left: 5px; }


.validator.validator-email.validation-none { height: auto !important; width: auto !important;}

#layered-filter-block { background: #fff; border: 1px solid #d7d7d7; padding: 10px 14px; margin-bottom: 15px; }
.block-title.filter-title { font-size: 17px; font-weight: bold; padding:0px; color:#2c328c; margin-bottom: 0px; }

#narrow-by-list {}
#narrow-by-list dt {}
#narrow-by-list dd ol { margin-bottom: 15px; }
#narrow-by-list dd a { color:#6E6E6E; }
#narrow-by-list dd a span.count { color:#ee3342; }
#narrow-by-list dd .actions {}
#narrow-by-list dd .action.show-more {
    display: block; text-align: center; padding: 6px 10px; border: 1px solid #CFCFCF;
    text-transform: uppercase; font-size: 12px;
    color: #2c328c;
    cursor: pointer;
}


.M2_products-list-items { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.M2_item-product-product-item { position: relative; min-height: 1px; width: 25%; padding: 0 10px; margin-bottom: 20px;  }
.M2_product-item-info[data-container="product-grid"] {
    position: relative; height: 100%;
    display: block; background: #FFFFFF; border: 1px solid #cccccc; padding: 10px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}

#pointofsale_box #map_canvas_pointofsale, #pointofsale_box #pointofsale { width:100% !important; }

.checkout-agreement .modal-container {
    margin: 0 auto;
    position: relative;
    left: 20px;
    top: -22px;
}

.checkout-agreement .modal-container button {
    background:none!important;
    color:inherit;
    border:none;
    padding:0!important;
    font: inherit;
    /*border is optional*/
    border-bottom:1px solid #444;
    cursor: pointer;
}

.checkout-agreement .modal-container .modal-backdrop {
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.2s ease-in;
}

.checkout-agreement .modal-container #modal-toggle {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.checkout-agreement .modal-container #modal-toggle:hover ~ button { background: #1E824C; }

.checkout-agreement .modal-container #modal-toggle:checked {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
}

.checkout-agreement .modal-container #modal-toggle:checked ~ .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    pointer-events: none;
    opacity: 1;
}

.checkout-agreement .modal-container #modal-toggle:checked ~ .modal-backdrop .modal-content {
    background-color: #fff;
    max-width: 400px;
    width: 100%;
    height: 480px;
    padding: 10px 30px;
    position: absolute;
    left: calc(50% - 200px);
    top: 12%;
    border-radius: 4px;
    z-index: 999;
    pointer-events: auto;
    cursor: auto;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
    overflow: scroll;
}

#pas-yes, #pas-no {
    clip: inherit;
    height: inherit;
    position: inherit;
    width: inherit;
    display: inline !important;
}

#checkout-step-pas .control { display: inline; margin-right: 8px; }

.amcheckout-main-container .amcheckout-column:first-of-type { background-color: #f9f9f9; padding: 0 16px; border: 1px solid #d4d4d4; }

.amcheckout-main-container .amcheckout-column:first-of-type .amcheckout-step-container .amcheckout-title { background: 0; }

.notification-cta {
    background-color: #BE1E27;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.no-quotes-block { display: none; }

    .wrap-collabsible {
      margin-bottom: 1.2rem 0;
  }

  .lbl-toggle {
      display: block;
      text-align: center;
      padding: 1rem;
      color: #000;
      background: #f5f5f5;
      cursor: pointer;
      border-radius: 7px;
      transition: all 0.25s ease-out;
      margin-bottom: 20px;
      height: 5rem;
      line-height: 2.7rem;
      font-weight: 300;
  }

  .lbl-toggle:hover {
      color: #000;
  }

  .lbl-toggle::before {
      content: ' ';
      display: inline-block;

      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid currentColor;
      vertical-align: middle;
      margin-right: .7rem;
      transform: translateY(-2px);

      transition: transform .2s ease-out;
  }

  .toggle:checked + .lbl-toggle::before {
      transform: rotate(90deg) translateX(-3px);
  }

  .collapsible-content {
      max-height: 0px;
      overflow: hidden;
      transition: max-height .25s ease-in-out;
  }

  .toggle:checked + .lbl-toggle + .collapsible-content {
      max-height: 100vh;
  }

  .toggle:checked + .lbl-toggle {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }

  .collapsible-content .content-inner {
      background: #eaeaea;
      padding: .5rem 1rem;
  }

/* Misc checkout page styles */

#customer-email-error {
    color: rgb(255, 0, 0);
    font-weight: 300;
}

.validator.validator-phone.validation-none {
    width: inherit !important;
}

#geocoder {
    height: 40px !important;
}

#tools input {
    width: 307px !important;
}

#tools > div > span {
    display: flex !important;
    flex-direction: column !important;
    font-weight: 300;
}

#tools > div > span > span {
    transform: translate(-3px, -15px);
}

#pas-pos-selector {
    max-width: 500px;
}

.field.street .control div.field label.label {
    display: none;
}

#pointofsale_box .hide-400 {
    display: none;
}

input[name="newsletter-subscribe"] {
    display: block;
}

fieldset#customer-email-fieldset .field:not(:first-child) .control {
    display: flex;
    gap: 0.3rem;
}

fieldset#customer-email-fieldset .field:not(:first-child) .control .input-text {
    display: inline-block;
    height: auto !important;
}

.field._required[name="shippingAddress.telephone"] .field-tooltip.toggle {
    display: none;
}

/* Expand Order summary box on the checkout page by default */

body.checkout-index-index .minicart-items{ 
    display:block !important; 
}

.opc-block-summary .block.items-in-cart .minicart-items {
    display: block !important;
}

.opc-block-summary .items-in-cart > .title:after {
    content: '\e621' !important;
}

.opc-block-summary .items-in-cart.active .minicart-items {
    display: none !important;
} 

.opc-block-summary .items-in-cart.active > .title:after {
    content: '\e622' !important;
}



/* Adjust font-weight on checkout page  */

#checkout-step-pas span,
#customer-email-fieldset span,
#customer-email-fieldset .field.required span,
#shipping-new-address-form span,
#shipping-new-address-form select.select,
.payment-group .payment-method span,
.table-checkout-shipping-method tr.row > td,
.table-checkout-shipping-method tr.row td.col.col-price span.price,
#discount-form .actions-toolbar button.action.action-apply span,
.collapsible-content .content-inner { 
    font-weight: 300;
}

@media (max-width: 400px) {

    .checkout-agreement .modal-container #modal-toggle:checked ~ .modal-backdrop .modal-content { left: 0; }
}

.checkout-agreement .modal-container #modal-toggle:checked ~ .modal-backdrop .modal-content .modal-close {
    color: #666;
    position: absolute;
    right: 2px;
    top: 0;
    padding-top: 7px;
    background: #fff;
    font-size: 16px;
    width: 25px;
    height: 28px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.checkout-agreement .modal-container #modal-toggle:checked ~ .modal-backdrop .modal-content .modal-close.button {
    top: initial;
    bottom: 20px;
    right: 20px;
    background: #4CAF50;
    color: #fff;
    width: 50px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: normal;
}

.checkout-agreement .modal-container #modal-toggle:checked ~ .modal-backdrop .modal-content .modal-close.button:hover {
    color: #fff;
    background: #1E824C;
}

/* Hide pickup at store time selector as never used */
#pas-time-selector { display:none; }

/* Background image on CMS pages */
.cms-page-view #maincontent {
    /* background-image: url('../images/cms_bg.jpg'); */
    /* background:#eaeaea; */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.page-layout-1-column-brand #maincontent {
    background-image: none;
    /* background:#eaeaea; */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

/* hide delivery summary in basket */

/* hide additional short description */
.product-aside .product.attibute.overview { display:none; }

/* price alignment in basket table */
#shopping-cart-table th.col.price, #shopping-cart-table th.col.subtotal { width:140px; }

.form-create-account {}
.form-create-account::after,
.form-create-account .actions-toolbar::before  { visibility: hidden; font-size: 0; height: 0; content: ""; display: table; clear: both; line-height: 0; }
.form-create-account .fieldset.create.info {
    display: inline-block; width: 49%;
    background: #FFFFFF; border: 1px solid #cccccc; padding: 10px;  margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
.form-create-account .fieldset.create.account {
    width: 49%; float: right;
    background: #FFFFFF; border: 1px solid #cccccc; padding: 10px;  margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}
.form-create-account .fieldset > .legend { padding-bottom: 7px; margin-bottom: 12px;  }
.form-create-account .fieldset > .field {}

.form-create-account .fieldset > .field.choice.newsletter {}
.form-create-account .fieldset > .field.choice.newsletter input[type="checkbox"] { float: left; position: relative; bottom: -2px; }

.form-create-account .actions-toolbar { margin-bottom: 40px; }
.form-create-account .actions-toolbar .secondary { display: none; }


.login-container {}
.login-container > .block {
    background: #FFFFFF; border: 1px solid #cccccc; padding: 10px;  margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
}


/* Billing address update button */
.payment-methods .action.action-update {
    background: #2C328C !important;
    border: 1px solid #2C328C !important;
    color: #FFFFFF !important;
    font-weight: bold;
    padding: 10px 30px;
}
.action.primary.checkout.disabled { display:none; }
/* /Billing address update button */

/* Hide IE10/11 X to close button */
::-ms-clear { display: none; }

/* small corrections to newsletter block */
.mailgrey .block.newsletter .form.subscribe { width:100%; }
.mailgrey .block.newsletter input { height: 36px; }

/* Fix for missing required asterisk */
div[name="billingAddresslloydscardnetcw_creditcard.firstname"] .label::after,
div[name="billingAddresslloydscardnetcw_creditcard.lastname"] .label::after,
div[name="billingAddresslloydscardnetcw_creditcard.city"] .label::after,
div[name="billingAddresslloydscardnetcw_creditcard.postcode"] .label::after,
div[name="billingAddresslloydscardnetcw_creditcard.telephone"] .label::after,
div[name="shippingAddress.firstname"] .label::after,
div[name="shippingAddress.firstname"] .label::after,
div[name="shippingAddress.lastname"] .label::after,
div[name="shippingAddress.city"] .label::after,
div[name="shippingAddress.postcode"] .label::after,
div[name="shippingAddress.telephone"] .label::after {
    content: '*' !important;
    color: #e02b27 !important;
    font-size: 1.2rem !important;
    margin: 0 0 0 5px !important;
}
/* /Fix for missing required asterisk */


.startshed{
    width:95%;text-align:center;right:50%;transform:translateX(50%);position:absolute;color:white;margin-top:-260px;;
}
.brand-content-images-sheds{
    justify-self:center;
}
.price-ln-vat { font-size:0.7em; color:#ABABAB; font-weight:normal; }

.workban {}
.workban > ul {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed;
}
.workban > ul > li { display: table-cell; vertical-align: middle; }
.workban > ul > li.cell-1 {
    padding: 20px;
    background-color: #2c328c;
    color: #fff;
}
.workban > ul > li.cell-2 {
    width: 30%;
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.work-title { display: block; line-height: 1.1; font-size: 28px; font-weight: bold; margin-bottom: 12px; }
.work-line { line-height: 1.2; margin-bottom: 2px;  }

/* upgrade to 2.3.3 amends */
#tooltip-label span {display:none;}
.step-title .title-number { display:none; }
/* /upgrade to 2.3.3 amends */

.covid img { width: 100%; margin-bottom: 20px; }
.covid-block { display: block; color: #fff; text-align: center; margin-bottom: 20px; }
.covid-block .blue-block { background-color: #2c328c; background-image: url(/pub/media/covid-banner-logo.png); padding: 30px 140px; background-repeat: no-repeat; background-position: top right; }
.covid-block .blue-block h2 { font-size: 36px; font-weight: 900;  }

.search-autocomplete ul { display: none; }
.poa-msg { font-weight: 700; font-size: 1.8rem; }


.tghero-wrapper { position: relative; }
.tghero {}
.tghero .tghero-item {
	padding-top:44px; min-height: 444px;
	background-color:#ebebeb;
	background-repeat:no-repeat; background-position:center top;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

.tghero .slick-dots {
    margin: 0; padding: 0; list-style: none none; list-style-position: outside;
    position: absolute;  left: 0;
    bottom: 90px; width: calc(50% + 500px);
    z-index: 20;
    display:block;
    text-align:right;
}
.tghero .slick-dots > li { display: inline-block; }
.tghero .slick-dots > li button {
    font-size: 0; color: transparent;
    border: none;
	display:block; float:left; margin-left:5px; margin-right:5px;  height:15px; width:70px; background:#ffffff;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.tghero .slick-dots > li.slick-active button { background:#323786 url('../images/owl-dot-active.jpg') repeat-x bottom; ; }

.tghero-curve {
    position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10;
    background-image:url('../images/curve-grey.png');
    background-repeat: no-repeat;
    background-position: bottom right -50%;
    background-size: auto 66px;
    height: 66px;
}
.tghero-curve .container {
    background-image:url('../images/curve-grey.png');
    background-repeat: no-repeat;
    background-position: bottom right 0;
    background-size: auto 66px;
    height: 66px;
}

/* ul.catgrid.doors-pop-cat .slick-track { width: 250px;}
ul.catgrid.doors-pop-cat .slikc-slide.slick-current.slick-active { width: auto;} */

/* ul.catgrid.doors-pop-cat .slick-list.draggable { width: 250px!important;}
ul.catgrid.doors-pop-cat .slick-list.draggable .slick-track {width: auto!important;}
ul.catgrid.doors-pop-cat .slick-list.draggable .slick-track .slick-slide { width: auto!important;} */
.catgrid.doors-pop-cat { margin-left: 5px;}

.item.display-dt { min-height: 400px; display: flex!important; flex-direction: column; justify-content: space-between; background: #fff;}

.slidebox { padding:10px; border:1px solid #cccccc; background:#FFFFFF; max-width:650px; }
.slidebox-inner { border:1px solid #cccccc; padding:20px 20px 50px 20px; color:#FFFFFF; position:relative;  }
.slidebox-inner-locations { background:#2c328c url('../images/slide-locations.png') no-repeat right; padding-right:260px; }
.slidebox-inner-responsibilities { background:#2c328c url('../images/slide-responsibilities.png') no-repeat right; padding-right:260px; }
.slidebox-inner-established  {
    background:#2c328c url('../images/slide-established.png') no-repeat center right 18px; padding-right:260px;
    background-size:236px auto;
}
.slidebox-inner-established h3 { padding-right:80px; }
.slidebox h3 { margin-top: 0; font-size:42px; font-weight:bold; margin-bottom:15px;   }
.slide-intro { font-family: 'Archivo Narrow', sans-serif; font-size:24px; line-height:1.1;  }
a.whitelink { color:#FFFFFF; position:absolute; left:20px; bottom:15px;  }
a.whitelink:hover,
a.whitelink:focus { color:#FFFFFF; text-decoration:none; }
.container-indexed { position:relative; z-index:10;  }

.whiteline { background:url('../images/curve.png') no-repeat; background-position: top right -50%; margin-bottom:40px;  }
.whiteline .container { background:url('../images/curve.png') no-repeat top right; padding-top:30px; }


.hero-carousel-wrapper { position: relative;  }
.hero-carousel {}
.hero-carousel .tghero-item {
	padding-top:44px; min-height: 444px;
	background-color:#ebebeb;
	background-repeat:no-repeat; background-position:center top;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}





/* Doors top level page */

.catgrid.doors-pop-cat li.item { width: 200px!important; }
.doors-popular-wrapper .fp-category { opacity: 1; }
.doors-popular-wrapper ul { list-style: disc; padding: 0 20px; }
.hero-carousel.doors img { width: 100%; }
.doors-popular-wrapper {
    background-color: #fff;
    padding: 10px;
}
.img-doors-wrap {
    min-height: 190px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.doors-pop-img {
    border-bottom: 1px solid #00000017;
    -webkit-box-shadow: 0px 9px 8px -4px rgb(0 0 0 / 64%); -moz-box-shadow: 0px 9px 8px -4px rgba(0,0,0,0.64); box-shadow: 0px 9px 8px -4px rgb(0 0 0 / 26%);
}

.overflow-wrap { overflow: hidden; margin: 20px 0;}

.affiliated-img {
    background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;
    min-height: 375px;
    transition: transform .2s ease; filter: brightness(0.8); 
}

.affiliated-img:hover { transform: scale(1.1); filter: brightness(1); }

.affiliated-img .contents {
    display: flex; flex-direction: column; align-items: center; justify-content: space-between;
    min-height: 163px;
    position: relative; top: 145px;
} 

.href.title { text-decoration: none; color: inherit;}

.affiliated-img .contents button {
    padding: 5px 20px;
    background-color: #b4212d; color: #fff;
    border: none; border-radius: 4px;
}

.affiliated-img .contents>img { opacity: 1; transition: 0.3s;}
.affiliated-img:hover .contents>img { opacity: 0; }

.doors-pop-cat .slick-arrow {
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    z-index: 10;
    top: calc(50% - 15px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    color: #2F3D86;
}

.doors-pop-cat .slick-arrow .fa { 
    font-size: 38px;
    line-height: 1;
}

.slick-prev.doors-pop.slick-arrow { 
    display: block;
    left: -40px;
}

.slick-next.doors-pop.slick-arrow { 
    display: block;
    right: -7px;
}

.doors-pop-cat .slick-slide img {
    display: inline-block;
    width: 100%;
}

body.categorypath-shop-by-category-doors.category-doors nav.breadnav,
body.categorypath-shop-by-category-aggregates nav.breadnav { display: none; }
body.categorypath-shop-by-category-doors span.base,
body.categorypath-shop-by-category-aggregates span.base { display: none; }


body.categorypath-shop-by-category-aggregates .catalog-category-view .page-title-wrapper {
    display: none;
}

.dc-section { padding: 8rem 4rem 2rem 4rem; background-color: #fff; }
.dc-carousel { padding-left: 0;}

.dc-section .dc-carousel img { max-width: 100%; }

.dc-carousel .slick-slide { text-align: center; }
.dc-carousel li { display: inline-block; }
.dc-carousel ul.slick-dots li { padding: 5px; }
.dc-carousel .slick-dots { text-align: center; padding: 0; transform: translateY(-24px); }
.dc-carousel .slick-dots li.slick-active button { transform: translateY(-4px);}
.dc-carousel .slick-dots button { 
    display: block;
    width: 1rem; height: 1rem;
    padding: 0;
    border: none; border-radius: 100%;
    background-color: #fff;
    text-indent: -9999px;
}


.dc-text { padding-right: 0;}
.dc-text img {    
    position: absolute;
    top: -23px;
    width: 195px;
    left: 76px;
}
.dc-text-wrapper { 
    margin-top: 4rem; padding: 5rem 4rem;
    line-height: 1.5rem; font-weight: 600;
    color: #2a338f; background-color: #eaeaea;
}


/* END Doors top level page */

.hero-spacer { display: block; width: 100%; }


#vfmlist li.level0:not(.category-item) > a.level-top { opacity: 1 !important;     text-transform: uppercase; }

#vfmlist li.level0:not(.category-item) > a.level-top i { font-size: 20px; }

/* "Please do not refresh or close the payment page until the order has been confirmed." */
.dont-refresh {
	font-size: 13px;
	padding: 10px 20px;
	margin: 15px 0;
	color: #fff;
	border-radius: 5px;
	background-color: #feb742;
}

.amcheckout-step-container .form-login { border-bottom: none !important; }

.ratio{position:relative; width:100%; display: block; }
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio > *{position:absolute;top:0;left:0;width:100%;height:100%}
.ratio-1x1{--bs-aspect-ratio:100%}
/* .ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)} */
.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}
.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}
.ratio-content { display: block; background-color: rgba(227,227,227,1.00); }

.img-cover { width: 100%; height: 100%; object-fit: cover; }

.heading-line { padding: 4px 15px 6px 15px; text-align: center; margin-bottom: 16px; color: #FFFFFF; background: #2c328c; }
.heading-line-red { background-color: #BE1E27; }
.heading-line .title { font-family: 'Archivo Narrow', sans-serif; font-size: 28px; font-weight: bold;   }


.c-actions { display: block; width: 100%; text-align: center; position: absolute; bottom: 15px; left: 0; right: 0; }
.c-btn {
	font-family: 'Archivo Narrow', sans-serif; font-size: 18px; font-weight: bold;
	display: inline-block; background-color: rgba(255,255,255,0.87); padding: 4px 12px; color: #2C328C;
}

.catgrid-wrapper .ratio-content {  display: block; position: relative; }

.catgrid-wrapper {}
.catgrid {
	margin: 0 -8px; padding: 0; list-style: none none; list-style-position: inside;
	/* display: flex; flex-wrap: wrap; align-items: center; justify-content: center; */
}
.catgrid li.item { width: 19.7%; padding: 0 8px; margin-bottom: 16px;     display: inline-block;   }
.catgrid li.item:hover .c-btn { background-color: rgba(45,56,137,0.95); color: #fff; }
.M2_item-catergory-item{position:relative;min-height: 1px;padding:0 10px;margin-bottom:20px;background:white;padding-bottom:10px;padding-top:10px;border-style:solid;border-color:silver;border-width:1px;}

.accgrid-wrapper { padding: 5px 0; }
.accgrid {
	margin: 0 -8px; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
}
.accgrid li.item { width: 33.33%; padding: 0 8px;    }
.accgrid li.item a {
	display: flex; align-items: center; justify-content:space-between;
	background-color: #2D3889; color: #fff; padding: 8px 15px;
	font-family: 'Archivo Narrow', sans-serif; font-size: 22px; font-weight: bold;
	text-decoration: none !important;
}
.accgrid li.item .a-label { flex: 1; padding-right: 15px;  }
.accgrid li.item .a-icon { width: 50px; height: 50px; }
.accgrid li.item .a-icon .img { width: 100%; height: 100%; object-fit:contain; }
.probox-data .btns .btns-green{width:auto;}
.probox-data__button {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    height: 80px !important;
}

.mymodal1{
    background: #30335b;
    width: 100%;
    border: 1px solid #30335b;
    color: #fff;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    max-width: 20rem;

}

.M2_item-catergory-item > .probox:hover {
    text-decoration: none;
}

.M2_item-catergory-item .img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.featproducts-wrapper { margin-bottom: 30px; }
.featproducts {}
.featproducts .slick-slide { margin: 0 8px; }
.featproducts .slick-list { margin: 0 -8px; }
.featproducts .slick-arrow,
.popularproducts .slick-arrow {
	display: inline-block; background-color: transparent; padding: 0; border: none;
	color: #2F3D86;
	position: absolute; top: calc(30% - 19px);
	z-index: 10;
}
.featproducts .slick-arrow .fa,
.popularproducts .slick-arrow .fa { font-size: 38px; line-height: 1; }
.popularproducts .slick-prev { left: -32px;}
.popularproducts .slick-next { right: -32px;}

.fp-box {}
.fp-photo { margin-bottom: 15px; min-height: 225px; background: #fff; display: flex; justify-content: center; align-items: center; }
.fp-photo .href { display: block;  }
.fp-data { font-family: 'Archivo Narrow', sans-serif; font-size: 16px; line-height: 1.1;  }
.fp-category { opacity: 0.7; min-height: 35px; }
.fp-title { min-height: 70px; }
.fp-title a { color: #000000; }
.fp-price { padding: 8px 0; }
.fp-stock { margin-bottom: 5px; }
.fp-stock .in-stock { color: #5CA84A; }
.fp-options {}
.fp-options .href { display: flex; color: #fff; background-color: #BE1E27; text-decoration: none; padding: 4px 8px; }
.fp-options .href-1 { flex: 1; }
.fp-options .href-2 {}

#co-shipping-method-form .store-pickup { display: none !important; }
#checkout .authentication-wrapper { display: none !important; }
#checkout div[name="billingAddressshared.region_id"] { display:none !important; }
#checkout li.infomsg div { border:1px solid #0096C7; padding:7px; background-color: rgba(0, 150, 199, 0.1); color: #002A80;}
div[name="shippingAddress.telephone"] { display:block !important; }

/* setCookie('vat_switch', 'off'); */
#maincontent.prices-incl-vat {}
#maincontent.prices-incl-vat .price-excluding-tax { display: none; }
/* setCookie('vat_switch', 'on'); */
#maincontent.prices-excl-vat {}
#maincontent.prices-excl-vat .price-including-tax { display: none; }

ul.features-list {
    padding-left: 16px;
}

.enquire-me { 
    background: #ee3342;
    width: 100%;
    border: 1px solid #ee3342;
    color: #fff;
    padding: 10px;
    text-align: center;
    cursor: pointer; 
}

.delivery-heading {
    font-weight: 700;
    font-size: 1.4rem;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.delivery-and-collection-wrapper {
    padding: 0 2rem;
}

.delivery-and-collection-wrapper a {
    word-break: break-all;
}



.footermenus > ul { display: flex; flex-direction: column;}

/* Related Products styles */

.related-interest {
    background: #2d3889;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem;
}

.related-available.M2_product-item-info.lnews.tgbox.related--container {
    width: 21rem;
    margin-inline: auto;
}

.related-button > div,
.related-button > div > button {
    width: 100%;
}

.btns.btns-green.tocart > span::after {
    content: " >>";
} 

.btns.btns-green.tocart > span {
    background: url(../images/basket-white.png) no-repeat left;
    padding-left: 30px;
}

.tgbox-img.related-img {
    margin-bottom: 0;
}

.tgbox-price2.related-price2 {
    height: auto;
    min-height: auto;
}



.products-related .tgbox {
    width: 100% !important;
}

/* Relateed products */

.container--related-img.tgbox-img {
    display: grid;
    place-content: center;

    min-height: auto !important;
}

.container--related-products {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
}

.view-more-related {
    margin-right: 20px;
    display: inline-block;
    padding: 7px 28px;
    border: none;
    color: #000000;
    line-height: 1.7;
    text-decoration: none;
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #e3e3e3 50%, #d6d6d6 51%, #d6d6d6 100%);
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#e3e3e3 50%,#d6d6d6 51%,#d6d6d6 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%,#e3e3e3 50%,#d6d6d6 51%,#d6d6d6 100%);
}

.view-more-related > a:hover {
    text-decoration: none;
    color: black;
}

.tgbox-price2.related-price {
    min-height: auto !important;
    height: auto !important;
}

.related-add-to-cart > span {
    background: url(../images/basket-white.png) no-repeat left;
    padding-left: 30px;
}

.action.primary.related-add-to-cart {
    background: #4fa94d !important;
    border: 1px solid #4fa94d !important;
    color: #FFFFFF !important;
}

.tgbox-price2.related-price .price-including-tax::after {
    content: attr(data-label) "";
    font-size: 1.1rem;
    margin-left: 0.4rem;
}

.wrap-collabsible input[type='checkbox'] { display: none; }
#billing-address-same-as-shipping-lloydscardnetcw_creditcard { display: inline-block; }

.featproducts .slick-next {
	    right: -42px;
}

.featproducts .slick-prev {
	    left: -35px;
}

/* Mega menu styles */

.magicmenu {
    position: relative;
}
.magicmenu .nav-desktop {
    position: static;
    margin: 0;
    padding: 0;

    display: flex;
    justify-content: center;
}
.magicmenu .nav-desktop.menufullwidth .full-width .content-mega-horizontal {
    margin: 0 auto;
}
.magicmenu .nav-desktop.click .level0:hover .level-top-mega {
    opacity: 0;
    visibility: hidden;
    top: 130%;
}
.magicmenu .nav-desktop.click .level0.over .level-top-mega {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.magicmenu .nav-desktop.click .level0.dropdown.over >.level0 {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.magicmenu .nav-desktop.click .level0.dropdown .hasChild.over >ul {
    opacity: 1;
    visibility: visible;
}
.magicmenu .nav-desktop .level0.over .level-top-mega {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.magicmenu .nav-desktop .level0.dropdown.over >.level0 {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.magicmenu .nav-desktop .level0.dropdown .hasChild.over >ul {
    opacity: 1;
    visibility: visible;
}
.magicmenu .nav-desktop .level0.dropdown >.level0 {
    border-style: solid;
    border-width: 0px;
    padding: 0px 15px;
    position: absolute;
    z-index: 99999;
    display: block;
    opacity: 0;
    top: 130%;
    visibility: hidden;
    transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    width: 215px;
    padding: 20px 0px;
    line-height: 38px;
    text-align: left;
    background-color: #ffffff;
}
.magicmenu .nav-desktop .level0.dropdown >.level0 li a span {
    font-size: 14px;
}
.magicmenu .nav-desktop .level0.dropdown:hover >.level0 {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.magicmenu .nav-desktop .level0.dropdown .dropdown .level1 a {
    font-size: 14px;
}
.magicmenu .nav-desktop .level0.dropdown li {
    margin: 0;
}
.magicmenu .nav-desktop .level0.dropdown .hasChild {
    position: relative;
    margin: 0;
}
.magicmenu .nav-desktop .level0.dropdown .hasChild >a:before {
    content: "\f105";
    display: block;
    line-height: 38px;
    font-size: 13px;
    position: absolute;
    right: 15px;
    text-align: right;
}
.magicmenu .nav-desktop .level0.dropdown .hasChild ul {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    border-width: 1px;
    border-style: solid;
    padding: 20px 0px;
    min-width: 200px;
    z-index: 1;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    list-style: none;
}
.magicmenu .nav-desktop .level0.dropdown .hasChild:hover >ul {
    opacity: 1;
    visibility: visible;
}
.magicmenu .nav-desktop .level0.dropdown .level1 a {
    padding: 0 18px;
    display: block;
}
.magicmenu .nav-desktop .level0 {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}
.magicmenu .nav-desktop .level0 .level-top-mega {
    border-style: solid;
    border-width: 0px;
    padding: 0px 15px;
    position: absolute;
    z-index: 99999;
    display: block;
    opacity: 0;
    top: 130%;
    visibility: hidden;
    transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    background-color: #ffffff;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild.over >ul {
    opacity: 1;
    left: 90%;
    visibility: visible;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild {
    position: relative;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:before {
    color: #666;
    content: "\f105";
    display: block;
    line-height: 32px;
    font-size: 13px;
    position: absolute;
    right: 30px;
    text-align: right;
 
}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild ul {
    position: absolute;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    top: 0;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    padding: 5px 0 5px 30px;
    min-width: 200px;
    z-index: 1;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:hover >ul {
    opacity: 1;
    left: 90%;
    visibility: visible;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children a {
    position: relative;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    line-height: 26px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children a span {
    font-size: 13px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children a .cat_label.sale {
    color: #00bd33;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children a .cat_label.Sale {
    color: #00bd33;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav:last-child {
    border: 0 none;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav a .cat_label:before {
    display: none;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a .cat_label:before {
    display: none;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 >a {
    border-width: 0 0 0;
    border-style: solid;
    position: relative;
    font-size: 14px;
    padding: 10px 0 0px 0;    
    display: block;
    line-height: 25px;
    margin: 0px;
    text-transform: uppercase;
    color: #e23647;

    
    margin-bottom: 12px;
    border-bottom: 1px solid #384eb9;
    padding-bottom: 6px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 >a span {
    font-size: 14px;
    position: relative;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 >a span:after {
    border-width: 0 0 1px;
    border-style: solid;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 0px;
    transition: all 0.35s ease 0s;
    display: none;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 >a:hover span:after {
    width: 100%;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 >a.a-image::before {
    display: none;
    padding: 0;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-top {
    width: 100%;
    clear: both;
    padding: 30px 0 0px;
    margin: 0px;
    overflow: hidden;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom {
    width: 100%;
    clear: both;
    padding: 30px 0 0px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega-horizontal .cat-mega {
    padding-bottom: 0px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column.cat-mega {
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children {
    float: left;
    text-align: left;
    width: 235px;
    padding: 0 15px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children ul {
    margin-right: 0px;
    padding: 0px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children >ul {
    padding: 0px 0 3px 15px;
    position: relative;
    list-style: none;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column li {
    margin: 0;
}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega-custom .children.level1 >a {
    padding: 0px;
    margin-bottom: 10px;
}
.magicmenu .nav-desktop .level0 >a:hover .short_desc {
    color: #888888;
}
.magicmenu .nav-desktop .level0 .level-top {
    padding: 15px 13px;
    font-size: 14px;
    position: relative;
    text-decoration: none;
    outline: medium none;
    display: block;
    text-align: left;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
}
.magicmenu .nav-desktop .level0 .level-top span.icon-text {
    padding: 0;
    text-decoration: none;
    outline: medium none;
    text-align: left;
}
.magicmenu .nav-desktop .level0 .level-top span.cat_label {
    right: 20px;
    top: -8px;
}
.magicmenu .nav-desktop .level0 .level-top >span {
    white-space: nowrap;
    font-size: 14px;
}
.magicmenu .nav-desktop .level0 .level-top .short_desc {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    text-transform: capitalize;
    color: #999;
}
.magicmenu .nav-desktop .level0 .level-top .cat_label {
    background-color: #009966;
    color: #fff;
    font-size: 11px !important;
    line-height: 16px;
    font-weight: 700;
    padding: 0px 5px;
    margin: 0 0 0 3px;
    position: absolute !important;
    text-transform: uppercase;
}
.magicmenu .nav-desktop .level0:hover .level-top-mega {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
.magicmenu .nav-desktop .level0 .cat_label {
    background-color: #009966;
    color: #fff;
    font-size: 11px !important;
    line-height: 16px;
    font-weight: 700;
    padding: 0px 5px;
    margin: 0 0 0 3px;
    position: absolute !important;
    text-transform: uppercase;
}
.magicmenu .nav-desktop .level0 .cat_label:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 5px;
    border-top-width: 5px;
    display: none;
}
.magicmenu .nav-desktop .level0 .cat_label:before {
    border-color: transparent;
    border-style: solid;
    border-top-color: #009966;
    border-width: 6px 10px 0 0;
    content: "";
    height: 0;
    position: absolute;
    left: 10px;
    top: 17px;
    transition: border-color 450ms ease-in-out 0s;
    width: 0;
    display: none;
}
.magicmenu .nav-desktop .level0 .cat_label.Hot {
    color: #fff;
    background-color: #ff0000;
}
.magicmenu .nav-desktop .level0 .cat_label.Hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.magicmenu .nav-desktop .level0 .cat_label.hot {
    color: #ff3d49;
    background-color: #dc1212;
}
.magicmenu .nav-desktop .level0 .cat_label.hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.magicmenu .nav-desktop .level0 .cat_label.HOT {
    color: #ff3d49;
}
.magicmenu .nav-desktop .level0 .cat_label.HOT:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.magicmenu .nav-desktop .level0 .cat_label.Sale {
    color: #00bd33;
    background-color: #ff6600;
}
.magicmenu .nav-desktop .level0 .cat_label.Sale:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.magicmenu .nav-desktop .level0 .cat_label.sale {
    color: #00bd33;
    background-color: #ff6600;
}
.magicmenu .nav-desktop .level0 .cat_label.sale:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.magicmenu .nav-desktop .level0 .cat_label.New:before {
    border-top-color: #009966;
}
.magicmenu .nav-desktop .level0 .cat_label.SALE {
    background-color: #ff6600;
}
.magicmenu .nav-desktop .level0 .cat_label.SALE:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.magicmenu .nav-desktop .level0.logo.display {
    display: none;
    border: 0;
}
.magicmenu .nav-desktop .level0.home {
    margin-left: 20px;
    position: static;
}
.magicmenu .nav-desktop .level0.home .level-top .icon {
    display: none;
}
.magicmenu .nav-desktop .level0.home .level-top .icon-home {
    font-size: 15px;
}
.magicmenu .nav-desktop .level0.home .level-top-mega {
    padding: 20px 25px 25px;
    min-width: 175px;
    text-align: left;
}
.magicmenu .nav-desktop .level0.home .level-top-mega div a span {
    font-size: 14px;
    line-height: 27px;
}
.magicmenu .nav-desktop p {
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    line-height: 30px;
}
.magicmenu .nav-desktop .level0.ext .level0.dropdown {
    width: 215px;
    padding: 20px 0px;
    line-height: 38px;
    text-align: left;
}
.magicmenu .nav-desktop .level0.ext .level0.dropdown li a span {
    font-size: 14px;
}


.magicmenu .nav-desktop .level-top a {
    color: #3447bd;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
}

@media (min-width: 767px) {
    .magicmenu .level0 > a.level-top {
        color: #fff !important;
    }

}
.magicmenu .nav-desktop .level0.dropdown.home >.level0 {
    width: 200px;
}
.magicmenu .nav-desktop .level0.hasChild .level-top:after {

    font-size: 12px;
    padding-left: 5px;
    font-weight: normal;
}
.magicmenu .level0 .level-top img {
    display: none;
    padding-right: 15px;
    vertical-align: middle;
}
.vmagicmenu {
    display: block !important;
    position: relative;
    padding: 0px;
    z-index: 90;
    width: 270px;
    float: left;
}
.vmagicmenu .vmagicmenu-narrow {
    position: absolute;
    margin: 0px;
    padding: 5px 0 25px;
    list-style: outside none none;
    width: 270px;
    display: none;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild.over >ul {
    opacity: 1;
    visibility: visible;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown >.level0 {
    width: 215px;
    padding: 20px 0px;
    line-height: 38px;
    text-align: left;
    border-width: 0px;
    border-style: solid;
    position: absolute;
    left: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    top: 0 !important;
    min-height: 100%;
    top: 0;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown >.level0 li a span {
    font-size: 14px;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild {
    position: relative;
    margin: 0;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild >a:before {
    content: "\f105";
    display: block;
    line-height: 38px;
    font-size: 13px;
    position: absolute;
    right: 15px;
    text-align: right;

}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild ul {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    border-width: 1px;
    border-style: solid;
    padding: 20px 0px;
    min-width: 200px;
    z-index: 1;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    list-style: none;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild ul li {
    margin: 0;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild:hover >ul {
    opacity: 1;
    visibility: visible;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown li {
    margin: 0;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a {
    padding: 0 18px;
    display: block;
    text-transform: uppercase;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a span {
    font-size: 14px;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown.hasChild.over >ul {
    opacity: 1;
    visibility: visible;
}
.vmagicmenu .vmagicmenu-narrow .level0.dropdown.hasChild:hover >ul {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 7px rgba(0,0,0,0.3);
}
.vmagicmenu .vmagicmenu-narrow >li:nth-child(n+12) {
    display: none;
}
.vmagicmenu .vmagicmenu-narrow >li.all-cat {
    display: block;
    margin-top: 15px;
    float: left;
    width: 100%;
    clear: both;
    padding: 0 18px;
}
.vmagicmenu .nav-desktop .level0 .level-top-mega {
    background-color: #ffffff;
}
.vmagicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild.over ul {
    opacity: 1;
    left: 90%;
    visibility: visible;
}
.vmagicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:before {
    color: #666;
    content: "\f105";
    display: block;
    line-height: 32px;
    font-size: 13px;
    position: absolute;
    right: 30px;
    text-align: right;
 
}
.vmagicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild ul {
    position: absolute;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    top: 0;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    padding: 5px 0 5px 30px;
    min-width: 200px;
    z-index: 1;
}
.vmagicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:hover >ul {
    opacity: 1;
    left: 90%;
    visibility: visible;
}
.vmagicmenu .nav-desktop .level0.dropdown.over >.level0 {
    opacity: 1;
    visibility: visible;
}
.vmagicmenu .nav-desktop .level0.home .level-top .icon {
    display: none;
}
.vmagicmenu .nav-desktop .level0.dropdown:hover >.level0 {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 7px rgba(0,0,0,0.3);
}
.vmagicmenu .nav-desktop .level0.dropdown >.level0 {
    background-color: #ffffff;
}
.vmagicmenu .level0.over .level-top-mega {          
    opacity: 1;
    visibility: visible;
}
.vmagicmenu .level0 {
    padding: 0;
    margin: 0;
    float: left;
    line-height: 39px;
    width: 100%;
    list-style: none;
    position: static;
}
.vmagicmenu .level0 .level-top-mega {
    border-width: 0px;
    border-style: solid;
    position: absolute;
    left: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    top: 0 !important;
    min-height: 100%;
    padding: 0 15px;
}
.vmagicmenu .level0 .level-top-mega .children >a {
    border-width: 0px 0 0;
    border-style: solid;
    display: block;
    padding-top: 28px;
    padding-bottom: 8px;
    position: relative;
    font-weight: bold;
    line-height: 25px;
    text-transform: uppercase;
}
.vmagicmenu .level0 .level-top-mega .children >a span {
    font-size: 14px;
}
.vmagicmenu .level0 .level-top-mega .children >a span:after {
    border-width: 0 0 1px;
    border-style: solid;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 0px;
    transition: all 0.35s ease 0s;
    display: none;
}
.vmagicmenu .level0 .level-top-mega .children >a:hover span:after {
    width: 100%;
}

.level-top-mega {
    /* width: 100%; */
    /* left: 0 !important; */
}
.vmagicmenu .level0 .level-top-mega .children a {
    line-height: 30px;
    text-align: left;
    text-decoration: none;
    position: relative;
    display: block;
}
.vmagicmenu .level0 .level-top-mega .children a span {
    font-size: 14px;
}
.vmagicmenu .level0 .level-top-mega .children .level-3 {
    font-size: 100%;
    padding: 0 0 5px;
    line-height: 30px;
}
.vmagicmenu .level0 .level-top-mega .children .level-3 a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
.vmagicmenu .level0 .level-top-mega .children .nav {
    line-height: 26px;
    border-bottom: 1px solid #ececec;
}
.vmagicmenu .level0 .level-top-mega .children .nav:last-child {
    border: none;
}
.vmagicmenu .level0 .level-top-mega .children .nav a {
    font-weight: 300;
}
.vmagicmenu .level0 .level-top-mega .children >.nav {
    border: none;
}
.vmagicmenu .level0 .level-top-mega .children .cat_label {
    background-color: #009966;
    color: #fff;
    font-size: 11px !important;
    line-height: 16px;
    font-weight: 700;
    padding: 0px 5px;
    margin: 0 0 0 3px;
    position: absolute !important;
    text-transform: uppercase;
}
.vmagicmenu .level0 .level-top-mega .children .cat_label:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 5px;
    border-top-width: 5px;
    display: none;
}
.vmagicmenu .level0 .level-top-mega .children .cat_label.hot {
    color: #ff3d49;
}
.vmagicmenu .level0 .level-top-mega .children .cat_label.Hot {
    color: #ff3d49;
}
.vmagicmenu .level0 .level-top-mega .children .cat_label.HOT {
    color: #ff3d49;
}
.vmagicmenu .level0 .level-top-mega .children .cat_label.sale {
    color: #00bd33;
}
.vmagicmenu .level0 .level-top-mega .children .cat_label.Sale {
    color: #00bd33;
}
.vmagicmenu .level0 .level-top-mega .children.level1 >a.a-image::before {
    display: none;
    padding: 0;
}
.vmagicmenu .level0 .level-top-mega .content-mega {
    margin: 0;
    padding: 0px;
}
.vmagicmenu .level0 .level-top-mega .mega-block-top {
    width: 100%;
}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom {
    width: 100%;
    clear: both;
    padding: 25px 0 0px;
}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom img {
    margin: 0 auto;
}
.vmagicmenu .level0 .level-top-mega .mage-column .children {
    float: left;
    width: 235px;
    text-align: left;
    padding: 0 15px;
    margin: 0;
}
.vmagicmenu .level0 .level-top-mega .mage-column .children ul {
    list-style: outside none none;
}
.vmagicmenu .level0 .level-top-mega .mage-column .children ul li {
    margin: 0;
    position: relative;
}
.vmagicmenu .level0 .level-top-mega .mage-column li {
    margin: 0;
}
.vmagicmenu .level0:hover .level0 {
    background-color: transparent;
}
.vmagicmenu .level0:hover .level-top-mega {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 7px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 7px rgba(0,0,0,0.3);
}
.vmagicmenu .level0 .level-top {
    border-bottom: 1px solid #e6e6e6;
    margin: 0px 18px;
    padding: 0px;
    font-size: 100%;
    text-decoration: none;
    display: block;
    outline: medium none;
    position: relative;
}
.vmagicmenu .level0 .level-top img {
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}
.vmagicmenu .level0 .level-top span {
    font-size: 14px;
    vertical-align: middle;
}
.vmagicmenu .level0 .level0 .children >ul {
    margin: 0;
    padding: 20px 0 35px;
    position: relative;
}
.vmagicmenu .level0 .cat_label {
    background-color: #009966;
    color: #fff;
    font-size: 11px !important;
    line-height: 16px;
    font-weight: 700;
    padding: 0px 5px;
    margin: 0 0 0 3px;
    position: absolute !important;
    text-transform: uppercase;
}
.vmagicmenu .level0 .cat_label:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 5px;
    border-top-width: 5px;
    display: none;
}
.vmagicmenu .level0 .cat_label:before {
    border-color: transparent;
    border-style: solid;
    border-top-color: #009966;
    border-width: 6px 10px 0 0;
    content: "";
    height: 0;
    position: absolute;
    left: 10px;
    top: 17px;
    transition: border-color 450ms ease-in-out 0s;
    width: 0;
    display: none;
}
.vmagicmenu .level0 .cat_label.Hot {
    color: #ff3d49;
    background-color: #dc1212;
}
.vmagicmenu .level0 .cat_label.Hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.vmagicmenu .level0 .cat_label.hot {
    color: #ff3d49;
    background-color: #dc1212;
}
.vmagicmenu .level0 .cat_label.hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.vmagicmenu .level0 .cat_label.HOT {
    color: #ff3d49;
}
.vmagicmenu .level0 .cat_label.HOT:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.vmagicmenu .level0 .cat_label.Sale {
    color: #00bd33;
    background-color: #ff6600;
}
.vmagicmenu .level0 .cat_label.Sale:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.vmagicmenu .level0 .cat_label.sale {
    color: #00bd33;
    background-color: #ff6600;
}
.vmagicmenu .level0 .cat_label.sale:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.vmagicmenu .level0 .cat_label.New {
    border-top-color: #009966;
}
.vmagicmenu .level0 .cat_label.SALE {
    background-color: #ff6600;
}
.vmagicmenu .level0 .cat_label.SALE:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.vmagicmenu .block-vmagicmenu-content {
    padding: 0px;
    position: absolute;
}
.vmagicmenu .vmagicmenu-narrow.over {
    display: block;
}
.vmagicmenu .block-title {
    padding: 0 30px;
    line-height: 49px;
}
.vmagicmenu .block-title span {
    font-size: 24px;
    vertical-align: middle;
}
.vmagicmenu .block-title span.fa:before {
    content: "\e871";
    font-family: 'Linearicons-Free';
}
.vmagicmenu .block-title .vmagicmenu-subtitle {
    padding: 0 0 0 15px;
    font-size: 14px;
    text-transform: uppercase;
}
.vmagicmenu .level0.last {
    border: none;
}
.vmagicmenu .level0.hasChild .level-top:after {
    content: "\f105";
    float: right;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
}
.vmagicmenu p {
    line-height: 30px;
    text-align: left;
    text-decoration: none;
    position: relative;
    display: block;
}
.vmagicmenu .level-top a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    color: #000;
}
.vmagicmenu .banner-menu-position img {
    margin-left: -30px;
}
.sections .nav-sections-item-content >.navigation {
    display: none;
}
.nav-sections-item-content {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.nav-sections-item-content .magicmenu {
    position: relative;
    display: block;
    text-align: left;
}
.mage-column.mega-block-left {
    float: left;
}
.mage-column.mega-block-right {
    float: right;
    padding: 10px 0 0;
}
.block-left {
    float: left;
}
.block-right {
    float: left;
}
.cat-mega {
    float: left;
}
.block-bottom {
    clear: both;
}
.mage-column-custom {
    padding-top: 32px;
}
.header-container-fixed .magicmenu .nav-desktop .level0 .level-top span.cat_label {
    top: 0px;
}
.all-cat {
    display: block;
    margin-top: 10px;
}
.all-cat span {
    padding: 0px;
    cursor: pointer;
    display: block;
    line-height: normal;
    width: 100%;
    clear: both;
    font-size: 14px;
}
.all-cat span:after {
    content: "\f0d7";
    padding-left: 5px;
}
.all-cat:hover span {
    color: #333;
}
.sidebar .accordion-container {
    margin-bottom: 30px;
}
.sidebar .accordion-container .all-cat {
    margin-top: 20px;
    padding: 0 18px;
}
.sidebar .accordion-container .level0 .level-top img {
    display: none;
}
.sidebar .accordion-container .meanmenu-accordion {
    border-style: solid;
    border-width: 1px;
    border-color: #e6e6e6;
    padding: 0px 0px 34px;
}
.sidebar .nav-accordion {
    padding: 13px 18px 0;
}
.accor-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
    margin: 0;
    padding: 15px 18px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
}
ul.nav-accordion {
    line-height: 0.5em;
    list-style: none;
    margin: 0;
    padding: 0 0 30px;
}
ul.nav-accordion li {
    position: relative;
    margin: 0;
}
ul.nav-accordion li a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    color: #333e48;
    outline: medium none;
}
ul.nav-accordion li a span {
    font-size: 14px;
}
ul.nav-accordion li a:hover {
    color: #333;
}
ul.nav-accordion li a span.cat_label {
    background-color: #009966;
    color: #fff;
    font-size: 11px !important;
    line-height: 16px;
    font-weight: 700;
    padding: 0px 5px;
    margin: 0 0 0 3px;
    position: absolute !important;
    text-transform: uppercase;
}
ul.nav-accordion li a span.cat_label:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 5px;
    border-top-width: 5px;
    display: none;
}
ul.nav-accordion li a.level-top {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}
ul.nav-accordion li a.level-top span {
    font-size: 14px;
}
ul.nav-accordion li >ul.submenu >li >a {
    padding-left: 20px;
}
ul.nav-accordion li ul li ul li.parent >a {
    padding: 0 0 0 20px;
}
ul.nav-accordion li ul li.parent >a span:before {
    display: none;
}
ul.nav-accordion li.last {
    border-bottom: 0 none;
}
ul.nav-accordion ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}
ul.nav-accordion ul ul li:hover a:before {
    color: #333;
}
ul.nav-accordion ul ul li a:before {
    color: #cccccc;
    content: "\f105";
    display: inline-block;
    font-size: 13px;
    padding-right: 15px;
    text-align: right;
}
ul.nav-accordion ul ul ul li a {
    margin-left: 20px;
}
ul.nav-accordion ul li {
    clear: both;
    margin: 0;
    padding: 0;
}
ul.nav-accordion ul li a {
    outline: none;
}
ul.nav-accordion ul li.active {
    font-weight: normal;
}
ul.nav-accordion ul.submenu {
    display: none;
}
ul.nav-accordion .expand {
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0 !important;
    height: 19px;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 19px;
    padding: 0 !important;
}
ul.nav-accordion .expand:before {
    color: #333;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    width: 18px;
    line-height: 30px;
    font-weight: normal;
}
ul.nav-accordion .collapse {
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0 !important;
    height: 19px;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 19px;
    padding: 0 !important;
}
ul.nav-accordion .collapse:before {
    color: #7f7f7f;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    width: 18px;
    line-height: 30px;
    font-weight: normal;
}
ul.nav-accordion .collapse:hover:before {
    color: #333;
}
ul.nav-accordion li.level0 >a >span >.cat-label {
    position: inherit;
}
ul.nav-accordion li.level0 >a >span >.pin-bottom:before {
    position: inherit;
    right: 6px;
    top: 22px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 0;
}
ul.nav-mobile ul.submenu {
    display: none;
}
.nav-accordion >li:nth-child(n+10) {
    display: none;
}
.magicmenu .nav-desktop .level0.dropdown >.level0 {
    list-style: none;
}
.magicmenu .nav-desktop .level0.dropdown .hasChild ul {
    background-color: #fff;
    border-width: 0;
}
.magicmenu .nav-desktop .level0.dropdown .hasChild >a:before {
    font-size: 1rem;
    padding-left: 5px;
    font-weight: normal;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul li.hasChild >a:after {
    font-size: 1rem;
    padding-left: 5px;
    font-weight: normal;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild ul {
    list-style: none;
}
.vmagicmenu .nav-desktop .level0.dropdown >.level0 {
    list-style: none;
}
.vmagicmenu .nav-desktop .level0.dropdown .hasChild ul {
    background-color: #fff;
    border-width: 0;
}
.vmagicmenu .nav-desktop .level0.dropdown .hasChild >a:before {
    font-size: 1rem;
    padding-left: 5px;
    font-weight: normal;
}
.vmagicmenu .nav-desktop .level0 .level-top-mega .children ul li.hasChild >a:after {
    font-size: 1rem;
    padding-left: 5px;
    font-weight: normal;
}
.vmagicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild ul {
    list-style: none;
}
.level-top-mega .mage-column.cat-mega {
    margin: 0;
    list-style: outside none none;
}
.fixed {
    z-index: 999;
    width: 100%;
}
.fixed .custom-menu {
    padding-bottom: 7px;
    padding-top: 10px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
}
.fixed .quick-access {
    display: none;
}
.nav-sections .mean-nav {
    float: left;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
}
.nav-sections .mean-nav .mobi-title {
    color: #242628;
    font-size: 16px;
    line-height: 52px;
    margin: 0;
    padding: 0 0 0 50px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    top: -56px;
    z-index: 0;
    display: none;
}
.nav-sections .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}
.nav-sections .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
.nav-sections .mean-nav ul li a span {
    font-size: 15px;
    padding: 0 14px;
}
.nav-sections .mean-nav ul li a span.icon.fa-home {
    padding-right: 0;
}
.nav-sections .mean-nav ul li a span.cat_label {
    background-color: #009966;
    color: #fff;
    font-size: 11px !important;
    line-height: 16px;
    font-weight: 700;
    padding: 0px 5px;
    margin: 0 0 0 3px;
    position: absolute !important;
    text-transform: uppercase;
}
.nav-sections .mean-nav ul li a span.cat_label:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 5px;
    border-top-width: 5px;
    display: none;
}
.nav-sections .mean-nav ul li a span.cat_label:before {
    border-color: transparent;
    border-style: solid;
    border-top-color: #009966;
    border-width: 6px 10px 0 0;
    content: "";
    height: 0;
    position: absolute;
    left: 10px;
    top: 17px;
    transition: border-color 450ms ease-in-out 0s;
    width: 0;
    display: none;
}
.nav-sections .mean-nav ul li a .cat_label.HOT {
    background-color: #dc1212;
}
.nav-sections .mean-nav ul li a .cat_label.HOT:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li a .cat_label.Hot {
    background-color: #dc1212;
}
.nav-sections .mean-nav ul li a .cat_label.Hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li a .cat_label.hot {
    background-color: #dc1212;
}
.nav-sections .mean-nav ul li a .cat_label.hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li a .cat_label.SALE {
    background-color: #ff6600;
}
.nav-sections .mean-nav ul li a .cat_label.SALE:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li a .cat_label.Sale {
    background-color: #ff6600;
}
.nav-sections .mean-nav ul li a .cat_label.Sale:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li a .cat_label.sale {
    background-color: #ff6600;
}
.nav-sections .mean-nav ul li a .cat_label.sale:before {
    border-color: #ff6600 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li .level-top span {
    font-size: 15px;
    padding: 0 14px;
}
.nav-sections .mean-nav ul li li a {
    font-size: 14px;
    padding: 10px 0 10px 25px;
    filter: alpha(opacity=75);
    visibility: visible;
}
.nav-sections .mean-nav ul li li li a {
    font-size: 14px;
    padding: 10px 0 10px 40px;
}
.nav-sections .mean-nav ul li li li li a {
    padding: 1em 20%;
}
.nav-sections .mean-nav ul li li li li li a {
    padding: 1em 25%;
}
.nav-sections .mean-nav ul li .expand {
    cursor: pointer;
    top: 0;
    right: 0px;
    width: 40px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    padding: 0px !important;
    position: absolute;
    z-index: 2;
    font-weight: 300;
    border: none !important;
    display: block;
    font-size: 0;
}
.nav-sections .mean-nav ul li .expand:before {
    display: inline-block;
    font-size: 4.2rem;
    text-align: center;
    width: 39px;
    line-height: 40px;
    font-weight: normal;
    color: #000;
    content: '\e621';
    font-family: 'icons-blank-theme';
}
.nav-sections .mean-nav ul li .collapse {
    cursor: pointer;
    top: 0;
    right: 0px;
    width: 40px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    padding: 0px !important;
    position: absolute;
    z-index: 2;
    font-weight: 300;
    border: none !important;
    display: block;
    font-size: 0;
  
}

.nav-sections .mean-nav ul li .collapse:before {
    display: inline-block;
    font-size: 4.2rem;
    text-align: center;
    width: 39px;
    line-height: 40px;
    font-weight: normal;
    color: #000;
    content: '\e622';
    font-family: 'icons-blank-theme';
}
.nav-sections .mean-nav ul li span.level-top span.cat_label:before {
    border-color: transparent;
    border-style: solid;
    border-top-color: #009966;
    border-width: 6px 10px 0 0;
    content: "";
    height: 0;
    position: absolute;
    left: 10px;
    top: 17px;
    transition: border-color 450ms ease-in-out 0s;
    width: 0;
    display: none;
}
.nav-sections .mean-nav ul li span.level-top span.cat_label.HOT {
    background-color: #dc1212;
}
.nav-sections .mean-nav ul li span.level-top span.cat_label.HOT:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li span.level-top span.cat_label.Hot {
    background-color: #dc1212;
}
.nav-sections .mean-nav ul li span.level-top span.cat_label.Hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .mean-nav ul li span.level-top span.cat_label.hot {
    background-color: #dc1212;
}
.nav-sections .mean-nav ul li span.level-top span.cat_label.hot:before {
    border-color: #dc1212 rgba(0,0,0,0) rgba(0,0,0,0);
}
.nav-sections .navigation .parent .level-top:after {
    display: none !important;
}
.mean-nav ul li a span.cat_label.hot {
    color: #ff3d49;
}
.mean-nav ul li a span.cat_label.Hot {
    color: #ff3d49;
}
.mean-nav ul li a span.cat_label.HOT {
    color: #ff3d49;
}
.mean-nav ul li a span.cat_label.sale {
    color: #00bd33;
}
.mean-nav ul li a span.cat_label.Sale {
    color: #00bd33;
}
.page-wrapper {
    overflow-x: hidden;
    overflow: hidden;
}
.nav-open .navigation .level0 .submenu {
    position: static;
}

/* Fixing basket page and basket dropdown image */

#mini-cart .product-image-wrapper {
    aspect-ratio: 1;
    width: 80px;
}

#shopping-cart-table .product-image-wrapper {
    height: 100%;
    overflow: visible;
}

#shopping-cart-table .product-image-photo {
    position: unset;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.owl-carousel.owl-loaded.owl-related.owl-drag{
    display: flex !important;
    top: 100px;
}

.block.crosssell{
    padding-bottom:100px;
    display: none;
}

.cart-summary{
    z-index:50;
}

/* Hide the "More Info" button inside .owl-related carousel */
.owl-related .btns.view-more-related {
    display: none !important;
}

/* Hide the "Add to Basket" area inside .owl-related carousel */
.owl-related .actions-primary {
    display: none !important;
}

#popup-modal {
    padding: 20px;
}













@media only screen and (min-width: 767px) {
    .nav-mobile {
        display: none !important;
   }
}
@media (max-width: 767px) {
    .nav-sections-item-content >.navigation .nav-mobile {
        display: block !important;
        padding: 0;
   }
    .nav-sections-item-content .vmagicmenu {
        display: none !important;
        visibility: hidden;
   }
    .nav-sections-item-content .magicmenu .nav-desktop {
        display: none !important;
        visibility: hidden;
   }
    .sections .nav-sections-item-content >.navigation {
        display: block !important;
        padding: 0;
   }
    .nav-sections {
        height: 100%;
        left: calc(-1 * (100% - 54px));
        overflow: auto;
        position: fixed;
        top: 0px;
        transition: left 0.3s ease 0s;
        -moz-transition: left 0.3s ease 0s;
        -webkit-transition: left 0.3s ease 0s;
        -o-transition: left 0.3s ease 0s;
        -ms-transition: left 0.3s ease 0s;
        width: calc(100% - 54px);
   }
    .nav-sections .mean-container .mean-nav ul li.home a span.icon {
        display: none !important;
        visibility: hidden;
   }
    .nav-sections .navigation .level0 >.level-top {
        display: block;
   }
    .header .magicmenu .level0 .level-top img {
        display: none !important;
        visibility: hidden;
   }
    .navigation .level0.active >a:not(.ui-state-active) {
        border-color: #ff5501;
        border-style: solid;
        border-width: 0 0 0 8px;
        color: #333;
   }
    .navigation .level0.has-active >a:not(.ui-state-active) {
        border-color: #ff5501;
        border-style: solid;
        border-width: 0 0 0 8px;
        color: #333;
   }
    .navigation .submenu:not(:first-child) ul {
        display: block;
        padding-left: 15px;
   }
    .page-header .logo {
        margin: 0 0 10px 40px;
   }
    .page-header .nav-toggle {
        display: inline-block;
        line-height: normal;
        padding: 0px;
        vertical-align: middle;
        top: calc(9%);
        left: 15px;
        width: 30px;
   }
    .nav-toggle {
        cursor: pointer;
        display: block;
        font-size: 0;
        text-decoration: none;
        top: 0px;
        z-index: 14;
        right: 50px;
   }
    .nav-toggle:before {
        display: inline-block;
        font-size: 30px;
        font-weight: normal;
        line-height: inherit;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
   }
    .menu-mobile .nav-toggle {
        display: inline-block;
        line-height: normal;
        padding: 0px;
        vertical-align: middle;
        top: calc(35%);
        left: 15px;
   }
    .nav-open .nav-sections {
        left: 0;
        z-index: 99;
        box-shadow: 0;
   }
    .nav-open .nav-toggle:after {
        background: rgba(0,0,0,0.5) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
   }
    .nav-open .navigation .level0 .submenu {
        border: none;
        background: transparent;
        box-shadow: none;
   }
    .nav-before-open .nav-toggle:before {
        position: static;
        content: "\f00d";
        font-family: 'icons-blank-theme';
        color: #fff;
        font-size: 20px;
   }

   .page-layout-1-column-brand .container { width: 100% !important; }

   .brands-container { padding: 20px; }

   .blue-white-slider { width: 100% !important; }
}
body .magicmenu .nav-desktop .level0 span.cat_label:after {
    width: 100%;
    height: 100%;
    line-height: 20px;
    border: 0;
    padding: 0;
    display: block;
    content: attr(rel);
    text-align: center;
    position: static;
}
body ul.nav-accordion li a span.cat_label:after {
    width: 100%;
    height: 100%;
    line-height: 20px;
    border: 0;
    padding: 0;
    display: block;
    content: attr(rel);
    text-align: center;
    position: static;
}
body .nav-sections .mean-nav li a span.cat_label:after {
    width: 100%;
    height: 100%;
    line-height: 20px;
    border: 0;
    padding: 0;
    display: block;
    content: attr(rel);
    text-align: center;
    position: static;
}

.level0.category-item.level-top.dropdown.home {
    display: none;
} 





/* Mega menu styles end */



.catalog-category-view .accordion-container {
    display: none;
}

.show-more-layered {
    padding: 5px;
    width: 100%;
    border: 0;
    color: #fff;
    background-color: #2C328C;
}

.slick-dots li.slick-active button:before { background: #2C328C; opacity: 1; }
.slick-dots li button:before { font-size: unset; border: 2px solid #2C328C; border-radius: 50%; width: 12px; height: 12px; opacity: 1; }
.slick-dotted.slick-slider { margin-bottom: 50px; }
.slick-dots { bottom: -35px; }
.featproducts  .slick-dots { bottom: -40px; }
.catgrid  .slick-dots { bottom: -30px; }

.right-border { border-right: 1px solid grey; }
.icon-bit { text-align:center; color: #2c328c; font-weight:800; }
.icon-bit a { text-align:center; color: #2c328c }
.icon-bit img { margin-left: 5px; }
.bottom-home-icons { margin: 30px 0 5px; }
.home-divider {     
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #6F7378;
    margin: 1em 50px 50px;
    padding: 0; }

.category-tg-builders-merchants-door-centre .columns-emptyxml, 
.category-tg-builders-merchants-door-centre .breadnav {
    display: none;
}

.category-tg-builders-merchants-door-centre #maincontent {
    padding-bottom: 44px;
}

.dc-section .slick-dots li button:before {
    content: none;
}

.dc-section .slick-dots { bottom: 0; }

.action.showcart { padding-left: 10px; }
.header-label { font-size: 12px; }

.minicart-wrapper .head-icon-link { text-decoration: none; font-size: 12px; color:#2C328C;  }

.price-override { font-size: 30px; font-weight: bold; color: #636363; line-height: 30px; }

.gg-instagram {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px;
    border-radius: 4px;
    width: 20px;
    height: 20px
}
.gg-instagram::after,
.gg-instagram::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute
}
.gg-instagram::after {
    border: 2px solid;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 3px
}
.gg-instagram::before {
    border-radius: 3px;
    width: 2px;
    height: 2px;
    background: currentColor;
    right: 1px;
    top: 1px
}

.gg-facebook {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 20px;
    height: 20px
}
.gg-facebook::after,
.gg-facebook::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box
}
.gg-facebook::before {
    width: 8px;
    height: 20px;
    border-left: 4px solid;
    border-top: 4px solid;
    border-top-left-radius: 5px;
    left: 6px
}
.gg-facebook::after {
    width: 10px;
    height: 4px;
    background: currentColor;
    top: 7px;
    left: 4px;
    transform: skew(-5deg)
}

.gg-twitter {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 20px;
    height: 20px
}
.gg-twitter::after,
.gg-twitter::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 4px
}
.gg-twitter::before {
    width: 9px;
    height: 14px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    border-bottom-left-radius: 6px;
    background:
        linear-gradient(
            to left,currentColor 12px,transparent 0)
            no-repeat center 2px/10px 4px;
    top: 4px
}
.gg-twitter::after {
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 20px;
    top: 2px;
    box-shadow: 7px 4px 0,7px 12px 0
}

.page-layout-1-column-brand .breadnav { display: none; }

.cms-page-view #maincontent > .container {
    background-color: #fff;
    margin-bottom: 20px;
    /* background-image: url(../images/inshadow.jpg); */
    background-repeat: repeat-x;
    background-position: top;
    margin-top: 21px;
    padding: 0;    
}

.page-layout-1-column-brand .container { width: 1433px; }

.page-layout-1-column-brand .brands-top-slider .slick-dots { bottom: 20px; }

.page-layout-1-column-brand .brands-top-slider .slick-dots li button:before { border: 2px solid #fff; background: #fff; opacity: 1; }

.brands-container { max-width: 960px; margin: auto; }

.brands-intro { text-align: center; color: #2C328C;margin-bottom: 50px }
.brands-intro .title h1 { font-size: 32px; font-weight: 600; margin-bottom: 16px; }
.tg-red { color: #ED3442;  }

.brands-blue { background: #2c328c; color: #fff; font-size: 16px; line-spacing: 24px; padding: 50px 0 0; }
.blue-content { border-left: 3px solid #ED3442; padding-left: 24px; padding-top: 10px; padding-bottom: 5px; }

.content-section-inner { width: 100%; }
.blue-white-slider { float: right; width: 50%; padding: 0 0 30px 60px; }
.blue-white-content { float: none; padding-top: 160px; }
.brand-content-section { background-image: linear-gradient(#2c328c, #2c328c 100px, red 106px, white 106px); color: #212121; font-size: 16px; }

.content-logo {
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;    
}

.brand-content-one { margin-bottom: 50px; }

.key-title h2 {
    color: #2C328C;
    font-weight: 500;
    font-size: 32px;
}

.key-title h2:before {     
    content: '';
    border-left: 3px solid #ED3442;
    display: inline-block;
    height: 22px;
    margin-right: 8px; 
}

.brand-content-key { margin-bottom: 50px; }
.brand-content-key ul { list-style-type: none; }

.brand-content-key ul li:before {  
    font-family: 'FontAwesome';
    content: '\f046';
    margin:0 5px 0 -15px;
    color: #212121;
    padding-right: 10px;
}

.brand-point-title { font-size: 20px; }
.brand-point-text { padding-left: 20px; font-size: 14px; }

.brand-content-images img { width: 100%; margin-bottom: 50px; }

.brand-contact-section.brand-form-section {
    background: #EAEAEA; margin: 20px; padding: 50px 0;
}

.brand-contact-section input,.brand-contact-section textarea { border: 0 !important; margin-bottom: 10px; }
.brand-contact-section .action.primary { background: #BD1E27 !important; padding: 8px 40px; border: 1px solid #BD1E27 !important; }

.brand-contact-details { 
    color: #2c328c;
    font-size: 16px;
    padding: 14px;
}

.brand-usps { margin: 50px 0; }

.brand-usps .icon-bit a {
    font-size: 20px;
    font-weight: normal;   
}

.brand-usps .icon-bit a img {
    margin-right: 5px;
}    

.blue-white-slider .slick-dots {
        bottom: 50px;
        left: 35px;
}

.blue-white-slider .slick-dots li button:before { border: 2px solid #fff; background: #fff; opacity: 1; }

.content-logo { max-width: 250px; }

.application-content {
    margin-top: 20px;
}
.btn-tg {
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #dd333d url('../images/red.png') repeat-x center; 
    color: #FFFFFF !important;
    padding: 12px 30px 12px 30px;
    font-size: 15px;
    display:inline;
}

.block.block-new-customer {
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;    
}
.block.block-new-customer .registration-part {
    background: #fff;
    border: 0;
    margin-bottom: 20px;
    padding: 12px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);    
}
.block.block-new-customer .account-part {
    background: #fff; 
    width: 350px;
    padding: 10px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);   
}

.scaleimage{
    min-height: 390px;
    object-fit: contain;
}


.back-faq {
    background: #FFFFFF url('../images/lninner.jpg') repeat-x bottom;
    padding-right: 70px;
    padding-bottom: 20px;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
}

.back-faq img {
    position: absolute;
    right: 0.3rem;
    max-width: 10rem;
    top: 1rem;
}

.back-faq a {
    text-decoration: none;
    display: block;
    padding: 15px 27px 17px 20px;
    color: #2d407d;
}

.calclink {
    text-align: center;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 18px;
    padding: 15px 0 5px 0;
}    

.back-faq h6 {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 0;
}

.magicmenu .nav-desktop .level0.level-top:last-child { background: #BE1E27; }

.landing-cta-btn { text-align: center; margin: 40px; }
.landing-cta-btn a {     
    background: #2c328c;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    font-weight: bold; 
}

.cart-totals .totals-discount-details,
.checkout-index-index .opc-block-summary .table-totals .totals-discount-details { display:none !important; } /* task: 30077 */
.checkout-index-index div[name="shippingAddress.custom_attributes.kl_email_consent"] {margin-top:-15px;}
.checkout-index-index #co-shipping-form #shipping-new-address-form .checkbox { float:left; height:17px; }

.page-footer { background: #eaeaea; }
.trademarks {
    text-align: center;
    margin-bottom: 50px;
}

.normal-price { order: 2; }

.product-info-main .price-box .price-including-tax + .price-excluding-tax .price { font-size: 30px !important; }
.product-info-price .old-price del { font-size: 1.8rem !important; }

.product-info-main .price-box .weee, .product-info-main .price-box .price-including-tax + .price-excluding-tax { line-height: inherit !important; }
.product-info-main .special-price { margin: 0 !important; }

/* Initially hide the answers */
#tab28 .answer {
    display: none;
  }
  
  /* Style for the question */
  #tab28 .question {
    cursor: pointer;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    background-color: #f9f9f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  /* Add a transition for smooth expansion */
  #tab28 .answer {
    padding: 10px;
    border-left: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
    margin-bottom: 10px;
  }
  
  /* Style for the icon */
  #tab28 .question .icon {
    margin-left: 10px;
    transition: transform 0.3s;
  }
  
  /* Rotate the icon when active */
  #tab28 .question.active .icon {
    transform: rotate(180deg);
  }

.thecopy { padding: 25px; }

.fotorama__fullscreen .tggroup-top--vat-toggle { display: none;}

.checkout-cart-index .totals.shipping .value { display: none; }

.savings-prod {
    color: #EE3342;
    font-weight: bold;
    position: relative;
    top: -10px;
}

.column.main .block-filter { /* Hide filters on sub cat pages even if Anchor is set to Yes */
    display: none;
}





/* Mobile checkout TLC 32850 */

.billing-address-form {
    form {
        .fieldset {
            input {
                padding-block: 2rem;
            }
        }    
    }
}

.payment-method-billing-address {
    .checkout-billing-address {
        fieldset.fieldset {
            .actions-toolbar {
                @media (max-width: 767px) {
                    max-width: 600px;
                    margin-block-start: 2rem;
                }
            }
        }
    }
}

#checkout-payment-method-load {
    .payment-methods {
      .step-title {
        @media (max-width: 767px) {
            padding: 15px;
        }
      }  
    }
}

body.checkout-index-index {

    .shipping-policy-block.field-tooltip {
        @media (max-width: 767px) {
            display: none;
        }
    }

    #co-payment-form {
        fieldset.fieldset {
            .payment-option._collapsible {
                .payment-option-title {
                    .action-toggle {
                        @media (max-width: 767px) {
                            display: flex;
                            justify-content: space-between;
                        }
                    }
                }
            } 
        }
    }
    .minicart-wrapper .action.showcart .counter.qty {
        top: 3px;
        right: 36px;
    }

    #pas-pos-selector {
        @media (max-width: 767px) {
            max-width: none;
        }
    }

    .opc-wrapper .form-discount {
        @media (max-width: 767px) {
            max-width: none;
        }
    }
    
    #discount-form {
        .payment-option-inner {
            .field {
                #discount-code {
                    padding-block: 2rem;
                }
            }
        }
        .actions-toolbar {
            .primary {
                button {
                       @media (max-width: 767px) {
                           background: #2C328C !important;
                           border: 1px solid #2C328C !important;
                           color: #FFFFFF !important;
                           padding-block: 1.4rem;
                    
                        }
                }
            }
        }
    }

    #shipping {
        .wrap-collabsible {
            .collapsible-content {
                .content-inner {
                    @media (max-width: 767px) {
                        padding: .5rem 0;
                    }
                }
            }
        }
    }
}

.checkout-payment-method .billing-address-form {
    @media (max-width: 767px) {
        max-width: none;
    }
}



/* Mobile checkout TLC 32850 END */


/* Delivery Method Addition to Product Page 33265 */
.product-delivery-options {
    background-color: #ececec;
    padding: 1rem 15px;

    .pdo-list {
        display:grid;
        grid-template-columns: 1fr;
        gap:12px;
        margin-top:8px;
        padding:0;
        list-style:none
    }
    .pdo-item {
        display:flex;
        align-items:
        center;
        gap:8px;

        > svg {
                width: 1.9rem;
        }

    }


}

/* Delivery Method Addition to Product Page 33265 END */

/* 33165 YotPo changes START */


.yotpo-main-layout.yotpo-main-reviews-widget {
    background: white;
    padding: 2rem;
} 

.glide__track {
    overflow: visible !important;
}

.glide__arrow {
    top: -20% !important;
}


/* 33165 YotPo changes END */


/* #33777 Mollie Website Integration START */ 
.mollie-component {
    height: auto !important;
}
/* #33777 Mollie Website Integration END */ 




/* ---------------------------------------------- B R E A K P O I N T S ------------------------------------------------
The Magento UI break points predefined variables to identify the scope of media queries, which are as follows:

• @screen__xxs: 320 px
• @screen__xs: 480 px
• @screen__s: 640 px
• @screen__m: 768 px
• @screen__l: 1024 px
• @screen__xl: 1440 px

@media (max-width:320px) {
@media (min-width:321px) and (max-width:480px) {
@media (min-width:481px) and (max-width:640px) {
@media (min-width:641px) and (max-width:768px) {
@media (min-width:769px) and (max-width:1024px) {
@media (min-width:1025px) and (max-width:1439px) {
@media (min-width:1440px) {
 ---------------------------------------------- B R E A K P O I N T S ------------------------------------------------*/
@media (max-width:480px) {
    .btn-tg {
        display:block;
        margin-bottom: 10px;
        width:auto;
    }  
}

@media (max-width: 549px) {
    .dc-text img { position: initial; }
    .dc-text-wrapper { padding: 2rem;}

    .keep-in-touch {
        flex-direction: column;
    }

    .keep-in-touch--icons img {
        max-width: 4rem;
    }

    .keep-in-touch--icons {
        margin-inline-start: 0;
    }

    .cards {
        flex-direction: column;
    }

    .cards > p {
        margin-bottom: 0;
    }
}


@media (max-width:767px) {
    /* --------------------------------------------------------------
    WordPress Core | http://codex.wordpress.org/CSS
    -------------------------------------------------------------- */
    .alignnone { margin: 5px 0px 20px 0; }
    .aligncenter,
    div.aligncenter { display: block; margin: 5px auto 5px auto; }
    .alignright { display:block; width:100%; height:auto; float:none; margin: 5px 0 20px 0px; }
    .alignleft { display:block; width:100%; height:auto; float: none; margin: 5px 0px 20px 0; }
    a img.alignright { display:block; width:100%; height:auto; float: none; margin: 5px 0 20px 0px; }
    a img.alignnone { display:block; width:100%; height:auto; margin: 5px 0px 20px 0; }
    a img.alignleft { display:block; width:100%; height:auto; float: none; margin: 5px 0px 20px 0; }
    .wp-caption { padding: 0; max-width: 100%; /* Image does not overflow the content area */ }
    .wp-caption.alignnone { margin: 5px 0px 20px 0; }
    .wp-caption.alignleft { display:block; width:100%; height:auto; float: none; margin: 5px 0px 20px 0; }
    .wp-caption.alignright { display:block; width:100%; height:auto; float: none; margin: 5px 0 20px 0px; }
    .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
    .startshed{margin-top:-92px;}
    /* --------------------------------------------------------------
    END | WordPress Core | http://codex.wordpress.org/CSS
    -------------------------------------------------------------- */

    .dull-open { display:inline-block; cursor:pointer; padding:10px 0px 10px 15px !important; }
    /* iOS Zoom bug hack */
    body { /* overflow:hidden !important; */  }

    .lnews {  margin-bottom: 30px; }
    .lnews.bb-height { margin-bottom:30px; min-height:inherit; }
    .lnews.bb-height-news { margin-bottom:30px; min-height:inherit; }
    .lineblue { font-size: 24px; }
    .ndt-title { font-size: 24px; }

    .tgmail-title h5 { font-size: 18px; }
    .tgfooter {  padding-top: 15px; }
    .thecopy { text-align:center; font-size:12px; }
    .foo-right { text-align: center; }
    .copy-left { width: 100%; float: none; }
    .copy-right { width: 100%; float: none; text-align:center; }

    .thephones { margin-top: 0px; display:inline-block;  }
    .theconnect { text-align:center; }
    .theconnect ul { display: inline-block; }

    .wood {  margin-bottom: 25px; text-align:center; }

    .footermenus { margin-bottom:30px; }
    
    .footermenus ul li {
        display: block;
        float: none;
        width: 100%;
        font-size: 13px;
        padding-right: 0px;
        text-align:center;
        margin-bottom:0;
        font-size: 15px;
    }

    .xs-call { display: block; text-align: center; }

    .ctext h6 { font-size: 20px; }
    .ctext {  font-size: 13px; }

    /* Mobile nav */
    .nav-sections .header.links li,
    .navigation .level0 { font-size:13px !important; text-transform:uppercase; }
    .navigation .level0 > .level-top,
    .nav-sections .header.links li.greet.welcome,
    .nav-sections .header.links a, .nav-sections .header.links a:hover { padding-left:0 !important; padding-right:0 !important; }


    .logo-ggg { width: 134px; left: 55px; top: -10px; }

    .getminicart { font-size:11px; }

    .page-header { margin-bottom:0; }
    .relative-top { min-height: 116px; }

    .ctastop ul li { display: block; margin-right: 0px; margin-left: 0px; font-size: 14px; height: inherit; line-height: 1; }

    .owl-homepage { margin-bottom: 45px; }
    .owl-homepage .owl-dots {  bottom: -30px; right: 0; }

    .title-tgb { font-size: 22px; }
    .bkg-delivery { padding-right: 100px; background-position:bottom 0 right -60px;  }

    .category-groups > ul > li { display: block;  width: 100%; float: none; }

    .catimage { height: 157px; }
    .catimage img { width:100%; height:auto; }

    .brandbox ol > li {  height: 36px; line-height: 60px !important; }

    .homecat { min-height:inherit; }
    .lnews { margin-bottom: 15px; }

    .aboutitle { font-size: 20px; margin-bottom: 15px; }
    .aboutbox {  padding: 15px 15px 15px 15px; font-size: 13px; }

    .ccul { text-align:center; }
    .ccul ul { display:inline-block; }
    .ccul ul li { width:62px; float:none; display:inline-block;  }

    .logos-about { text-align:center; }
    .allmajor { text-align:center; }

    .logo-ggg { margin-left: 24px; margin-top: 10px; }

    .owl-nav { display:none; }

    .headsearch { width:454px; top:0; left:15px; }
    .form.minisearch .input-text { height:38px; line-height:38px; }
    .form.minisearch button[type="sub@mit"] { top:0; right:0; width:38px; height:38px; padding:0; }

    .logos-about { padding-top:15px; }

    .category-left { width: 100%; float: none; padding:15px; }
    .category-right { width: 100%; float: none; padding:15px;  }

    .custom-breadcrumbs { display:none; }
    .categorytop {    border:none;    padding-top:0px; text-align:center; }

    .lighback-title h1,
    .therange,
    .best-heading-title { font-size: 24px; }

    .catimage { height:auto; }


    .seartcharea { display:block; }
    .seartcharea ul { display:block; margin:0; padding:0; list-style:none; list-style-type:none; }
    .seartcharea ul li { display:block; }


    .category-left { padding:0; }
    .category-right { padding:0; }

    .tgbox-name,
    .tgbox-name.tgbox-name-big { min-height:auto; }


    .catalog-category-view .page-title-wrapper {  display:block; float: none; padding-top:0px; margin-bottom:12px;  }
    h1.page-title { font-size: 22px; margin-bottom:15px;  }
    .pro-toolbar { display:none; }
    .toolbar-bottom { margin-bottom: 15px; }
    .toolbar-bottom .pro-toolbar { display:block; }
    .sorterbox-select {  width: 198px; }


    .product-reviews-summary .rating-summary { left:0px; }
    .product-reviews-summary .reviews-actions { display:block; float:none; line-height:1; }


    body.account .block-collapsible-nav { top:0; background:#2c328c; color:#FFFFFF; }
    body.account .block-collapsible-nav .content { background:#2c328c; }
    body.account .block-collapsible-nav .item a,
    body.account .block-collapsible-nav .item > strong { color:#FFFFFF; }

    .lb-address { min-height:auto; }
    .tgbranch-title { line-height:1.2; font-size:30px; }
    .branch-image { margin-bottom:15px; }
    .brtitle {  font-size: 23px; }


    /* Branch Features Summary */
    .branchtable thead th { padding:8px 2px; font-size:12px; text-transform:uppercase; }
    .branchtable tbody td { padding:8px 2px; }
    .branchtable tbody td img { max-width:15px; }
    .branchtable tbody td:nth-child(1) { line-height:1.2; font-size:10px;  width: auto; }

    #customer-email-fieldset .validator.validator-email { width: 100% !important; }

    .brandscell { }
    .brandsflex { margin-bottom: 30px; }
    .brandwrap table td { height: 61px; }

    .catflexs { margin: 0 -5px 10px -5px; }
    .catflexscell { width:50%;  padding: 0px 5px 0px 5px; margin-bottom: 10px;  }
    .catflexwrap dl dd h3 { font-size: 14px; }
    .catflexwrap dl dt { height: 100px; }

    .white-line { padding-top: 0; }
    .ctastop { margin-bottom: 10px; }

    .M2_item-product-product-item { width: 100%; }
    .white-line { background-image: none; }

    .form-create-account .fieldset.create.info { display: block; width: 100%; float: none; margin-bottom: 20px; }
    .form-create-account .fieldset.create.account { display: block; width: 100%; float: none; margin-bottom: 20px; }
    .login-container > .block.block-customer-login { margin-bottom: 20px; }
    .login-container > .block.block-new-customer { margin-bottom: 20px; }

    .work-title { font-size: 20px; }
    .workban > ul > li.cell-2 { width: 20%; }
    .owl-homepage { margin-bottom: 15px; }

    .covid-block .blue-block { background-image: none; padding: 30px 20px; }
    .covid-block .blue-block h2 { font-size: 36px; font-weight: 900;  }

    .tghero-curve { display: none; }
    .tghero .slick-dots { width: calc(100% - 30px); }
    .tghero .slick-dots { bottom: 25px; }

    .tghero-wrapper { margin-bottom: 20px; }
    .slidebox h3 { font-size: 22px; }
    .slide-intro { font-size: 15px; }
    .tghero .tghero-item { min-height:inherit; padding-top: 20px; padding-bottom: 40px;  }
    .tghero .slick-dots { bottom: 7px; width: calc(100% - 15px); }
    .slidebox-inner-responsibilities { padding-right: 160px; }

    .hero-carousel .slick-arrow { width: 15px; height: 15px; top: calc(50% - 4px); }
    .hero-carousel .slick-prev, .doors-pop-cat .slick-prev { left: -8px!important; }
    .hero-carousel .slick-next, .doors-pop-cat .slick-next { right: -8px!important; }
    .hero-carousel .slick-dots {  bottom: -20px; width: calc(100% - 0px);  }
    .hero-carousel .slick-dots > li button { margin-left: 3px; margin-right: 3px; height: 10px; width: 40px; }

	.hero-carousel .slick-arrow .fa, .doors-pop-cat .slick-arrow .fa { font-size: 24px; } 

    .featproducts .slick-arrow .fa,
    .popularproducts .slick-arrow .fa { font-size: 24px; }
	.featproducts .slick-prev { left: -10px; }
    .popularproducts .slick-prev { left: -2px; }
	.featproducts .slick-next { right: -10px; }
    .popularproducts .slick-next { right: -2px; }

	.heading-line .title { font-size: 18px; }
	.catgrid li.item { width: 49%; }
	.accgrid li.item { width: 100%; margin-bottom: 1px;  }
	.accgrid li.item a { font-size: 16px; }
	.accgrid li.item .a-icon { width: 26px; height: 26px; }
	.c-btn { font-size: 12px; padding: 4px 5px; }

    .door-company-img { margin: 30px 0;}

    .keep-in-touch {
        margin-block: 3rem;
    }

    .row.bottom-home-icons .icon-bit { margin: 20px; }
    .right-border { border: 0; }

    .minicart-wrapper {
        right: 7px !important;
        top: 9px !important;
    }

    .relative-top { padding-top: 25px; }

    .page-header .nav-toggle { padding-top: 20px; }

    .headsearch { margin-bottom: 15px; }

    .navigation li.level0:last-child { background: #BE1E27; }
    .navigation li.level0:last-child a { color: #ffffff !important; border-color: #BE1E27 !important; }

    .new-footer { padding: 20px; }

    .landing-cta-btn a { padding: 15px 15px; font-size: 12px; }

    .sections.nav-sections .header.links { display: block; }
    .sections.nav-sections .header.links:first-child { display: none; }


    
} /* do not delete */


@media (max-width:767px) and (orientation:landscape) {} /* do not delete */



@media (min-width:768px) and (max-width:991px) {
	
	 #vfm {
        height: auto!important;
    }

    #vfmlist {
        flex-wrap: wrap;
        gap: 2rem;
        padding: 2rem 0!important;
        justify-content: center !important;
    }

    #vfmlist li.category-item {
        line-height: normal!important;
    }


    .sections.nav-sections { margin-block-start: 3rem; }

    .minicart-wrapper { margin-top: 6px; }

    .bb-height { min-height:inherit; }
    .bb-height-news { min-height:inherit; }
    .lineblue { font-size: 26px; }

    .lnews-description { margin-bottom: 14px; }
    .line-latest { height: 157px; }
    .tgmail-title h5,
    .ndt-title { font-size: 24px; }

    .copy-left { width: 100%; float: none; }
    .copy-right { width: 100%; float: none; }
    .copytitle {  margin-bottom: 15px; }

    .copy-list ul li { display:inline; margin-right:30px; font-size:14px;   }
    .thephones { margin-top: 0px; display: inline-block;  float: left; }
    .theconnect {  display: inline-block; float: right; }
    .wood { display: inline-block; float: right; }

    .footermenus { margin-bottom:30px; }

    .ctext h6 { font-size: 22px; }
    .back-map { padding-right: 110px; background-size:140px auto;  }

    .tggroup-top ul li { font-size: 14px; padding-left: 8px; padding-right: 8px; }
    .tggroup-top ul li:first-child { padding-right: 10px; }

    .toplist ul li { font-size: 14px; padding-left: 8px; padding-right: 8px; }

    .logo-ggg { width:160px; padding:0; transform: translateX(-16px);  }

    .headsearch { top: 46px; left: 15px; width: 300px; }
    .headsearch > .hidden-xs { position: relative; top: 20px; }

    .form.minisearch .input-text { display: block; height: 38px; line-height: 46px; }
    .form.minisearch button[type="submit"] { width: 50px; height: 32px; }



    .bar-2 { font-size: 11px; }
    .getminicart { font-size: 11px; }

    .nav-bars { right: 46px; top: 96px; }
    .minicart-wrapper { top: 32px !important; right: -9px !important; }
    .tggroup-top--hero-links { visibility: hidden; }
    .headgrey { top: 28px; }

	/* Menu styling
	.nav-sections { background:#2c328c !important; }
	.navigation {  background:#2c328c !important; }
	nav.navigation { font-family: 'Archivo Narrow', sans-serif; }
	nav.navigation > ul { font-size:11px; display:table  !important; width:100%  !important; table-layout:auto; }
	nav.navigation > ul > li  { display:table-cell !important; text-align:center !important; vertical-align:middle !important; height:56px; text-transform:uppercase; font-weight:400; padding:0 5px; }
	nav.navigation > ul > li > a { display:block; color:#FFFFFF !important; }
	nav.navigation .level0 > .level-top { line-height:1.2 !important; padding: 0 0px !important; }

	.navigation .level0 .submenu { }
	.navigation .level0 .submenu > li { text-align:left; font-size:14px;  }
	.navigation .level0 .submenu a {  }
	.navigation .level0 .submenu a:hover,
	.navigation .level0 .submenu a.ui-state-focus {  }
	*/

	.ctastop ul li { font-size: 13px; margin-right: 10px; margin-left: 10px; }
	.introp { margin-bottom: 10px; }
	.bkg-delivery { padding-right: 46px; background-position: right 0px bottom; }

    .back-map { padding-right: 33px; font-size:14px; height: 245px; background-position: right 0px bottom 0px;  }

    /* Ttiles */
    .title-tgb { font-size: 20px; }
    .ctext h6 { font-size: 20px; }


    .bkg-helmet, .bkg-delivery, .ctext { min-height: 277px; }

    .homecat { min-height: 30px; }
    .homecat h3 { font-size: 13px; }
    .catimage { height: 110px; }

    .lnews { margin-bottom: 15px; }

    .owl-homepage .owl-dots {  bottom: 20px; right: 25px; }

    .brandbox { margin-bottom:15px; }
    .brandbox ul > li { width: 16.6%; }
    .brandbox ol > li { height: 50px; }

    .catimage { width:100%; height:auto; }

    .category-left { width:210px; float:left; }
    .category-right { width:490px; float:right; }

    .seartcharea { display:block; }
    .seartcharea ul { display:block; margin:0; padding:0; list-style:none; list-style-type:none; }
    .seartcharea ul li { display:block; }

    .therange { font-size: 22px; }
    h1.page-title { font-size: 26px; }

    .tgbox-name.tgbox-name-big { font-size: 13px;  min-height: 50px; }
    .tgbox .normal-price { font-size: 24px; }
    .tgbox-price2 { height: 40px; }
    .tgbox-save { min-height: 22px; }

    /* Branch Features Summary */
    .branchtable thead th { padding: 10px 5px; font-size:14px; }
    .branchtable tbody td { padding: 10px 5px; }
    .branchtable tbody td img { max-width:20px; }
    .branchtable tbody td:nth-child(1) { font-size: 11px;  width: auto; }

    .checkout-index-index .validator.validator-email { width: 100% !important; }

    .brandscell { width: 25%; }
    .brandsflex { margin-bottom: 30px; }
    .catflexscell { width:33.33%; }
    .catflexwrap dl dd h3 { font-size: 17px; }
    .M2_item-product-product-item { width: 50%; }

    .form-create-account .actions-toolbar { padding-left: 368px; }
    .work-title { font-size: 24px; }
    .owl-homepage { margin-bottom: 15px; }

    .tghero-curve { display: none; }
    .tghero .slick-dots { width: calc(100% - 30px); }
    .tghero .slick-dots { bottom: 25px; }
    .tghero-wrapper { margin-bottom: 20px; }
    .slidebox h3 { font-size: 30px; }
    .slide-intro { font-size: 19px; }
    .tghero .tghero-item { min-height: 367px; }

	.heading-line .title { font-size: 20px; }
	.catgrid li.item { width: 33.33%; }
	.accgrid li.item a { font-size: 16px; }
	.accgrid li.item .a-icon { width: 26px; height: 26px; }

    .page-layout-1-column-brand .container { 
        width: 100%;
     }
} /* do not delete */


@media (min-width:992px) and (max-width:1199px) {
    .affiliated-img { min-height: 300px; }
    .affiliated-img .contents { top: 86px; }
    .lineblue { font-size: 26px; }
    .lnews-description { margin-bottom: 14px; }
    .line-latest { height: 144px; }
    .tgmail-title h5,
    .ndt-title { font-size: 20px; }
    .copy-left { width: 100%; float: none; }
    .copy-right { width: 100%; float: none; }
    .copytitle { text-align:left; }
    .copy-list ul li { display:inline; margin-right:30px;  }
    .thephones { margin-top: 0px; }
    .ndt-date { font-size: 14px; }

    .boxes-bottom .lnews { height: 600px; }
    .mailgrey { height: 524px; }
    .block.newsletter .content { padding-left: 0px; padding-right: 0px; }
    .block.newsletter input { width: 100%; float: none; display: block; margin-bottom: 15px; }
    .block.newsletter .actions { display: block !important; text-align: center; width: 100%;   }
    .block.newsletter .field .control::before { left: 36px; }
    .tgmail-title { margin-bottom: 50px; }
    .tgmail-text { margin-bottom: 40px; }

    .ctext h6 { font-size: 22px; }
    .back-map { padding-right: 110px; background-size:140px auto;  }

    /* Title */
    .title-tgb { font-size: 20px; }
    .ctext h6 { font-size: 20px; }
    .homecat h3 { font-size: 16px; }
    .aboutitle { font-size: 24px; }

	/* Menu styling
	.nav-sections { background:#2c328c !important; }
	.navigation {  background:#2c328c !important; }
	nav.navigation { font-family: 'Archivo Narrow', sans-serif; }
	nav.navigation > ul { font-size:13px; display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse;  }
	nav.navigation > ul > li  { display:table-cell !important; text-align:center !important; vertical-align:middle !important; height:56px; text-transform:uppercase; font-weight:400; padding:0 5px; }
	nav.navigation > ul > li > a { display:block; color:#FFFFFF !important; }
	nav.navigation .level0 > .level-top { line-height:1.2 !important; padding: 0 0px !important; }

    .navigation .level0 .submenu {  }
    .navigation .level0 .submenu > li { text-align:left; font-size:14px;  }
    .navigation .level0 .submenu a {  }
    .navigation .level0 .submenu a:hover,
    .navigation .level0 .submenu a.ui-state-focus {  text-decoration: none; }
    */

    .ctastop ul li { font-size: 16px; margin-right: 20px;  margin-left: 20px; }
    .logo-ggg { width:200px; padding-top:40px;  }

    .headsearch { width:533px; left:210px; width: 300px;  }
    .nav-bars { right: 89px; }
    .minicart-wrapper { right: 25px !important; }

    .bkg-helmet, .bkg-delivery, .ctext { min-height: 194px; }
    .bkg-delivery { padding-right: 110px; }

    .catimage { height: 150px; }
    .lnews { margin-bottom: 15px; }

    .category-right { width: 700px; }

    .tgbox-name.tgbox-name-big { font-size: 13px;  min-height: 50px; }
    .tgbox .normal-price { }
    .tgbox-price2 {  }
    .tgbox-save { min-height: 22px; }
    .lnews.newmedia-all { min-height: 343px; margin-bottom: 30px; }
    .brandwrap table td { height:89px; }

    .catflexscell { width:25%; }
    .M2_item-product-product-item { width: 33.3333%; } 
    .form-create-account .actions-toolbar { padding-left: 480px; }
    .mailgrey .block.newsletter .form.subscribe { width: 250px; }

    .owl-homepage { margin-bottom: 15px; }

    .tghero-curve { background-position: bottom right -30%; }
    .tghero .slick-dots { width: calc(100% - 30px); }

	.heading-line .title { font-size: 24px; }
	.catgrid li.item { width: 33.33%; }
	.accgrid li.item a { font-size: 18px; }
	.accgrid li.item .a-icon { width: 30px; height: 30px; }

    .page-layout-1-column-brand .container { 
        width: 992px;
     }

    .back-faq {
        padding-bottom: 0;
    }    
    
    .new-footer { padding: 0 20px; }

} /* do not delete */



@media (min-width: 991px) {
    .delivery-and-collection-wrapper {
        padding: 0 7rem;
    }
    .tgbox-price2 { min-height: 56px; }
    .tgbox-price2 .tgbox-save { position: initial; }
    .footer--flex-wrapper { display: flex; flex-direction: column; align-items: center;}
	
	.view-more-related {
        margin-right: 0;
    }

    .container--related-products {
        justify-content: space-between;
    }

}




@media (max-width:1200px) {
	.mappp-go { bottom: -32px } 

    
    .display-dt { display: none; }
    
    .dc-section { padding: 6rem 4rem 2rem 4rem; }
    .dc-carousel { margin-top: 56px;}

    .back-faq { padding-right: 134px; }
	
	
}
@media (max-width: 991px) {
	.mappp-go { bottom: -48px } 
    .dc-text {  transform: inherit; padding-right: 15px; }
    .dc-carousel { padding-left: 15px; margin-top: 0; }
    .dc-section { padding: 0rem 4rem 2rem 4rem; }
    .dc-text img { margin: 0 auto; position: initial; display: inherit;}
    .dc-text-wrapper { margin-top: 0;}
    .catgrid.doors-pop-cat li.item {  margin: 0 auto!important;}
    .new-footer--section-contact__links {
        transform: translateX(-20px);
    }
    .new-footer--section-contact:first-child h6 {
        padding-inline-start: 0;
    }

    .cards {
        margin-block: 1rem;
        justify-content: flex-start;
    }
}

@media (max-width: 544px) {
    .headsearch { width:204px; }

}

@media (min-width:1200px) {

    .footer--flex-wrapper {  transform: translateX(71px);}


    /* Menu styling
    .nav-sections { background:#2c328c !important; }
    .navigation {  background:#2c328c !important; }
    nav.navigation { font-family: 'Archivo Narrow', sans-serif; }
    nav.navigation > ul { font-size:16px; display:table  !important; width:100%  !important; table-layout:fixed; }
    nav.navigation > ul > li  { display:table-cell !important; text-align:center !important; vertical-align:middle !important; height:56px; text-transform:uppercase; font-weight:400; padding:0 5px; }
    nav.navigation > ul > li > a { display:block; color:#FFFFFF !important; }
    nav.navigation .level0 > .level-top { line-height:1.2 !important; padding: 0 0px !important; }

	.navigation .level0 .submenu {  }
	.navigation .level0 .submenu > li { text-align:left; font-size:14px;  }
	.navigation .level0 .submenu a {  }
	.navigation .level0 .submenu a:hover,
	.navigation .level0 .submenu a.ui-state-focus {  text-decoration: none; }
	*/

	.owl-news .owl-dots { margin-left: -12px; }

    .tgbox-name.tgbox-name-big { font-size: 14px; min-height:90px; line-height: 1.3;  }
    .tgbox-price2 { height: 46px; }
    .lnews.newmedia-all { min-height: 280px; margin-bottom: 30px; }
    .form-create-account .actions-toolbar { padding-left: 580px; }
    .mailgrey {  height:525px; }
    .bb-height {  min-height:600px; height:600px; }
    .bb-height-news {  min-height:600px; height:600px; margin-bottom: 60px; }

} /* do not delete */

@media (min-width:1025px) and (max-width:1439px) { 
    .page-layout-1-column-brand .container { 
        width: 1025px;
    }

    .startshed{
        margin-top:-203px;
    }
}