@charset "utf-8";


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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* === colours ===  
	light blue #c10d31
	v. light blue #b8e4e0
	purple #4d2a67
	yellow #e8f600
	#000
	#999
	#444
*/

/* === Site colours ===
    Black			#fe5000
    Text Colour     #3F3F3F
    Light Grey      #EFEFEF
    Claret Red      #7D2838
    Blue      		#19535F
 */

/* 
    FONT OPTIONS
    
    Family        font-family: 'Lora', serif;
    Regular       font-weight: 700;
	  
	Family        font-family: 'Source Sans Pro', sans-serif;
    Regular       font-weight: 400;
    */
    
body {
	font-family: 'Lora', serif;
	font-size:18px;
	font-weight:400;
	text-align:left;
	line-height:normal;
	color:#3F3F3F;	
	
	
}		
body{
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background-color: #EFEFEF;
}
/*
body {
  visibility:hidden;
}

.fontawesome-i2svg-active body {
  visibility: visible;
}
*/

/*--------------- TEXT STYLES ---------------*/

h1 {
	font-size:40px;
	font-family: 'Lora', serif;
	font-weight:400;
	color:#000000;
}        
h2 {
	font-size:30px;
	font-family: 'Lora', serif;
	font-weight:400;
	color:#000000;
}
h3 {
	font-size:16px;
	font-family: 'Lora', serif;
	font-weight:400;
	color:#3F3F3F;
}
 .small-text {
	font-size:10px;
	color: #000000;
}

p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom:28px;
	color: #3F3F3F;
}

