@charset "utf-8";

/* CSS Document*/ 
/* ---------------------------------------------------- */
/* 						Fonts							*/
/* ---------------------------------------------------- */
@font-face {
    font-family: 'gotham-light';
    src: url('/fonts/gotham/Gotham-Light.eot');
    src: url('/fonts/gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/gotham/Gotham-Light.woff') format('woff'), url('/fonts/gotham/Gotham-Light.ttf') format('truetype'), url('/fonts/gotham/Gotham-Light.svg#gothamlight') format('svg');
    font-weight: normal; 
    font-style: normal;

}

@font-face {
    font-family: 'gotham-book';
    src: url('/fonts/gotham/Gotham-Book.eot');
    src: url('/fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('/fonts/gotham/Gotham-Book.woff') format('woff'), url('/fonts/gotham/Gotham-Book.ttf') format('truetype'), url('/fonts/gotham/Gotham-Book.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-medium';
    src: url('/fonts/gotham/Gotham-Medium.eot');
    src: url('/fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/gotham/Gotham-Medium.woff') format('woff'), url('/fonts/gotham/Gotham-Medium.ttf') format('truetype'), url('/fonts/gotham/Gotham-Medium.svg#gothamboldmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gotham-bold';
    src: url('/fonts/gotham/Gotham-Bold.eot');
    src: url('/fonts/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/gotham/Gotham-Bold.woff') format('woff'), url('/fonts/gotham/Gotham-Bold.ttf') format('truetype'), url('/fonts/gotham/Gotham-Bold.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ---------------------------------------------------- */

*{
	margin: 0 auto;
	padding: 0;	
}

html, body{
	height: 100%;
    overflow-x: hidden;
}

div{
	box-sizing: border-box;	
}

.clear{
	clear: both;
	overflow: hidden;	
}

span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, li, fieldset, form, label, legend, input, textarea, select, table, caption, tbody, tfoot, thead, tr, th, td, footer, header, audio, video, figcaption, a{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	box-sizing: border-box;	
}


body {
	/*font-size: 11pt;*/
    font-size: 14px;
    line-height:20px;
	font-family: 'Gotham-Book', sans-serif;
}

.video-wrap {
	position:relative;
	padding-bottom:56.25% /*56.25% */;
	height:0;
	overflow:hidden;
}

.video-wrap iframe, .video-wrap object, .video-wrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*  ----------------------------------------------------------	*/
/*  					Sticky Footer 	 						*/
/*  ----------------------------------------------------------	*/
#wrapper {
  	min-height: 100%;
  	margin-bottom: -280px; /* Make the same as the footer height */
}

#wrapper:after {
	content: "";
	display: block;
}

#footer, #wrapper:after {
  height: 280px; 
}

/* ---------------------------------------------------- */
/* 						Styling							*/
/* ---------------------------------------------------- */
img{
	max-width: 100%;	
}

strong{
	font-family: 'Gotham-Medium', sans-serif;
	font-weight: normal;
}

.red{
	color: #FC0004;	
}

.fleft{
	float: left;
}

.fright{
	float: right;	
}

.text-left, .text-right{
	width: 50%;
	float: left;	
}

.text-right{
	float: right;	
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin: 25px 0;
    padding:0;
}

hr.white{
	border-top:1px solid #ffffff;
}
.product-details hr{
	margin: 25px 0px;
	border-top:1px solid #000000;
}
.green{
	color: #00A5B5;
}

.grey{
	color: #9c9c9c;
}

.white {
	color: #FFFFFF;
}

.black {
	color: #000000;
}

/*  ----------------------------------------------------------	*/
/*  					Form Fields 	 						*/
/*  ----------------------------------------------------------	*/

input:not([type=radio]), button, select, input.qty, textarea{
	-webkit-appearance: none; /* stop OS auto styling */
  -webkit-border-radius: 5px; /* stop OS auto styling */
	border: 0;
	border-radius: 5px;
}

input, select, textarea {
    vertical-align:middle;
	background: #EDEDED;
	font-family: 'Gotham-Book', sans-serif;
	width: 100%;
	margin: 10px 0px;
	padding: 8px 10px;
	line-height: normal;
	border: 1px solid #DEDBD2;
}

input.qty{
	-webkit-appearance:textfield;
	-moz-appearance:textfield;
	cursor: default;
	height: 32px;
}

input.qty[type=number]::-webkit-outer-spin-button,
input.qty[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.qty:disabled {
    background: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	-webkit-text-fill-color:#000000;
	opacity: 1;
	-webkit-opacity:1;

}

select{
	cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/images/icon-down.jpg') right no-repeat #FFF; 
    overflow: hidden;
    cursor: pointer;
}

input[type=submit], button, .button, a.button{
	background: #000000;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	padding: 6px 15px;
	border-radius: 20px;
	vertical-align:top;
	border: 1px solid #000000;
	font-family: 'Gotham-Medium', sans-serif;
	/*font-size: 11pt;*/
    font-size: 14px;
	text-transform: uppercase;
}

.error {
	border: 1px solid red !important;
}

.button.white {
	color: #000000;
	background-color: #FFFFFF;
}

button img, .button img, a.button img{
	margin-bottom: -4px;	
}

.newsletter input[type=text]{
	border-radius: 20px;
	padding: 8px 15px;
}

.newsletter input[type=submit]{
	width: auto;
	margin-left: 10px;
}

input[type=submit]{
	width: auto;
	/* width: 40px !important; */
}

label.checkbox{
	width: calc(100% - 70px) !important;
}


.no-touch .input[type=submit]:hover, .no-touch a.button:hover, .no-touch button:hover, .no-touch .button:hover{
	/* background: rgba(23,61,111, 0.9); */
	background: #383838;
	transition: background-color 1s ease;
	text-decoration:none;
}

input[type=submit].green, button.green, .button.green, a.button.green{
	background: #24BEC5;
}

.no-touch input[type=submit].green:hover, .no-touch a.button.green:hover, .no-touch button.green:hover, .no-touch .button.green:hover{
	background: #50cbd1;
}
button{
	padding-bottom: 6px;
}

input[type=submit].fleft, button.fleft, .button.fleft{
	margin: 10px 0px;
	margin-right: 10px;
	float: left;
}

input[type=submit].fright, button.fright, .button.fright{
	margin: 10px 0px;
	margin-left: 10px;	
	float: right;
}

input[type=submit], input[type=checkbox]{
	width: auto;
}

input[type=checkbox]{
	appearance: checkbox;
	-webkit-appearance: checkbox;
	-moz-kit-appearance: checkbox;
	width: 50px !important;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.button.norcorners{
	border-radius: 0px;
}



.agreeWrap{
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	text-align: left;
	border-right: 1px solid #ccc;
}

.agreeWrap:last-child(){
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px;
}

.agreeText{
	line-height: 40px;
	vertical-align:top;
	/*font-size:11pt;*/
    font-size: 14px;
	margin: 5px 0px;
	display: inline-block;
}


.agreeCheckbox {
	vertical-align:top;
	display: inline-block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.25);
	margin: 5px 0px;
	margin-left: 25px;
	-moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
	-o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
	-webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
	transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
}

.agreeCheckbox:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

.agreeCheckbox:hover:after {
	color: white;
}

.agreeCheckbox:after {
	line-height: 40px;
	font-family: "FontAwesome";
	display: block;
	content: "";
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	width: 100%;
	height: 100%;
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	font-size: 44px;
	-moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
	-o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
	-webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
	transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3); 
	content: "\f00c";
	background-color: rgba(165, 194, 92, 0);
}

.agreeCheckbox.checked:after {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
		line-height: 40px;
	font-size: 32px;
	color: white;
	background-color: #48b045;
}

.agreeCheckbox.checked:hover:after {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.checkboxHidden{
	height: 0px;
	width: 0px;
	overflow: hidden;
	position: absolute;
	left: -9999px;
}


/*  ----------------------------------------------------------	*/
/*  					Header Tags 	 						*/
/*  ----------------------------------------------------------	*/

h1, h2, h3, h4, h5, h6{
	font-family: 'Gotham-Bold', sans-serif;
	font-weight: normal;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/*h1{ font-size: 22pt; }*/
h1{ font-size: 29px; }
h2{ font-size: 24px /*18pt*/; }

h3{ font-size: 20px /*15pt*/; }

h4{ font-size: 17px /* 13pt*/; }

h5{ font-size: 16px /*12pt*/; }

h6{ font-size: 14px /*11pt*/; }

/*  ----------------------------------------------------------	*/
/*  						Links 	 							*/
/*  ----------------------------------------------------------	*/

a{
	color: #24bec6;
	text-decoration: none;
}

a:hover, li:hover{
	transition: all 1s ease;
	transition: background-color 1s ease;
}


a.button{
	display:inline-block;	
}

/*  ----------------------------------------------------------	*/
.container{
	width: 1100px;
	max-width: 100%;
}

#content, .wrap{
	margin: 25px auto;
}

#header ul, #navigation ul, #sub-navigation ul, #footer ul{
	padding-left: 0;
}

#top-bar li, #header li, #navigation li, #sub-navigation li, #footer li{
	display: inline-block;
	list-style-type: none;
}
	
