root {
font-family: 'Unica77LL-Regular';

}

.container-fluid-fullwidth {
	width: 100%;
    padding:0;
    margin:0;
}
@font-face {
  font-family:Unica77LL-Regular;
  src: url(fonts/Unica77LL-Regular.otf);
  src: url(fonts/Unica77LLTT-Regular.ttf)  format('truetype'), /* Safari, Android, iOS */
       
}
@font-face {
    font-family: 'SH_Grotesque-Regular';
    src: url(fonts/SH_Grotesque-Regular.eot);
    src: url(fonts/SH_Grotesque-Regular.eot?#iefix) format('embedded-opentype'),
         url(fonts/SH_Grotesque-Regular.woff) format('woff'),
		url(fonts/SH_Grotesque-Regular.woff2) format('woff'),
		url(fonts/SH_Grotesque-Regular.svg#font-name) format('svg');
         
        
   }
input, textarea, select, button {
	font-family:Unica77LL-Regular!important;
	font: 400 1rem Unica77LL-Regular!important;
}
.emailfriend input, textarea {
	width: 100%;
	margin-bottom: 6px;
}
video {
    width: auto;
    height: 100vh;
    visibility: hidden;
}

@media screen and (max-device-width: 812px)
   { 
  video {
	width:100%;  
	height: 100vh;
    object-fit: cover;
    object-position: 50% 146%;
	}
}

@media all and (orientation:landscape) { 
video {
	width:100%;
	height: 100vh;
    object-fit: cover;
    
	}
}

/*NAVIGATION START*/
html, body {
	height:100%;
	background-color: #fff;
	font-family:Unica77LL-Regular;
	line-height:1.3;
	
	
	
}

.navbar {
	height: 44px;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
}

@media screen and (min-width:992px)  {
li .mob-only {
display:none;
}
}
.bgwhite{
background: rgba(255,255,255,0.9);
}

#navbarNavDropdown1 {
position:relative;
z-index: 1023;
}

a:hover {
	color: #212529;
    text-decoration: none;
}
.navbar-light .navbar-toggler-icon {
	background-image:none!important;
}
.navbar-brand {
	margin-bottom: 2px;
}
.navbar-light .navbar-nav .nav-link {
    color:#000;
}
#logo {
z-index: 1023;
}
#logo svg {
	height: 12px;
	position:absolute;
	left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1022;
top:16px;
max-width:190px;
}
@media screen and (max-width:991px) {
	#leftMenu {
		display:none!important;
	}
	#rightMenu .btn-group, #rightMenu .nav-item {
		display:none!important;
	}
}

@media screen and (max-width:320px) {
	#logo svg {
		width:135px;
	}
}
#leftMenu {
	font-size: 10px;
    cursor: pointer;
    margin-left: 41px;
	letter-spacing: 0.08em;
	font-family: 'SH_Grotesque-Regular'!important;
	margin-top: 2px;
	
	
}
#leftMenu:hover {
	color: rgba(0,0,0,.7);
}
#leftMenu2 {
	position: absolute;
    left: 24px;
    z-index: 1021;
    padding-left: 0;
}
@media screen and (max-width: 450px) {
	#leftmenu2 {
		left:2px;
	}
} 
@media screen and (min-width:576px) and (max-width:768px) {
	#leftMenu2 {
		left:40px;
	}
}

@media screen and (min-width:769px) and (max-width:991px) {
	#leftMenu2 {
		left:37px;
	}
}

#rightMenu {
	font-size: 10.5px;
    cursor: pointer;
	margin-right: 41px;
	letter-spacing: 0.08em;
	font-family: 'SH_Grotesque-Regular'!important;
	margin-top: 5px;
	
    
}

#rightMenu .nav-link.search.noclose{
position:relative;
z-index:1021;
}

#rightMenu2.search {
	position:absolute;
	right:50px;
	z-index:1021;
}
@media screen and (max-width: 450px) {
	#rightMenu2.search {
		right: 40px;
	}
	.navbar-toggler{
		padding:0px;
	}
} 
@media screen and (min-width:451px) and (max-width:576px) {
	#basket {
		right:1px!important;
	}
}

#basket
{
	position:absolute;
	right:15px;
	z-index:1021;
}
@media screen and (max-width: 450px) {
	#basket {
		right: 13px;
    padding-right: 0px;
	}
} 
#leftMenuinner {
	font-size: 12px;
    cursor: pointer;
    margin-left: 28px;
	letter-spacing: 0.08em;
}
#rightMenuinner {
	font-size: 12px;
    cursor: pointer;
	margin-right: 28px;
	letter-spacing: 0.08em;
}
#openMenu {
	font-size: 12px;
	margin-left: 40px;
	margin-top: .25rem;
	letter-spacing: 0.08em;
	padding: .7rem 1rem;}
#openMenu div {
	visibility:hidden;
}

@media screen and (max-width: 990px) 
{
#openMenu {
	margin-left:0px;
	margin-top: -12px;
}

#openMenu div, .nav-link.search{
	display:none;
	}
}

.righty {
	float:right;
}
@media screen and (max-width: 450px) {
#leftMenu {
	margin-left:0;
}
.navbar-brand-centered {
	left: 28%!important;
}
.navbar-brand {
	font-size: 1.10rem;
}
}
@media screen and (max-width: 1024px) {
	#rightmenu {
	letter-spacing:0;	
	}
}
@media screen and (max-width:800px) {
	.lefty {
/*	overflow: hidden;*/
    
	}
	.righty {
		overflow: hidden;
    display: inline-block;
	float:right;
	}
}

/*Left-hand side slide-out navigation*/

#mySidenav .menuContent > ul{
margin-top: 15px;	
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1022;
    top: 0;
    left: 0;
    background-color: #fff9f7;
    overflow-x: hidden;
    transition: 0.5s;

}

#mySidenav h5 {
font-size:1rem;

}
.sidenav ul {
	padding: 0px;
	-webkit-padding-start: 0px;
}

.sidenav li {
	list-style-type: none;
	
}

.sidenav ul.menu li {
    margin: 6px 28px 8px 30px;
}

ul.menu h5 {
    font-weight: 400;
}

.sidenav ul.menu > li {
    font-size: 24px;
    color: #212529;
    display: block;
    transition: 0.3s;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    margin-top: 20px;
	
}

.sidenav a {
/*	margin: 8px 28px 8px 28px; */
    text-decoration: none;
    font-size: 20px;
    color: #212529;
    display: block;
    transition: 0.3s;
	border-bottom: 1px solid transparent;
	
}

.sidenav ul > li > ul {
    margin-left: -28px;
}

.sidenav a.htitle:hover {
	background-image:none!important;
	border-bottom: 1px solid transparent;
}
.sidenav ul.menu > li > a  {
	font-family: 'SH_Grotesque-Regular';
	font-size:12.6px!important;
}

.sidenav .menuContent > ul > li > ul > li > ul > li {
	border-bottom: 1px solid transparent;
}
/*.sidenav .menuContent > ul > li > ul > li:hover, .sidenav .menuContent > ul > li > ul > li > ul > li:hover  {
margin: 6px 0px 8px 30px!important;
}*/
.sidenav .menuContent > ul > li > ul > li > a:hover, .sidenav .menuContent > ul > li > ul > li > ul > li:hover {
    /*border-bottom: 1px solid #000;*/
    background-image: url('../images/arrowright.svg');
    background-repeat: no-repeat;
    background-size: 15px;
}

.sidenav .menuContent > ul > li > ul > li > ul > li{
	margin: 0 0 0 27px;
}

.sidenav .menuContent > ul > li > ul > li > ul > li:not(:first-child) a{
	margin: 6px 0 0 0px;
}

.sidenav .menuContent > ul > li > ul > li > ul > li:first-child a{
	margin: 6px 0 0 0;
}

.sidenav .menuContent > ul > li > ul > li > ul > li a {
    /*background-image: url(../images/dash2.png);*/
    background-repeat: no-repeat;
    /*background-position-x: 15px;*/
    background-position-y: center;
	background-size: 18px;
}


.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.sidenav #closebtn {
    height: 20px;
	margin: 20px 0 0 -140px;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.sidenav #closebtn{
	margin: 0 0 0 -140px;
	}
	.searchMenu .closebtn2 {
		margin-top: 4px!important;
		right: -100px;
		margin-left: unset!important;
		position: relative;
	}
	.sidenav a {
		font-size:16px;
	}
	.sidenav .menuContent > ul > li > ul > li > ul > li a {
		background-size:16px;
	}
	
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media screen and (max-width: 767px) {
  .sidenav {padding-top: 15px;}
}
@media screen and (max-width:766px) {
	.sidenav a {font-size: 16px;}
	.sidenav h5 {font-size: 1rem;}
}

a .hover-img { 
  position:relative;
  font-size: medium;
 }
a .hover-img span {
  position:absolute; right:-9999px; top:-9999px; z-index:9999;
 }
 a:hover .hover-img .showu {
height:100px;
 background: #ddd4cc;
}

.hover-img span img {
		width: 80px; 
		height: 100px; 
		object-fit: cover;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		mix-blend-mode: multiply;		
	}
	
 a:hover .hover-img span { 
	top: -42px;
    right: 0px;
	width: 80px;

	
}

a:hover .hover-img span p{ 
	padding-top: 5px;
 }
 
 #lefttitle {
	 margin-bottom:0!important;
	 line-height: 1;
 }
@media screen and (max-width:992px) {
#lefttitle {
margin-left: 0;
}
.sidenav .menuContent > ul > li > ul > li > ul > li a {
    background-position-x:0px;
}
} 
  
 a .hover-img p {
	 font-size:small;
	 font-weight: 300;
 }
 
 .sidenav ul.menu > li > ul {
margin-top: -6px;
}
@media screen and (max-width:800px) {
    
	a:hover .hover-img span {
		display:none;
	}
	.hover-img img {
		display:none;
	}
 }
