@charset "UTF-8";

/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK - MENU BAR */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.header_block_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: absolute;
	max-width: 8000px;
	top: 0px;
	z-index: 9999;
	text-align: center;
}

.header_block_wrapper_home {
	height: 800px;
}

.header_block {
	margin: 0px auto 0px auto;
	padding: 0px 5% 0px 5%;
	width: 90%;
	z-index: 200;
	max-width: 1200px;
	text-align: center;
}
 @media only screen and (min-width :1px) and (max-width :960px) {

.header_block {
	padding: 0px 0% 0px 0%;
	width: 100%;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* LOGO BLOCK */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.header_block_m1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 260px;
	max-width: 260px;
	height: 120px;
	position: relative;
	z-index: 200;
	float: left;
	background-color: #ffffff;
	text-align: center;	
	color:#000000;
	font-size:18px;
}
.header_logo_reg_no{color:#000000;
	font-size:18px;}
.m1_logo_img_wrapper {
	margin: 33px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 90%;
	position: relative;
}

.m1_logo_img_outer {
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0% 0%;
	width: 100%;
	height: auto;
	width: auto;
	}

.m1_logo_img {
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 46px;
	font-size: 0;	

	}
 @media only screen and (min-width :601px) and (max-width :960px) {

.header_block_m1 {
	width: 180px;
	height: 60px;
	max-width: 100%;
	margin: 0px 0px 0px 14px;
}

.m1_logo_img_wrapper {
	margin: 12px auto 0px auto;
}
.header_logo_reg_no{display:none;}
.m1_logo_img {
	max-height: 50px;
}
}
 @media only screen and (min-width :1px) and (max-width :600px) {

.header_block_m1 {
	width: 150px;
	height: 49px;
	max-width: 100%;
	margin: 0px 0px 0px 14px;

}
.header_logo_reg_no{display:none;}
.m1_logo_img_wrapper {
	margin: 10px auto 0px auto;
	max-width: 100%;
}

.m1_logo_outer {
	max-width: 100%;
}

.m1_logo_img {
	max-height: 30px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* M2: SOCIAL MEDIA, CONTACT DETAILS BLOCKS */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


.header_block_m2_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 200;
	float: right;
	text-align: center;
	width: calc(98% - 260px);

}

.header_block_m2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 54px;
	position: relative;
	z-index: 200;
	float: right;
	text-align: center;
}

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

.header_block_m2 {
	height: 67px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* M2: CONTACT DETAILS BLOCK (A) */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.m2_contact_bar {
	margin: 0px 0px 0px 0px;
	padding: 23px 0px 0px 0px;
	position: relative;
	float: left;  
	text-align: center;
	-moz-transition: opacity .3s ease-out;-o-transition: opacity .3s ease-out;transition: opacity .3s ease-out;
}


@media screen and (max-width: 620px) { 
    .m2_contact_bar { opacity:0;}
 }


/* ADDRESS GRID */


.contact_row {
	margin: 0px 0% 3px 0%;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	
}

.contact_row_space_right {
	margin-right: 20px;
}

.contact_row_l {
	float: none;
	width: 19px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}

.contact_row_r {
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
}
 @media only screen and (min-width :601px) and (max-width :1100px) {

.m2_contact_bar {
	padding: 12px 0px 0px 0px;
	max-width: 200px;
}
}

.contact_icon {
	padding: 0px 0px 0px 0px;
	width: 18px;
	height: 18px;
}

.contact_p1 {
	margin: 0px 0px 0px 0px;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 19px;
	text-decoration: none;
	color: #ffffff;
	text-align: left;
}

.contact_p1 a:link {
	text-decoration: none;
	color: #ffffff;
}

.contact_p1 a:visited {
	text-decoration: none;
	color: #ffffff;
}

.contact_p1 a:hover {
	text-decoration: underline;
	color: #ffcc00;
}

.contact_p1 a:active {
	text-decoration: none;
	color: #ffffff;
}
 @media only screen and (min-width :1px) and (max-width :600px) {

.contact_row_space_right {
	margin-right: 15px;
}

.contact_row_r {
	margin: 0px 0% 0px 5px;
	max-width: calc(100% - 23px);
}

.contact_p1 {
	font-size: 14px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* M2: SOCIAL MEDIA BLOCK */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.m2_social_bar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: right;
	height: 60px;
	text-align: center;
	-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

 
@media screen and (max-width: 800px) { 
    .m2_social_bar { opacity:0;}
 }

.m2_social_icon {
	margin: 0px 0px 0px 0px;
	padding: 16px 4px 0px 4px;
	width: 32px;
	height: 32px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.m2_social_icon:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}
 @media only screen and (min-width :601px) and (max-width :960px) {

.header_block_m2_wrapper {
	margin: 0px 14px 0px 0px;
	width: calc(100% - 224px);
}

.header_block_m2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 60px;
	position: relative;
	z-index: 200;
	float: right;
	text-align: center;
}

.m2_social_bar {
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-right: 0px;
}

.m2_social_icon {
	padding: 16px 4px 0px 4px;
}
}
 @media only screen and (min-width :1px) and (max-width :600px) {

.header_block_m2_wrapper {
	margin: 0px 14px 0px 0px;
	width: calc(100% - 185px);
}

.m2_social_bar {
	display: none;
}
}

/* OFF SWITCH FOR SOCIAL BAR */


 @media only screen and (min-width :1px) and (max-width :760px) {

.m2_social_bar {
	display: none;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* M2 BASKET BAR */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.m2_basket_bar {
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	float: right;
	min-width: 120px;
}

.basket_row_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	display: inline-block;
	min-width: 120px;
}

.basket_row_inner {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: center;
	display: inline-block;
	min-width: 120px;
}

.basket_row_box {
	margin: 0px 0% 0px 0%;
	padding: 0px 0px 0px 0px;
	float: right;
	height: 32px;
	min-width: 26px;
	text-align: right;
}

.basket_row_txt {
	margin: 0px 0px 0px 0px;
	padding: 8px 12px 0px 0px;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	color: #ffffff;
	text-decoration: none;
}

.basket_row_txt a:link {
	color: #ffffff;
	text-decoration: none;
}

.basket_row_txt a:visited {
	color: #ffffff;
	text-decoration: none;
}

.basket_row_txt a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.basket_row_txt a:active {
	color: #ffffff;
	text-decoration: none;
}

.basket_icon {
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 0px 0px;
	width: 28px;
	height: 21px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.basket_item_qty_wrapper {
	margin: 12px 0px 0px 0px;
	z-index: 1000;
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline-block;
}

.basket_item_qty {
	margin: 0px 0px 0px 0px;
	padding: 2px 6px 3px 6px;
	display: inline-block;
	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #333333;
	text-decoration: none;
	border-radius: 12px;
	background-color: #ffffff;
	min-width: 12px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.m2_basket_bar {
	margin-top: 12px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.m2_basket_bar {
	margin: 12px 0px 0px 0px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* M3 CONTACT DETAILS BAR FOR 600 OR LESS */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


.header_block_m3_wrapper {
	margin: 0px 14px 0px 14px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 200;
	float: left;
	text-align: center;
	width: calc(100% - 28px);
	border-top: 1px solid rgba(255,255,255,.35);
	font-size: 0;	
}

.header_block_m3 {
	margin: 4px auto 3px auto;
	text-align: center;
	display: inline-block;
}

.m3_contact_bar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	text-align: center;
}
 @media only screen and (min-width :601px) {

.display_if_wide {
}

.display_if_mobile {
	display: none;
}
}
 @media only screen and (min-width :1px) and (max-width :600px) {

.display_if_wide {
	display: none;
}

.display_if_mobile {
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* MENU BAR BLOCK */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


.header_block_m4_wrapper {
	margin: 0px auto 0px auto;
	padding: 14px 0px 0px 0px;
	width: calc(98% - 260px);
	height: 42px;
	position: relative;
	/*z-index: 200;*/
	float: right;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,.35);
}

.header_block_m4 {
	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 42px;
	position: relative;
	/*z-index: 200;*/
	float: left;
	text-align: center;
}

.header_block_m4_inner {
	margin: 0px auto 0px auto;
	width: 100%;
	height: 42px;
	text-align: center;
	display: inline-block;
}

.header_donate_button_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.header_donate_button {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	background-color: #cc0000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	display: inline-block;
	color: #ffffff;
	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 17px;
	text-decoration: none;
	text-transform: uppercase;
	width: 140px;
	height: 33px;
}
 

.header_donate_button:hover {
	color: #ffffff;
	background-color: #333333;
}

.header_donate_button:active {
	position: relative;
	top: 1px;
}
 @media only screen and (min-width :961px) and (max-width :1100px) {

.header_donate_button {
	width: 100px;
}
}
 @media only screen and (min-width :601px) and (max-width :960px) {

.header_block_m4_wrapper {
	margin: 6px 14px 0px 14px;
	padding: 0px 0px 0px 0px;
	width: calc(100% - 28px);
	padding: 0px 0px 0px 0px;
	border-top: 1px solid rgba(255,255,255,.35);
	height: 60px;
}

.header_block_m4_inner {
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 60px;
	text-align: center;
	display: inline-block;
}

.header_donate_button_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.header_donate_button {
	text-align: center;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	font-size: 16px;
	width: 180px;
	height: 29px;		

}
}
 @media only screen and (min-width :1px) and (max-width :600px) {

.sticky .header_block_m4_wrapper {height:45px;}
.header_block_m4_wrapper {
	margin: 0px 14px 0px 14px;
	padding: 0px 0px 0px 0px;
	width: calc(100% - 28px);
	padding: 0px 0px 0px 0px;
	border-top: 1px solid rgba(255,255,255,.35);
	height: 60px;
}

.header_block_m4_inner {
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 60px;
	text-align: center;
	display: inline-block;
}

.header_donate_button_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;

}

.header_donate_button {
	margin: 5px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	width: 150px;
	font-size: 15px;
	height: 29px;

}
}