
			 
@media print{
    a[href]:after { content: none !important; }
	img[src]:after { content: none !important; }
	
	.no_print {
		display: none !important;
	}
	
	 .page,
	 .page_mobile {
		padding:0px !important;
		margin:0px !important;
		color:black;
	 }

}
@media screen and (max-width: 1000px) {
	.menu > nav > ul > li > a {
		padding:10px 7px !important;
	}
	.desktop > div > .box_view {
		max-width:100% !important;
	}
	.desktop > div > .box_view a > img {
		max-width:96% !important;
	}
}

@media screen and (max-width: 860px) {
	.menu > nav > ul > li > a {
		font-size:14px !important;
	}
	#footer_center  {
		display:block !important;
		justify-content:unset !important;
	}
	#footer_links {
		padding:10px 0px !important;
	}
}

@media screen and (max-width: 800px) {
	.menu > nav > ul > li > a {
		padding:10px 10px !important;
		font-size:16px !important;
	}
	
	#footer_logo, #footer_payments {
		display:block;
		margin:0px auto;
	}

}

@media screen and (max-width: 700px) {
	
	.desktop
	{
		
		display:none !important;
	}
	
	.mobile
	{
		display:block !important;
	}
	.promo > div {
		float:unset !important;
		margin: 20px 0px !important;
		clear:both !important;
	}
	.promo > form {
		padding-bottom:30px !important;
	}
	
	.promo > form > input {
		display: block !important;
		float:left !important;
	}
	
	.promo > form > p {
		width:93% !important;
	}
	
	.promo > div > h2 {
		background-color:black !important;
		padding:10px 5px !important;
		font-size:16px !important;
	}
	
	#mobile_menu {
		height:40px !important;
	}
	#logo{
		display:block !important;
		width:100% !important;
		background-color:white !important;
	}
	.menu > nav 
	{
		margin: 0px !important;
		max-width:100% !important;
	}
	#footer_copyright {
		display:block;
		width:100%;
		padding-top:10px;
		text-align:center;
		position:unset !important;
		right:unset !important;
	}
}

@media screen and (max-width: 430px) {
  .detail_view > a > p {
	  width:230px !important;
  }
  .search > input[type=text] {
	vertical-align:top;
	height:30px !important;
	  
  }
  
  .search > input[type=submit] {
	
  }
  
}

@media screen and (max-width: 414px) {
	
}
@media screen and (max-width: 375px) {
  
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 14px;
	font: inherit;
	font-family:Calibri, Helvetica, Roboto;
	color: #000000;
	text-align:left;
    text-decoration:none;	
}

body {
    background-repeat: no-repeat;
    background-position:top center;
	background-size:cover;
	background-attachment:fixed;
}

b {
	font-weight:bold;
}

ol, ul {
	list-style:disc;
	margin-left:30px;
}

h1 {
	color:#000000;
	font-size:30px;
	font-family:sonar-sans, Calibri;
	padding: 0px 0px 10px;
}
h2 {
	font-family:sonar-sans, Calibri;
	color:#000000;
	font-size:18px;
	padding:10px 0px;
}
h3 {
	font-family:sonar-sans, Calibri;
	color:#000000;
	font-size:14px;
	padding:3px 0px;
}
h6 {
	font-size:13px;
	font-style:italic;
}

a{
	color:#000000;
}

textarea {
	width:172px;
	border:none;
}

select {
	width:177px;
	height:29px;
	margin:0px;
	padding-right:0px;
	text-overflow: ellipsis;
}

input {
	height:24px;  font-size:16px; width:200px;
	padding-left:5px;
	margin:3px;
	border:none;
}

input[type=submit] {
	background-color:#e8e8e8ff;
	color:#000000;
	height:35px; 
	font-family:sonar-sans, Calibri; 
	font-size:16px;
	border:none;
	border-radius:20px;
}

input[type=submit]:hover, input[type=button]:hover, label:hover {
	 -moz-box-shadow: 0 0 4px 4px #e8e8e8ff;
    -webkit-box-shadow: 0 0 4px 4px #e8e8e8ff;
    box-shadow: 0 0 6px 1px #000000ff;
	cursor:pointer;
}
#top_menu{
	margin:0px; 
	width:100%;
	height:80px;
	background-color:white;
}
#mobile_menu{
	float:left;
	height:80px;
	width:25%;
}
#logo{
	float:left;
	height:80px;
	width:50%; 
	text-align:center;
}