.littlearrow {
	background-image:url("images/right-arrow.png")
} 
 
.navbar-light .navbar-toggler-icon {
	margin-top: 2px;
} 

 .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: transparent;
 }


 /*End Left-hand side slide-out navigation*/
 /*Right-hand Slide Out Menu*/

.searchMenu {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1022; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #fffdfd; 
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 8px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    
}
.searchMenu a {
    padding: 2px 8px 3px 32px;
    text-decoration: none;
    font-size: 16px;
    line-height:5px;
    color: #212529;
    display: table-cell;
    transition: 0.3s;
	width: 100vw;
}

#rightMenu {
letter-spacing:normal;
}

/* When you mouse over the navigation links, change their color */
.searchMenu a:hover span{
    color: #000000;
    text-decoration: underline;
opacity:1!important;
}

/* Position and style the close button (top right corner) */
.searchMenu .closebtn2 {
    
    height: 20px;
    margin-left: -110px;
	cursor: pointer;
	margin-top:20px;
}
@media screen and (max-height: 450px) {
  .searchMenu {padding-top: 15px;}
  .searchMenu a {font-size: 18px;}
}

.mas_pad h4 {
	max-width:234px;
}
.searchMenu input[type=text] {
    
    padding: 6px;
    border: none;
    margin-top: 8px;
    margin-right: 16px;
    font-size: 17px;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 0 0 28px;
}

#mydiv + .container-fluid {
	min-height: 100%;
    height: auto !important;
    padding-bottom: 50px;
}

#mySearchnav .form-inline label svg {
	position:absolute;
	height:22px;
	left: -100px;
	z-index:9;
}

#mySearchnav .form-control:focus + label {
	display:none;
}

#mySearchnav .form-control {
	height: 40px;
}

#mySearchnav input.form-control {
	z-index:10;
}

#searchbutton  {
	padding: 0;
    border-width: 0;
    background-color: transparent;
    height: 38px;
    border-radius: .25rem;
    width: 38px;
	cursor:pointer;
}
.form-control, .woocommerce-MyAccount-content .input-text, .woocommerce-MyAccount-content p {
    display: block;
    width: 97%;
    padding: 0!important;
    font-size: 1rem;
    line-height: 1.5;
    border:none;
    background-color: transparent;
    background-clip: padding-box;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-radius: 0;
    border-right: none;
    transition: none;
}
.form-control:focus {
    
  /*  border-color: #ded3cd;*/
    background-color:transparent;
    outline: 0;
    box-shadow: 0 0 0 0rem ;
}

.circle
{
width: 9%;
height: auto;
background: #ef8913;
float:left;
}
.circle1
{
width: 9%;
height: auto;
background: #1666e5;
float:left;
}
/*COLOUR PICKER START*/
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: inherit;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #fff;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000;
  
  
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url(../images/down-arrow.png) no-repeat right .75rem center;
    background-size: 18px 20px;
    border: none;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
}

/*COLOUR PICKER END*/
/*FOOTER START*/

footer {
position:relative;
background-color: #fffdfd;
}

footer .container-fluid	{
	background-color: #fffdfd;
	height: 46px;
	bottom:0px;
	position:absolute;
	-webkit-transition: all 0.5s ease 0.3s; /* For Safari 3.1 to 6.0 */	
	transition: all 0.5s ease 0.3s;
	overflow:hidden;
	z-index:1019;	
}

footer .form-control {
	font-size: 80%;
    font-weight: 400;
	color: #212529;
}
footer .form-group {
	margin-bottom:0px!important;
}

footer #footerrow {
	/*height:44px;*/
	display:flex;
}

footer #footerrow .scum {
	visibility:hidden;
	-webkit-transition: all 0.5s ease 0.2s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s ease 0.2s;
}

footer:hover #footerrow .scum {
	visibility:visible;
}
.scum li {
	line-height: 1.1rem;
}


footer:hover .container-fluid{
	height: 190px;
	/*overflow:visible;*/
}

@media screen and (max-width: 767px){

        footer .accordion .card:first-of-type {
                border-top:1px solid rgba(0, 0, 0, 0.7);
}
        footer .accordion .card {
                border-top:none;
}
        footer .accordion .card:last-of-type {
                border-bottom:1px solid rgba(0, 0, 0, 0.7);
}
/*	 footer .accordion .card:last-of-type li:last-of-type {
	margin-bottom:8px;
}*/
}

@media screen and (max-width: 575px){
footer:hover  .container-fluid{
	height: 393px!important;
	overflow:visible;
	height:auto;
	
}
	.mas_pad h4, .arrow #mainImg h4 {
	font-size:20px;
		max-width:270px;
}
	.fade {
    width: 18px!important;
    height: 18px!important;
    -webkit-animation: fade 3s infinite;
    animation: fade 3s infinite;
    -moz-animation: fade 3s infinite;
    -o-animation: fade 3s infinite;
    margin-top: -5px!important;
}

.excerpt {
		display:none;
	}
	hr {
		width:91.5%!important;
	}
	.about h4 {
		font-size:1rem!important;
	}


	.accordion .card:first-of-type {
		border-top:2px solid rgba(0, 0, 0, 0.7);
	}
	.form-control, .woocommerce-MyAccount-content .input-text, .woocommerce-MyAccount-content p {
		width:100%!important;
	}
	.accordion .card:last-of-type {
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
	.woocommerce ul.order_details li {
		border-right:none!important;
	} 
}
@media screen and (min-width: 576px) and (max-width: 767px){
footer:hover  .container-fluid{
	height: 350px;
	overflow:visible;
	height:auto;
	
}
footer .form-control {
width:100%!important;
}
}
.downarrow {
    width: 25px;
    display: block;
    padding-top: 10px;
	margin:0 auto;
	
}
.downarrow2 {
    width: 25px;
    display: block;
    padding-top: 10px;
    margin: 0 auto;
    position: fixed;
    bottom: 27px;
    z-index: 200;
    left: 45%;
    right: 50%;
}
footer .little {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 0px;
    padding: 0;
	/*max-height:46px;
	overflow:hidden;*/
}

/*footer:hover .little {
 
    border-bottom: 20px solid transparent;
	max-height:400px;
	overflow:visible;
	bottom:250px;
}*/

footer input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b2b2b2!important;
    opacity: 1; /* Firefox */
	font-size: 80%;
	font-family: Unica77LL-Regular;
	letter-spacing:normal;
}

footer input.form-control::-webkit-input-placeholder {
	color: #b2b2b2!important;
	font-size: 80%;
	font-family: Unica77LL-Regular;
	letter-spacing:normal;

}

footer input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b2b2b2!important;
	font-size: 80%;
	font-family: Unica77LL-Regular;
	letter-spacing:normal;

}

footer input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #b2b2b2!important;
	font-size: 80%;
	font-family: Unica77LL-Regular;
	letter-spacing:normal;

}
footer form {
margin-top:15px;
}

footer form input[type=submit]{
	background: url("../images/right-arrow.png") no-repeat;
	background-size: contain;
    border: none;
    color: transparent;
    height: 15px;
    width: 15px;
    margin-top: -23px;
    margin-right: 3%;
	  }
	 @media screen and (max-width: 767px){
                  footer form input[type=submit]{
                margin-right: 0;
                  }
		  
}

footer .form-control {
/*	padding:5px 0;*/
	border-top: 1px solid #000;
	height:31px;
	padding: .25rem 0rem!important;

}

footer #privacy ul{
	display:inline-block;
	margin-top:15px;
	-webkit-padding-start: 0px!important;
}

footer #privacy span {
    padding-right: 15px;
}

footer #privacy li{
	display:inline-block;
	list-style-type:none;
	padding: 0 5px;
}
footer  ul#footernav  > li > ul{
  -webkit-padding-start: 40px;
  padding:0;
  margin-top:20px;
}
@media screen and (max-width:853px) and (min-width:768px) {
ul#footernav > li:first-child > ul {
		margin-top:37px;
	}
	ul#footernav > li:last-child > ul {
		margin-top:37px;
	}
}
footer ul#footernav li{
	list-style-type:none;
}

footer ul#footernav a{
	color:#000;
}

footer ul#footernav a:hover, footer #menu-footer-small-menu a:hover{
        text-decoration:underline;
}


@media screen and (max-width: 767px) {

footer small, footer figcaption
	{
		text-align:center;
	}
	
#privacy, ul#footernav > li > ul {
		display:none;
	}
	
ul#footernav > li:hover > ul{
		display:block;
		margin-top: 10px;
	}
ul#footernav {	
	-webkit-padding-start: 0px;
}
ul#footernav > li{	
		padding: 8px 0;
		border-top: 1px solid #000;
	}
	
ul#footernav > li:last-child{	

		border-bottom: 1px solid #000;
	}
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5rem;
    background-color: transparent;
}
.table thead th {
    vertical-align: top;
    border-bottom:0;
}
.table td, .table th {
    padding: .25rem;
    vertical-align: top;
    border-top: 0;
	line-height: 1;
}
.table td a {
	color:#000;
}

.footnote svg.cross {
	height:30px;
	width:30px;
}
/*FOOTER END*/	
	
th {
    font-weight: 400;
}
.table td a {
	font-weight:400;
	font-size:small;
}
/*End Right-hand side slide-out navigation*/
.navbar-light .navbar-nav .nav-link, .nav-link.search {
    color: rgb(64, 64, 64);
	cursor: pointer;
	font-size: 10px;
	/*letter-spacing: 0.08em;*/
        width: max-content;
	width: -moz-max-content;
	margin-bottom:2px;
}
.searchMenu a span:hover {
    color: #000000;
    opacity: 1!important;
    text-decoration: underline;
}