#top-bar a, #navigation a, #footer a, #header a,  #sub-navigation a{
	text-decoration:none;
}

#top-bar a:hover, #navigation a:hover, #footer a:hover, #header a:hover,  #sub-navigation a:hover{
	text-decoration:underline;
}

#top-bar a, #sub-navigation a, #footer a{
	color: #ffffff;
} 


/*  ----------------------------------------------------------	*/
/*  						Header 	 							*/
/*  ----------------------------------------------------------	*/
#mobileBar{
	display:none;
}
#topBar{
	background: #00a5b5;
	color: #fff;
	font-size: 14px;
	padding:2px 0px;
}

#topBar a{
	color: #fff;
	padding: 2px;
}

#topBar a:hover{
	text-decoration:underline;
}

#topBar ul{
	list-style-type:none;
	display:inline-block;
}

#topBar ul li{
	display:inline-block;
	line-height: 13px;
	padding-right: 5px;
	margin-right: 3px;
	border-right: 1px solid #fff;
}

#topBar ul li a{
	line-height: 13px;
}

#topBar .menuRight{
	float: right;
	padding-top:3px;
}


#topBar ul li:last-child{
	border-right: 0px;
	padding-right: 0px;
}

#topBar ul.menuRight{
	/*argin-top: 2px;*/ 
}

#header{
	background: #000;
	padding-bottom: 0px;
	color: #fff;
}

#header .container{
	display: flex;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	flex-wrap:wrap
}

#header .container .headerBox{
	width: 265px;
	flex-grow:1;
	padding:  0px;
}

#header .logo{
	min-width: 100px;
	padding: 0;
	margin: 0;
	max-width:265px;
	flex-grow: none;
	padding: 25px 5px;
}		


#header a{
	color: #fff;
}

#header .searchBox, #searchBar .searchBox{
	position: relative;
	max-width:350px;
}


#header .searchBox input, #searchBar .searchBox input{
	margin: 0px;
	border-radius: 10px;
	background: #fff;
	
	
}

#header .searchBox button, #searchBar .searchBox button{
	position: absolute;
	border: 1px solid #fff;
	right: 0px;
	top:0;
	border-radius: 0px;
	background: transparent;
	border-color: transparent;
	color: #818181;
	padding: 9px 10px;
}

.headerBox ul{
	list-style-type:none;
}

.headerBox ul li{
	display:inline-block;
	line-height: 13px;
	border-left: 1px solid #fff;
	padding-left: 5px;
}

.headerBox ul li:first-child{
	border-left: 0px;
}

.headerBox ul li a{
	line-height: 13px;
	padding: 2px  5px;
	font-size: 13px;
}
.headerBox ul li:last-child a{
	padding-right: 0px;
}

.headerBox ul img, .headerBox ul span{
	display:inline-block;
	vertical-align:middle;
}

.headerBasketWrap{
	margin-bottom: 10px;
	display:inline-block;
	position: relative;
}

.headerBasketWrap a{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	
}

.basketTotalWrap{
	display:inline-block;
	vertical-align:bottom;
	position: relative;
	padding-top: 0px;
	padding-right: 10px;
}

.basketTotalWrap .basketCounter{
	position: absolute;
	top: -10px;
	right: -5px;
	border: 2px solid #FFF !important;
	border-radius: 50%;
	background: #00a5b5;
	color: #fff;
	height: 23px;
	width: 23px;
	text-align:center;
}

.basketTotalWrap .basketCounter span{
	line-height: 17px;
	font-size: 10px;
}

#mobileBar{
	background: #000;
	color: #fff;
	text-align:right;	
}

#mobileBar a {
	color: #fff;
}

#mobileBar .barItem, #mobileBar .slicknav_menu{
	height: 50px;
	min-width: 50px;
	display:inline-block;
	vertical-align:top;
	border-left: 1px solid rgba(255,255,2550.5);
	text-align:center;
}

#mobileBar .barItem.logo img{
	height: 35px;
}

#mobileBar .logo-mobile{
	
}
#mobileBar .logo-mobile-s{
	display:none;
}

#mobileBar .barItem a, #mobileBar .slicknav_menu, #mobileBar .barItem .mobileSearch{
	display:block;
	padding: 8px 5px;
}

#mobileBar .slicknav_menu, #mobileBar .logo{
	float:left;
}

#mobileBar img{
	max-height: 50px;
	display:block;
}

#mobileBar .slicknav_menu{
	display:inline-block;
}

#mobileBar .barItem .basketTotalWrap{
	padding: 0px;
	padding-right: 10px;
}

#mobileBar .basketCounter{
	top: -5px;
	right: -3px;
}

#searchBar{
	display:none;
	background: #00a5b5;
	color: #fff;
	padding:5px;
}


#header #navigation{
	width: 100%;
	min-width:100%;
	text-align:center;
}

#header #navigation ul{
	display:flex;
	justify-content: center;
	align-content: center;
	flex-wrap:none;
	text-align:center;
	font-weight: 600;
	font-size: 13px;
	padding: 10px 0px;
	padding-bottom: 15px;
	position: realtive;
}

#header #navigation ul li{
	flex-grow: 1;
	list-style-type:none;
	line-height: 13px;
	border-right: 1px solid #fff;
	
	position: relative;
}

#header #navigation ul li:last-child{
	border-right: 0px
}

#header #navigation ul li a{
	line-height: 13px;
	padding: 5px;
	padding-bottom: 16px;
}

#header #navigation li ul{
	flex:none;
	display:none;
	padding: 10px 0px;
	/*background: rgba(59,59,59,.75);*/
	background: rgba(36,190,198,0.95);
	position: absolute;
	top: 28px;
	z-index:999;
	left: 0;
	min-width: 200px;
	text-align:center;
}

#header #navigation li li, #header #navigation li li:first-child{
	display:block;
	text-align:left;
	border-right: 0px;
	margin: 3px 0px;
	padding: 5px 15px;
}
#header #navigation li li a, #header #navigation li li:first-child a{
	display:block;
	padding: 5px 10px;
}

#header #navigation li:hover ul{
	display:block;
} 


#navigation a, #header #navigation a{
	padding: 14px 5px;
}

#navigation li:first-child a, #header #navigation li:first-child a, #navigation li:first-child, #header #navigation li:first-child{
	padding-left: 0;
}

#navigation li:last-child, #header #navigation li:last-child{
	padding-right: 0;
	border-right: 0;
}

#header #navigation li:first-child  li a{
	padding-left: 15px !important;
}


#mobileBar #menu{
	list-style-type:none;
	text-align:left;
}

#mobileBar #menu li{
	
}
		
#mobileBar ul#menu{
	background: #24bec6;
	padding: 0px;
	line-height: 20px;
}

#mobileBar ul#menu li{
	padding: 5px 10px;
	border-top: 1px solid #24bec6;

}

#mobileBar ul#menu li a{
	text-decoration: none;
	padding: 5px 0px;
	display: block;
}

#mobileBar ul#menu li:hover{
	background: #20abb1;
}

#mobileBar ul#menu li.active{
	background: #3B3B3B;
}

#mobileBar ul#menu li.slicknav_parent a a{
	display: inline-block;
	width: calc(100% - 20px);
}

#mobileBar ul#menu li li{
	list-style-type: none;
	background: #19858a;
}

 ul#menu li.slicknav_parent.slicknav_open{	
	background: #20abb1;
}

#mobileBar ul#menu li.slicknav_parent ul{
	margin-left: -10px;
	margin-right: -10px;
}
#mobileBar ul#menu li li:hover{
	background: #157074 ;
}

#mobileBar ul#menu li.slicknav_parent li a{
	padding-left: 25px;
}

.slicknav_menu {
	display:none;
}