.black			            {background-color:#000000;}
.text-colour	            {background-color:#3F3F3F;}
.light-grey                 {background-color:#EFEFEF;}
.red			            {background-color:#7D2838;}
.blue			            {background-color:#19535F;}
.red-text { color: #7D2838 !important; }
	
			  

/*--------------- LINK STYLES ---------------*/

a:link, a:active, a:visited {
		color:#3F3F3F;
		text-decoration:none;
 
	}
a:hover {
		color:#7D2838;
		text-decoration:none;
 
	}
a img:hover {text-decoration:none; opacity:0.9}
a { 
	text-decoration: none; 
	outline: none;
}



/*--------------- BUTTON STYLES ---------------*/    

button.red {
		font-size:18px;
		font-weight:300;
		font-family: 'Source Sans Pro', sans-serif;
		background-color:#7D2838;
		border:none;
		padding:15px 30px;
		color:#fff;
		font-weight: 400;
		text-align:center;
		line-height:normal;
		outline:none;
		cursor:pointer;
		transition:background-color 0.2s;
}

button.red:hover {
	background-color:#7d1226;
}



a.red {
	font-size:18px;
	font-weight:300;
	font-family: 'Source Sans Pro', sa#ns-serif;
	background-color:#7D2838;
	border:none;
	padding:15px 30px;
	color:#fff;
	font-weight: 400;
	text-align:center;
	line-height:normal;
	outline:none;
	cursor:pointer;
	transition:background-color 0.2s;
}

a.red:hover {
	background-color:#7d1226;
	text-decoration:none;
}

a.red {
	font-size:18px;
	font-weight:300;
	font-family: 'Source Sans Pro', sans-serif;
	background-color:#7D2838;
	border:none;
	padding:15px 30px;
	color:#fff !important;
	font-weight: 400;
	text-align:center;
	line-height:normal;
	outline:none;
	cursor:pointer;
	transition:background-color 0.2s;
}

a.red:hover {
	background-color:#7d1226;
}
	


input.payment-button {
	font-size:18px;
	font-weight:300;
	font-family: 'Source Sans Pro', sans-serif;
	background-color:#7D2838;
	border:none;
	padding:15px 30px;
	color:#fff;
	font-weight: 400;
	text-align:center;
	line-height:normal;
	outline:none;
	cursor:pointer;
	transition:background-color 0.2s;
}

input.payment-button:hover {
	background-color:#7d1226;
	text-decoration:none;
	color: #FFFFFF;
}

ol, ul {
	list-style: none;
    margin:0 0 20px 0;
}
img {
	max-width:100%; 
}

  
hr{
	border: 0;
    height: 1px;
    background: #c4c4c4;
}
small{
    font-size:15px;
}
small.extra-small,
.extra-small{
    font-size:13px;
}

a:link, a:visited, a:active {
	font-weight: normal;
	text-decoration: none;
	color: #c10d31;
}
a:hover {
	text-decoration: underline;
	color: #c10d31;
}
a img:hover {
	text-decoration: none;
	opacity: 0.9
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea, select {
	border:2px solid #c4c4c4;
	text-align:left; 
	padding:10px;
	font-size: 18px;
	line-height:20px;
	width:100%;
	color:#444;
} 
input[type="checkbox"]{
	width:auto; 
}
input[type="submit"]{
	cursor:pointer;
}
textarea{
	min-height:150px;
	width:100%;
}
.standard-form label, 
.standard-form input,
.standard-form textarea,
.standard-form select{
	margin:0 0 10px 0;
}
.standard-form label{
	display:block;
}
.label-checkbox{
	font-size:12px; 
}
.label-checkbox input{
	margin:0;
	display: inline-block;
	vertical-align: bottom;
}

.no-float {float:none !important}
.hover:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	transition:0.5s ease;
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
}
.clearfix:before, .clearfix:after {content:" "; display:table}
.clearfix:after {clear:both}
.clearfix { *zoom:1;}

.no-display{
	display:none;
}
.disabled{
	color:#8295a8;
}
.text-center{
	text-align:center;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	max-width:1900px;
	width:100%;
	margin-top: 30px;
} 

.page-title{

}

.page-title-small{
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #c4c4c4;
}
.error{
	color:#de4949;
}
.error-box{
	color:#de4949;
	margin:5px;
}
.success{
	color:#3c763d;
}
.success-box{
	color:#3c763d;
    margin:5px;
}

iframe{
	max-width:100%; 
	width:100%; 
}

.mobile-break {
	display:none;
}	

@media only screen and (max-width: 992px) {
	.mobile-break {
		display:block;
	}	
}

a.button,
.button{
	background: #c10d31;
	display: inline-block !important;
	line-height: 20px; 
	text-decoration: none; 
	font-size:18px;
	font-weight:300;
	padding:10px 26px;
	color:#fff;
	text-align:center;
	-webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
	cursor:pointer;
    border:0;
}
a.button:hover,
.button:hover{
	background:#fff;
	color:#444;
}

a.button-red,
.button-red{
	background: #c10d31;
	color:#FFF;
}
a.button-red:hover,
.button-red:hover{
	background-color:#9b0523;
	
}

a.button-red:hover {
	text-decoration: none !important;
}

a.button-small,
.button-small{
	padding: 8px 15px;
	width:auto;
}
.breadcrumb{
	list-style:none; 
	overflow:hidden;
	padding:0;
	margin:0 0 15px 0;
	line-height:18px;	
	font-size:11px;
	font-weight:normal;
	color:#8295a8;
}
.breadcrumb li{
	float:left;
}
.breadcrumb li a{
	font-size:11px;
	color:#8295a8;
	font-weight:normal;
}

.see-more-link{
	color:#4d2a67 !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
	font-size:10px;
	font-weight:600;
}
.see-more-link:after{
	font-family:"FontAwesome";
	content:"\f101";
	margin:0 0 0 3px;
}
.back-link{
	color:#4d2a67 !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
	font-size:10px;
	font-weight:600;
}
.back-link:before{
	font-family:"FontAwesome";
	content:"\f100";
	margin:0 3px 0 0;
}

.text-red {
	color: #7D2838 !important;
}

.text-white {
	color: #FFFFFF;
}

/*====================================================
		Cookie bar css - NEW ONE
======================================================*/
#cookie_banner{
    position:fixed;
    color: #FFFFFF;
    font-size: 15px;
    bottom:20px;
    right:20px;
    width:100%;
    padding:20px 40px 30px 40px;
    z-index:44499;
    background:rgba(0,0,0,0.9);
    display:none;
}
#cookie_banner p{
    margin:12px 0;
    font-size: 13px;
    line-height: 1.4;
	color: #FFFFFF;
}
#cookie_banner a:link,#cookie_banner a:active,#cookie_banner a:visited{
    text-decoration: underline;
    color: #7D2838;
    font-size: 13px;
}
#cookie_banner a:hover{
    color: #7D2838;
}
a:link.cookie_button, a:visited.cookie_button, a:active.cookie_button{
  color: #000 !important;
  text-decoration: none !important;  
}
.cookie_button{
  background-color: #fff;
  padding: 2px 20px;
  border-radius: 2px;
}
.cookie_button:hover{
  background-color: #eee;
}
@media(min-width: 768px) {
	#cookie_banner{
		max-width: 470px;
    	min-width: 300px;
	}
}
@media only screen and (max-width: 767px) {
  #cookie_banner{
    width:100% !important;
    bottom:0;
    right: 0;
  }
}
@media(max-width: 300px){
	#cookie_banner{
		padding: 20px 10px;
	}
}
/*====================================================
		Pagination css
======================================================*/
.pagination-bar {
	color:#333;
	overflow:hidden;
	padding:0 0 25px 0; 
	width:100%;
	font-size:12px;
}
.pagination-bar .count{
	float:left;
	line-height:24px;
}
.pagination-bar .pages{
	float:right;
	line-height:24px;
}
.pagination-bar .pages ul{
	list-style:none; 
}