@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .54rem;
     padding-left: 0 ; 

}
}

.nav-link.search {
margin-left:28px;
}


.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 0.5rem;
    clear: both;
    font-size:12px;
    color: #999999;
    text-align: inherit;
    white-space: nowrap;
    background-color: #fff;
    border: 0;
}
.dropdown-item.lvl-1 {
	color: #212529;
}
.dropdown-item p {
	margin:0!important;
}
.navbar-brand-centered {
        position: absolute;
        left: 40%;
        display: block;
        width: 160px;
        text-align: center;
		top:10px;
        
    }
	
/*NAVIGATION END*/	
/*HOME PAGE*/
/*VIDEO START*/
body .landing {
  height: calc(100vh - 44px);
  width: 100%;
  overflow: hidden;
  border-width: 0 28px 0 28px;
  border-style: solid;
  border-color: #fff;
  
}

@media screen and (max-device-width: 575px)   { 
 /*body .landing {height: 100vh;}*/
}
   
  @media screen and (min-device-width: 576px) and (max-device-width: 767px)   { 
  /* body .landing {height: 100vh;}*/
}
body .pageheight img {
	height: calc(100vh - 84px);
    object-fit: cover;
}

@media screen and (max-device-width: 812px)
   { 
  body .pageheight img {
	/*	height: calc(100vh - 89px);*/
    object-fit: cover;
    width:100%;
    height:auto;
  /*  object-position: 50% 146%;*/
	}

}

@media all and (orientation:landscape) { 
body .pageheight img {
	width:100%;
	height: calc(100vh - 89px);
    object-fit: cover;
    
	}
}


body .landing .dim {
  height: 100%;
  width: 100%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: black;
}
body .landing .text {
  position: relative;
  top: calc(50% - 2em);
  text-align: center;
  color: #fff;
}
/*VIDEO END*/
/*LARGE IMAGE START*/
.little {
  border-left: 13px solid #fff;
  border-right: 13px solid #fff;
  border-bottom: 20px solid #fff;
  padding: 0;
}
.little1 {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}
.little1 img {
	height:	calc(66vh + 30px);
	width: 100%;
	object-fit: cover;
}
.little3 {
margin-left: 13px;
    margin-right: 13px;

}

.little4 {
  border-left: 13px solid #fff;
  border-right: 13px solid #fff;
  border-bottom: 20px solid #fff;
  padding: 0;
	
}
.little4 img {
	height:	calc(66vh + 30px);
	width: 100%;
	object-fit: cover;
}

.little2 {
  border-left: 13px solid #fff;
  border-right: 13px solid #fff;
  padding: 0;
}

@media screen and (max-width:576px) {
.little {
border-left:0px!important;
border-right:0px!important;
}
.little3 {
margin-left:0px!important;
margin-right:0px!important;
}
.little4 {
border-left:0px!important;
border-right:0px!important;
}

.half-portait img {
    width: 100%!important;
}
}	
/*LARGE IMAGE END*/
/*FADING ARROWS & BLINKING CURSOR START*/
.cursor {
	position: relative;
}
.cursor	i {
	position: absolute;
	width: 1px;
	height: 70%;
	background-color: gray;
	left: 0px;
	top: 10%;
	animation-name: blink;
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	opacity: 1;
}

.cursor input:focus + i {
	display: none;
}

#billing_country_field select::-moz-placeholder, #billing_state_field  select::-moz-placeholder, .input-text::-moz-placeholder,  .form-control::-moz-placeholder {
    color: #999;
    font-size: 14px;
    letter-spacing: 0.08em;
    font-family: Unica77LL-Regular!important;
}
.input-text:-ms-input-placeholder, .form-control:-ms-input-placeholder {
  color: #999;
        font-size: 14px;
    letter-spacing: 0.08em;
    font-family: Unica77LL-Regular!important;
}
.input-text::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
  color: #999;
        font-size: 14px;
    letter-spacing: 0.08em;
    font-family: Unica77LL-Regular;
}
.input-text {
color:#999;
}
.tog p {
display:inline-block;
}

#checkout-body .woocommerce-info{
border-top:none!important;
padding:0 0 0 8px;
margin: 0 0 10px 0;
}
#checkout-body .woocommerce-info::before {
content:"";
}

#billing_country_field select, #billing_state_field select, #shipping_country_field select{
color: #999;
/*max-width: 300px;*/
padding-top:3px;
border:0px;
outline:0px;
width:46%;
margin-top:-7px;	
background-color:#ffffff!important;
font-size: 14px!important;
letter-spacing: 0.08em;
font-family: Unica77LL-Regular!important;
	
}
#billing_country_field select[selected], #billing_state_field select[selected],  #shipping_country_field select option[selected]{
color: #000000!important;
}
#billing_country_field select option:checked, billing_state_field select option:checked, #shipping_country_field select option:checked {
  color:#000000;
}

@media screen and (max-width:676px) {
#billing_postcode_field, .padsters {
padding: 7px 0 0 3px!important;
}
}

#payment li.payment_method_SagePayCw_SagePay, #payment li.payment_method_square, #payment li.payment_method_BarclaycardCw_CreditCard {
background: url('../images/pay50pxAmVisaMc.png');
background-position:right;
background-repeat: no-repeat;
background-size:contain;

}

#payment li.payment_method_alipay_cross_border {
background: url('../images/pay50pxAlipay.png');
background-position:right;
background-repeat: no-repeat;
background-size:contain;
}

#payment li.payment_method_klarna_payments_pay_later {
background: url('../images/pay50pxKlarna.png');
background-position:right;
background-repeat: no-repeat;
background-size:contain;
}

#payment li.payment_method_ppec_paypal {
background: url('../images/pay50pxPayPal.png');
background-position:right;
background-repeat: no-repeat;
background-size:contain;
}

#payment li.payment_method_BarclaycardCw_Visa {
background: url('../images/visa.jpg');
background-position:right;
background-repeat: no-repeat;
background-size:contain;
}

#payment li.payment_method_BarclaycardCw_MasterCard {
background: url('../images/mastercard.jpg');
background-position:right;
background-repeat: no-repeat;
background-size:contain;
}

#payment li.payment_method_BarclaycardCw_AmericanExpress {
background: url('../images/amex.jpg');
background-position:right;
background-repeat: no-repeat;
background-size:contain;
}

@media screen and (min-width:768px) {
	#payment li.payment_method_SagePayCw_SagePay, #payment li.payment_method_alipay_cross_border, #payment li.payment_method_klarna_payments_pay_later, #payment li.payment_method_ppec_paypal, #payment li.payment_method_square, #payment  li.payment_method_BarclaycardCw_CreditCard, #payment li.payment_method_BarclaycardCw_Visa, #payment li.payment_method_BarclaycardCw_MasterCard, #payment li.payment_method_BarclaycardCw_AmericanExpress  {
background-size:116px;

	}
	}
@media screen and (max-width: 767px) {
#payment li.payment_method_SagePayCw_SagePay, #payment li.payment_method_alipay_cross_border, #payment li.payment_method_klarna_payments_pay_later, #payment li.payment_method_ppec_paypal, #payment li.payment_method_square #payment, li.payment_method_BarclaycardCw_CreditCard, #payment li.payment_method_BarclaycardCw_Visa, #payment li.payment_method_BarclaycardCw_MasterCard, #payment li.payment_method_BarclaycardCw_AmericanExpress {
background-size:100px!important;

}
}

#checkout-body #titlerow.sh-hr {
border-bottom: 1px solid rgba(0, 0, 0, 0.7);
margin-right: 0px;
margin-left: 0px;
}
#checkout-body .summary {
border-top: 1px solid rgba(0, 0, 0, 0.7);
}

#checkout-body .sh-hr.summary {
border-top: none;
}


.checkout-after-title .form-row label {
line-height: 1.35!important;
margin-bottom: 0px!important;
}
.woocommerce-account-fields {
    margin-top: 10px;
}


#shipping_country_field label, #billing_country_field label {
     color: #999;
     font-size: 14px;
    letter-spacing: 0.08em;
    font-family: Unica77LL-Regular;
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-left: none;
    border-radius: 0;
    border-right: none;
    transition: none;
}

.shipping-header .collapse.show .card-body{
margin-bottom:20px;
}

#checkout-body .sh-shipping-table {
	float:right;
	visibility: hidden;
	width: auto;
	height: 0;
	margin: 0;
	padding: 0;
}

.form-control:focus {
    color: #495057;
    border-color: #495057;
    outline: 0;
    box-shadow: none;
}
@keyframes blink {
	from { opacity: 1; }
	to { opacity: 0; }
}

.fade {
width: 16px;
    height: 16px; 
-webkit-animation: fade 3s infinite;
animation: fade 3s infinite;
-moz-animation: fade 3s infinite;
-o-animation: fade 3s infinite;
	margin-top:-3px;
}

@-webkit-keyframes fade {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fade {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}
@-moz-keyframes fade{
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}
@-o-keyframes fade {
0%,100% { opacity: 0; }
  50% { opacity: 1; }

}
/*BLINKING ARROWS END*/

/*CAROUSEL START*/
#landingContainer .slidez {
  position: absolute; 
  z-index: 101;
  transform-origin: bottom;
  width:100%;
  bottom: unset!important;
  right: unset!important;
  transform: none;
}

.carousel {
    position: relative;
   
}

.bg-secondary {
    background-color: #6c757d!important;
    
}

.carousel-control-next-icon {
    background-image: url("../images/right-arrow.png");
 position: absolute;
    right: -20px;
 height:25px;
 width:30px;
 top:calc(28vh - 102px);
 z-index:103;
 
}