.menu{
    background-color: #e8e8e8ff;  
    margin:0px;
}

.menu > nav 
{
	margin: 0px auto; 
	font-family:sonar-sans, Calibri;
	z-index:2;
}

.menu > nav > ul
{
	margin:0px;
	text-align: center;
}

.menu > nav > ul > li 
{
	list-style:none;
	display: inline-block;
	cursor: pointer;
}

.menu > nav > ul > li:hover {
	background-color:#e8e8e8ff;
	color:#000000;
	transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.menu > nav > ul > li > a {
	display: block;
	padding: 10px 13px;
	height:20px;   
	font-family:sonar-sans, Calibri; 
	color: #000000;
	font-weight:bold;
	font-size:16px;  
}

.page {
	margin: 10px auto; max-width:1000px; z-index:2;
	padding:20px;
	z-index:1;
}

.page_mobile {
	margin: 10px auto; max-width:1000px; z-index:2;
    padding: 20px 20px 20px 320px;
}

.desktop {
	background-color:#feffffff; 
	border:1px solid #000000ff; 
	margin-top:20px;
	padding:20px;
}

.desktop > div, .desktop > form > div
{
	float:left;
	box-sizing: border-box;
}

.mobile
{
	background-color:#feffffff; 
}

.clear {
	clear:both;
	float:none !important;
	height:0px !important;
}

.search {
	width:100%;
	text-align:center;
}

.search > input[type=text] {
	border:1px solid #000000ff; 
}

.search > input[type=submit] {	
    height: 40px;
    width: 40px;
    background-image: url(../img/icon_search.png);
    background-repeat: no-repeat;
	background-position: center center;
	border:1px solid #000000ff; 
    border-radius: 40px;
}

.filter {
	width:100%;
	position:absolute;
	text-align:center; 
	top:168px;
	left:0px;
	z-index:100;
}

.filter_list {
	margin: 10px auto; 
	padding:30px 47px;
	max-width:1000px;
	text-align:center;
	background-color: #feffffff; 
	border:1px solid black; 
	box-sizing: border-box;
	
}

.filter_list > input[type=button], .filter_list > div > input[type=button]{
	color: #000000; 
	}

.filter_list > h2 {
	float:left;
	padding:10px;
}

.active_filter > input {
	font-size:14px;
	height:unset;
	width:auto;
	padding:3px 10px;
}

label {
	background-color:#e8e8e8ff;
	color:#000000;
	height:35px; 
	font-family:sonar-sans, Calibri; 
	font-size: 16px;
    width: 200px;
    padding-left: 5px;
    margin: 10px;
    border: none;
	align-items: center;
	display: flex;

}

.detail_view {
	border-bottom:1px solid #000000ff;
	padding:20px 0px;
}

.detail_view > div {
	display:flex; 
	float:right; 
	flex-wrap: wrap;  
	align-items: center; 
	height:100px;
}

.detail_view > a {
	display:block;
	height:100px;
	float:left;
}

.detail_view > a > p {
	float:left;
	padding-left:10px;
}

.detail_view > a > img {
	max-width:100px;
	max-height:100px;
	float:left;
}

.box_view {
	border-bottom:1px solid #000000ff;
	width:210px;
	margin:14px;
	height:345px;
	float:left;
	
}

.mobile > form > .search_results > .box_view,
.mobile > .box_view {
	border-bottom:1px solid #000000ff;
	width:210px;
	margin:14px;
	height:345px;
	margin:0px auto;
	float:none !important;
	
}

.box_view > a {
	width:210px;
	text-align:center;
}

.box_view > a > img {
	max-width:210px;
	max-height:210px;
}

.box_view > a > p {
	height:75px;
}

.box_view > a > p > b {
	font-size:18px;
}

.box_view > .price {
	float:left;
	padding: 9px 4px 4px 0px;
	font-weight: bold;
	line-height: 25px;
	font-size:15px;
	width:108px;
	text-align:center;
}

.box_view > .price > img {
	float:left;
}
.product_img {
	max-width:100%;
	max-height:100%;
}

.list_view {
	border-bottom:1px solid #e8e8e8ff;
	padding:10px;
}
.close {
	float: right;
    width: 30px !important;
    height: 30px !important;
    border-radius: 30px !important;
	border:1px solid #000000ff; 
	color: #000000ff; 
	
}

.search_results {
	width:100%;
	border-top:1px solid #000000ff; 
	margin-top:10px;
	padding-top:10px;
}

.active_filter {
	width:100%;
	border-top:1px solid #000000ff; 
	margin-top:10px;
	padding-top:10px;
	text-align:center;
}

.product_information {
	width:100%;
	 line-height:22px;
	 table-layout: auto;
}

.product_information > tbody > tr > td:first-child  {
	 padding-right:10px;
	
}

.product_information > tbody > tr > td:nth-child(2) {
	padding-right:0px;
	width:100%;
}

.added_to_basket {
	 width:100%; 
	 margin-bottom:20px; 
	 text-align:center
}

.center {
	width:100%;
	text-align:center;
}

.table_center {
	margin:0px auto;
}

.hover {
	cursor:pointer;
}

.hover:hover {
	background-color:#e8e8e8ff;
	background-image:none !important;
	transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px #888;
    box-shadow: 0 0 10px 1px black;
}

.promo
{
	width:100%;
	min-height:500px;
	background-position:center;
	background-size:cover;
}

#cover {
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: gray;
   opacity: 0.5;
   z-index: 99;
}
#cover {
   filter: alpha(opacity=50);
}
 