.pagination-bar .pages ul li{
	float:left;
	margin:0 0 0 10px;
}

.mix-bar{
	float:left;
	width:100%;
	padding:20px 0; 
}
#sortby_wrp{
	float:left;
	
}
#sortby_wrp > label{
	margin:0 10px 0 0; 
	font-size:12px; 
	color:#444;
}
#sortby_wrp > select{  
	cursor:pointer;
	max-width:135px; 
	height:30px;
	border:1px solid #c4c4c4;
	padding:0 3px;  
	font-size:12px; 
	width:auto;
}
#sortby_filter > option{
	padding:0 5px;  
}
.pagenav {font-size:18px; float:right; margin-right:130px;} 
.pagenav a, .pagenav span {display:block; float:left; margin:0 0 0 10px; color:#000; }
.pagenav a { text-decoration:none }
.pagenav a:hover { text-decoration:underline;}
.pagenav a.nextprev {font-weight:normal}
.pagenav .disabled{
	color:#999;
}

a.displayAll{margin:0 10px 0 2px}
span.displayAll{margin:0 10px 0 2px}

/* Header */
.header-wrapper {
	width:100%;
	margin: 20px 0;
	display: block;
}
.logo-svg {
	max-width:130px;
	max-height:130px;
}

/* HOMEPAGE */
.order-panel h1 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #FFFFFF !important;
}
	
.order-panel{
	margin-top:15px; 
	color: #FFFFFF;
}
.order-panel a{
	color: #FFFFFF;
}

.order-panel label {
	font-weight: normal;
}

.required-indicator{
	color:#de4949;
}
.account-form-label{

}
.account-form-input{
	width:100%;
	display:block;  
	background-color:#fff;
}
.account-form-button, a.account-form-button {
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.35);
}
 a.account-form-button:hover{
	text-decoration:none;
	background-color:#A3C2BD;
	color:#fff;
 }	

.account-form-atom {
	margin-bottom: 10px;
}
	
/* Dashboard */
.bigRedButton {
	padding: 60px 100px !important;
	font-size: 26px !important;	
}


/* Panels */
.order-panel {
	padding: 40px 20px;
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #7D2838;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	color: #FFFFFF;
	overflow:auto;
}

.row_equal {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}

.vertical-center {
	display: flex;
	align-items: center;
	height: 100%; 
}



/* Form styles */
.error-message {
	font-size: 14px;
}