.carousel-control-prev-icon {
    background-image: url("../images/left-arrow.png");
 position: absolute;
    left: -20px;
 height:25px;
 width:30px;
 top:calc(28vh - 102px);
 z-index:103;
 
}
.carousel-control-next-icon2 {
    
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    top: 20%;
}
#landingContainer {
  background-color:#b7bdbb;
  height: calc(100vh - 90px);
  position: relative;
  margin-right:-15px;
  margin-left:-15px;
  margin-bottom: -4px}


.carousel-item {
 padding-top:35px;
 padding-bottom:10px;
}

.m-35 {
 padding-top:20px;
 padding-bottom:10px;
}
 .w-80 {
 width: 80%!important; 
 }


  @media screen and (max-width:767px) {
 .w-80 {
    z-index: 102;
    position: absolute;
    width: 80%!important;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.clicker {
    position: inherit!important;
    bottom: 0px!important;
}
}

.journal .text-justify {
max-height:100px;
overflow:hidden;
}
.cd-filter-trigger {
text-indent: 0;
font-size: 14px;
}
.cd-main-content h1.dogstar {
    position: relative;
    z-index: 3;
    display:none;
}
 .cd-gallery {
    padding:0;
}
@media screen and (max-width:768px) {


.cd-filter-trigger a.cd-filter-trigger.catshow
{
        display:none!important;
}
}
 @media screen and (max-width:576px) {
.journal .text-justify {
max-height:100px;
overflow:hidden;
}
	 .cd-main-content h1 {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
.cd-filter-trigger {
font-size: 0.8rem;
}
 
.checkout p {
	margin-left:0px!important;
}
.checkout.pnone p {
letter-spacing:normal!important;
} 
	 .woocommerce ul.order_details li {
		 border-right:none!important;
		 font-size: 0.9em!important;
    line-height: 1.2!important;
	 }
	 .woocommerce table.shop_table td {
		 padding:0px 0px!important;
	 }
	 .woocommerce table.shop_table th {
		 padding:0px 0px!important;
	 }
	 /*.slide p {
		 font-size:13px!important;
	 }*/
}
  @media screen and (min-width:577px) and (max-width:767px)  {
 .journal .text-justify {
 display:none;
}  
  }
 
 @media screen and (max-width:991px) {
.journal.w-50 {
 width: 80%!important;
}
} 

.journal {
 margin: 0 auto;
}

.journal img {
 height: calc(66vh - 68px);
 object-fit: cover;
}
@media screen and (max-width:576px) and (min-height:700px) {
 .journal img {
  height: 40vh;
  margin-top:10vh; 
}
} 

@media screen and (max-width:576px) and (max-height:699px) {
 .journal img {
  height: 40vh;
  margin-top:0px;
}
}


@media screen and (min-width:577px) and (max-width:767px) {
 .journal img {
  height: 40vh;
  margin-top:0px;
}
}

.clicker {

    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

}
.text-center {
    text-align: center!important;
    margin-top: 15px;
}
.imgarrows img{
 width: 16vw;
 height: 24vh;
 object-fit: cover;
 margin-top: calc(17vh - 68px);
 
}

.carousel-control-next, .carousel-control-prev {
 justify-content: normal;
    width: auto;
 align-items: normal;
 margin-top: 15vh;
 display:block;
 color:#000!important;
}
@media screen and (max-width:767px) {
.carousel-control-next, .carousel-control-prev {
    justify-content: normal!important;
    width: auto!important;
    align-items: normal;
    margin-top: 0;
    color: #000!important;
 position: relative!important;
    top: unset!important; 
    opacity: 1!important;
}
}
.carousel-control-next {
 text-align:left;
}
.carousel-control-prev {
 text-align:right;
}


.animateBlock {
  float:right; 
  
  
  opacity: 0;
  filter: alpha(opacity=0);
  
  -webkit-transition: all .55s ease-in;
  -moz-transition: all .55s ease-in;
  -ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;
  transition: all .55s ease-in;
}


/*
.animateBlock.right {
  right: -20%;
}*/


.right.animated {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-right:56px
}

.left.animated {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-left:56px
}
.stripe {
    width: 56px;
    height: 100%;
    background-color: #ffe0d5;
    position: absolute;
 z-index:102;
}

.stripe a {
 height:100%;
 width:56px;
 margin-top: 0px;
}

@media screen and (max-width:767px) {
 .stripe a {
 height:100%;
 width:30px;
 }
 .stripe {
  width: 30px;
 }
}

.stripe.stripe-left {
 left: 0;
}
.stripe.stripe-right {
 right: 0;
}
.stripe.stripe-left.removal, .stripe.stripe-right.removal {
display:none;
}
p.arrows-align {
margin-top:5px;
}

 .carousel-control-next.right.animated.imgarrows{
display:none;
z-index:102; 
}


 .carousel-control-prev.left.animated.imgarrows{
display:none; 
z-index:102;
}

@media screen and (min-width: 768px) {
.stripe.stripe-left:hover + a,  .stripe.stripe-left + a:hover{
 display:block!important;
 }

.stripe.stripe-right:hover + a,  .stripe.stripe-right + a:hover{
 display:block!important;
 }
}

.carousel-item .stripe:nth-child(odd){
 background-color: #ffe0d5;
}

.carousel-item  .stripe:nth-child(even){
 background-color: #b7bdbb;
}
/*CAROUSEL END*/

.footnote {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 46px;
  line-height: 40px; /* Vertically center the text there */
	  
  z-index: 3000;
}
#footnote {
	text-align: center;
    background-color: #ded3cd;

}
.footnote {
	font-size:12px;
}
.footnote .alert-dismissible .close
{

	padding: 0!important;

}
	
.bg-beige {
	background-color:#ded3cd!important;
}

.hideme
{
    opacity:0;
}

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

.half-portait {
	width:65%;
}

.half-landscape {
	width:90%;
}
.row.news .half-landscape {
width:100%;
}

.row.news, .row.mix, .row.tech-rpt {
padding: 0 13px;
}
@media screen and (max-device-width: 576px) {
.half-portait {
    width: 100%!important;
}
	.half-portait img {
		width:80%!important;
	}
	.half-landscape img {
		width:100%!important;
	}
	.row.news {
		padding: 0 2px;
}
}
@media screen and (max-device-width: 812px)
{
.half-portait {
	width:80%;
}

.half-landscape {
	width:100%;
}	
}

.half-portait img, .half-landscape img{
	object-fit: cover;
	height:auto;
	width:100%;
}

#mainImg .caption {
		margin-top: 18px;
}
#mainImg, #mainImg .pageheight {
position:relative;
}

.half-portait .mas_pad, .half-landscape .mas_pad, .full .mas_pad, .news .mas_pad {
	margin-top: 16px;
	letter-spacing: -0.1px;
}
.mas_pad h4 {
font-family: 'SH_Grotesque-Regular';
    font-size: 14px;
}

/*Use this class when you want your content to be hidden*/
.BeforeScroll
{
  height: 100px; /*Whatever you want*/
  width: 100%; /*Whatever you want*/
  
  display: none;
}


/*Use this class when you want your content to be shown after some scroll*/
.AfterScroll
{
  height: 100px; /*Whatever you want*/
  width: 100%; /*Whatever you want*/
  
  display: block;
}

.searchicon {
	background-image:url("images/icons8-search-24.png")
}
button:focus {
	outline:none;
}
#aline h6 {
	display:inline!important;
}
#aline h3 {
	display:inline;
	font-size: 25px;
}
/*HOME PAGE END*/

/*SHOP PAGE*/
body .landingB {
    height: 60%;
    width: 100%;
    overflow: hidden;
    border-bottom: 0;
}
body .landingB img {
    height: 65%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
body .landingB .text {
    position: relative;
    top: calc(45% - 2em);
    text-align: center;
    color: #fff;
}
.btn-group-sm>.btn, .btn-sm {
	padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    cursor: pointer;
}

.btn.focus, .btn:focus {
box-shadow:#fff!important;	
}

.list-group-item {
	position: relative;
    display: block;
    padding: 0;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0;
	font-size: .875rem;
}
 @media screen and (max-width:991px) {
	 #textmenu {
		 display:none;
	 }
 } 
.alert-warning {
    color: #151413;
    background-color: #bdbdbd;
    border-color: #bdbdbd;
} 
.alert {
    position: relative;
    padding: .55rem 1.0rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
	width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

}
.alert-dismissible .close {
    right: 5px;
    z-index:4;
	background-color: #bdbdbd;
    opacity: inherit;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 0.5;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.marquee {
    width: 100%;
    overflow: hidden;
    border:1px solid #bdbdbd;
    background: #bdbdbd;
    color: #151413;
	height:44px;
	line-height: initial;
	padding-top:5px;
}
 .marquee a {
	 text-decoration:underline;
	 color: #151413;
 }
 
.marquee a:hover {
text-decoration:none;
}

.no-margin {
	padding-right:0;
	padding-left:0;
}
#aline {
	display: -webkit-box;
} 

/*Top full width menu dropdown*/
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
.figure-caption {
    font-size: 85%;
    color: #000;
    margin-right: 10px;
	cursor: pointer;
	
}
#main_body .figure-caption {
	display:none!important;
}
.captione .figure-caption {
height:50px;
padding-top:10px;
}
.captione img {
object-fit:cover;
max-height:525px;
}
.footerarrow {
	width: 12px;
    float: right;
}
.caption h4 {
	font-family: 'SH_Grotesque-Regular';
	font-size:14px!important;
	line-height:1.1;
}
@media screen and (max-width:767px){

.no-padding {
	padding-left:0!important;
	padding-right:0!important;
}
}
#accordion {
    bottom: 0;
    width: 100%;    
}
.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion .card:first-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.pdp .card
{
border-top: none;
}

.downer2.pdp .card.share a:hover {
text-decoration:underline;
}

.panel-default > .panel-heading{
    background: #efeeec;
}