/*  ----------------------------------------------------------	*/
/*  						Footer 	 							*/
/*  ----------------------------------------------------------	*/
#footer{
	background: #000000;
	color: #ffffff;
	padding: 25px 0px;
	font-size: 13px /*10pt*/;
	font-weight: 500;
	font-family: 'Gotham-Medium';
}

#footer a{
	color: #ffffff;
}

#footer .footer-logo{
	height: 35px;
}

#footer .phone{
	font-size: 32px /*24pt*/;
	color: #24bec6;
	display:inline-block;
	font-family: 'Gotham-Bold';
	margin: 5px 0px;
	line-height: 34px;
}

#footer form{
	margin-bottom: 5px;
}

#footer .search{
	margin: 15px 0px;
	margin-left: 0;
	font-size: 14px;
}
.footer-left{
	float: left;
	width: calc(100% - 300px);
	padding-right: 25px;
	margin-top: 10px;
	color: #818285;
}

.footer-right{
	float: right;
	width: 300px;
	text-align:right;
	margin-top: 10px;
}

.sub-footer{
	margin-top: 25px;
	padding: 15px 0px;
	background: #1E1E1E;
	border-top: 1px solid #FFFFFF;
	text-align:right;
}

#footer .footer-right a{
	color: #00A5B5;
}

#footer li {
	border-right: 1px solid #00A5B5;
	line-height: 13px;
	margin: 0px 5px;
	padding-right:10px;

}

#footer li:first-child{
	margin-left: 0;
}

#footer li:last-child{
	border-right: 0;
}

#footer ul{
	margin-top: 15px;
}

#footer li a{
	padding: 0px 0px;
	text-transform: uppercase;
}

#footer li a{
	
}

.social-links{
	margin: 10px 0px;
}

.social-links img{
	margin-left: 5px;
}


/*  ----------------------------------------------------------	*/
/*  						Banner 								*/
/*  ----------------------------------------------------------	*/
#banner{
	text-align:center;
	background: #000000;
}

#banner img{
	
}
/*  ----------------------------------------------------------	*/
/*  						Home Page	 						*/
/*  ----------------------------------------------------------	*/
.section-wrap{
	display: flex;
	align-content: stretch;
}

.section-wrap .details{
	width: 550px;
}

.section{
	background: #000000;
	color: #ffffff;
	width: 50%;
	float: left;
	padding: 35px 0px;
}

.section.right{
	text-align:right;
}

.section .details{
	position: relative;
	min-height: 300px;
	padding-bottom: 15px;
}

.section.right .details{
	text-align:left;
	
}

.section .details.left{
	padding-right: 0;
	padding-left: 35px;
}

.section.right .details.right{
	padding-left: 0;
	padding-right: 35px;
}
.green-bg{
	background-color: #00A5B5;
}
.bestseller{
	background-image: url('/images/bg-bestseller.png');
	background-repeat: no-repeat;
	background-position: left 15px top 35px;
}

.section a.button{
	position: absolute;
	bottom: -15px;
	right: 15px;
}

.section .left a.button{
	right: 0;
}

.section.black-bg a.button{
	background: #24bec6;
}

#recentlyViewed {
	padding: 30px;
}

#bsi {
	padding: 30px 50px;
	text-align: center;
	display: block;
}

#bsi h2 {
	/* text-transform: uppercase; */
}

#bsi img {
	display: block;
	margin: 30px auto 0 auto;
}

/*  ----------------------------------------------------------	*/
/*  						Categories	 						*/
/*  ----------------------------------------------------------	*/

/* use full-width to wrap around any products/categories e.g. search.php */
/* use cat-wrap to wrap around any products/categories when there is a side navigation e.g. category.php */
.full-width, .cat-wrap{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.full-width:after, .cat-wrap:after{
  content: "";
  flex: auto;
}

.cat-wrap{
	width: calc(100% - 190px);
	padding-left: 15px;	
	margin-right: -1px;
}

.cat-item img {
	
}


.cat-item .cat-text{
	
}

.cat-item a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cat-item:hover{
	border: 1px solid #24bec6;
	background: #fdfdfd;
}


.promoMessage{
	background: #00A5B5;
	color: #ffffff;
	font-size: 18px /*14pt*/;
	font-family: 'gotham-medium';
	display:inline-block;
	padding: 5px;
}

.productSection .promoMessage{
	float: right;
	border: 1px solid #000000;
}

/* ---------------------------------------------------- */
/* 						Products						*/
/* ---------------------------------------------------- */
.product-item, .cat-item{
	width:calc(25% - 12px);
	margin: 10px 7px;
	background:  #FFFFFF;
	display: inline-block;
	position: relative;
	overflow:hidden;
	vertical-align:top;
	/*border: 1px solid #9e9e9e;
	text-align:center;*/
	padding: 2px;
	/*flex-grow: 1;*/
}

.cat-item{
	border: 1px solid #ececec;
	padding: 10px;
}

.product-item:last-child, .cat-item:last-child{
	margin-right: 0;
}

.product-section{
	padding: 10px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.product-section .overlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.product-section:hover .overlay{
	background: #24bec6;
	opacity: 0.3;
}

.product-item .qty-wrap, .product-item .button{
	z-index: 10;
	position: relative;
}

.product-item .button{
	float: right;
}

.product-item .product-fav{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 35px;
	height: 35px;
	z-index: 10;
}

.product-details .product-fav{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35px;
	height: 35px;
	z-index: 10;
}

.product-fav {
    width: 35px;
    height: 35px;
    background: url("/images/icon-star-empty.png");
}

.product-fav.favourite {
    background: url("/images/icon-star.png");
}

.product-item .image .outofstock{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.product-item .image .outofstock img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.product-item .description{
	font-size: 13px /*10pt*/;
}

.product-item a{
	color: #000000;
}

.product-item a.button{
	color: #ffffff;
}

.featured{
	max-height: 473px;
	overflow: hidden;
}

.featured.slick-slider{
	max-height: none;
	overflow: visible;
}
.featured .product-item{
	width:calc(25% - 11px);
}
.product-item:hover{
	background-color: #fdfdfd;
}

.full-width .product-item:nth-child(4n), .full-width .cat-item:nth-child(4n){
	margin-right: 0px;
}

.index .product-item, .index .cat-item{
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.full-width .product-item:nth-child(4n+1), .full-width .cat-item:nth-child(4n+1){
	margin-left: 0px;
}

.cat-wrap .product-item, .cat-wrap .cat-item{
	width:calc(33.333% - 7px);
}

.cat-wrap .product-item:nth-child(3n), .cat-wrap .cat-item:nth-child(3n){
	margin-right: 0px;
}

.cat-wrap .product-item:nth-child(3n+1), .cat-wrap .cat-item:nth-child(3n+1){
	margin-left: 0px;
}

.product-item .image{
	min-height: 180px;
	height: auto;
	text-align: center;
	position: relative;
}

#relatedwrap{
	height: 262px;
	max-height: 262px;
	overflow: hidden;
}

#relatedwrap.slick-slider{
	max-height: none;
	overflow: visible;
}
/*
#relatedwrap .slick-track, #relatedwrap .slick-list{
	width: 100% !important; 
}
*/
.related-item{
	display: inline-block;
	position: relative;
	overflow:hidden;
	vertical-align:top;
	text-align:center;
	padding: 10px;
	font-size: 13px /*10pt*/;
	width: calc(33.333% - 4px);
}

.related-item .image{
	background:  #FFFFFF;
	border: 1px solid #9e9e9e;
	padding: 5px;
	margin-bottom: 10px;
	width: 100px;
	display: inline-block;
}


#side-nav{
	width: 190px;
	float: left;
}

#side-nav h2{
	padding: 15px 10px;
	margin-bottom: 0;
	font-size: 20px /*15pt*/;
}

#side-nav ul{
	list-style-type: none;
}

#side-nav ul li{
	border-top: 1px solid ;

}

#side-nav ul li a{
	display: block;
	text-decoration: none;	
	padding: 10px;
}

#side-nav ul li a:hover, #side-nav ul li a.selected{
	display: block;
	text-decoration: none;
}

.product-bar{
	text-align:right;
}

.breadcrumbs{
	display:inline-block;
	margin-bottom: 15px;	
}

.pagination-wrap{
	display:inline-block;	
}

.pagination-wrap a{
	background: #24bec6;
	padding: 5px;
	color: #ffffff;
	border: 1px solid #000000;
	display:inline-block;
	text-decoration:none;
	min-width:22px;
	text-align:center;
}

.pagination-wrap a:first-child{
	margin-left: 15px;	
}

