@charset "utf-8";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:#127d9c;margin: 0;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 1.6;}
#page {background: #fff; display: grid; padding: 0 40px; margin: 0 auto;border-left:solid 1px #a3a3a3;border-right:solid 1px #a3a3a3;
grid-template-areas:
"main main main main"
"sidebar sidebar sidebar sidebar"
"footer footer footer footer"
"footer2 footer2 footer2 footer2";
grid-template-rows: minmax(100px, auto); 
grid-template-columns: repeat(4, 1fr); grid-column-gap: 2em;}

#page > main {grid-area: main;}
#page > .sidebar {grid-area:sidebar;}
#page > footer {grid-area: footer;}
#page > .footer2 {grid-area: footer2; background: #212f54; color: #fff; text-transform: uppercase; font-size: 12px; padding: 20px 3% 50px 3%;}

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

#headerwrap {background: #fff;}
#header {max-width: 100%;margin:auto;align-items: center;}
.skip-nav-link {background: black; padding: .5rem 1.5rem; border-radius: 0 0 0.25rem 0.25rem; position: absolute; transform: translateY(-120%); transition: transform 325ms ease-in;}
.skip-nav-link:focus {transform: translateY(0);}

/* === NAV ===  */
.navwrap {background: #fff;position: sticky; top: 0; z-index: 99;border-bottom:#eee 1px solid; box-shadow: 0px 6px 4px -4px rgba(0,0,0,0.4);border-top:#127d9c 1px solid;}
.nav {width:100%;margin:auto;display:grid;
grid-template-areas:
"topnav"
"menu";
grid-template-rows: 40px auto; grid-template-columns: 1fr;justify-content: center;}

.logo {grid-column: 1/1; grid-row: 1/2; align-self: start; justify-self:start;max-width: 160px;margin:10px 0px 6px 20px; z-index:999;}
.topnav {grid-area:topnav;}
.menu {grid-area:menu;}

.topnav {margin-left: 170px; display:flex; flex-wrap: wrap; justify-content: flex-end; align-items:center;padding-right:10px;text-transform: uppercase;font-size: 14px;color: #000;}
.topnav .msg {padding: 5px 6px 5px 40px;	margin: 0;}
.topnav .cart {background: url("im/msg_cart.png") 15px center no-repeat;}
.topnav .cart a {color: #000;text-decoration: none;}
.topnav .cart a:hover {text-decoration: underline;}
.topnav .phone {background: url("im/msg_phone.png") 15px center no-repeat;}

/* Typography*/
h1 {font-size: 30px;font-weight:700; color: #212f54; line-height:38px;margin-top:5px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;text-transform: uppercase;}
h6 {font-size: 14px;text-transform: uppercase;font-weight: bold;}
h7 {font-size: 14px;font-weight: bold; line-height:0.8; margin-bottom:5px; text-decoration:none;}
blockquote {border-left: 8px solid;	color: #E411F2;	font-style: italic;	padding: 20px;	margin: 0 0 20px 20px; line-height:1.6;}
blockquote p {margin: 0;	font-size: 18px;	color: #000;text-align: left;}
.w-title {width: 100%; padding: 0 0 10px 0; border-top:#127d9c 3px solid;}

 @media screen and (max-width: 40em) {
 .page-title {margin-top:20px;}
 }

/* msi css */
.menu{width:100%px;height:34px;background:#fff;display:flex; justify-content: flex-end; align-items:center;margin:0 1px 0 0:}
.menu ul, .menu ol{margin:0;padding:0;list-style:none;}
.menu .left{float:left;}
.menu ul{position:relative;background:#fff;}
.menu ul li{float:left;}
.menu ul li.menu_right{position:relative;}
.menu ul > li > a{display:block;height:34px;padding:0 8px;font-size:16px;font-weight: 600; font-family: 'Open Sans', sans-serif;color:#000;text-decoration:none;text-transform:none;border-bottom: solid 1px #eee;}
.menu ul:hover li.active a{color:#000;background:#fff;}
.menu ul li.active a, .menu ul li:hover > a, .menu ul li.active:hover > a{color:#127d9c;}
.menu ul li a:active, .menu ul li.active a:active{color:#127d9c;}
.menu ul ul, .menu .mega_menu{position:absolute;visibility:hidden;opacity:0;z-index:11;padding-bottom:1px;background:#eee;border-left:solid 1px #232323;border-right:solid 1px #232323;}
.menu .mega_menu{padding:9px 10px 2px;border:none;border-top:solid 1px #232323;border-bottom:solid 1px #232323;}
.menu ul li:hover > ul, .menu ul li:hover .mega_menu{visibility:visible;opacity:1;}
.menu ul ul li{float:none;position:relative;}
.menu ul ul li a{position:relative;	width:132px;height:30px;padding-right:0;font-size:16px;color:#444;line-height:32px;border-top:solid 1px #232323;border-right:none;}
.menu ul ul li a i{position:absolute;top:3px;right:12px;font:16px 'Open Sans', sans-serif;}
.menu ul ul li:hover > a{background:#fff;color:#000;}
.menu ul ul li a:active{color:#000;}
.menu ul ul ul{left:100%;top:0;}
.menu .full_width{width:350px; left:0;padding:9px 10px 2px;}
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{margin:0;font-family:"Open Sans', sans-serif";font-weight:normal;color:#000;}
.menu h1{font-size:24px;}
.menu h2{font-size:20px;}
.menu h3{font-size:18px;}
.menu .mega_menu {border-bottom:solid 1px #eee;}
.menu .mega_menu a{display:inline;padding:0;font-family:inherit;font-size:inherit;color:#000;line-height:inherit;text-transform:none;text-decoration:underline;border:none;}
.menu .mega_menu a:hover{background:#fff;color:#000;}
.menu .mega_menu .list{vertical-align:top;	width:150px;margin:0 8px 7px;padding:0;	float:left;}
.menu .mega_menu .list li{width:100%;float:left; list-style:none;}
.menu .mega_menu .list li a{margin-left:7px;padding:0;font:15px/28px Tahoma, Geneva, sans-serif;color:#000;text-transform:none;text-decoration:none;	border:none;}
.menu .mega_menu .list li:hover a{background:#fff;color:#000;}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{background:#fff;color:#127d9c;}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{background:#fff;color:#000;}
.menu .mega_menu .cloud a {float: left;border: #dfdcdc 1px solid;padding:14px; font-family: 'Open Sans', sans-serif;margin:0 12px 12px 0; text-decoration: none;}

/* msi-responisve css */
.menu input#dropdown, .menu label{display:none;	position:absolute;top:5px;right:14px;width:40px;height:35px;}
.menu input#dropdown{opacity:0;}
.menu label{background:#eee url("https://vizbob.uk/im/hamburger-tq.png") no-repeat center;}
.menu label:hover{cursor:pointer;background:#eee url("https://vizbob.uk/im/hamburger-pk.png") no-repeat center;}
.menu input#dropdown:checked ~ label{box-shadow:inset 0 0 28px #, inset 0 0 6px #1A1A1A;}
.menu input#dropdown:checked ~ ul{display:block;}
.menu h2.dropdown{display:none;	position:absolute;top:11px;left:14px;margin:0;font:normal 25px;	color:#999;}
@media only screen and (max-width: 1024px){
.menu{width:100%px;}
.menu ul ul{margin:0;}
.menu .mega_menu{width:auto;margin:0;}
}
@media only screen and (max-width: 820px){
.menu input, .menu label, .menu h2.dropdown{display:block;}
.menu{width:100%;min-height:40px;height:100%;overflow:hidden;position:relative;}
.menu ul{display:none;	width:100%;	margin:45px 0 0 0;padding:0;float:none;	z-index:10;}
.menu ul > li{float:none;}
.menu ul li a{width:auto;height:38px;padding-left:5%;font-size:22px;line-height:40px;background:#eee;}
.menu ul ul, .menu .mega_menu{display:block;position:static;visibility:visible;opacity:1;margin:0;font-size:0;overflow:hidden;border:none;}
.menu ul ul li{width:25%;float:left;}
.menu ul ul li a{width:auto;padding:0;text-align:center;color:#FFF;	border:none;}
.menu ul ul li:hover a{background:#282828;}
.menu ul ul ul, .menu ul ul li a i{display:none;}
.menu .mega_menu .list{width:48%;margin:0 1% 2%;}
.menu ul li.menu_right {background:#424242;}
}

/* end msi-responsive */

.breadcrumb-wrap {margin: 5px 0; padding-bottom:1px;border-bottom:#aaa 1px solid; height:auto; width:100%}
.breadcrumb-wrap p {line-height: 2.1;font-size: 14px;padding: 0 5px 0 0px;font-weight: 500;display: block;margin: -1px 0 0 0;}
.breadcrumb-wrap a {color: #1c1c1c;text-decoration:underline;}
.breadcrumb-wrap a:hover {color: #bf2026;}

.intro {display:grid; grid-template-columns: 1fr; margin: 20px 0;}
.intro img {object-fit: cover;width: 100%; height:auto;}

.intro-left {width: 95%; margin: 40px 20px;display:grid;padding-bottom: 10px;
grid-template-areas: "left-image" "left-text";
grid-template-rows: auto; grid-template-columns: 1fr; margin:40px 0;}
.left-text {padding-left:40px;}
.left-text p {font-size: 16px;line-height: 1.6;}
.left-text h2 {font-size: 20px; color: #212f54;}

.intro-right {width: 95%; margin: 40px 20px;display:grid;padding-bottom: 10px;
grid-template-areas: "left-text" "left-image";
grid-template-rows: auto; grid-template-columns: 1fr; margin:50px 0;}
.right-text {padding-right:40px;}
.right-text p {font-size: 16px;line-height: 1.6;}
.right-text h2 {font-size: 20px; color: #212f54;}

 @media screen and (min-width: 40em) {
    .intro-left {width: 95%; margin: 40px 20px;display:grid; grid-template-areas: "left-image left-text"; grid-template-rows: auto; grid-template-columns: 1fr 2fr; margin:50px 0;}
    .intro-right {width: 95%; margin: 40px 20px;display:grid;grid-template-areas: "right-text right-image"; grid-template-rows: auto; grid-template-columns: 2fr 1fr; margin:50px 0;}
}

.sbar {display:grid; grid-template-columns: 1fr; margin: 15px 0;}
.bar img {object-fit: cover;width: 100%; height:auto;}

figure {border-bottom: thin silver solid; margin-bottom: 2em;}
figure img {width:100%; height:auto;}
figcaption {padding:0.5em; line-height: 1.4em;font-family: 'Open Sans', sans-serif;font-size: 16px;}

/* ====== Flexbox Cards ====== */
.centered {margin: 20px 0 0 0;}

.cards {padding: 30px;background: #ffffff; margin-left: -20px; margin-right: -20px;}
.card {flex-direction:column;background: white;	margin-bottom: 2em; border: #bbb 1px solid;}
.card a {color: black;text-decoration: none;font-weight:500;}
.card p {padding: 0.5em;font-size: 14px;}
.card img {width:100%;height: auto;}
.mitem h2 {font-size: 18px;  line-height: 1.5; margin: 10px 0 15px 0; text-decoration:none;}
.mitem h2 a {color: #1c1c1c; text-decoration: none;}
.mitem h3 {padding: 0.5em;font-size: 16px; font-weight: bold; line-height: 1.4; margin: 10px 0 15px 0; text-decoration:none;}
.mitem h3 a {color: #1c1c1c; text-decoration: none;}
.mitem p {padding: 0.5em;font-size: 14px;}
.mitem .date {margin: 15px 0;font-size:12px; font-style:italic;}
.card	a:focus,
.card	a:hover {background: hsla(14, 100%, 40%, .2);	opacity: 1;}
  
 @media screen and (min-width: 40em) {
    .cards {display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: -1em;}
    .card {display: flex;flex: 0 1 calc(50% - .5em);margin-bottom: 1em;}
} 

@media screen and (min-width: 60em) {
    .cards {margin-top: inherit;}
    .card {flex: 0 1 calc(33% - 1em);margin-bottom: 2em;}
}
/* ====== Flexbox cards x 4 ====== */
.card4 {margin-bottom: 2em; margin-top: 2em;}
.card4 a {color: black;	text-decoration: none;}
.card4 a:hover {box-shadow: 3px 3px 8px hsl(0, 0%, 70%);}
.card4-content h3 {padding: 0.5em;font-size: 16px; font-weight: bold; line-height: 1.4; margin: 10px 0 15px 0; text-decoration:none;}
.card4-content p {padding: 0.5em;font-size: 14px;} 
.cards4 {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -1em;margin-left: 10px; margin-right: 10px;}
.card4 {display: flex;flex: 0 1 calc(50% - .5em); margin-bottom: 1em;}

@media screen and (min-width: 60em) {
    .cards4 {margin-top: inherit;}
    .card4 {flex: 0 1 calc(25% - 1em);margin-bottom: 1em;}
}

/* ========== SCARDS - SIDEBAR ============== */
.mag {background: #fff;}
.scard img {display:block; border: 0; width:100%; height: auto;}
.scards {max-width: 760px;margin: 1em auto;	padding: 0;list-style-type: none;}
.scard-item {background:#fff;margin-bottom:.75em;}
.scard p {margin: 0 1em;color:black;}
.scards a {display: block;	text-decoration: none;}
.scards a:focus,
.scards a:hover {background: hsla(14, 100%, 40%, .2);	opacity: 1;}

@media screen and (min-width: 27em) {
		.scards {margin: 0 auto;padding: 1em;}
		.scard {display: grid;	grid-template-columns: 1fr 2fr;}
	}

/* ======= ECARDS - EVENTS ================= */
.ecardwrap {margin: 2em 0 3em 0;}
.ecard {max-width: 760px;margin: 1em auto;	padding: 0.5em;display:grid;background: #eeeeee;
grid-template-areas:
"country event event event"
"country date date date";
grid-template-rows: 25px 1fr; grid-template-columns: 85px 105px 1fr 1fr; border: #a3a3a3 1px solid;}

.country {grid-area: country;display:flex;align-items:flex-start;margin-top:5px;}
.delivery {grid-area: country;display:flex;align-items:flex-start;margin-top:5px;background: url("https://vizbob.uk/im/ic-delivery-tq.png") 15px center no-repeat;}
.uk-stock {grid-area: country;display:flex;align-items:flex-start;margin-top:5px;background: url("https://vizbob.uk/im/ic-uk-flag.png") 15px center no-repeat;}
.same {grid-area: country;display:flex;align-items:flex-start;margin-top:5px;background: url("https://vizbob.uk/im/ic-clock-tq.png") 15px center no-repeat;}
.discounts {grid-area: country;display:flex;align-items:flex-start;margin-top:5px;background: url(https://vizbob.uk/im/ic-discount-tq.png) 15px center no-repeat;}
.event {grid-area: event;font-size:16px;font-weight: 600;display:flex;align-items:flex-start;}
.date {grid-area: date;font-size:14px;}
.ecardwrap a {display: block;text-decoration: none; color:black;}
.ecard a:focus,
.ecard a:hover {background: hsla(14, 100%, 40%, .2);	opacity: 1;}

/* ======= ECARDS - EVENTS SIDEBAR================= */
.sbar-ecardwrap {margin-bottom:3em;}
.sbar-ecard {max-width: 100%;margin: 1em 0;	padding: 0.5em;display:grid;
grid-template-areas:
"country event event event"
"country date date date";
grid-template-rows: 1fr 1fr; grid-template-columns: 85px 1fr 1fr 1fr; border: #a3a3a3 1px solid;}

.country {grid-area: country;display:flex;align-items:flex-start;margin-top:5px;}
.event {grid-area: event;font-size:16px;font-weight: 600;display:flex;align-items:flex-start;}
.date {grid-area: date;font-size:14px;}
.sbar-ecardwrap a {display: block;text-decoration: none; color:black;font-weight: 600;font-size:16px;}
a:focus,
a:hover {background: hsla(14, 100%, 40%, .2);	opacity: 1;}

/* ========== MCARDS MINIMALIST============== */
.mag {background: #fff; margin-left: -20px; margin-right: -20px;}
.mag img {display:block; border: 0; width:100%; height: auto;}
.mcards {max-width: 760px;margin: 1em auto;	padding: 0;list-style-type: none;}
.mcard-item {background:#fff;margin-bottom:.75em;}
.mcard p {margin: 0 1em;color:black;}
.mcards a {display: block;	text-decoration: none;}
.mcards a:focus,
.mcards a:hover {background: hsla(14, 100%, 40%, .2);	opacity: 1;}

@media screen and (min-width: 27em) {
		.mcards {margin: 0 auto;padding: 1em;}
		.mcard {display: grid;	grid-template-columns: 1fr 2fr;}
	}

/* ========== SCARDS - SIDEBAR ============== */
.mag {background: #fff;}
.scard img {display:block; border: 0; width:100%; height: auto;}
.scards {max-width: 760px;margin: 1em auto;	padding: 0;list-style-type: none;}
.scard-item {background:#fff;margin-bottom:.75em;}
.scard p {margin: 0 1em;color:black;}
.scards a {display: block;	text-decoration: none;}
.scards a:focus,
.scards a:hover {background: hsla(14, 100%, 40%, .2);	opacity: 1;}

@media screen and (min-width: 27em) {
		.scards {margin: 0 auto;padding: 1em;}
		.scard {display: grid;	grid-template-columns: 1fr 2fr;}
	}

/* ======= TAGS ================= */
.tagwrap {margin-bottom:2em;}
.tag {display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin-bottom:1em;}
.tag-item { -webkit-flex: 1 auto; flex: 1 auto; padding: 0.5rem; text-align: center; color: #000;font-family: 'Open Sans Condensed', sans-serif; font-size: 10pt;}
.tag-item a {background-color: #e3e3e3;display: block; text-decoration: none; padding: 0.5rem 0.5rem; border-radius: 3px; border: #a3a3a3 1px solid;color: #000;font-weight:500;}
.tag-item a:hover {background-color:#e411f2 ; color: #fff;}

.tagnav {display: flex; margin:2em 0;line-height: 30px;}
.tagnav-item { flex: 1 auto; font-family:"Open Sans', sans-serif"; text-transform:uppercase;text-align:center; font-size: 12pt;}
.tagnav-item a {background: #eeeeee;display: block; text-decoration: none; padding: 0.5rem 0.5rem; border: #ccc 1px solid;color: #000;font-weight:500;}
.tagnav-item .on, 
.tagnav-item .up {flex: 1 auto; font-family:"Open Sans', sans-serif"; text-transform:uppercase;text-align:center; font-size: 12pt;font-weight:500;background: #575757;color: #fff; padding: 0.5rem 0.5rem; border: #a3a3a3 1px solid;}
.tagnav-item .on:after {content:''; position: relative; top: 41px; left: -20px; right: 0; margin-top: -47px; margin-left:auto; margin-right:auto; border-top: solid 10px #575757; border-left: solid 10px transparent; border-right: solid 10px transparent;}
.tagnav-item .up:before {content:''; position: relative; top: -41px; left: 20px; right: 0; margin: 0 auto; width: 0; height: 0; border-bottom: solid 10px #575757; border-left: solid 10px transparent; border-right: solid 10px transparent;}
.tagnav-item a:hover {background-color:#ccc; color: #bf2026;}

.pagination {display: inline-block; width: 100%; padding-bottom:30px;}
.pagination a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;margin: 4px;}
.pagination a.active {background-color: #e411f2;color: white;border: 1px solid #e411f2;}
.pagination a:hover:not(.active) {background-color: #ddd;}

/* 3 Columns */
.columns-3 li.col3 {float: none;width: 100%;margin: 0;}
.clearboth {clear: both;}
.clearfix:before, 
.clearfix:after {content: "";	display: table;}
.clearfix:after {clear: both;}
.clearboth {clear: both;}

.index {font-size: 48px;line-height: 1.2;display: block; margin: 0 ;color: #1c1c1c;}
.index-sm {font-size: 26px;line-height: 1.2;display: block; margin: 0 ;color: #1c1c1c; padding-bottom:8px}

/* TABLES - inc table specific media queries */
table {border-spacing: 0;}
table {width:100%;border-top: #1c1c1c 5px solid;	border-left: #dee0e0 1px solid;margin: 0 0 30px 0;font-size: 14px;color: #1c1c1c;}
table td, table th {border-right: #dee0e0 1px solid;border-bottom: #dee0e0 1px solid;text-align: left;vertical-align: top;font-family: 'Open Sans Condensed', sans-serif; font-size: 12pt;}
table th {padding: 15px 10px 15px 10px;font-size: 14px;font-weight: 700;}
table td {padding: 8px;line-height: 160%;}
table tr {background: #fff;}
table tr:nth-child(2n) {background: #EEE;}

@media only screen and (max-width: 767px) {
      table, thead, tbody, th, td, tr {display: block;}
      thead tr {position: absolute;top: -9999px;left: -9999px;}
      td {border: none;	position: relative;	padding-left: 50%;white-space: normal;text-align:left;}
      td:before {position: absolute;top: 6px;left: 6px;	width: 45%;	padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;}
      td:before {content: attr(data-title);	padding: 5px;}
      table td, table th {text-align: right;}
      }
/* END OF TABLES */
footer {display:grid; grid-template-columns: 1fr 1fr; grid-template-rows: 2;margin: 30px 0; gap:30px;}
footer ul {list-style: none; margin-top: -10px;}
footer li {margin-left: -40px;line-height: 1.75em;}
footer a {text-decoration: none; color: #000;}
footer li a:hover {text-decoration: underline;}
.footer2 {background: #1c1c1c; color: #fff; margin-left: -50px; margin-right: -50px;}
.footer2 p {font-family: 'Open Sans Condensed', sans-serif; color: #fff; text-transform: uppercase; font-size: 12px; margin-right: 120px;}
.footer2 p a {color: #fff;text-decoration: none;}
.footer2 p a:hover {color: #fff;text-decoration: underline;}

@media screen and (min-width: 768px) {

     .nav {max-width:1100px;margin:auto;align-items: center;}
     #page {display: grid; max-width:1100px;
     grid-template-areas:
     "main main main main" 
     "sidebar sidebar sidebar sidebar"
     "footer footer footer footer"
					"footer2 footer2 footer2 footer2"; grid-template-rows: minmax(60px, auto); grid-template-columns: repeat(4, 1fr);}
     .intro {display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}
     .sbar {display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}
    footer {grid-template-rows: 1fr; grid-template-columns: repeat(4, 1fr);}
    .footer2 {grid-template-rows: 1fr; grid-template-columns: 1fr;}
    .tandcs {margin-right:50px;}

    .mcards {max-width: 1200px;	margin: 1em auto;	display: grid;
			 grid-template-columns: repeat(2, 48%);
			 grid-gap: 1em;
			 justify-content: center;}
		  .mcard {margin: 0;}
    
    .ecardwrap {max-width: 1200px;	margin: 1em auto;	display: grid;
			 grid-template-columns: repeat(3, 32.5%);
			 grid-gap: 1em;
			 justify-content: center;}
		  .ecard {margin: 0;}
    
    .columns-3 {margin: 0 !important; /* content-visibility: auto;  contain-intrinsic-size: 100px 1000px; */}
    .columns-3 li.col3 {float: left;width: 31%;	margin: 0 3.5% 0 0;	list-style: none;border: none;	background: none;}
    .columns-3 li.col3:nth-child(3n) {margin: 0;}
    .columns-3 li.col3 .full-image {width: 100%;}
}

@media screen and (min-width: 1200px) {
     .nav {max-width:1600px;margin:auto;align-items: center;}
      #page {display: grid;max-width:1600px;
     grid-template-areas: 
     "main main main sidebar" 
      "footer footer footer footer"
     "footer2 footer2 footer2 footer2"; grid-template-rows: minmax(60px, auto); 
     grid-template-columns: repeat(4, 1fr);}
     .sbar {display: grid; grid-template-columns: 1fr;}
}

@media screen and (min-width: 1600px) {
   .logo {margin-left:0px;}
}

.pmeta {margin-bottom:20px;}
.pmeta h2 {font-size: 14px;text-align: center;line-height: 1.4;margin: 5px 3px 15px 3px;border-bottom:none;}
.pmeta h2 a {color: #1c1c1c; text-decoration: none;}
.pmeta h3 {font-size: 14px;text-align: center;line-height: 1.4;margin: 5px 3px 15px 3px;}
.pmeta h3 a {color: #1c1c1c; text-decoration: none;}
.pmeta h4 {font-size: 14px;line-height: 1.4;margin: 5px 0 15px 0;}
.pmeta h4 a {color: #1c1c1c; text-decoration: none;}
.pmeta p {text-align: center;margin: 5px 3px 15px 3px;}
.product-price {text-align: center;	margin: 0 0 20px 0;font-weight: 700;}
.pprice-cat {text-align: center;font-size: 20px; font-weight:bold; margin: 0 0 10px 0;}
.pprice-old {color:#ff0000; text-decoration:line-through;padding:0 0 0 10px;}
.price {font-size: 12px;font-weight: 400; background: #f76021;color: #fff;padding: 4px 5px;line-height: 1;margin: 0 0 0 2px;}
.add-to-bag {display: block; margin: 0 auto; width:55%;font-size: 20px; font-weight: 400;background: #f76021;color: #000;border: none;border-radius: 5px; padding: 10px 6px 10px 5px;line-height: 1;}
.add-to-bag:active,
.add-to-bag:hover {cursor: pointer;background: #e411f2;color: #fff;}
.oos,
.oos-cat {display:block; margin: 0 auto;width:55%;font-size: 20px; font-weight: 400; text-align: center; background: #999999;color: #000;border: none;border-radius: 5px;padding: 10px 6px 10px 5px;line-height: 1;}

/* === PRODUCT PAGE SPECIFIC ==== */
.product-form {background: #ffffff;	border: #aaa3aa 1px solid; margin-top:15px; margin-bottom:10px;}

/* Accordion */
.accordion {background-color: #eee; color: #000; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s;}
.accordion active, .accordion:hover {background-color: #ccc; }
.accordion:after { content: '\002B'; color: #000; font-weight: bold; float: right; margin-left: 5px;}
.accordion active:after {content: "\2212";}
.panel {padding: 0; display: none; background-color: white; overflow: hidden;}

.panel table {border-top: #1c1c1c 5px solid;	border-left: #dee0e0 1px solid !important;margin: 0 0 30px 0;font-size: 12px;color: #1c1c1c;}
.panel table td, table th {border-right: #dee0e0 1px solid;border-bottom: #dee0e0 1px solid;text-align: left;vertical-align: top;}
.panel table th {padding: 15px 10px 15px 10px;font-size: 14px;font-weight: 700;}
.panel table td {padding: 4px 7px;line-height: 160%;}
.panel table tr {background: #fff;}
.panel table tr:nth-child(2n) {background: #f5f5f5;}

/* Alerts & Messages */
.msg {padding: 10px 6px 15px 35px;	margin: 0;}
.msg p, .blog-content .msg p {margin: 0 !important;}
.msg h3 {margin: 0 !important;}
.default {background: url(https://vizbob.uk/im/msg_on.png) 10px center no-repeat #eeeeee; background-position:10px 15px; padding: 10px 8px 10px 70px;color: #424242;border: #000000 1px solid;}
.default a, a:visited {text-decoration: underline;}
.default-on {background: url(https://vizbob.uk/im/msg_on.png) 10px center no-repeat #ffffff;color: #424242;border: #cc3300 2px solid;}
.just {background: url(https://vizbob.uk/im/msg_on.png) 10px center no-repeat #eeeeee; background-position:0px 15px 10px 15px; padding: 10px 8px 10px 60px;color:#424242;border: #cc3300 1px solid;margin: 15px 0;}

.follow
{display:grid; gap:5px;
grid-template-columns:60px 1fr;
grid-template-rows: repeat(60px 1fr)}
.follow-name {display:flex;align-items: center;}

.ppin {display: flex; justify-content: space-around;align-items: center;}