.panel-heading {
    padding: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-group .panel {
    border-radius: 0;
}
.panel-heading h4 {
	margin-bottom: 0!important;
}
.panel-title a {
    color: #000;
    text-align: center;
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-size: 24px;
    font-family: Helvetica,Arial,sans-serif;
    outline: none;
	
}

.panel-title a:hover, .panel-title a:focus, .panel-title a:active {
    text-decoration: none;
    outline: none;
}


.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

 @media screen and (min-device-width: 576px) and (max-device-width: 767px) {
	 .centered {
		 top: 50%;
	 }
 }
 
.centered h1 {
	text-align:center;
	color:#fff;
	font-size: 48px;
}
@media screen and (max-width: 575px) {
.centered {
position:relative;
/*top:10px;*/
left:0;
transform: none;
}

.centered h1 {
text-align:left;
color:inherit;
margin-top:48px;
margin-bottom:48px;
}
}

.mob h1 {
	font-size:48px;
}

.mob {
padding-top:48px;
padding-bottom: 48px;
}

/* @media screen and (max-device-width: 575px)  {
	 .centered h1 {
		 color:#212529;
	 }
 }*/
 
select {
	font-size:12px;
	position: absolute;
	border:none!important;	
}

.cdfilters select {
	position: relative;
}

ul.filter{
	display:none;
	z-index: 300;
}

li.cd-select {
letter-spacing: -0.1px;
    font-size: 12px;
	padding-right:25px;
	cursor: pointer;
	}
	
	li.cd-select:last-child {
	padding-right:0;
}

select.card-body {
	border-bottom:1px solid #ced4da;
}
select.form-control:not([size]):not([multiple]) {
    height:21px;
}


li.cd-select:hover ul.filter
{display:block;
position:absolute;
padding-top:10px;
background-color:#fff;
padding-bottom:15px;
margin-left:-5px;
padding-left:5px;
}

ul.filter li {
min-width: 120px;
padding-right:15px;
}
ul.filter li span
{
float:right;
}


ul.refine {
margin-top:50px;
}
.collapse .filter-option, .filter .filter-option {
  color: #999;
}
.collapse .filter-option.active, .filter .filter-option.active {
  color: #212529;
}
/*.filter li.filter-option.active  {
background: url(../images/right-arrow.png) no-repeat;
    border: none;
/*    height: 10px;
    width: 10px;
    background-position: center right;
    background-size: 8px 8px; 
}
*/

.filter-is-visible .collapse .filter-option span {
  float:right;
}
.cd-filter.filter-is-visible
{box-shadow:none!important;
}

.filter-is-visible li.cd-filter-block {
border-top: 1px solid #000;
padding: 10px 0; 
}

.filter-is-visible li.cd-filter-block:last-child {
border-bottom: 1px solid #000;
}

.filter-is-visible li.cd-filter-block a {
	display:block;
background-image: url("../images/up-arrow.png");
background-repeat: no-repeat;
background-position: 100% 15%;
background-size: 13px;
/*padding-left: 5px;*/
}

.filter-is-visible li.cd-filter-block a[aria-expanded="true"]
{
	background-image: url("../images/down-arrow.png");
}

.cd-filter .cd-close {
	width: 20px!important;
	font-family:"Unica77LL-Regular";
	font-size:16px;
}

.dogstar
{
    position: absolute;
    top: 15px;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

li.cd-filter-block ul {
padding-bottom: 25px;
}

li.cd-filter-block ul > li {
padding: 3px 0;
}

li.cd-filter-block ul > li:hover {
color: #ccc; 
}

li.cd-filter-block ul > li:active,  li.cd-filter-block ul > li:focus {
color: #ccc;
}


:focus {
	outline:none;
}
.badge-light {
	margin-left:auto;
}
.shophead {
	align-items:center;
	height: 100px;
}

svg.mobster {
	height: 44px;
    width: 44px;
}



ul, li {
    margin:0; 
    padding:0; 
    list-style:none;
}

.dropdown-submenu {
                position: relative;
            }

 

            .dropdown-submenu >.dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: 0px;
                margin-left: 0px;
				bottom: 0;
            }

            .dropdown-submenu:hover >.dropdown-menu {
                display: block;
            }
ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 6.7rem;
    padding: .0rem 0!important;
	margin:0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
	border: none;
    border-radius: 0;    
    z-index:1001;
	font-family: Unica77LL-Regular;
}	

ul.dropdown-menu > li.dropdown-submenu > ul {

min-width: 4.0rem;

}

ul.dropdown-menu.added {
top:40px;
right:0px;
left:unset;
}
.dropdown-toggle::after {
    display: none;
   
}	
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #fff;
}	
.dropdown-item p {
	margin-top:10px;
	line-height: 14.4px;
}

svg.mobster2 {
	height: 35px;
	width:35px;
}

.dropdown-item-img {
    display: block;
    width: 90%;
    padding: .25rem 0.6em;
    clear: both;
    font-size: 12px;
    color: #212529;
    text-align: inherit;
    /*white-space: nowrap;*/
    background-color: #fff;
    border: 0;
}
.dropdown-item-img p {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-size: 10px;
	line-height: 14.4px;
}
.dropdown-item-img .nav-link {
	padding-left:0!important;
	font-size:10px!important;
}
svg.checkoutarrow {
	height: 12px;
    width: 12px;
    vertical-align: top;
	float: right;
}
.screenheight100 {
	height:100vh;
}
.screenheight {
	max-height:100vh;
	/*width:100%;*/
}

.screenheight1 {
	height: 96vh;
    max-width: 100%;
    object-fit: cover;
}

@media screen and (max-width:767px){
	.screenheight2 img{
		max-height:525px;
		width:auto;
		max-width:100%;
}
}
@media screen and (min-width:576px) and (orientation:landscape) {
.screenheight3 {
	/*height: calc(100vh - 52px);*/
	height:96vh;
    max-width: 100%;
    object-fit: cover;
	}
}
@media screen and (max-width:822px) {
	.img-description {
	top: 8%!important;
    left: 7%!important;
    display: none;
    z-index: 200;
	}
}
@media screen and (max-width:575px)  {
	.screenheight3 {
	height: calc(77vh - 52px);
/*    max-width: 100%;*/
    object-fit: cover;
	}
	
	.prod-bg .screenheight1 {
	height: 75vh;
    width: 100%;
    object-fit: cover;

}
	.slider {
		height:75vh;
	}
	
.prod-bg h5 {
	text-align:center;
}
}

.screenheight3 img {
	/*padding-right:20px;*/
}
@media screen and (min-width:576px) and (max-width:1024px){
	
	.prod-bg .screenheight1 {
	
    object-fit: unset;

	
}
	.img-description p {
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 4rem;
}
}
@media screen and (min-width:576px) and (orientation:portrait) {
	
	.prod-bg .screenheight1 {
	height: 60vh;
    max-width: 100%;
    object-fit: scale-down;

	
}
	.screenheight3 {
	height: 60vh;
    max-width: 100%;
    object-fit: cover;
	}
}

@media screen and (max-width:575px) {
.screenheight3 img {
	padding-right:0px;
}
}
.screenheight4 {
	height: 95.1vh;
    max-width: 100%;
    object-fit: cover;
}
@media screen and (max-width:767px) {
	.screenheight4 {
		height:auto;
	}
}
.img-description {
position: absolute;
top: 10px;
left: 10px;
display:none;
}

.slide.active.newer + .img-description {
display:block;
}


.img-description p.image_counter {
        font-size: 19px;
}
.img-description p {
    line-height: 20px;
    letter-spacing: 0;
}

@media screen and (max-width:575px) {
.img-description p {
        font-size: 13px;
}

.pdp-desc p.boy .boy2 {
width:76%;
display:inline-block;
}
.h5.boy .woocommerce-Price-amount {
font-size: 1rem!important;
}
}

@media screen and (min-width:576px) {
.img-description {
position: absolute;
top: unset;
left: 18px;
bottom:2px;
z-index:5;	
}
}


@media screen and (min-width:576px) and (max-width:767px){
.pdp-desc p.h3 {
font-size: 16px!important;
}

.pdp-desc p {
font-size: 14px!important;}
}

.pdp [type=submit] {

	overflow:visible; 
	display:inline; 
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
	background-color: transparent;
	color: #212529;
}

.pdp .share a, .pdp .share span, .pdp .share form {
	display: inline-block;
}

.pdp-desc .card {
	border-top: none;
    border-bottom: none;
	border-top: none;

}

.pdp-desc .card-body, .tech .card-body {
	overflow: visible;
}

.prod-bg .pdp-desc {
	/*margin-right: 13px;*/
    /*margin-left: -13px;*/
}
.colourpick {
	border-top: 1px solid;
    border-bottom: 1px solid;
	height: 40px;
	position:relative;
}

.colourpick p {
	display:inline-block;
	vertical-align: top;
	padding-top: .55rem!important;
}


.colourpick ul {
    min-width: 220px;
    line-height: 2em;
	display:inline-block;
	background-color:transparent;
	position:absolute;
	margin-top:3px;
	z-index:1000;
	padding-bottom: 15px;
	
}
@media screen and (min-width:768px) {
.colourpick ul {
right:50px;
}
}
.colourpick li {
    display: list-item;
    width: 100%;
    height: 22px;
    border-top-width: 0;
    text-indent: 1em;
	cursor: pointer;
}

.colourpick li:first-child {
    border-top-width: 1px;
}

.colourpick li {
    display: none;
}
 .colourpick svg {
    display: block;
        margin-top: 8px;
	margin-left: 10px!important;
        float:right;
        }