.pagination-wrap a:hover{
	background: rgba(23,61,111,0.8);
}

.pagination-wrap a.pageselected{
	background: #00A5B5;
}

@media screen and (max-width: 1000px) { 
	.payment-breadcrumb{
		margin-top: 85px;	
	}
}

@media screen and (max-width: 850px) { 
	.cat-wrap .product-item, .search-wrap .product-item{
		width: calc(33.333% - 9px);
	}

}


@media screen and (max-width: 800px) { 
	.cat-wrap .product-item{
		width: calc(50% - 7px);
	}
	
	.cat-wrap .product-item:nth-child(3n+1), .cat .product-item:nth-child(3n){
		margin-right: 5px;
		margin-left: 5px;
	}
	
	.cat-wrap .product-item:nth-child(2n+1){
		margin-left: 0;
	}
	
	.cat-wrap .product-item:nth-child(2n){
		margin-right: 0;
	}
}


@media screen and (max-width: 650px) { 
	.cat-wrap .product-item:nth-child(2n+1), .cat .product-item:nth-child(2n){
		margin-right: 7px;
		margin-left: 7px;
	}
	
	.cat-wrap .product-item{
		width:100%;
		margin: 5px 0;
	}
}

@media screen and (max-width: 600px) { 
	.index .product-item, .index .cat-item{
		width: calc(50% - 15px);
	}
}

@media screen and (max-width: 370px) { 
	.index .product-item, .index .cat-item{
		width: calc(100% - 11px);
	}
}

@media screen and (max-width: 520px) { 
	.cat-wrap .product-item{
		width:calc(50% - 7px);
		margin: 5px;
	}
	.cat-wrap .product-item:nth-child(2n+1){
		margin-left: 0px;
	}
	
	.cat .product-item:nth-child(2n){
		margin-right: 0px;
	}
	
	.cat-wrap .product-item{
		width:calc(50% - 7px);
		margin: 5px;
	}
	
	.cat-wrap{
		width: 100%;
		padding-left: 0;	
	}

	
	#side-nav{
		max-height: 40px;
		width:100%;
		overflow:hidden;	
		transition: max-height ease-in-out 1s;
		margin-bottom: 10px;
	}
	
	#side-nav.expand{
		max-height: 1500px;	
		transition: max-height ease-in-out 1s;	
	}
	
	#side-nav h2{
		font-size: 17px /*13pt*/;
		padding-top: 10px;	
		padding-bottom: 7px;
		cursor:pointer;
		background: url(/images/arrow-down.png) no-repeat center right 10px;
		transition: background ease-in-out 1s;	
	}
	
	#side-nav h2:hover{
		background-color:rgba(255,255,255,0.2);
	}
	
	#side-nav.expand h2{
		background: url(/images/arrow-up.png) no-repeat center right 10px;
		transition: background ease-in-out 1s;
	}
}

@media screen and (max-width: 370px) { 	
	.cat-wrap .product-item:nth-child(2n+1), .cat .product-item:nth-child(2n){
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.cat-wrap .product-item{
		width:100%;
		margin: 5px 0;
	}

		
}

@media screen and (max-width: 350px) { 
	.featured-item .text .title, .product-item .text .title{
		font-size: 13px /*10pt*/;
	}

}

@media screen and (max-width: 640px) { 
	.featured-item:hover a.boxlink, .product-item:hover a.boxlink{
		position: absolute;
		top: 0;
		left: 0;
		height: 0%;
		width: 0%;
	}
}

#filterProducts{
	background: #24bec6;
	color: #ffffff;
	padding: 15px;
	margin-bottom: 15px;
}
/* ---------------------------------------------------- */
/* 						Product Details 				*/
/* ---------------------------------------------------- */

.product-details{
	float: right;
	width: 50%;
	position: relative;
}

.product-images{
	float: left;
	width: 47%;
	text-align:center;
	min-height: 310px;
}

.productSection{
	width: 100%;
	padding: 25px 15px;
}

.productSection.green{
	background: #24bec5;
	color: #ffffff;
}

.productSection.black{
	background: #000000;
	color: #ffffff;
}

.productSection.grey{
	background: #85868A;
	color: #ffffff;
}

.product-image{
	border: 1px solid #e4e4e4;
	text-align:center;
	position: relative;
}


.qty-wrap{
	height: 32px;
	width: 90px;
	text-align:center;
	display: inline-block;
}

.qty-msg{
	height: 32px;
	text-align:center;
	display: block;
}

.qty-msg .button{
	/*position: relative;
	padding: 5px 10px;*/
}


.product-details .qty-wrap{
	float: right;
}

.qty-wrap .qty, .qty-wrap input.qty, table.basketnew .qty-wrap input.qty{
	border-radius: 0;
	padding: 7px 7px;
	width: 40px;
	margin: 0;
	vertical-align:top;
	background: #ffffff;
	border: 1px solid #3b3b3b;
	text-align:center;
	font-size: 13px /*10pt*/;
}

.qtyminus, .qtyplus, table.basketnew .qtyminus, table.basketnew .qtyplus{
	background: #3b3b3b;
	border-radius: 0px;
	padding: 5px 0px;
	width: 25px;
	height: 32px;
	color: #ffffff;
	font-family: 'Gotham-Medium', sans-serif;
	line-height: 15px;	
	cursor: pointer;
	box-sizing: border-box;
	margin: 0px;
	border: 1px solid #3b3b3b;
}

.qtyminus, table.basketnew .qtyminus{
	float: left;
}

.qtyplus, table.basketnew .qtyplus{
	float: right;	
}


.search-box {
    font-family: 'Gotham-Book', sans-serif;
}

#mainImg{
	border: 1px solid #ececec;
	min-height: 485px;
	max-height: 485px;
	overflow:hidden;
}


#mainImg.owl-carousel{
	min-height: 0;	
}


#mainImg.owl-carousel.loaded{
	max-height: none;
}

.additionalWrap{
	display:flex;
	align-items: stretch;
	margin-bottom: 15px;
	flex-wrap: wrap;
	margin-top: 5px;
}

.thumbimg{
	display:flex;
	max-width:50px;
	margin: 2px;
	border: 1px solid #ececec;
	align-items: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
	.thumbimg{
		display:inline-block;
		width: 90px;
	}
}
.owl-carousel .owl-item{
	text-align:center;
}

.owl-carousel .owl-item img{
	width: auto !important;
	display:inline-block !important;
	max-height: 500px;
}

.owl-nav.disabled, .owl-dots.disabled{
	display:none;
}

#mainImg img{
	max-height: 500px;
}


@media screen and (max-width:750px) {
	.product-images, .product-details{
		width: 100%;
	}
	
	.product-images{
		text-align:center;
		margin: 15px 0px;
	}
	
	.product-details{
		float: left;
	}
}

.fromPrice{
	font-size: 18px /*14pt*/;
	margin-bottom: 10px;
	display:inline-block;
	min-width: 90px;
	margin-right: 10px;
}

.fromBig{
	font-size: 24px /*18pt*/;
	margin-bottom: 10px;
	display:inline-block;
	font-family: 'Gotham-Medium', sans-serif;
}

.product-option{
	margin: 5px 0px;
	display:block;
}

.product-option span{
	display:inline-block;
	min-width: 90px;
	margin-right: 10px;
}

.product-option select{
	width: calc(100% - 135px);
	max-width: 250px;
    font-family: 'Gotham-Book', sans-serif;
}

.product-option ul{
	width: calc(100% - 135px);
	display:inline-block;
}

.product-option li{
	border: 1px solid #000000;
	padding: 7px 10px;
	display:inline-block;
	margin: 2px 1px;
	color: #000000;
	background: #FFFFFF;
}

.product-option li.outofstock{
	text-decoration: line-through;
	cursor: default;
}

.product-option li.selected{
	background: #00A5B5;
	color: #ffffff;
}

.product-option li:hover{
	cursor: pointer;
}


.product-option ul.colourOptions{
	width: 100%;
	margin: 5px 0px;
}

.product-option ul.colourOptions li{
	border: 1px solid #000000;
	height: 30px;
	width: 31px;
	position: relative;
	overflow:hidden;
}

.product-option ul.colourOptions li.selected .selected, .product-option.colourOptions li.outofstock .outofstock{
	position: absolute;
	top: 1px;
	left: 1px;
	height: calc(100% - 2px);
	width: calc(100% - 2px);
}