.product-search-bar {
    position: relative;
	display: block;
	width:100%;
}
.product-sections-wrapper {
	display: block;
	width: 100%;
	margin-top: 20px;
}

.product-search-bar .search-icon {
	position: absolute;
	padding: 9px;
	pointer-events: none;
	right: 6px;
	color: #C4C4C4;
	font-size: 22px;
	top: 2px;
}


.product-sections-wrapper {
	display: block;
	width: 100%;
}

#product-search-results  {
	display: none;
}

#product-search-results .tab-pane {
	max-height: 557px;
	overflow-y: auto;
}

#product-search-results .tab-pane .section-product-row {
	background-color: #FFFFFF;
	padding: 5px 0;
	display: flex;
	align-items: center;
	overflow:auto;
	margin-bottom: 5px 0;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
}

#product-search-results .tab-pane .section-product-row img {
	width:100%;
	height:auto;
}

/* Panel Tabs */
.order-panel ul.nav-tabs > li > a {
	padding: 5px;
	background-color: #FFFFFF;
	color: black;
	margin-right: 5px;
	margin-top: 10px;
}

.order-panel ul.nav-tabs > li.active > a {
	background-color: #19535F;
	color: #FFFFFF;
}

.basket-wrapper {
	font-size: 16px;
	margin-bottom: 60px;
	position: relative;
}
.basket-wrapper i {
	font-size: 18px;
}

.basket-inner-wrapper {
	position: absolute;
	top: -20px;
	right: 15px;
}


#selected-product-product {
	margin-top: 20px;
	margin-bottom: 20px;
}

.product-price-wrapper {
	font-size: 22px;
	border: 2px solid #FFFFFF;
	padding: 5px;
	display: block;
}

h2#selected-product-name{
	color: #FFFFFF;
	margin-top: 20px;
}

.basket-panel-wrapper {
	margin-bottom: 20px;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.row-spacer {
	margin-bottom: 20px;
}

.price-wrapper {
	padding: 10px;
	line-height: 28px;
	font-size: 26px;
	border: 2px solid #FFFFFF;
	width:auto;
	display: inline-block;
}

#review-price {
    position: relative;
}

#review-price > input {
	padding-left: 30px;
}

#review-price i {
	position: absolute;
	padding: 9px;
	pointer-events: none;
	left: 20px;
	color: #999999;
	font-size: 18px;
	top: 4px;
}



/* UI Dialog Modal */

.ui-dialog-titlebar {
	background-color: #7D2838;
}


.ui-dialog {
	padding:0;
}
#dialog-modal {
	font-size: 18px;
	font-weight: normal;
	padding: 30px;
}

.ui-dialog-buttonpane {
	padding: 6px 0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 20px 30px;
	font-size: 24px;
}

.ui-dialog .ui-dialog-titlebar-close {
	background:none;
	border:none;
	outline:none;
	top: 25px;
	right: 30px;
}

.ui-widget button {
	font-size:30px;
}

.ui-widget-content { 
	border: none;
}

.ui-dialog-titlebar-close::before {
	font-family: "Font Awesome 5 Pro"; 
	content: "\f00d";
	font-weight: 300;
	display:none; /* We need to hide the pseudo element*/
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:left;
}

.ui-dialog-buttonset button {
	font-size:18px;
	font-weight:300;
	font-family: 'Source Sans Pro', sans-serif;
	background-color:#7D2838;
	border:none;
	padding:15px 30px;
	color:#fff;
	font-weight: 400;
	text-align:center;
	line-height:normal;
	outline:none;
	cursor:pointer;
	transition:background-color 0.2s;
	float:left;
	min-width: 100px;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin-left: 30px;
	margin-bottom:30px;
}

.ui-dialog .ui-dialog-buttonpane {
	padding:0;
}

.success-message {
	margin-bottom: 20px;
}

.btn {
	border-radius: 2px;
}


.search-products-name {
	font-size: 14px;
}

@media only screen and (min-width: 1400px){
	.search-products-name {
		font-size: 18px;
	}
}