@media screen and (max-width:575px) {

	.colourpick ul
	{
		right:15px!important;
	}
	
	.colourpick ul:focus-within + svg, .colourpick ul:hover + svg {
	display: none!important;
}
	.colourpick p {
		margin-left:0!important;
		margin-right:0!important;
	}
	.colourpick {
	margin-left: 2px;
        margin-right: 2px;
	}
	.addrow {
	margin-left: 2px;
        margin-right: 2px;
	}
	.pdp-desc .downer2 {
	margin-left: 2px;
        margin-right: 2px;
		margin-top:15px;
	}
	.row.mix {
	padding-left: 10px;
	padding-right: 10px;
	}
}
.colourpick li:hover {
    text-decoration:underline;
}

.colourpick li.active {
    display: block;
}
.colourpick li.active::after{
}

.colourpick ul:hover li, .colourpick ul:focus-within li {
	display: block;
	
}
.colourpick ul#selectUl:hover li,
.colourpick ul#selectUl:hover li.unselected {
    display: list-item;
}
.colourpick img {
	float: left;
    margin-top: 10px;
    padding-left: 4px;
}

.addrow {
	height: 50px;
    border-bottom: 1px solid;
	cursor: pointer;
}

.addrow .text-center {
	margin-top:0px;
	padding-top: 15px;

}
.addrow.addbag:hover {
	background-color:#000;
	color: #fff;
}
.addrow.addbag:hover a{

color:#fff;
}
svg.bag-prev-close {
width: 20px!important;
height: 20px!important;
margin-top: 20px;
margin-right:10px;
cursor: pointer;
margin-top: auto!important;
margin-bottom: auto!important;
}
.img-friends {
	width:100%;
	/*height:550px;*/
	object-fit: contain;	
}
.news img  {
	width:100%;
	height:550px;
	object-fit: cover;	
}
@media screen and (max-width:768px) {
	.img-friends, .new img {
		/*height: 300px;*/
    width: 100%;
	}
}



.cd-gallery p {
	/*margin-top: 10px;*/
}
.cd-gallery ul
{ 
text-align:justify;
}
.cd-gallery li {
display: inline-block;
width: 24.5%;
vertical-align: top;
/*padding: 0 1px;*/
box-shadow:none!important;}

.cd-gallery.square1 li {
width: 100%;
}

.cd-gallery.square2 li {
width: 49.3%;
}

.cd-gallery.square3 li {
width: 32.5%;
}

.cd-gallery.square4 li {
width: 24.5%;
}

.cd-gallery.square5 li {
width: 19.5%;
}
.minus {
	cursor:pointer;
}
.plus {
	cursor:pointer;
}
.plus.greystoke, .minus.greystoke{
color: #999999;
}

.mix p {
	padding-top:15px;
	height: 100px;
	letter-spacing: -0.1px;
	font-size: 14px;
	text-align:left;
}

#titlerow h4{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-family: 'SH_Grotesque-Regular';
}
 
@media screen and (max-width:768px) {
	/*.mix p {
		height: 110px;
		font-size:14px;
		margin-bottom:0;
	} */
	.mix p {
	height: 100px;
	font-size:small;
	padding-top:12px;
	}

	
}

#titlerow {
	height:100px;
}

#titlerowlast {
    height: 120px;
}


@media screen and (max-width:767px){
	#titlerow {
	height:60px;
	}
	#map a {
	text-decoration: underline;
	}
	

}


#titlerow2 {
	margin-top:32px;
}

@media screen and (max-width:767px) {
#titlerow2 {margin-top:10px;
margin-bottom:42px;
}
.tech .card-body {
margin-bottom:33px;
}

.tech h4 {
	font-size: 1rem;
}
}
.tech h4 {
        font-size: 16px;
}


.tech .accordion .card {
border-top: none!important;
}

.tech .accordion .card:first-of-type {
border-top: 1px solid rgba(0, 0, 0, 0.7)!important;
}


#titlerow h3 {
	margin-bottom:0;
	width: max-content;
}
#fixed img {
	max-height:500px;
}
.pnone p {
	margin-bottom:0;
	letter-spacing: -0.1px
}
.pnonet p {
	margin-top:0;
	margin-bottom:0;
}
hr {
	margin-top: 1rem;
    margin-bottom: 1rem;
    border-top: 1px solid #000000;
	width: 97.5%;
	box-sizing: inherit!important;
    
}
#map {
  
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#map a {
	color: #212529;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:transparent;
    background-clip: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.7);
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 0;
	border-left:0;
	border-right:0;
}
.card-header {
    padding: 0;
    margin-bottom: 0;
   background-color: transparent;
   border-bottom: none;
	padding-right: 15px;
}
.btn-link {
    font-weight: 400;
    color: #212529;
    background-color: transparent;
}
.downer {
	position:absolute;
	bottom:32px;
}
@media screen and (min-width:768px) and (max-width:941px) {
	.colourpick p {
		display:none;
	}
	.colourpick ul {
    right: 0px!important;
}
	.downer2 {
		position:unset;
	}
}
@media screen and (min-width:942px) {
	.downer2 {
    position: absolute;
    bottom: 30px;
    display: block;
    width: 95%;
}
}
@media screen and (min-width:942px) and (max-height:724px) {
	.downer2 {
    position: unset!important;
    bottom: 30px;
    display: block;
    width: 95%;
}
}
@media screen and (min-width:767px) {





.img-description {
bottom: 20px;
    text-align: left;
}
}

.downer2 .card {
	border-top:none;
	border-bottom:none;
}

.downer2 .card .collapse {
	border-bottom:none;
}

.downer3 {
	position:absolute;
	bottom:32px;
}
@media screen and (max-width:767px) {
	.downer3 {
	bottom:none;
	position:relative;	
	}
}

.pdp .card-body {
	font-size:14px;

}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;

    padding: 1.25rem;
    overflow: scroll;

    /*max-height: 50vh;*/
	border-bottom:none;
	    padding: 0;

}

.tech .card-body {
	max-height:none;
	padding-bottom:15px;
}

.tech h4 {
	padding-top: 16px;
}

.tech p {
		padding-left:25px
}

.tech .btn {
	text-align:left;
	padding:0;
}

.checkout.woocommerce-checkout .btn[aria-expanded="true"] svg.down, .tech .btn[aria-expanded="true"] svg.down, .pdp a[aria-expanded="true"] svg.down {
	display:none;
}
.checkout.woocommerce-checkout .btn[aria-expanded="true"] svg.up, .tech .btn[aria-expanded="true"] svg.up, .pdp a.card-link[aria-expanded="true"] svg.up {
	display:block!important;
}
.checkout.woocommerce-checkout .btn[aria-expanded="false"] svg.down, .tech .btn[aria-expanded="false"] svg.down, .pdp a[aria-expanded="false"] svg.down {
	display:block;
}
.checkout.woocommerce-checkout .btn[aria-expanded="false"] svg.up, .tech .btn[aria-expanded="false"] svg.up, .pdp a[aria-expanded="false"] svg.up, .pdp a.card-link svg.up {
	display:none;
}

.tech .card button{
	width:100%
}

a {
	color:#212529;
}

.fadenot {
    width: 1rem!important;
    height: 1rem!important;
    -webkit-animation: none;
    animation: none;
    -moz-animation: none;
    -o-animation: none;
}
.fadenot1 {
	position: absolute;
    top: 50%;
    display: inline-flex;
    left: 60%;
    z-index: 10;
    width: 50px;
	cursor:pointer;
}
.fadenot2 {
    width: 16px!important;
    height: 16px!important;
    -webkit-animation: none;
    animation: none;
    -moz-animation: none;
    -o-animation: none;
}
.mb-100 {
	margin-bottom:100px;
}
.mb-50 {
	margin-bottom:50px;
}
.ml-20 {
	margin-left:20px;
}
.mr-20 {
	margin-right:20px;
}
.nopadr {
	padding-right:0!important;
}
.nopadrl {
	padding-right:0!important;
	padding-left:0!important;
}

.nopadrl img {
position:absolute;
width:100%;
right:-13px;
}
@media screen and (max-width:767px){
.nopadr {
	padding-right:15px!important;
}

}
.nextslide {
	position: absolute;
    top: 50%;
    right: 15%;
    transform: translate(0%,-50%);
    background-color: transparent;
    -webkit-appearance: textarea;
	cursor: pointer;
}
.greyContainer {
	background-color: #485956;
	padding-top: 50px;
	padding-bottom: 52px;
	
}
.greytext {
	text-align: center!important;
    padding-bottom: 50px;
}

.storyimg{
	height:350px;
	width: 100%;
	object-fit:cover;
}
.si100 {
height:100px;
}

@media screen and (max-width:1441px) {
	.storyimg {
		max-height:290px
	}
}
@media screen and (max-width:769px) {
	.storyimg {
		max-height:125px;
	}
}
@media screen and (max-width:769px) {
	.storyimg {
		max-height: 200px;
	}
	.greyContainer p {
		margin-bottom:16px;
	}
}
.greyContainer p {
	margin-top:16px;
}
@media screen and (max-width:576px) {
	/*.slider {
		margin-left:-15px!important;
		margin-right:-15px!important;
	}*/
	.pdp-desc p {
		margin-left:2px;
		margin-right:2px;
		
	}
}
.slider {
	overflow:hidden;
	position:relative;
	/*margin-left:13px;*/
	/*margin-right:13px;*/
	margin: 0px auto;
    text-align: center;
}

.slide {
  position: absolute; 
  /*bottom: 0;*/
  transform-origin: right;
  transform: translate3d(720px, 0, 0);
}





@media screen and (max-width:575px) {
.slide.active {
    width:100%; 
	}
}

.slide.previous {
	transform: translate3d(-720px, 0, 0);
}

.slide.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
   transition: transform 0.5s cubic-bezier(0.250, 0.250, 0.750, 0.750);
	text-align: -webkit-center;
	width: 100%;
	
}

.slide.active.leaving {
	transform: translate3d(-714px, 0, 0);
}