.product-option ul.colourOptions li.selected .selected{
	border: 1px solid #156265;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(36,190,197,1);
	-moz-box-shadow: 0px 0px 0px 3px rgba(36,190,197,1);
	box-shadow: 0px 0px 0px 3px rgba(36,190,197,1);
	top: 2px;
	left: 2px;
	height: calc(100% - 4px);
	width: calc(100% - 4px);
}


.product-option ul.colourOptions li.outofstock .outofstock{
	background: #24BEC5;
	opacity: 0.5;
}

.product-option li.selected .selected:hover, .product-option.colourOptions li.outofstock .outofstock:hover{
	cursor: default;
}

.qtyLabel{
	line-height: 32px;
	font-family: 'Gotham-Bold', sans-serif;
	margin-right: 15px;
	display:inline-block;
}

.price-wrap{
	float: right;
	font-size: 18px /*14pt*/;
}

.price-wrap .totalprice{
	font-family: 'Gotham-Bold', sans-serif;
	font-size: 26px /*20pt*/;
}


/* ---------------------------------------------------- */
/* 						Login							*/
/* ---------------------------------------------------- */
.register-wrap{
	max-width: 750px;
}

.login-wrap{
	max-width: 350px;
}

.login-wrap, .register-wrap, .checkout-wrap, .myaccount-wrap{
	background: #FFFFFF;
	color: #000000;
	padding: 25px;
	border: 1px solid #DEDBD2;
	margin: 25px auto;
}

.checkout-wrap.login input, .checkout-wrap.login input[type="submit"]{
	width: 100%;
	max-width: 350px;	
}

.login-wrap a:hover, .checkout-wrap a:hover{
	text-decoration: underline;
}

.checkout-wrap a.button:hover{
	text-decoration: none;
}

.login-wrap input, .checkout-wrap input{
	width: 100%;
	margin: 10px 0px;
	padding: 8px 10px;
	line-height: normal;
}

.register-wrap input, .checkout-wrap input{
	line-height: 20px;
}

.register-wrap input[type="submit"].button.fright, .checkout-wrap input[type="submit"].button.fright{
	padding: 8px 15px;
    line-height: 20px;
}

.login-wrap input.password, .checkout-wrap input.password{
	background-image: url(/images/icon-password.png);
	background-position: left 10px center;
	padding-left: 40px;
	background-repeat: no-repeat;
}

.login-wrap input.user, .checkout-wrap input.user{
	background-image: url(/images/icon-user.png);
	background-position: left 10px center;	
	padding-left: 40px;
	background-repeat: no-repeat;
}

.login-wrap input[type=submit]{
	margin-bottom: 15px;
}

.login-wrap input[type=submit], .login-wrap input{
	border-radius: 0;
}

.login-wrap p{
	font-size: 13px /*10pt*/;
	text-align:center;
	margin-top: 5px;
}

.register-wrap label, .checkout-wrap label, .myaccount-wrap label, .details label{
	width: 130px;
	padding-right: 15px;
	display: inline-block;
	vertical-align:middle;
}

.register-wrap label.wide, .checkout-wrap label.wide, .myaccount-wrap label.wide, .details label.wide{
	min-width: 180px;
}

.details input, .details select{
	width:calc(100% - 135px);
	max-width: 300px;
}

.details{
	display: inline-block;
	width: 50%;
	margin-right: -5px; 
	vertical-align:top;
}

.details.full{
	width: 100%;
}

.details.left{
	padding-right:10px;
}

.details.right{
	padding-left: 10px;
}

.checkout-wrap .details.left a.button{
	float: right;
	margin-top: 0;
}
.checkout-wrap.login .details.left{
	padding-right: 35px;
	vertical-align:top;
	float: left;
	max-width: 650px;
	width: calc(100% - 400px);
}

.checkout-wrap.login .details.right{
	padding-left: 35px;
	float: right;
	width: 400px;
	border-left: 1px solid #DEDBD2;
}

.register-wrap h2{
	font-size: 21px /*16pt*/;	
	margin-bottom: 10px;
}

.register-wrap hr{
	background: #ffffff;
}

.register-wrap input[type=submit],  .checkout-wrap input[type=submit]{
	width: auto;	
	padding: 5px 10px;
	vertical-align:top;
}

.checkout-wrap{
	margin-top: 0px;	
}


/* ---------------------------------------------------- */
/* 						Tables 							*/
/* ---------------------------------------------------- */
.tright{
	text-align:right;	
}

.tleft{
	text-align:left;	
}

.tcenter{
	text-align:center;	
}