* html #cover {
   position: absolute;
}

#footer_content {
background-color:white;
}
#footer_center {
	max-width: 100%;
	width: 900px;
	margin: 0 auto;
	padding: 15px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	box-sizing:border-box;
}

#footer_links {
	flex: 1;
	display: flex;
	justify-content: center;
	gap: 15px;
}
#footer_links > a {
	text-align:center;
}
#footer_logo {
	height:30px;
}

#footer_start {
	height:40px; 
    background-color: #cbaa1f;  
    margin:0px;
}

#footer_end {
	font-size:14px;
	padding:10px 0px;
    background-color: #e8e8e8ff;  
    margin:0px;
}
#footer_copyright {
	position: absolute;
	right: 20px;
}
.toogle_display {
    display:none ;
}
.toogle_display_mobile {
    display:table-cell;
}
.toogle_display_mobile_start {
    display:table-cell;
}
.toogle_display_mobile_start2 {
    display:none;
}

.width_100 {
    width:100%;
}
.width_90 {
    width:90%;
}
.width_80 {
    width:80%;
}
.width_75 {
    width:75%;
}
.width_70 {
    width:70%;
}

.width_66 {
    width:66%;
}

.width_60 {
    width:60%;
}

.width_50 {
    width:50%;
}

.width_40 {
    width:40%;
}
.width_33 {
    width:34%;
}
.width_30 {
    width:30%;
}

.width_25 {
    width:25%;
}
.width_20 {
    width:20%;
}
.width_12 {
    width:12%;
}
.width_10 {
    width:10%;
}

.width_100 > a > img, .width_90 > a > img, .width_80 > a > img, .width_75 > a > img, .width_70 > a > img, .width_66 > a > img, .width_60 > a > img,
.width_50 > a > img, .width_40 > a > img, .width_33 > a > img, .width_30 > a > img, .width_25 > a > img, .width_20 > a > img,  .width_12 > a > img,
 .width_10 > a > img {
	max-width:100%;
 }

.product_grid_view {
        width:225px;margin:5px; text-align:center; float:left;
    }
	.product_text_grid {
        clear:both; 
        text-align: center;  
        height: 50px;    
        overflow: hidden;
        font-size: 14px !important;
    }
.mobile {
        display:none;
		text-align:center;
		background-color:#feffffff;
		padding:0px 20px 20px;
    }
	
	.mobile > table {
		margin:0px auto;
	}
	
	.icon_block {
	width: 75px;
    height: 65px !important;
    background-color: transparent;
    margin: 0px 5px !important;
    padding: 0px !important;
    border-radius: 10px;
	}
	.top_space {
		height:50px;
	}
	
	.width_100 > hr {
		    margin: 20px 0px;
    height: 1px;
    background-color: #cbaa1f;
    border: 0px;
	}
	