.slide.active.leaving-right {
	transform: translate3d(714px, 0, 0);
}

.slider {
	max-width: 714px;
	width: 100%;
	overflow: hidden;
}

.pdp-img-left, .pdp-img-right {
	width: 50%;
	height: 100%;
	position: absolute;
}

.pdp-img-right {
	left: 50%;
}

/*#next {
  float:right;
  display:contents;
}*/
.checkout {
	border-top:1px solid;
	padding: 20px 10px 10px 14px;
}
@media screen and (max-width:426px) {
.checkout {
	border-top:1px solid;
	padding: 20px 0 10px 0;
}	
.totals {
	display:none;
}		
}
@media screen and (min-width:426px) {
.totalsmob {
	display:none;
}
.checkoutmob {
	display:none;
}
}
.checkoutmob {
	background-color:#000;
	color:#fff;
	height: 85px;
}
.checkoutmob a {
	color:#fff;
}
.text-muted {
    color: #c6c6c6!important;
}
.totals {
	background-color:#000;
	padding: 20px 10px 10px 14px;
	margin-left: -15px;
    margin-right: -15px;
}
.totals p {
	color:#fff;
	margin-left: 20px;
	
}
.totals p:first-child {
margin-left:8px;
}
.totalsmob {
	border-top: 1px solid;
	padding-top:20px;
	padding-bottom:10px;
}
.pl-14 {
	padding-left:14px!important;
}
.pl-33 {
	padding-left:33px!important;
}
.pr-33 {
	padding-right:33px!important;
}
.promo {
	display: block;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    line-height: 1.3;
    border: none;
    background-color: transparent;
    background-clip: padding-box;
    border-bottom: none;
    border-top: none;
    border-left: none;
    border-radius: 0;
    border-right: none;
    transition: none;
    margin-right: 0;
    text-align: right;
}
.billing .card-body {
	
    padding:0 0 0 10px;
    overflow: visible;
    /*max-height: 50vh;*/
    border-bottom: none;
    margin-bottom:30px;
}
.ship.billing .card-body  {
margin-bottom:55px;
}
.card.payment .card-body {
padding:0 0 0 10px;
}

.checkout p.payment-title, .billing .card-header p {
margin-left:0px;
}   
.billing .card-body p {
    display: inline-block!important;
    width:47%;
}

@media screen and (max-width:767px) {
.billing .card-body p {
width:97%;
}
}
 
.billing .card-body p:nth-child(1n+0){
    margin-right:1%;
}
.billing .card-body h5 {
display:none;
}

.billing .form-control, .billing span input.input-text {
	
    display: block;
    width: 97%;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    border: none;
    background-color: transparent;
    background-clip: padding-box;
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-left: none;
    border-radius: 0;
    border-right: none;
    transition: none;
}
.billing .btn {
	padding: .375rem 8px;
	width: 100%;
}
.billing .btn p {

	float:left;
}
.payment .form-control {
	
    display: block;
    width: 97%;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    border: none;
    background-color: transparent;
    background-clip: padding-box;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: none;
    border-radius: 0;
    border-right: none;
    transition: none;
}
.payment .btn {
	padding: .375rem 8px;
	width:100%;
}
.payment .btn p {
	float:left;
}
.payment .card-body h5 {
display:none;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    margin-bottom: .75rem;
	border-bottom: 1px solid;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}
.btn-link:hover {
    color: #000;
	text-decoration: none;
}
.card-body h5 {
	font-size:1rem;
	margin-bottom: 0.50rem!important;
}
input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    border: 2px solid #000000;
    /* outline: 2px solid #000000; */
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
}
.form-check-input, .input-radio{
    position: absolute!important;
    margin-top: .5rem!important;
    margin-left: -1.0rem!important;
}
.form-check-input, .input-radio #ship{
    position: absolute!important;
    margin-top: .2rem!important;
    margin-left: -1.0rem!important;
}
.form-check-label, .wc_payment_method>label{
    margin-bottom: 0!important;
    margin-left: 10px!important;
}
.payment h5 {
    margin-top: 0;
    margin-bottom: 1.25rem;
	margin-top: 0.50rem;
}
.payment .card-body {
	padding-left:0 0 0 10px;
	overflow: auto;
}
#invoice-in-box {
margin-top:10px;
}
#invoice-in-box input {
margin-left:10px
}
@media screen and (max-width: 767px) {

#invoice-in-box input {
margin-left:10px
}
}


.payment .form-check {
	position: relative;
    display: block;
    padding-left: 1.3rem;
    margin-bottom: 0;
    border-bottom: 1px solid;
    padding-bottom: 0;
    padding-top: 0;
}
.order {
	border-top:1px solid;
	margin-left: 0;
    margin-right: 0;
}
.form-check .btn {
	width:auto;
}
#titlerowsummary {
/*    height: 100px;*/
	margin-left: 0;
    margin-right: 0;	
}
.summary {
padding-top: 20px;
padding-bottom: 20px;
   
}

.btn-dark {
    color: #fff;
    background-color: #000;
    border-color: #000;
	width:100%;
	border-radius:0;
	min-height: 100px;
}
.btn-dark-ef {
    color: #fff;
    background-color: #000;
    border-color: #000;
	border-radius:0;
	min-height: 60px;
	margin-right:10px;
}
.btn-light-ef {
    color: #000000;
    background-color: #fff;
    border-color: #000;
	width:200px;
	border-radius:0;
	min-height: 60px;
}
.row .summary:before {
	
    margin-right: 0;
    border-top: 1px solid;
    margin-left: 0;
}
.latestimg img {
	min-width:100%;
	overflow:hidden;
	min-height: 90%;
    max-height: 90%;
}
.checkout p {
	margin-left:10px;
	padding-bottom: 5px;
}
.searchy {
	border-bottom:1px solid #19151557;
	padding-bottom:15px;
	padding-top:15px;
}
.searchy h3 {
	color:#485956;
	text-decoration: underline;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    border-radius: .25rem;
    float: right;
	padding-top: 5px;

	margin-right:-15px;
}

@media screen and (max-width:767px) {
	#footernav {
		display:none;
	}
}
@media screen and (min-width:768px) {
.footermob {
		display:none;
	}
}

.footermob .card-header {
	height:31px;
        padding: .25rem 0rem;
}
.footermob button {
	font-size:0.75rem!important;
	padding:0!important;
}
.footermob li {
	font-size:0.75rem;
	padding-bottom: 4px;
}

/*Account CSS*/
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}


.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}


.tab button:hover {
    background-color: #ddd;
}


.tab button.active {
    background-color: #ccc;
}


.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.blog-post h2 {
	display:none;
}

.orders thead th {
	vertical-align: bottom;
    
	
}
.orders th {
	padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
	
}
.orders td {
	padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
#sh_results {
	padding: 10px;
	margin: 0 18px;
}
#sh_results span {
line-height:14px;
}

#rightMenu .nav-item {
padding-right:5px;
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 0;
}
.modal-content {
	background-color:#f3baba;
}
#openMenu .menuopen {
	margin-top: 3px;
    margin-left: -3px;
}
.checkout .img-thumbnail {
	padding: 0px;
	border:none;
}
#place {
	display:inline-flex;
}
#place p {
	margin-top: 5px;
}
@media screen and (min-width:768px ) {
.pdp-img-right {
	cursor:url('../images/right-arrow.png') 6 6, url(foo.cur), auto;
}
.pdp-img-left {
	cursor:url('../images/left-arrow.png') 6 6, url(foo.cur), auto;
}
#landingContainer .slide {
cursor:auto;
}
}
#mySidenav, #mySearchnav {
	-webkit-transition: width 1s; /* Safari */
	transition: width 1s;
	-webkit-transition: width 1s; 
	z-index:1022;
}
.menuContent, .menuContent2 {
	-webkit-transition: margin-left 1s; /* Safari */
	transition: margin-left 1s;
	-moz-transition: width 1s;
}
/* Override WooCommerce styling */
.wc_payment_methods {
	border-bottom:none!important;
}
.woocommerce-checkout-payment {
	background:#ffffff!important;
}
.woocommerce-checkout {
	border-top:none!important;
	padding: 0px!important;
}
#sagepaycw-submit {
	display: none!important;
}
#sagepaycw-back-to-checkout {
	display: none!important;
}
#shipping-html {
	display: none;
}
.woocommerce-Price-amount {
	font-weight: 400!important;
	
}
#ship-to-different-address  {
        display: none!important;
}
.wc_payment_methods {
	padding: 0!important;
}
.place-order {
	display: none;
	margin-bottom: -2px!important;
}
#place-order {
	display: none!important;
}
.sh-shipping-form, .sh-payment-options {
	pointer-events: none;
}
.shipping-title, .payment-title {
	color: #999;
}
.shipping-header svg, .payment-header svg {
	fill: #999;
}
.card.ship.billing, .card.payment {
	border-color: #999;
}
#checkout-trigger {
	background-color: #fff;
	color: #000;
	border-left: 0px;
	border-right: 0px;
        min-height: 80px!important;
	margin-bottom:80px;
}
.sh-shipping-table td {
	visibility: visible!important;
	text-align: right;
}
/* Restyling links/buttons to appear correctly */
#post-email-submit {
	overflow: visible;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	color: #212529;
}
.sh-link {
	cursor: pointer;
}
/* Bag Preview */
#bag-preview {
	position: fixed;
	z-index: 1001;
	background-color: #e9e9e9;
	width: 100%;
	border-style: solid;
        border-color: #e9e9e9;
	margin-left: -15px;
	margin-right: -15px;
	border-width: 0px 30px 0px 30px;
	top: -1000px;
	transition: top 2s;
}
#bag-content {
	position: relative;
}
/* Newsletter Popup */
.newsletter-popup {
	background-color: #f2f2f2;
	z-index: 2000;
	display: none;
	width: 25%;
	position: fixed;
	left: 50%;
        top: 50%;
	transform: translate(-50%, -50%);
	border-color: #ebebeb;
	border-width: 2px;
	border-style: solid;
}
@media screen and (max-width:767px) {
  .newsletter-popup {
	width: 100%!important;
  }
}
.news-text {
	text-align: center;
}
.news-container {
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
}
#news-close {
	text-align: right;
	padding-top: 7px;
	padding-right: 11px;
	color: #aeb0b2
}

