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;
  text-transform: uppercase;
  padding: 14px 16px;
  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;
}

.pagetitle {
	background-color: #ffffff !important;
	margin-bottom: 0px !important;
}

.pagetitle h2  {
	font-family: 'Lato', sans-serif;
	font-size: 30px !important;
	color: #000000;
	text-align: left;
	padding-left: 0px !important;
}

.content {
	margin-top: -16px !important;
	background-color: #ffffff !important;
	text-align: left !important;
}

.content img {
	max-width: 300% !important;
}

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

.boxes_container {
	background-color: #ffffff !important;
	border-radius: 16px;
	margin-top: -20px !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_bottom {
	background-color: #ffffff !important;
}

.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;	
}

/* ---------------------------- START OF SHOP OVERIDES ---------------------------- */


/* -- 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;
}

.jshop h1 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 24px !important;
	color: #000000 !important;
	font-weight: bold !important;
}

/* -- removal of the insistence of wanting to show a non existent product code beside the product title --*/
.jshop_code_prod {
	display: none !important;
}

/* -- removal of review bullshit --*/
.review_header {
	display: none !important;
}

/* -- and more removal of review bullshit --*/
.review_text_not_login {
	display: none !important;
}

/* -- removal of shop copyright / name thing --*/
#mxcpr {
	display: none !important;
}

/* -- removal of product rating nonsense --*/
.block_rating_hits {
	display: none !important;
}

/* -- removal of stars / rating thing from products in category view --*/
.review_mark {
	display: none !important;
}

/* -- removal of comments from products in the category view --*/
.count_commentar {
	display: none !important;
}

/* -- bottom spacing for the category description text --*/
.category_description {
	margin-bottom: 26px !important;
}

.name {
	margin-bottom: 20px !important;
}

/* -- styling for the product name in the category view --*/
.name a {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-decoration: none !important;	
}

/* -- fix for the product short description in category view - text was a little off to the left --*/
.description {
	text-align: center !important;
	margin-bottom: 20px !important;
}

/* -- styling of product price in category view --*/
.jshop_price {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px !important;
	color: #000000 !important;
	font-weight: bold;
}

/* -- styling of the buy button in category view --*/
.button_buy {
	background-color: #fedcc0 !important;
	border: 2px solid #fedcc0 !important;
	border-radius: 10px !important;
	padding-top: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 10px !important;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px !important;
	color: #000000 !important;
	margin-right: 20px !important;
}

/* -- styling of the details button in category view --*/
.button_detail {
	background-color: #fedcc0 !important;
	border: 2px solid #fedcc0 !important;
	border-radius: 10px !important;
	padding-top: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 10px !important;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px !important;
	color: #000000 !important;
	text-decoration: none !important;
}

/* -- due to shitty code of whoever made the shop extensions this is to fix something related to the above two --*/
.btn-success {
	text-decoration: none !important;
}

/* -- bottom spacing for all the product buttons in category view --*/
.buttons {
	margin-bottom: 30px !important;
}

/* -- removal of bullshit "wishlist" button... this isn't disney there are no wishes --*/
.btn-wishlist {
	display: none !important;
}

/* -- styling of buy button in product view --*/
.btn-primary {
	background-color: #fedcc0 !important;
	border: 2px solid #fedcc0 !important;
	border-radius: 10px !important;
	padding-top: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 10px !important;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px !important;
	color: #000000 !important;
	text-decoration: none !important;
}


/* -- styling of the word "price" in product view --*/
.prod_price {
	font-weight: bold !important;
}

/* -- styling of the actual price (in numbers) in product view --*/
#block_price {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	color: #000000 !important;
	font-weight: normal !important;
}

/* -- styling of product name in checkout --*/
.data a {
	color: #000000 !important;	
}

/* -- removal of tax in checkout --*/
.tax {
	display: none !important;
}

/* -- removal of coupon code / discount box in checkout --*/
.cart_block_discount {
	display: none !important;
}

/* -- back to shop text styling in checkout --*/
.pull-left a {
	color: #000000 !important;
}

/* -- go to checkout text styling in checkout --*/
.pull-right a {
	font-size: 20px !important;
	font-weight: bold !important;
	color: #000000 !important;
}

/* -- styling of category titles in shop page view --*/
.category_name a {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px !important;
	color: #000000 !important;
	text-decoration: none !important;
}


/* ---------------------------- END OF OF SHOP OVERIDES ---------------------------- */





/* ------------------------------- 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;
}

.pagetitle h2 {	
	text-align: center !important;
	padding-left: 0px !important;
}

.boxes_container_row_bottom {
	display: none !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) {

}