table { display: table; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
tr { display: table-row; }
th, td { display: table-cell; }

span.basket-mobile{
	display: none;
}

table.basketnew{
	width:100%;
	text-align:left;
	color: #000000;
	margin-bottom:0px;
}

table.basketnew th{
	border-left: 1px solid #ECECEC;
	color: #ffffff;
}

table.basketnew td{
	width: 12%;	
	background: #ffffff;
	border-left: 1px solid #ECECEC;
}

table.basketnew td.basket-item, table.basketnew th.basket-item{
	width: 40%;	
}

table.basketnew td.basket-qty, table.basketnew th.basket-qty{
	width: 20%;
}

table.basketnew td.basket-qty{
	background: #f9f9f9;
	font-size: 13px /*10pt*/;
}

table.basketnew td.availability, table.basketnew th.availability{
	width: 14%;
	text-align:center;
}

table.basketnew td.availability{
	background: #f9f9f9;
	font-size: 13px /*10pt*/;
}

.checkout-wrap table p{
	text-align:left;
}
table.basketnew td.availability span{
	display:inline-block;
	margin-bottom: 5px;	
}

table.basketnew tr td.promobox{
	padding: 15px;	
	background: #ECECEC;
	width: 40%;
}

table.basketnew td.basket-prices{
	width: 30%;
	text-align: right;
	color: #3B3B3B;
	font-family: 'Gotham-Bold', sans-serif;	
}
table.basketnew .promobox input{
	background: #ffffff;	
}
	
table.basketnew .promobox input.button{
	background: #24bec6;
	border: 1px solid #24bec6;
}

table.basketnew td.ptop{
	padding-top: 15px;
	border-top: 1px solid #ECECEC;
}

table.basketnew td.pleft{
	padding-left: 25px;
}

table.basketnew td.pbottom{
	padding-bottom: 15px;
	border-bottom: 1px solid #ECECEC;
}

table.basketnew td.pright{
	padding-right: 15px;
	border-right: 1px solid #ECECEC;
}

table.basketnew .basket-image{
	height: 50px; 
	width: 50px; 
	float: left;
	margin-right: 15px;
	text-align:center;
}
 
table.basketnew .basket-image img{
	max-height: 60px;
}

table.basketnew tr th, table.extratable tr th{
	padding: 5px;
	color: #000000;
	background: #ECECEC !important;
}

table.basketnew tr td{
	padding: 5px;
}

table.basketnew tr{  
	border: 1px solid #ECECEC;
}


table.basketnew .qty{
	margin: 0px;
	margin-top: 5px;
	padding: 7px 10px;
}

table.basketnew .smalltext{
	font-size: 13px /*10pt*/;	
}


table.basketnew tr.basket-spacer{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

table.basketnew tr.basket-spacer td{
	background: #FFFFFF;	
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 15px;
}

table.basketnew .totalprice{
	font-size: 21px /*16pt*/;
	font-family: 'Gotham-Bold', sans-serif;
}
	
table.basketnew .totalprice td{
	padding-top: 20px;
	padding-bottom: 20px;
}

table.basketnew .totalprice .basket-price{
	font-size: 24px /*18pt*/;
}

span.basket-mobile{
	display: none;
}

@media screen and (max-width: 900px) { 
	table.basketnew{
		border: 0px;
	}
	table.basketnew, table.basketnew thead, table.basketnew tbody, table.basketnew tfoot, table.basketnew tr, table.basketnew th, table.basketnew td, table.extratable, table.extratable thead, table.extratable tbody, table.extratable tfoot, table.extratable tr, table.extratable th, table.extratable td  {
		display: block; /* Set all of our table elements to display type block */
		box-sizing: border-box;
		position:relative;
                
                clear: both;
	}
	
	table.extratable input, table.extratable select {
			float: right;
			margin-top: 0;
			margin-bottom: 15px;
	}
        
	table.basketnew th, table.extratable th{
		display: none;	
	}
	
	table.basketnew th.basket-item{
		display: block;	
		width: 100%;
	}
	
	table.basketnew td, table.basketnew td.basket-item{
		width: 100%;
		
	}
	
	table.basketnew td.basket-qty{
		width: 150px;
		float: right;
		min-height: 70px;
		background: #ffffff;
		text-align:right;
	}
	
	table.basketnew td.availability{
		width: calc(100% - 150px);
		float: left;
		min-height: 70px;
		background: #ffffff;
		
	}
	
	 span.basket-mobile {
		 display:inline-block;
    	margin-right: 15px;
		text-align: left;
    }
	
	table.basketnew .pleft, table.basketnew .pright, table.basketnew .ptop, table.basketnew .pbottom{
		padding: 5px !important;
		border: 0 !important;
	}
	
	table.basketnew td.basket-prices, table.basketnew td.basket-price{
		width: 50%;
		display: inline-block;
		margin-right: -3px;
			
	}	
	
	table.basketnew td.basket-qty, table.basketnew td.basket-qty.extraprice{
		display: inline-block; 
		float: none;
		margin-right: -3px;
		/*margin-top: -30px;*/
		vertical-align:top;
	}
	
	table.basketnew td.basket-qty.extra{
		width: calc(100% - 71px);
	}
	
	table.basketnew td.basket-qty.extraprice{
		width: 70px;
	}
	
	table.basketnew tr td.promobox{
		width: 100%;
	}
	
	table.basketnew th, table.basketnew td, table tr{
		padding: 0;
	}	
}

@media screen and (max-width: 450px) {
	table.basketnew td.basket-item{
	}
	
	.checkout-wrap table p{

	}
	
	table.basketnew td.basket-qty{
		width: 100%;
		float: left;
		min-height: 70px;
		background: #ffffff;
		text-align:right;
	}
	
	table.basketnew td.availability{
		width: 100%;
		float: none;
		min-height: 0;
		
	}
}

.creditOnAccount{
	background: #ececec;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: -5px;
	line-height: 37px;
	display:inline-block;
	float: right;
	
}

.creditOnAccount form{
	display:inline-block;
	margin-left: 10px;
}

.creditOnAccount form input[type="text"]{
	background: #fff;
	margin: 0px;
	max-width: 80px;
	margin-right: 10px;
}

.creditOnAccount form input[type="submit"]{
	margin: 0px;
}

/* ---------------------------------------------------- */
/* 						Checkout Pages					*/
/* ---------------------------------------------------- */

.payment-breadcrumb{
	margin-bottom: 25px;
	overflow:hidden;
}

.breadcrumb{
	overflow:hidden;
	margin-bottom: 25px;
}

.payment-breadcrumb ul, .breadcrumb ul{
	padding-left: 0;
	list-style-type: none;
}

.payment-breadcrumb li, .breadcrumb li{
	background: #000000;
	display: inline-block;
	padding: 5px 10px;
	padding-top: 7px;
	padding-left: 45px;
	position: relative; 
	float: left;
	cursor: default;
	font-family: 'Gotham-Medium';
	text-transform: uppercase;
	font-size: 14px /*10.5pt*/;
	color: #ffffff;
}

.payment-breadcrumb li:first-child, .breadcrumb li:first-child{
	padding-left: 10px;	
}

.payment-breadcrumb li.active, .breadcrumb li.active{
	background: #00A5B5;
	color: #ffffff;
}

.payment-breadcrumb li:after, .breadcrumb li:after{ 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #000000;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}

.payment-breadcrumb li:before, .breadcrumb li:before{ 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 8px;
	left: 100%;
	z-index: 1; 
}

.payment-breadcrumb li.active:after, .breadcrumb li.active:after{ 
	border-left: 30px solid #00A5B5;
}

.breadcrumb li{
	padding: 5px 0px;
}

.breadcrumb a{
	color: #ffffff;
	text-decoration: none;
	padding: 5px 10px;
	padding-top: 7px;
	padding-left: 50px;
}

.breadcrumb li:first-child{
	padding-left: 0;
}

.breadcrumb li:first-child a{
	padding-left: 15px;
}

.breadcrumb li:last-child a{
	padding-left: 5px;	
}

.breadcrumb .active a{
	color: #ffffff;
}

.breadcrumb .active{
	padding-left: 45px;
}

/* ---------------------------------------------------- */
/* 						My Account						*/
/* ---------------------------------------------------- */

.myaccount .box{
	padding: 15px;
	margin-bottom: 10px;	
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #DEDBD2;
	line-height: 23px;
}

.myaccount .box span{
	display: inline-block;
	min-width: 130px;
	font-family: 'Gotham-Medium', sans-serif;
}
.myaccount a{
	display:inline-block;
	float: right;	
}

.myaccount-nav{
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
}

.myaccount-nav li{
	display: inline-block;
	line-height: 13px;
	border-right: 1px solid #000000;
	padding: 0px 15px;
	margin-right: -3px;
}
.myaccount-nav li:first-child{
	padding-left: 0;
}

.myaccount-nav li:last-child{
	border-right: 0;
}

.myaccount-nav a{
	color: #000000;
}

.myaccount-nav a:hover{
	border-bottom: 1px solid #24bec6;
}

.myaccount-nav a.active{
	color: #24bec6;
	font-family: 'Gotham-Medium', sans-serif;
}

.heading-wrap{
	background: #000000;
	color: #ffffff;
	padding: 15px 0px;
	margin-bottom: 15px
}

.heading-wrap h1{
	margin-bottom: 0;
}
/*  ----------------------------------------------------------	*/
/*  						Gallery	 							*/
/*  ----------------------------------------------------------	*/
.gallery{
	margin: 15px 0px;
		
}
.gallery > ul{
	padding-left: 0px;	
}

.gallery > ul > li {
	float: left;
	margin-bottom: 3px;
	margin-right: 3px;
	width: calc(20% - 3px);
	list-style-type: none;
	padding-bottom: 20%;
	overflow: hidden;
	position: relative;
	border: 1px solid #DEDBD2;
}

.gallery > ul > li a {
	border: 0px solid #FFF;
	border-radius: 0px;
	display: block;
	overflow: hidden;
	position: absolute;
	float: left;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	transition: all .5s ease-in-out;
}

.gallery > ul > li a:hover{
	transition: all .5s ease-in-out;
}

.galleryhover{
	display: none;
	background: rgba(255,255,255,0.3);
	height: 100%;
	width: 100%;
	position: absolute;
	transition: all 1s ease-in-out
}



.gallery > ul > li a:hover .galleryhover{
	display: block;	
	transition: all 1s ease-in-out;
}

.gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 0%;
	width: 0%;
}

.gallery > ul > li a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.gallery > ul > li a:hover .gallery-poster > img {
	opacity: 1;
}

.gallery > ul > li a .gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}

.gallery > ul > li a .gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

.gallery > ul > li a:hover .gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}

.gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

.gallery .justified-gallery > a:hover .gallery-poster > img {
	opacity: 1;
}
.gallery .justified-gallery > a .gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}

.gallery .justified-gallery > a .gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

.gallery .justified-gallery > a:hover .gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}

.gallery .video .gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}

/*  ----------------------------------------------------------	*/
/*  							News 	 						*/
/*  ----------------------------------------------------------	*/
/*  ----------------------------------------------------------	*/
/*  						Blogs	 							*/
/*  ----------------------------------------------------------	*/
.blogs{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content:space-between;
}

.blog-item{
	width: calc(50% - 10px);
	border: 1px solid #cbcbcb;
	position: relative;
	padding: 15px;
	margin: 10px 0px;
	padding-bottom: 65px
}

.blog-item.wide{
	width: 100%;
}

.blog-image{
	float: left;
	max-width: 50%;
	margin-right: 15px;
	margin-bottom: 5px;
}

.blog-item .blog-cat{
	color: #00A5B5;
	border-bottom: 2px solid #173d6e;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-family: 'Gotham-Medium', sans-serif;
	display: inline-block;
	min-height: 32px;
}

.blog-item .blog-date{
	background: #00A5B5;
	color: #ffffff;
	font-family: 'Gotham-Medium', sans-serif;
	padding: 5px 15px;
	text-align: center;
	min-width: 200px;
	float: right;
	margin-top: -5px;
	margin-right: -15px;
}

.blog-item.wide h2{
	margin-right: 200px;
	display: inline-block;
}



.blog-item .button{
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.blog-item.wide{
	padding-bottom: 15px
}

.blog-item.wide .details.right{
	position:relative;
	
	padding-bottom: 55px;
} 

.blog-item.wide .button{
	bottom: 10px;
}

.blog-item.wide .blog-date{
	position: absolute;
	top: 5px;
	right: 0px;
	margin-right: 0;
}

.blog-categories{
	margin-bottom: 15px;

}

.blog-categories ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content:space-between;
	flex: 1;
	font-size: 14px /*10.5pt*/;
}

