body 
{background-color: #d0d0d0;}



.header {
	background-color: #d0d0d0 !important;
	padding-top: 0px !important;
}

.header_left {
	background-color: #d0d0d0 !important;
	margin-bottom: 0px !important;
	padding-left: 0px !important;
	margin-top: 20px !important;
}

.header_left_tablet {
	display: none !important;
}

.header_left img {
	float: left;
	max-width: 250px !important;
}

.header_left h2 {
	font-family: 'Lato', sans-serif;
	font-size: 20px !important;
	float: left;
	text-align: left;
}

.logo {
	background-color: #d0d0d0 !important;
	margin-top: -16px !important;
}

.strapline {
	background-color: #d0d0d0 !important;
	margin-top: -16px !important;
	margin-bottom: 0px !important;
}

.header_right {
	background-color: #d0d0d0 !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
}

.header_right_tablet {
	display: none !important;
}

.topshop {
	background-color: #d0d0d0 !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.topshop h4 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	float: right;
	padding-right: 10px !important;
}

.topshop img {
	float: right;
	margin-top: 14px;
}

.top_social {
	background-color: #d0d0d0 !important;	
}

.top_social img {
	float: right;
	margin-right: 18px !important;
}

.insta {
	padding-top: 40px !important;
}

/* --- START OF MENU DROPDOWN CSS --- */

.menu {
	background-color: #d0d0d0 !important;
	margin-bottom: 0px !important;
	margin-top: 80px !important;
	padding-left: 220px !important;	
}

.menu {
  overflow: hidden;
  background-color: #333;
}

.menu a {
  float: left;
  font-family: 'Lato', sans-serif;
  font-size: 20px !important;
  color: #000000;
  text-align: left;
  padding: 14px 16px;
  text-transform: uppercase;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropbtn {
	text-transform: uppercase !important;
}

.dropdown .dropbtn {
  font-family: 'Lato', sans-serif;
  font-size: 20px !important;
  color: #000000; 
  border: none;
  outline: none; 
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 18px !important;
  padding-bottom: 14px !important;  
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.menu a:hover, .dropdown:hover .dropbtn {
  background-color: #d0d0d0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}


/* ---END OF MENU DROPDOWN CSS --- */

.slicknav_menu {
  display:none;
}

.menu_tablet {
	display: none !important;
}

.menu ul {
	float: right;
}

.menu li {
	list-style-type: none;
	display: inline-block;
}

.menu li a {
	font-family: 'Lato', sans-serif;
	font-size: 20px !important;
	color: #000000;
	text-decoration: none !important;
	text-transform: uppercase;
	margin-right: 30px !important;
}



.boxtop {
	margin-top: 20px !important;
}

.boxes_container {
	background-color: #ffffff !important;
	border-radius: 16px;
	margin-top: -20px !important;	
}

.boxes_container_row_products_tablet {
	display: none !important;
}

.boxes_bottom_tablet {
	display: none !important;
}


.boxes_container_bottom {
	background-color: #ffffff !important;
	margin-top: -16px !important;
}


.shopbox {
	background-color: #ffffff !important;
}

.boxes_container_row_products {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;	
}

.boxes_container_row_bottom {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;	
}


.boxes_container_row_products {
	margin-top: 40px !important;
}

.boxes_container_row_bottom {
	margin-top: 40px !important;
}


.boxfirst {
	margin-left: 40px !important;
}

.footer_about {
	background-color: #d0d0d0 !important;
}

.footer_about_tablet {
	display: none !important;
}

.footer_about img {
	float: left;
	margin-top: 20px !important;
	margin-left: 20px !important;
}

.footer_about p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px !important;
	color: #000000;
	text-align: left;
	float: left;
	margin-left: 20px !important;
}

.footer_menu {
	background-color: #d0d0d0 !important;
}

.footer_menu_tablet {
	display: none !important;
}

.footer_menu h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px !important;
	color: #000000;
	text-align: left;
	padding-left: 140px !important;	
}

.footer_menu ul {
	float: left;
	text-align: left;
	padding-left: 160px !important;	
}

.footer_menu li {
	list-style-type: none;
	margin-top: 12px !important;
}

.footer_menu li a {
	font-family: 'Lato', sans-serif;
	font-size: 16px !important;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

.footer_contact {
	background-color: #d0d0d0 !important;
	margin-bottom: 60px !important;
}

.footer_contact_tablet {
	display: none !important;
}

.footer_contact h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px !important;
	color: #000000;
	text-align: left;
	padding-left: 100px !important;	
}

.footer_contact h4 {
	font-family: 'Lato', sans-serif;
	font-size: 16px !important;
	color: #000000;
	text-align: left;
	padding-left: 100px !important;	
}

.footer_contact h4 a {	
	color: #000000;
	text-decoration: none !important;	
}

/* -- fix of fucked up looking topcart --*/
#jshop_module_cart {
	float: right !important;
}

#jshop_module_cart a {
	color: #000000 !important;
}

/* -- see above --*/
#jshop_module_cart table {
	width: 0% !important;
}


/* ------------------------------- START OF MEDIA QUERIES ----------------------------------------------- */

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

.menu {	
	padding-left: 190px !important;	
}

}

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

.menu {		
	padding-left: 160px !important;	
}

}

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

.menu {			
	padding-left: 140px !important;	
}

}

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

.menu {		
	padding-left: 120px !important;	
}

}

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

.menu {		
	padding-left: 100px !important;	
}

}

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

.menu {		
	padding-left: 60px !important;	
}