@media screen and (max-width: 1210px)
   { 
  .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left !important;
    width: 100% !important;
	max-width: 100% !important;
	}
}

.u-columns.col2-set .u-column1.col-1.loginform{
	max-width:100% !important}
.u-columns.col2-set .u-column2.col-2.loginform{
	max-width:100% !important}

.woocommerce-Button.button.loginform{
	background-color:black;
	color:#fff;
	border-radius: 0;
	margin-right:10px;
}
.woocommerce-Button.button.loginform:hover{
	background-color:black;
	color:#fff;
	border-radius: 0;
	margin-right:10px;
}
.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first.loginform
{
	width: 100% !important;
}

.woocommerce-Button.button.loginform.newsl{
	padding: 14px 40px 14px 40px;
}

.newsl-button{
	text-align: center;
}

#dhl_returns_form input, #dhl_returns_form textarea{
	width: 100%;
}

.dhl_submit_form{
	color: #fff;
	background-color: black;
	padding: 14px 40px 14px 40px;
	display: inline-block;
	margin: 40px 15px 40px 15px;
	position: static;
	overflow: visible;
}

#dhl_returns_form .alert.alert-block.alert-error{
	margin-left: 0;
	color:#db2222;
	padding: 0;
	left: 0;
	right: 0;
	margin-right: 0;
	width: 100%;
}

#dhl_returns_form .alert li{
	list-style-type: square;
	margin-left:16px;
}

#dhl_returns_form h1{
font-size: 1.75rem;
}

#dhl_returns_form label{
	margin-top: 8px;
	display: inline;
}

#dhl_returns_form input{
	padding-left: 6px;
}

.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2{
	max-width: 100%;
}

.woocommerce-order-overview__order.order{
	border-top: 0;
}

.woocommerce-order-details input[type=submit]{
	background-color:black;
	color:#fff;
	border-radius: 0;
	border-width: 0;
	cursor: pointer;
	padding: 5px 20px 5px 20px;
}

.woocommerce .order-again .button{
	background-color:black !important;
	color:#fff !important;
	border-radius: 0 !important;
	border-width: 0 !important;
	cursor: pointer !important;
	padding: 10px 20px 10px 20px !important;
	font-weight: 400 !important;
}
.woocommerce form .form-row select, .woocommerce-page form .form-row select {
    width: 46%!important;
	border-bottom: 1px solid #ccc!important;
}
#billing_state {
	
	margin-top:-7px;
}
@media screen and (max-width:767px) {
	.woocommerce form .form-row select, .woocommerce-page form .form-row select {
	width: 96%!important;
	}
}
.card:first-child {
    border-top: none;
}
.row.mix {
	margin-bottom:-40px;
}
.d-flex.title-only {
	height:100px;
}
.d-flex.no-title ul {
	height: 50px;
}
.feature-content {
	letter-spacing:-0.1px;
}

p.feature-content, h1.feature-content {
	font-size:16px
}


.prod-img-container p {
	padding-top: 0px;
	text-align: center;
	height: initial;
}
.pre-order-text {
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: fit-content;
}
.prod-img-container {
	position: relative;
}
.woocommerce-MyAccount-content label {
	display: inline-block!important;
	margin-bottom: .5rem!important;
	line-height: 0!important;
}
.woocommerce-MyAccount-content input {
	font-family: Unica77LL-Regular!important;
	font: 400 1rem Unica77LL-Regular!important;
}
.woocommerce-MyAccount-content #shipping_country_field label, .woocommerce-MyAccount-content #billing_country_field label{
	color: #212529!important;
	border-bottom: initial!important;
	letter-spacing: initial;
	font-size: initial;
}
.woocommerce-MyAccount-content .input-text {
    color: #495057!important;

}
.woocommerce-MyAccount-content #billing_country_field select, .woocommerce-MyAccount-content #shipping_country_field select  {
	display: block!important;
	border-bottom: initial!important;
	letter-spacing: initial;
	font-size: 1rem;
	position: initial;
	margin-top: 0px;
}
#bag-preview #titlerowlast {
	height: 55px;
}
#bag-preview #titlerowlast h4{
	padding-top: 10px;
	font-size: 1.25rem;
}
#bag-preview .totals {
	padding: 8px 0px 8px 1px;
	margin-left: 0px;
	margin-right: 0px;
}
.woocommerce-MyAccount-content #billing_state {
	margin-top: 0px!important;
}
#sh_search {
	background-color: transparent;
}
#dhl_return_content select {
    position: unset;
    width: 100%;
    padding-left: 6px;
    border-width: 2px!important;
    border-style: inset!important;
    border-color: initial!important;
    border-image: initial!important;
}
#dhl_returns_form input[type=checkbox] {
	width: initial;
	vertical-align: text-bottom;
	margin-right: 10px;
}
.woocommerce-error , .woocommerce-info, .woocommerce-message {
	border-top: 0px!important;
	color: inherit!important;
	margin: 0px!important;
	background-color: transparent!important;
	left: 50%;
	transform: translate(-50%, 0)
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	color: inherit!important;
}
.smallprint {
	border-top: 1px solid #888888;
    padding-top: 25px;
}
.smallprint p {
	font-size:14px;
}
@media screen and (min-width:768px) {
.two-img {
	width:50%!important;
}
.mainImg {
white-space: nowrap;
}
.two-img{
white-space: normal;
}
.two-text {
	text-align: center;
    color: #ffffff;
    font-size: 48px;
}
.centered.two-text.first-text {
left: 5%;
width: 40%;
transform: translateY(-50%);
}

.centered.two-text.second-text {
left:55%;
width:40%;
transform: translateY(-50%);
}
}
@media screen and (max-width:767px) {

.centered.two-text.second-text,.two-img:nth-child(2) {
display:none;

	} }

.plp-colours {
	display:none;
}
@media screen and (max-width:767px) {
  .plp-colours {
        display:none!important;
  }
}
.plp-colours img {
	display: inline;
	height: 12px;
	width: 12px;
}
.plp-colours svg {
	display: inline;
	vertical-align: middle;
	height: 13px;
	width: 13px;
}
#collapseFourThree .card-body {
	overflow: hidden;
}
.woocommerce table.shop_table {
	border:none!important;
}
.woocommerce table.shop_table td {
	border:none!important;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	border:none!important;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	font-weight:400!important;
}
.woocommerce table.shop_table th {
	font-weight:400!important;
}
#invoice_field.hidden {
	display: none!important;
}
/* Product Registration */
.database-rows {
	display: none;
}
ul.filter li svg {
display:none;

}

ul.filter li:hover svg {
overflow: hidden;
    width: 15px;
    height: 15px;
    float: right;
	display:block;


}
ul.sh-price-mob li svg {
display:none;

}

ul.sh-size-mob li svg {
display:none;

}

ul.sh-type-mob li svg {
display:none;

}

ul.sh-latest-mob li svg {
display:none;

}
.btn-ty {
color: #ffffff;
    background-color: #000000;
    /* border-color: #343a40; */
    border: 0;
    border-radius: 0;
    width: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.woocommerce form .form-row label.inline {
    display: inline;
    margin-left: 10px;
}
.btn-ty a:hover {
color:#ffffff

}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
    
    margin-left: 0!important;
    line-height: 0!important;
    position: relative!important;
	margin-right: .3em!important;
}
#dhl_btn_pdf {
text-decoration: underline;
    color: #c6c6c6!important;

}
@media screen and (min-width:768px) {
  .hov-reveal {
	visibility: hidden;
  }
}
.centered h1 {
    text-align: center;
    color: #fff;
    font-size: 45px;
}
@media screen and (max-width: 575px) {
  .centered h1 {
    text-align: left;
    color: inherit;
    margin-top: 12px;
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) {
  .colourpick ul {
    right: 10px;
  }
}
.addrow.notify input{
	border: none;
	background-color: transparent;
	width: 100%
}
.addrow.notify {
	cursor: initial;
}
.notify-form {
        margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .notify-form {
        margin-top: 1px;
  }
  .notify-form input:last-child {
	margin-top: -5px;
  }
}
.outofstock {
	color: #757575;
	margin-top: 25px;
}
.outofstock svg {
	float: right;
	display: inline;
	fill: #757575;
	width:1rem;
	height:1rem;
}
.outofstock p  {
	margin-bottom: 5px;
}
.outofstock a {
	color: #757575;
}
#dhl_return_button_panel {
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
    display: table;
}
#dhl_add_package_link {
margin-top:4px;
text-decoration: underline;
    color: #c6c6c6;

}
@media screen and (max-width:767px) {
  .little {
	border-bottom:0!important;
  }
}
.nohighlight, a {
	-webkit-touch-callout: none;
	webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media screen and (min-width:767px) {
.checkout-after-title #titlerow {
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}
}

#serial-no, .dhl-input {
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}
#place_order {
	display:none!important;
}
.scum .sh-link {
	z-index: 2000;
	position: relative;
}

.dhl-context-button {
	margin-top: 60px;
	min-height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.dhl-response {
	margin-top: 40px;
}
.pdp-desc .boy2 {
	font-size:18px;
}
.pdp-desc p {
	font-size:14px;
}

.sale-price {
	text-decoration: line-through;
	color: #6c757d;
}

.sale-price + span.woocommerce-Price-amount.amount {
    padding-left: 7px;
}