.blog-categories li{
	list-style-type:none;
	display: inline-flex;
	background: #00A5B5;
	flex-grow: 1;
	margin: 2.5px;
	align-content: center;
	font-family: 'Gotham-Medium', sans-serif;
	text-transform: uppercase;
}

.blog-categories li:first-child{
	margin-left: 0;
}

.blog-categories li:last-child{
	margin-right: 0;
}

.blog-categories a{
	color: #ffffff;
	text-decoration: none;
	padding: 5px 10px;
	text-align:center;
	flex: 1;
}

.blog-categories li:hover, .blog-categories li.active{
	background-color: #173D6E;
}

@media screen and (max-width: 470px) { 
	.news-item{
		display: block;
		text-align: center;
	}
	
	.news-item .news-image{
		width: 150px;
		padding-bottom: 150px;
		margin-top: 15px;
		display: inline-block;
	}
	
	.news-item .news-image img{
		
	}
	
	.news-item .news-text{
		width: 100%;
	}
	
	.blog-item.wide .blog-date{
		position: relative;
		top: auto;
		right: auto;
		/*margin-right: -30px;*/
	}
	
	.blog-item .blog-cat{
		margin-bottom: 15px;
	}
	
	.blog-item .blog-date{
		margin-bottom: 10px;
		/*margin-left: 15px;*/
		
	}
}

/*  ----------------------------------------------------------	*/
/*  						Contact 	 						*/
/*  ----------------------------------------------------------	*/

.form{
	background: #85868A;
	padding: 15px;
	color: #ffffff;
}

.form input, .form textarea, .form select{
	width: 100%;
	margin: 7px 0px;
	padding: 10px 10px;
}

.form .button{
	background: #00A5B5;
	border-color: #00A5B5;
}

.form input, .form textarea, .form select{
	background: #ffffff;
}

#popupOverlay, #alertOverlay{
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index:999;
	display:none;
}

.messagePopup{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 450px;
	max-width: 95%;
	padding: 25px 15px;
	background: #ffffff;
	border: 2px solid #00A5B5;
	text-align:center;
}
/*  ----------------------------------------------------------	*/
/*  					Age Verification 	 					*/
/*  ----------------------------------------------------------	*/

#modal_screen {
	position: fixed;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1100;
	background-color: rgba(0,0,0,0.7);
}

#modal_screen.nope {
	background-color: #173D6E; 
}

#modal_content {
	position: fixed;
	z-index: 1101;
	left: 50%;
	padding-top: 15px;
	padding-bottom: 25px;
	border-radius: 0%;
	width: 300px;
	max-width: calc(100% - 30px);
	
    color: #808185;
    
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    
    background-color: #000000;
    background-image: url(/images/logo-popup.png), url(/images/popup-top.png), url(/images/popup-bottom.png);
	background-position: center 4em, center 0, center bottom;
	background-repeat: no-repeat, repeat no-repeat, repeat no-repeat;
    
    border-radius: 10px;
    
    -webkit-box-shadow: -1px 0px 1px 0px rgba(0,0,0,0.75), 1px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 1px 0px rgba(0,0,0,0.75), 1px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 1px 0px rgba(0,0,0,0.75), 1px 0px 1px 0px rgba(0,0,0,0.75);
}

#modal_content .content_wrapper {
    width: 240px;
	padding-top: 4em;
	margin:3em auto 0;
	text-align: center;
}

#modal_content h2 {
	margin: 0 0 0 0;
    text-transform: uppercase;
    font-size: 21px;
}

#modal_content p {
	margin: 1em auto 0;
    font-size: 18px;
    font-weight: bold;
}

#modal_content nav {width: 100%; font-size: 16px; display:table; padding: 12px 0; box-sizing: border-box;}
#modal_content nav ul {display:table-row; width: 100%; margin:0;}
#modal_content nav li {display: table-cell; text-align: center; width: auto; padding: 4px 0;}

.av_btn.button {
    min-width: 105px;
    padding: 6px 12px;
    background: #13ACBC;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

/*  ----------------------------------------------------------	*/
/*  						Slick Slider 	 					*/
/*  ----------------------------------------------------------	*/

.slick-slider{
    position: relative;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	display:flex;
  	justify-content: center;
  	align-items: stretch;
  	flex: 1 100%;
  	flex-wrap: wrap;
}

.featured-wrap.slick-slider{
    position: static;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display:flex;
	flex: 1 100%;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
}

.slick-track:before,.slick-track:after{
    display: table;
    content: '';
}

.slick-track:after{
    clear: both;
}

.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    min-height: 1px;
}

[dir='rtl'] .slick-slide{
    float: right;
}

.slick-slide.slick-loading img{
    display: none;
}

.slick-slide.dragging img{
    pointer-events: none;
}

.slick-initialized .slick-slide{
    display: block;
}

.slick-loading .slick-slide{
    visibility: hidden;
}

.slick-vertical .slick-slide{
    display: block;
    height: auto;
   	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
	background-color: #00A5B5;
    padding: 7px 12px;
    margin-top: -10px \9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	text-align:center;
}

.slick-prev img,.slick-next img{
	height: 20px;
}

.slick-prev{
	padding-left: 10px;
}

.slick-next{
	padding-right: 10px;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
	opacity: 0.8;
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity: 1;
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-prev:before,.slick-next:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
    left: -45px;
}

[dir='rtl'] .slick-prev{
    right: -45px;
    left: auto;
}

.slick-next{
    right: -45px;
}

[dir='rtl'] .slick-next{
    right: auto;
    left: -45px;
}

@media screen and (max-width: 1200px) { 
	.slick-slider:not(#banner){
		margin: 0px 35px;
	}
	
	.hideline{
		right: 35px;
	}
	
	.slick-prev{
		left: -35px;
	}
	
	[dir='rtl'] .slick-prev{
		right: -35px;
		left: auto;
	}
	
	.slick-next{
		right: -35px;
	}
	
	[dir='rtl'] .slick-next{
		right: auto;
		left: -35px;
	}
}

@media screen and (max-width: 500px) { 
	.slick-prev img, .slick-next img{
		height: 15px;
	}
	
	.slick-slider:not(#banner){
		margin: 0px 25px;
	}
}

/*  ----------------------------------------------------------	*/
/*  						Media Queries 	 					*/
/*  ----------------------------------------------------------	*/
@media screen and (max-width: 1130px) { 
	.container{
		margin: 0px 15px;
		max-width: calc(100% - 30px);
	}
	
	.section .details{
		width: 100%;
	}
	
	.section .details.left{
		padding-right: 15px;
	}
	
	.section.right .details.right{
		padding-left: 15px;
	}
	
	.section-wrap .left a.button{
		right: 15px;
	}

}

@media screen and (max-width: 920px) { 
	#mobileBar{
		display:block;
	}
	
	#header, #topBar{
		display:none;
	}
	.js #menu, .js #menu2, .js #menu3, .js #menu4, .js #menu5 {
		display:none;
	}

	.js .slicknav_menu {
		display:block;
	}
}
@media screen and (max-width: 890px) { 
	.product-item, .cat-item{
		width:calc(33.333% - 10px);
	}

	.full-width .product-item:nth-child(4n), .full-width .cat-item:nth-child(4n){
		margin-right: 5px;
	}

	.full-width .product-item:nth-child(4n+1), .full-width .cat-item:nth-child(4n+1){
		margin-left: 5px;
	}
	
	.full-width .product-item:nth-child(3n), .full-width .cat-item:nth-child(3n){
		margin-right: 0px;
	}

	.full-width .product-item:nth-child(3n+1), .full-width .cat-item:nth-child(3n+1){
		margin-left: 0px;
	}
}