.footer_menu h3 {	
	padding-left: 100px !important;	
}

.footer_menu ul {	
	padding-left: 120px !important;	
}

.footer_contact h3 {	
	padding-left: 60px !important;	
}

.footer_contact h4 {	
	padding-left: 60px !important;	
}

}

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

.menu {
	display: none !important;
}


/* --- START OF MENU DROPDOWN CSS --- */

.menu_tablet {
	display: block !important;
	background-color: #d0d0d0 !important;
	margin-bottom: 40px !important;
	margin-top: -16px !important;
	padding-left: 360px !important;	
}

.menu_tablet {
  overflow: hidden;
  background-color: #333;
}

.menu_tablet a {
  float: left;
  font-family: 'Lato', sans-serif;
  font-size: 20px !important;
  color: #000000;
  text-transform: uppercase;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown_tablet {
  float: left;
  overflow: hidden;
}

.dropdown_tablet .dropbtn_tablet {
  font-family: 'Lato', sans-serif;
  font-size: 20px !important;
  color: #000000; 
  text-transform: uppercase;
  border: none;
  outline: none; 
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 18px !important;
  padding-bottom: 14px !important;  
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.menu_tablet a:hover, .dropdown_tablet:hover .dropbtn_tablet {
  background-color: #d0d0d0;
}

.dropdown-content_tablet {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content_tablet a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content_tablet a:hover {
  background-color: #ddd;
}

.dropdown_tablet:hover .dropdown-content_tablet {
  display: inline-block;
}



.boxes_container_row_products {
	display: none !important;
}

.boxes_container_row_products_tablet {
	display: block !important;
	background-color: #ffffff !important;
}

.boxfirst {
	display: none !important;
}

.shopbox {
	display: none !important;
}

.first {
	padding-top: 36px !important;
}

.productbox_tablet {
	background-color: #ffffff !important;
}

.boxes_bottom_tablet {
	display: block !important;
	background-color: #ffffff !important;
}

.infobox_tablet {
	background-color: #ffffff !important;
}


}

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

.menu_tablet {	
	padding-left: 320px !important;	
}

}

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

.menu_tablet {		
	padding-left: 300px !important;	
}

.footer_menu h3 {
	padding-left: 70px !important;	
}

.footer_menu ul {	
	padding-left: 90px !important;	
}

.footer_contact h3 {	
	padding-left: 30px !important;	
}

.footer_contact h4 {	
	padding-left: 30px !important;	
}


}

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

.menu_tablet {		
	padding-left: 280px !important;	
}

}

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

.menu_tablet {		
	padding-left: 260px !important;	
}

}

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

.menu_tablet {		
	padding-left: 240px !important;	
}

}

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

.menu_tablet {		
	padding-left: 220px !important;	
}

.footer_menu h3 {	
	padding-left: 30px !important;	
}

.footer_menu ul {	
	padding-left: 50px !important;	
}

.footer_contact h3 {	
	padding-left: 0px !important;	
}

.footer_contact h4 {	
	padding-left: 0px !important;	
}

}

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

.menu_tablet {		
	padding-left: 200px !important;	
}

}

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

.header_left {
	display: none !important;
}

.header_left_tablet {
	display: block !important;
	background-color: #d0d0d0 !important;
}

.logo_tablet {
	background-color: #d0d0d0 !important;
}

.strapline_tablet {
	background-color: #d0d0d0 !important;
}

.header_right {
	display: none !important;
}

.header_right_tablet {
	display: block !important;
	background-color: #d0d0d0 !important;
}

.top_social_tablet {
	background-color: #d0d0d0 !important;
}

.top_social_tablet img {
	margin-right: 10px !important;
}

.cart_tablet {	
	background-color: #d0d0d0 !important;
}


.menu_tablet {
	display: none !important;
}

.menu_phone {
	display: none !important;
}


.js #menu {
    display:none;
}
  
.js .slicknav_menu {
    margin-top: -10px !important;
   	display:block;
    float: left;
    width:96.969696969697% !important;
    margin:0 1.515151515152% 1em;
}

.footer_about {
	display: none !important;
}

.footer_about_tablet {
	margin-top: 40px !important;
	display: inline-block !important;
	background-color: #d0d0d0 !important;
}

.footer_about_tablet img {
	float: left;
}

.footer_about_tablet p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	float: left;
}

.footer_menu {
	display: none !important;
}

.footer_menu_tablet {
	margin-top: -16px !important;
	display: inline-block !important;
	background-color: #d0d0d0 !important;
}

.footer_menu_tablet h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px !important;
	color: #000000;
	text-align: left;	
}

.footer_menu_tablet ul {
	float: left;
	text-align: left;
	padding-left: 0px !important;
	margin-top: 0px !important;	
}

.footer_menu_tablet li {
	list-style-type: none;
	margin-top: 12px !important;
}

.footer_menu_tablet li a {
	font-family: 'Lato', sans-serif;
	font-size: 16px !important;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

.footer_contact {
	display: none !important;
}

.footer_contact_tablet {
	margin-top: -16px !important;
	display: inline-block !important;
	background-color: #d0d0d0 !important;
}

.footer_contact_tablet h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px !important;
	color: #000000;
	text-align: left;	
}

.footer_contact_tablet h4 {
	font-family: 'Lato', sans-serif;
	font-size: 16px !important;
	color: #000000;
	text-align: left;	
}

.footer_contact_tablet h4 a {	
	color: #000000;
	text-decoration: none !important;	
}

}

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

}

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

.menu_tablet {
	display: none !important;
}

}

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

}

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

}