body{font-family: 'Gill Sans Light',Helvetica,Arial,sans serif;background:#fff ;padding-top:352px;color:#030303}

.wysiwyg,
.wysiwyg li,
p {font-size:1.1rem;}
.smaller {font-size:0.95rem;}

	/* size specific stuff */
.no-mobile {display:block;}
.quicklink.no-mobile {display:inline;}
.hide,
.nav-toplevel.no-desktop,
.no-desktop {display:none;}

/* input */
.input-text {/*max-width:300px;*/;font-size:1.1rem;color:#111;}
.newsletterform-input {font-size:0.83rem;}
/* logo */
#header {position:fixed;width:100%;top:0;z-index:100001}
.header {height:185px;border:none;transition:height 0.15s ease-in}

.header {background:url('/images/motto.png') 50% 200px no-repeat;;height:280px;background-size:542px 70px;}

.logo {width:185px;background-position:50% 50%;background-size: 164px 164px;float:none;height:185px;transition:background-size 0.15s ease-in,height 0.15s ease-in}
/* .logo {width:185px;background-position:50% 50%;background-size:162px 164px;float:none;height:185px;transition:background-size 0.15s ease-in,height 0.15s ease-in} */

.swb {display:block;}

.phonenumber {position:absolute;left:182px;top:10px;background-position:-82px -198px;padding-left:25px;font-size:1.3em;line-height:20px;}

.fix .header {height:75px;}
.fix .logo {height:75px;background-size:65px 66px;}
.fix .searchform {top:12px;}
/* search */
.searchform {display:block;width:25%;position:absolute;top:115px;left:0;background:none;border:none;z-index:9998;transition:top 0.15s ease-in;padding:0;}
.searchform-fieldset {border-radius:40px;overflow:hidden;}
	.searchform-input {color:#000;font-size:0.9rem;}


/* main navigation */
.navigation {
  margin: 0;
  height: 45px;
  border-top: 1px solid #000;
  /* keep the pseudo-divider; so remove the native bottom border to avoid double line */
  border-bottom: 0;
  position: relative;
}
.navigation-ul {
  border: none;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}

/* full-width divider line */
.navigation::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 1px;
  background: #000;
  z-index: 1001;
}

.nav-toplevel {
  width: auto;
  display: block;
  margin: 0;
  float: left;
  height: 44px;
  line-height: 44px;
  background: url('/images/triangle.svg') 50% 60px no-repeat;
  background-size: 20px 10px;
  transition: background-position 0.2s ease-in;
  padding: 0;
}
.nav-toplevel:hover,
.toplevel-active { background-position: 50% bottom; }

.nav-toplevel-link {
  display: block;
  color: #000;
  font-weight: 400;
  padding: 0 5px;
  line-height: 45px;
  font-size: 1.2rem;
  background: none;
  border: none;
}
.ntl__hidden { display: none; }
.nav-toplevel-link:hover { color: #444; background: none; }

/* submenu */
.submenu {
  display: none;
  position: absolute !important;
  left: 0; top: 41px;
  z-index: 999;
  width: 100%;
  padding: 20px;
  background: #fff;
}
.nav-toplevel__hover .submenu { display: block; }

/* advert block on the right */
.menu-advert { float: right; width: 20%; display: block; }
.menu-advert img { width: 100% !important; height: auto !important; display: block; }

/* list area on the left */
.submenu > ul { float: left; width: 78%; text-align: left; }

/* level 2 (default: two columns – overridden below for cols3/cols4/promoted) */
.nav-level2 {
  margin: 0;
  border-bottom: none;
  font-size: 1.3rem;
  line-height: 2;
  float: left;
  width: 50%;
  padding-right: 50px;
}
.nav-subheading {
  color: #000;
  border-bottom: 1px solid #000;
  font-size: 1.1rem;
}
.nav-level2-link {
  color: #000;
  display: block;
  padding: 4px 10px 4px 0;
  font-weight: bold;
  border-bottom: 1px solid #000;
  background: none;
}
.nav-level2-link:hover,
.nav-level2.active > a { background: none; color: #5E9087; }

/* level 3 list (default: 2 columns) */
.nav3 {
  display: block;
  margin: 10px 0;
  -webkit-column-count: 2; -webkit-column-gap: 20px;
  -moz-column-count: 2;    -moz-column-gap: 20px;
  column-count: 2;         column-gap: 20px;
}
.nav-level3 {
  margin: 0;
  border-bottom: none;
  font-size: 1rem;
  line-height: 1.2;
  /* keep items intact across columns */
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}
.nav-level3-link {
  color: #000;
  display: block;
  padding: 3px 0;
  font-weight: 300;
  background: none;
  border: none;
}
.nav-level3-link:hover,
.nav-level3.active > a { background: none; color: #5E9087; }

/* ===========================
   Multicolumn controls
   =========================== */

/* 3 columns of level-2 items (normal dropdowns) */
/* cols3 = 3 text cols (no advert); cols4 = 3 text cols + advert */
.submenu.cols3 .nav-level2,
.submenu.cols4 .nav-level2 { width: 33.333%; }

.submenu.cols3 > ul { width: 100%; }  /* no advert */
.submenu.cols4 > ul { width: 78%; }   /* advert present */
.submenu.cols3 .nav-level2 { padding-right: 30px; }

/* Promoted menus (Shop by Range/Product) – single level-2 wrapper should span full row,
   and level-3 list becomes 3 columns */
.submenu.cols1 .nav-level2,
.submenu.cols3 .nav-level2 { width: 100%; padding-right: 0; }

.submenu.cols1 > ul { width: 100%; }

.submenu.cols1 .nav3,
.submenu.cols3 .nav3 {
  -webkit-column-count: 3; -webkit-column-gap: 24px;
  -moz-column-count: 3;    -moz-column-gap: 24px;
  column-count: 3;         column-gap: 24px;
}

/* ===========================
   Responsive fallbacks
   =========================== */
@media (max-width: 1200px) {
  .submenu.cols3 .nav-level2,
  .submenu.cols4 .nav-level2 { width: 50%; }
}
@media (max-width: 900px) {
  .submenu.cols3 .nav-level2,
  .submenu.cols4 .nav-level2 { width: 100%; padding-right: 0; }
  .submenu.cols1 .nav3,
  .submenu.cols3 .nav3 { column-count: 2; column-gap: 20px; }
}

/* If a dropdown has ONLY ONE level-2 group, let it span the whole list area */
.submenu.cols3 > ul > .nav-level2:only-child,
.submenu.cols4 > ul > .nav-level2:only-child {
  width: 100%;
  padding-right: 0;
}

/* And make that single group's level-3 list into three columns */
.submenu.cols3 > ul > .nav-level2:only-child .nav3,
.submenu.cols4 > ul > .nav-level2:only-child .nav3 {
  -webkit-column-count: 3; -webkit-column-gap: 24px;
  -moz-column-count: 3;    -moz-column-gap: 24px;
  column-count: 3;         column-gap: 24px;
}

/* Keep items intact across columns (defensive if not already present) */
.submenu.cols3 > ul > .nav-level2:only-child .nav-level3,
.submenu.cols4 > ul > .nav-level2:only-child .nav-level3 {
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}


/* quick links */
.quicklinks {position:absolute;top:50px;right:0;}
	.quicklink {display:inline;padding:0 10px;border-right:1px solid #999;}
	.quicklink:last-child {border:none;padding:0 0 0 10px}


	.icon-home {background-image:url('/images/sprites_specific.png');background-repeat:no-repeat;padding:0 10px 0 25px;background-position:4px -200px;border-left:none;}
	.quicklink a {color:#999;cursor:pointer}
.quicklink .selected {color:#000}


.nav-tl  {font-size:1rem;position:absolute;top:30px;left:0;z-index:9999;transition:top 0.2s ease-in;display:block;
}
	.fix .nav-tl {top:-50px;}
.tl-item  {color:#000;position:relative;display:inline;border-right:1px solid black;margin:0;padding:0 10px;cursor:pointer;}

.tl-item:last-child {border:none;}
.tl-link  {color:inherit;}
.tl-sub  {border:1px solid black;top:20px;border:1px solid black;background:#fff;position:absolute;width:200px;padding:5px 10px;display:none;}
	.tl-item:hover .tl-sub {display:block;}
.tl-sub-item  {display:block;font-size:0.9rem;padding:5px 0;}
.tl-sub-link  {color:inherit;}


.nav-user {display:block;font-size:1rem;position:absolute;top:130px;right:70px;transition:top 0.2s ease-in;}
	.fix .nav-user {top:20px;}
.user-link-item {display:inline-block;padding-left:30px;background:url('/images/sprites_specific.png') no-repeat;background-position:0 -231px;margin-left:20px;line-height:24px;}
.user-link-item a:nth-child(2) {color:#5f9088}
.user-link-item:last-child {background-position:0 -271px;}
.user-link {}


#google_translate_element {display:block;position:absolute;top:30px;right:0;transition:top 0.2s ease-in;}
.fix #google_translate_element {top:-100px;}

.currency_changer {position:absolute;top:30px;right:200px;transition:top 0.2s ease-in;padding:3px 5px 2px;}
.fix .currency_changer {top:-100px;}


/* ksps*/
#ksps {display:block;width:100%;background:#5a808e;color:#fff;font-size:0.8rem;max-height:30px;overflow:hidden}
#ksps a {color:#fff;}
#ksps ul {position:relative;/**/
	display: -webkit-flex; 
    -webkit-justify-content: space-between; 
    display: flex;
    justify-content: space-between;}
#ksps li {display:block;padding:5px 0 5px 35px;width:auto;background:url('/images/sprites_specific.png') no-repeat;}	
#ksps li.ksp1 {background-position:0 -323px;}
#ksps li.ksp2 {background-position:0 -355px;}
#ksps li.ksp3 {background-position:0 -390px;}
#ksps li.ksp4 {background-position:0 -420px;}


/* homepage blocks */
.blocks {margin:20px auto;position:relative;overflow:hidden;}

	.block-image {height:350px;} 
.block1 {width:30%;float:right;}

	.block1 .block-info,
	.block1 .block-img {width:100%;float:none;}
	.block1 .block-info {min-height:calc(350px + 20px);}

	.block2 .block-img {float:left;}	

.block2, 
.block3 {width:70%;float:left;}


.block h3 {margin-top:0;}
.block p {font-size:1.4rem;line-height:1.2}

/*
.block {padding:20px;text-align:center;border:none;}

.block1 {float:right;border-left:1px solid #000;width:30%;}
	.block1 .block-info {width:auto;float:none}
	.block1 .block-img {width:auto;float:none}
.block2 {float:left;border-bottom:1px solid black;width:70%;}
	.block2 .block-info {width:50%;float:right;padding:0 0 0 20px}
	.block2 .block-img {width:50%;float:left;}
.block3 {float:left;width:70%;}
	.block3 .block-info {width:66%;float:left;padding:0 20px 0 0}
	.block3 .block-img {width:33%;float:right;}

.block-image {width:100%;height:auto;}


*/




#newsloop.grid_row .news-article:nth-child(3n+1) {clear:both;}

.wysiwyg h1,
.heading {
	font-size:2rem;
}

.wysiwyg h2,
.subheading {
	font-size:1.8rem;
	padding:8px 0;
}


.heading__central {
	font-size:2rem;
}


.box-heading {
	padding:10px;	
}

.wysiwyg h3  {font-size:1.6rem;}
.wysiwyg h4 {font-size:1.35rem;}
.wysiwyg h5 {font-size:1.3rem;}
.wysiwyg h6 {font-size:1.2rem;}

/*
.wysiwyg table {width:100%!important;}
.wysiwyg table td {width:auto;display:table-cell;text-align:center;}
.wysiwyg table td img {margin:0 auto;}
*/

#content{margin:0 auto;padding:0 0 30px;clear:both;}
#crumbs {display:block!important;}
#crumbs.no {display:none!important;}
/*h1-h6 */
.heading {padding:20px 0 0;}
.subheading {margin-top:2em;padding:8px 0;}
fieldset .subheading {margin-top:0;}
/* pagination */
	.pagination {text-align:right;clear:none}
	.Xpagination-title {display:none;}
/* items */

.article {padding:20px;}




#st-2.st-sticky-share-buttons {z-index:111111;}
.social {display:none;}


/* product */

.product {padding:10px 0;}
.product-photo-box {
    min-height: 500px;
/*	line-height:500px;*/
	width:95%;
display:block;	padding:0;
	
}
#bigimage { margin: auto;border:1px solid #eee;}

.thumb-item {margin:0 10px 10px 0;border:1px solid #eee}

/* info boxes */

.infobox-nav { margin: 10px 0 0 0; padding: 0;;height:40px; font-weight:400;font-size:0.9rem;}
.infobox-nav li {line-height:40px;height:40px; list-style: none; float: left; position: relative; top: 0; margin: 0 5px 0 0;  padding: 0; white-space: nowrap;border-width:1px 1px 0;border-style:solid;border-color:#ddd; padding:0;/*db2025 text-transform:uppercase*/;background:#eee}
.infobox-nav a { float: left; padding:0 12px; text-decoration: none; color:#333;cursor:pointer;;}
.infobox-nav li.active {background:#fff;border-bottom:0;margin-bottom: -1px; padding-bottom: 2px;height:41px;border-top:4px solid #5F9088;line-height:36px }
.infobox-nav .active a { color:#000  } 

.infobox { display: none; border-width: 0; padding:12px; background: none;height:330px;overflow:auto;font-size:0.9rem;margin-bottom:10px;border:1px solid #ddd;clear:both;}
.infobox-first {display:block;}


#xxclasses .gm:nth-child(4n+1) {clear:both;}

/* basket */
.basket {margin-bottom:20px;}
	.basket-item {}
		.header-row {/*border-bottom:2px solid #eee;*/border-top:0;}
		.basket-delete {}
.grid		.basket-image {width:auto;}
.grid		.basket-text-group {width:auto;}
		.basket-title{}
		.basket-link {}
		.basket-qty {text-align:center;}

.basket-qty form,
.basket-qty form + table {display:inline-block;margin-top:5px;}


		.basket-unit {padding-top:5px;}
		.basket-price {}

.form-proceed {margin-top:20px;}	
	
.section {border:0;}	

.rslide_overlay {position:absolute;top:20px;left:0;width:33%;background:rgba(255,255,255,0.3);text-align:center;padding:20px;}
.rslide_overlay h3 {margin:0;font-size:1.8rem}
.rslide_overlay p {font-size:1.4rem;font-weight:300;line-height:1.2}

.rslides .inner ,	
.rslide_overlay {clear:none}

  .rslides_nav {top:223px;}
.rslides_nav.prev {left:10px;}
.rslides_nav.next {right:010px;}

/* items */
.items {background:#fff;display:flex;flex-wrap:wrap; gap:0;  padding:10px 0;margin:0 0 5px 0;clear:both;}

.item {position:relative;}
	.item-inner {margin:5px 20px;padding:0;;border:none;transition:border-color 0.3s ease-in,box-shadow 0.3s ease-in;background:#fff}


	.item-imagebox {display:block;}
	.item-image {}
	.item-heading {font-size:1.05rem; font-family:'Gill Sans Light',Helvetica,Arial,sans serif;font-weight:300;min-height:2.5rem;}
	.item-desc {font-size:1rem;overflow:hidden;line-height:1.2;padding:0 5px;}
	.item-price {font-size:1.2rem;}
	.item-stock {font-family:'Gill Sans Light',Helvetica,Arial,sans serif;text-align:left;font-weight:300;padding:0 5px;}
	.wlbis {float:right;}
	
	
.was {font-size:0.8rem;}
	.saleimage,
	.saleimagepers {width:75px;}
.product .saleimage {width:auto;z-index:100;}


.item-quickview {display:block;background:url('/images/quick-view-magnifying-glass.png') top right no-repeat;;min-height:20px;cursor:pointer;position:absolute;bottom:5px;right:20px;left:10px;}
.item-quickview,
.item-quickview:hover {color:#000;}
.item-quickview ul {left:0;right:0;;bottom:-200px;;transition:bottom 0.2s ease-in,opacity 0.2s ease-in;font-size:0.9rem;text-align:left;position:absolute;background:#fff;padding:10px;border-top:1px solid #ddd;z-index:1000;opacity:0;;}
.item-quickview:hover ul {bottom:0;opacity:1;}


/* change layout */
.changelayout {
    border: 0;
    width: 29px;
    height: 28px;
    cursor: pointer;
    margin: 3px 0 0 10px;
	opacity:1;
	text-indent:-999px;overflow:hidden;
}
.btn_rows {background-position:-2px -127px}
.btn_grid {background-position:-32px -127px}

.btn_rows.active_rows {background-position:-2px -97px}
.btn_grid.active_grid {background-position:-32px -97px}

.layout-rows .item {width:100%;text-align:left;}
.layout-rows .item-inner {border-bottom:1px solid #000;/**/}
.layout-rows .item-r-img {width:22%;float:left;text-align:center;}
.layout-rows .item-r-txt {width:75%;float:right;}
.layout-rows .item-heading {font-size:1.1rem;height:auto;;}
.layout-rows .item-desc {display:block;}
.layout-rows .item-alternate {display:none;}

/* grid - grid items should try to add up to 12. ie g03 + g04 + g05; g06 + g06; g04 + g04 + g04; etc. */
.grid_row {position:relative;}
.grid {float:left;}
.grid_right {float:right;}
	.g01 {width:8.33%;}
	.g02 {width:16.6%;}
		.g20 {width:20%;}
	.g03 {width:25%;}
	.g04 {width:33.3%;}
		.g40 {width:40%;}
	.g05 {width:41.6%;}
	.g06 {width:50%;}
	.g07 {width:58.3%;}
		.g60 {width:60%;}
	.g08 {width:66.6%;}
	.g09 {width:75%;}
		.g80 {width:80%;}
	.g10 {width:83.3%;}
	.g11 {width:91.6%;}
	.g12 {width:100%;}	
.pull_left {padding-right:10px;}	
.margin_right30 {margin-right:30px;}	
.margin_right {margin-right:10px;}	
.margin_left {margin-left:10px;}	
.padding_right {padding-right:4.2%;}	
.padding_left {padding-left:4.2%;}	
.padding_rightS {padding-right:10px;}	
.padding_leftS {padding-left:10px;}	
	.clear_right {clear:right;}
	.clear_left {clear:left;}
	.go_right {text-align:right;}

.pl01 {padding-left:8.3%;}
.pl02 {padding-left:16.6%;}
.pl03 {padding-left:25%;}

.pr01 {padding-right:8.3%;}
.pr02 {padding-right:16.6%;}
.pr03 {padding-right:25%;}




.flex_row {
   display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap;
  
  }


#classes {padding:20px 0;gap:18px}


 
#classes .gm {width:calc(25% - 13.5px);border-radius:00px;}
.cat-overlay {font-size:1.2rem;}



/* list page */
.category-box {text-align:center;/*border:2px solid #aaa;*/margin:30px 50px; 
   display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 6.1+ */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
  align-items: center;
    justify-content:center;
  
  }
.category-title {padding:20px;}
.cat-heading {font-size:1.6rem;}
.cat-text p,
.cat-text {font-size:1.2rem;}




.slide-title {   font-size:2.8rem;}
.slide-prnt {font-size:1.4rem;margin:0 0 10px 0;}
.slide-desc {font-size:1.4rem;margin:10px 0 0 0;}
.slide {min-height:300px;}
.slide-overlay-black {padding:66px 0;}
/* minibasket */

.minibasket-box  {
	background:#000;
    position:absolute;
	top:118px;
	right:0px;;
    height: 42px;
	width:42px;
	border-radius:50% 50%;
    padding:0;
    z-index: 9999;
	transition:top 0.2s ease-in;
}
.fix .minibasket-box {top:10px;}

.minibasket-full {
	background:#d7a227;;
}
.minibasket-link {display:block;float:right;background:url('/images/sprites_specific.png') 2px 1px no-repeat;width:42px;height:42px;text-indent:-999px;overflow:hidden;}

.minibasket-items  {
	position:absolute;
	top:18px;left:0;
	width:100%;text-align:center;
	color:#d7a227;
	font-size:0.8rem;
	font-weight:bold;
}
.minibasket-info {float:right;height:30px;line-height:28px;color:#fff;margin:0;font-size:0.9rem;text-align:right;padding:0 8px 0 20px}


.minibasket {visibility:hidden;position:absolute;right:0;top:0;;width:336px;background:white;z-index:9999;border:1px solid #d7a227;overflow:hidden;}
.minibasket-iframe {width:325px;max-height:444px;overflow:hidden;margin:0;border:0;border-radius:0;}

/* product */

.bodytext,
#textblock {font-size:1.2rem;margin:1em 8px;}

#footer {padding:25px 0;text-align:left;}

@media (min-width: 1001px) {

#ksps {font-size:1rem;}
.newsletterform-input {font-size:1.1rem;}

}
@media (min-width: 1111px) {
	.nav-toplevel-link {padding:0 10px;font-size:1.2rem}
}