@media screen and (max-width: 800px) { 
	.payment-breadcrumb li, .breadcrumb li{
		padding-left: 10px;
		margin-right: 2px;
		margin-bottom: 2px;
	}
	
	.payment-breadcrumb li:after, .breadcrumb li:after { 
		border-top: 0px;           /* Go big on the size, and let overflow hide */
		border-bottom: 0px ;
		border-left: 0px;
		top: 0%;
		margin-top: 0px; 
	}
	
	.payment-breadcrumb li:before, .breadcrumb li:before { 
		border-top: 0px solid transparent;       
		border-bottom: 0px solid transparent;
		border-left: 0px solid white;
		top: 0%;
		left: 0%;
	}
	
	.payment-breadcrumb li.active, .breadcrumb li.active { 
		margin-left: 0px;
		padding-left: 10px;
	}
	
	.breadcrumb li{
		padding-left: 0;
	}
	
	.breadcrumb a{
		padding-left: 10px;
	}
	
	.payment-breadcrumb li.active:after, .breadcrumb li.active:after { 
		border-left: 0px;
	}
	
		
	.checkout-wrap.login .details.left, .checkout-wrap.login .details.right, .details .details.left, .details .details.right{
		display: inline-block;
		width: 100%;
		margin-right: 0px;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}
	
	.checkout-wrap.login .details.left{
		padding-right: 35px;
	}

	.checkout-wrap.login .details.right{
		padding-left: 0px;
		border-left: 0;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
		margin-bottom: 15px;
		text-align:center;
		
	}
}

@media screen and (max-width: 700px) { 	
	.full-width:after, .cat-wrap:after{
	  content: unset;
	  flex: none;
	}
	
	.product-item, .cat-item{
		width:calc(50% - 8px);
	}
	
	.product-item .image{
		min-height: 120px;
	}

	.full-width .product-item:nth-child(3n), .full-width .cat-item:nth-child(3n){
		margin-right: 5px;
	}

	.full-width .product-item:nth-child(3n+1), .full-width .cat-item:nth-child(3n+1){
		margin-left: 5px;
	}
	
	.full-width .product-item:nth-child(2n), .full-width .cat-item:nth-child(2n){
		margin-right: 0px;
	}

	.full-width .product-item:nth-child(2n+1), .full-width .cat-item:nth-child(2n+1){
		margin-left: 0px;
	}
	.section-wrap{
		display: block;
	}
	
	.section{
		width: 100%;
	}
}

@media screen and (max-width: 620px) { 
	.details{
		display: inline-block;
		width: 100%;
		margin-right: 0px;
	}
	
	.write-review{
		margin-bottom: 10px;
	}
	
	.details.left, .details.right, .checkout-wrap .details.left, .checkout-wrap .details.right, .checkout-wrap.login .details.left, .checkout-wrap.login .details.right{
		padding: 0;	
		border: 0;
	}
	
	.details .details.left, .details .details.right{
		width: 50%;
		margin-right: -5px;
	}
	
	.details .details.left{
		padding-right: 10px;
	}
	
	.details .details.right{
		padding-left: 10px;		
	}
	
	.checkout-wrap.login .details.left{
		margin-top: 15px;
		border-top: 1px solid #ECECEC;
		padding-top: 15px;
	}
	
	.register-wrap label, .checkout-wrap label, .myaccount-wrap label{
		min-width:130px;	
	}
	
	.register-wrap input, .register-wrap select, .checkout-wrap input, .checkout-wrap select, .myaccount-wrap input, .myaccount-wrap select{
		width: calc(100% - 134px)
	}

	.myaccount{
		display:block;
		width: 100%;
		margin-right: 0px;
	}
	
	.login-wrap, .register-wrap, .checkout-wrap{
		padding: 25px 15px;
	}
	
	h1{ font-size: 20px /*15pt*/; }

	h2{ font-size: 16px /*12pt*/; }

	h3{ font-size: 14.5px; /*11pt*/; }

	h4{ font-size: 13px /*10pt*/; }

	h5{ font-size: 12px /*9pt*/; }

	h6{ font-size: 11px /*8.5pt*/; }
	
	#wrapper {
		margin-bottom: auto; 
	}
	
	#footer, #wrapper::after{
		height: auto;
	}
	
	#footer{
		text-align:center;
	}
	
	.footer-left, .footer-right{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	
	#footer form{
		float: right;
		margin-top: 15px;
		max-width: 100%;
		width:100%;
		text-align:center;
		margin-bottom: 10px;
	}
	
	#footer form input{
		max-width: 250px;
	}
	
	#footer .bigtext{
		font-size: 14px /*11pt*/;
	}
	
	#footer .phone{
		font-size: 24px /*18pt*/;
	}
	#footer .social-links img{
		width: 35px;
	}
	
	.footer-right{
		border-top: 1px solid #1E1E1E;
		padding-top: 10px;
	}
	
	.sub-footer{
		margin-top: 10px;
	}

	body{
		overflow-x:hidden;	
	}
	
	.blog-item.wide .details.right{
		position:relative;
		min-height: 0px;
		padding-bottom: 55px;
		padding-top: 15px;
	}
	
	.blog-item.wide h2 {
		margin-right: 0px;
		margin-top:10px;
		display: block;
	}
}


@media screen and (max-width: 550px) {
	#mobileBar .logo-mobile{
		display:none;
	}
	#mobileBar .logo-mobile-s{
		display:block;
	}

	.payment-breadcrumb {
		margin-top: 15px;
	}
	
	.payment-breadcrumb li, .breadcrumb li{
		padding: 0px;
		background: transparent;
		font-size: 13px /*10pt*/;
	}
	
	.payment-breadcrumb li a, .breadcrumb li a{
		color: #000000;	
	}
	
	.payment-breadcrumb li:first-child, .breadcrumb li:first-child, .payment-breadcrumb li:first-child a, .breadcrumb li:first-child a{
		padding-left: 5px;
	}
	
	.payment-breadcrumb li, .breadcrumb li a{
		padding: 5px 5px;
	}
	
	.payment-breadcrumb li{
		padding: 0px 5px;
	}
	
	.payment-breadcrumb li a:hover, .breadcrumb li a:hover{
		text-decoration: underline
	}
	
	.breadcrumb li.active{ 
		background: transparent;
		padding: 0px;
		margin: 0px 5px;
		border-right: 0px;
		border-bottom: 1px solid #00A5B5;
		color: #000000;
	}
	
	.payment-breadcrumb li:last-child{
		border-right: 0;
	}
	
	.breadcrumb li.active a{
		color: #000000;
		padding: 5px 0px;
		border-bottom: 1px solid #00A5B5;
		background: transparent;
	}
	
	.payment-breadcrumb li.active{
		color: #000000;
		border-bottom: 1px solid #00A5B5;
		background: transparent;
		padding: 0px;
		margin: 0px 5px;
		border-right: 0px;
		margin-bottom: 10px;
	}
	
	.payment-breadcrumb li{
		margin-bottom: 11px;
        width: 100%;
	}
	
	.breadcrumb li.active a:hover{
		text-decoration: none;
	}
	
	.register-wrap input, .register-wrap select, .checkout-wrap input, .checkout-wrap select, .myaccount-wrap input, .myaccount-wrap select {
    width: 100%;
}
}

@media screen and (max-width: 470px) { 
	.news-item{
		display: block;
		
	}
	
	.news-item .news-image{
		width: 150px;		
		margin-top: 15px;
		display: inline-block;
	}
	
	.news-item .news-image img{
		
	}
	
	.news-item .news-text{
		width: 100%;
		text-align:justify;
		padding-bottom: 25px;
	}
}

@media screen and (max-width: 430px) { 
	.product-item .qty-wrap{
		margin-bottom: 10px;
		width: 104px
	}
	
	.product-item .qtyminus, .product-item .qtyplus{
		width: 32px;
	}

	#mobile-bar .h-basket{
		border-left: 0px;
	}	
	#footer .bigtext{
		font-size: 13px /*10pt*/;
	}

	.details .details.left, .details .details.right{
		width: 100%;
			padding-left: 0;
		padding-right: 0;
	}
}
.logo-mobile-s{
	display:none;
}
@media screen and (max-width: 500px) { 
/* Resets sticky footer */
	#wrapper {
		min-height: 0;
		margin-bottom: auto; 
	}

	#footer, #wrapper:after {
	  height: auto; 
	}
	
	#footer{
		text-align:center;
	}
	
	#footer form{
		float: none;
		margin-top: 0;
		max-width: none;
		width: 100%;
		text-align:center;
	}
	
	.logo-mobile{
		display:none;
	}
	
	.logo-mobile-s{
		display:inline-block;
	}
}

@media screen and (max-width: 370px) { 
	.product-item, .cat-item{
		width:100%;
		margin: 5px 0px;
	}

	.full-width .product-item:nth-child(3n), .full-width .cat-item:nth-child(3n){
		margin-right: 0px;
	}

	.full-width .product-item:nth-child(3n+1), .full-width .cat-item:nth-child(3n+1){
		margin-left: 0px;
	}

	
}