@import url(http://fonts.googleapis.com/css?family=Raleway:100,300);
@font-face {
	font-family: HN-Bold;
	src: url(../fonts/HelveticaNeueLTStd-Bd.otf);
 }

@font-face {
	font-family: 'HN-Light';
	src: url(../fonts/HelveticaNeueLTStd-Lt.otf);
 }

@font-face {
	font-family: HN-LightItalic;
	src: url(../fonts/HelveticaNeueLTStd-LtIt.otf);
 }

@font-face {
	font-family: HN-Medium;
	src: url(../fonts/HelveticaNeueLTStd-Md.otf);
 }

body {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
 }

h1,h2,h3,h4,h5,h6, legend {
	font-family: "Raleway", sans-serif;
	font-weight: 100;
 }

p {color: #666;}

/* ==========================================================================
   Top Nav
   ========================================================================== */
.top-bar-section ul li > a {
	display: block;
	width: 100%;
	color: white;
	padding: 12px 0 12px 0;
	padding-left: 15px;
 }

li.outline a {
	border-left: 1px solid #333333 !important;
	border-right: 1px solid #333333 !important;
	background: #212121 !important;
}

li.border-right a {
	border-right: 1px solid #333333 !important;
}

.top-bar-section ul li > a {text-transform: uppercase; background: #000;}

.top-bar {
	height: 70px;
	line-height: 70px;
	background: #000000;
 }

.top-bar-section li:not(.has-form) a:not(.button) {line-height: 70px; font-size: 12px; background: #000000;}

.top-bar .name {
	height: 70px;
	width: 67px;
	margin-right: 40px;
 }

	.top-bar .name h1 {line-height: 70px;}

		.top-bar .name h1 a {
			width: 67px;
			background: url("../img/3m.png") no-repeat center left;
			text-indent: -9999px;
		 }

#navLogin, #navFacebook, #navYoutube, #navCart {
	display: none;
}

/* Everything below 900px not shown */
@media only screen and (max-width: 64em) {
ul.right { 
display: none;
}
}

@media only screen and (max-width: 40em) {
ul.right { 
display: block;
}

#navLogin, #navFacebook, #navYoutube, #navCart {
	display: block;
}

#navLoginIcon, #navFacebookIcon, #navYoutubeIcon, #navCartIcon {
	display: none;
}

li.outline a {
	border: 0 !important;
	background: #000000 !important;
}

}

 @media only screen and (max-width: 40em) {
.nav.column,  .nav.columns {
	padding: 0;
}
}

.top-bar-section .has-form {
	padding: 0;
}


/* ==========================================================================
   Parallax Scroll (Mobile)
   ========================================================================== */
body, html {
	height: 100%;
	min-height: 100%;
 }

body {}

.no-js {padding-top: 106px;}

h2 {margin-top: 0;}

.loading {background: url('../img/ico_loading.gif') no-repeat center center;}

section {opacity: 0;}

.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
 }

main {overflow-x: hidden;}

#preload {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
 }

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
 }

.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
 }

.hsContent {
	max-width: 80%;
	margin: -150px auto 0 auto;
	display: table-cell;
	vertical-align: middle;
	padding: 0 8%;
	text-align: center;
 }

#slide-1 .hsContent h2 {
	font-family: "Raleway", sans-serif;
	font-weight: normal;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.5rem;
 }

#slide-1 .hsContent p {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 100;
 }

#slide-1 .hsContent .button {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	margin-top: 10px;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }

#slide-3 .hsContent h2 {
	font-family: "Raleway", sans-serif;
	color: #fff;
	font-weight: 100;
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin: 20px 0;
 }

#slide-3 .hsContent p {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 100;
	color: #fff;
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 0;
 }

#slide-4 .hsContent h2 {
	font-family: "Raleway", sans-serif;
	font-weight: 100;
	color: #000000;
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin-bottom: 20px;
 }

#slide-4 .hsContent p {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 200;
	color: #333333;
	font-size: 16px;
	line-height: 16px;
	font-weight: 100;
 }

#slide-4 .hsContent div.author {
	color: #333333;
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	margin-top: 20px;
 }

/* Slide 1 */
#slide-1 {height: 300px !important;}

	#slide-1 .bcg {background-image: url('../img/slider-1.jpg')}

	#slide-1 .hsContent {}

/* Slide 2 */
#slide-2 .bcg {
	background: none;
	background-color: #fff;
	text-align: center;
 }

#slide-2 .hsContent {}

/* Slide 3 */
#slide-3 {height: 200px !important;}

	#slide-3 .bcg {background-image: url('../img/bcg_slide-1.jpg');}

	#slide-3 .hsContent {}

/* Slide 4 */
#slide-4 {height: 200px !important;}

	#slide-4 .bcg {
		background-image: url('../img/slider-3.jpg');
		background-position: center center;
	 }

	#slide-4 .hsContent {}

/* ==========================================================================
   Parallax Scroll (Desktop)
   ========================================================================== */
@media only screen and (min-width: 768px) {

.bcg {
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;
        width: 100%;
    }

section {min-width: 768px;}

.hsContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
 }

.hsContent {
	max-width: 450px;
	margin: -150px auto 0 auto;
	display: table-cell;
	vertical-align: middle;
	color: #ebebeb;
	padding: 0 8%;
	text-align: center
 }

#slide-1 .hsContent, #slide-2 .hsContent, #slide-3 .hsContent, #slide-4 .hsContent {
	bottom: 200px;
	top: auto;
	margin-left: -80px;
 }

#slide-1 {height: 500px !important;}

	#slide-1 .hsContent h2 {
		font-size: 2rem;
		line-height: 2rem;
	 }

	#slide-1 .hsContent p {
		width: 100%;
		font-size: 1.5rem;
		line-height: 1.5rem;
	 }

#slide-3 {height: 300px !important;}

	#slide-3 .hsContent h2 {
		font-size: 2rem;
		line-height: 2rem;
		margin-bottom: 20px;
	 }

	#slide-3 .hsContent p {
		width: 80%;
		margin: 0 auto;
		font-size: 1.5rem;
		line-height: 1.5rem;
	 }

#slide-4 {height: 300px !important;}

	#slide-4 .hsContent h2 {
		font-size: 2rem;
		line-height: 2rem;
		margin-bottom: 20px;
	 }

	#slide-4 .hsContent p {
		width: 80%;
		margin: 0 auto;
		font-size: 16px;
		font-weight: 200;
		line-height: 16px;
	 }

	#slide-4 .hsContent div.author {
		color: #333333;
		font-size: 14px;
		line-height: 14px;
		font-weight: bold;
		margin-top: 20px;
	 }
	}

button {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 200;
	background: #ee192d;
	text-transform: uppercase;
}

a.button {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 200;
	background: #ee192d;
	text-transform: uppercase;
}

button i {
	margin-right: 15px;
margin-left: -10px;
}

button.cart, a.terms {
	font-size: 12px;
	padding: 15px 25px;
}

a.terms {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 200;
	background: #fff;
	text-transform: uppercase;
	color: #000;
	box-shadow: 0 0 0 4px #000 inset;
}

a.terms:hover {
	background: #fff;
	color: #000;
}

a.frontOrder {
	display: inline-block;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 200;
	background: none;
	border: 1px solid white;
	text-transform: uppercase;
	outline: 0;
	padding: 10px 20px;
	color: #fff;
	margin-top: 20px;
 }

	a.frontOrder:hover, a.frontOrder:focus {
		background: white;
		color: #333333;
	 }

/* ==========================================================================
   index.html: intro-row
   ========================================================================== */
.row.intro-row {
	text-align: center;
	margin-top: 50px;
 }

	.row.intro-row p {
		font-weight: 100;
		color: #999;
		font-style: italic;
	 }

/* ==========================================================================
   index.html: box-row;
   ========================================================================== */
.row.box-row {
	margin: 0 auto 50px;
	padding: 0 auto;
	text-align: center;
	position: relative;
	width: 100%;
 }

	.row.box-row .panel {padding: 40px 20px;}

		.row.box-row .panel p {
			font-family: "Raleway", sans-serif;
			font-weight: 100;
			font-size: 18px;
			text-align: center;
			color: #666666;
			text-transform: uppercase;
		 }

	.row.box-row img {
		margin-bottom: 20px;
		height: 70px;
	 }

/* ==========================================================================
   footer-row;
   ========================================================================== */


input[type=submit], a.reset {
	border: 1px solid #555555;
	text-transform: uppercase;
	outline: 0;
	background: #262626;
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	float: right;
	margin-left: 10px;
 }

input[type=submit]:hover, a.reset:hover {
	color: #d40a1d;
}


 select {
 	color: rgba(0, 0, 0, 0.75);
 }

footer {
	padding: 50px 0;
	background: #262626;
 }

.row.footer-row i {
	color: #fff;
}

.row.footer-row .side-nav {
	padding: 0;
}

.row.footer-row .side-nav li a:not(.button) {
	padding: 0;
}
.row.footer-row {background: #262626;}

	.row.footer-row h3 {
		color: white;
		text-transform: uppercase;
		font-size: 18px;
		font-family: "Raleway", sans-serif;
	 }

	.row.footer-row p {
		color: white;
		font-size: 16px;
		font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	 }

	.row.footer-row a, .row.footer-row ul.side-nav li a {color: #ccc; text-decoration: underline; font-weight: 300;}
	.row.footer-row a:hover, .row.footer-row ul.side-nav li a:hover {color: #ee192d;}


	.row.footer-row ul.contact-links li strong {
		font-weight: 300;
		color: #cccccc;
	 }

	.row.footer-row ul.contact-links li {
		margin-bottom: 10px;
		font-weight: 300;
		color: #999999;
		font-size: 14px;
	 }

	 .row.footer-row p {
	 	color: #999999;
	 	font-size: 14px;
	 	font-weight: 300;
	 }

		.row.footer-row ul.contact-links li.address {list-style-image: url('../img/address.png');}

		.row.footer-row ul.contact-links li.email {list-style-image: url('../img/email.png');}

		.row.footer-row ul.contact-links li.tel {list-style-image: url('../img/tel.png');}

/* ==========================================================================
   navigation (breadcrumbs)
   ========================================================================== */
.navigation {
	background: #ededed;
	padding-top: 30px;
 }

	.navigation h3 {
		font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		color: #333333;
		font-size: 30px;
		margin-bottom: 0px;
	 }

	.navigation ul {
		list-style-type: none;
		margin-left: 0;
	 }

		.navigation ul li {
			font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
			display: inline-block;
			;
			color: #666666;
			font-size: 12px;
		 }

			.navigation ul li i.icon-home {
				width: 17px;
				height: 13px;
				background: url('../img/home.png') no-repeat top left;
				display: block;
			 }


			 .breadcrumbs {
			 	border: none;
			 	padding: 0;
			 	padding-top: 10px;
			 	background: transparent;
			 }

/* ==========================================================================
   title-row
   ========================================================================== */
.row.title-row {
	text-align: center;
	margin-top: 50px;
 }

	.row.title-row h1 strong {color: #ed172b;}

	.row.title-row h4 {
		font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		color: #999999;
		font-style: italic;
		font-size: 14px;
	 }

	.row.title-row p {
		color: #999999;
		font-style: italic;
	 }

/* ==========================================================================
   items-row
   ========================================================================== */
.row.items-row {
	margin-top: 30px;
	text-align: center;
 }

@media only screen and (min-width: 768px) {
	.row.items-row {
		text-align: left;
	}
}

	.row.items-row h3 {font-size: 25px;}

		.row.items-row h3 strong {color: #ed172b;}

	.row.items-row h4 {
		text-transform: uppercase;
		font-size: 16px;
	 }

	.row.items-row p {
		font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-style: italic;
		font-weight: 200;
	 }

	/* ==========================================================================
   description-row
   ========================================================================== */
.row.description-row h3 {font-size: 25px;}

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

		.row.description-row h3 strong {color: #ed172b;}

	.row.description-row p, .row.description-row ul li, .row.description-row ol li {
		font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 200;
		color: #666666;
	 }

	 .row.description-row form {
	 	margin-top: 15px;
	 }

	/* ==========================================================================
   more-links-row
   ========================================================================== */
.row.more-links-row strong {
		font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
		font-weight: 200;
		text-transform: uppercase;
		color: #000;
	 }

	.row.more-links-row ul {
		margin-top: 10px;
		list-style-image: url("../img/arrow.jpg");
	 }

		.row.more-links-row ul li a {
			font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
			font-weight: 200;
		 }

	/* ==========================================================================
   contact-row
   ========================================================================== */
.row.contact-row p strong {color: #ed172b;}

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


	/* ==========================================================================
   mat-row
   ========================================================================== */

   .row.mat-row {
   	margin-bottom: 20px;
   }
   .row.mat-row h6{
   	color: #000;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
			font-weight: 200;
			text-transform: uppercase;
			margin-top: 20px;
			padding-bottom: 5px;
			border-bottom: 1px solid #ccc;
   }

   .row.mat-row img {
   	margin-right: 10px;
   	margin-bottom: 10px;
   }

#seticon {
	margin-top: 25px;
}

	/* ==========================================================================
   Other Styles
   ========================================================================== */

   a:hover {
   	color: #d40a1d;
   }
.panel {
		border-style: none;
		margin-bottom: 1.25rem;
		padding: 1.25rem;
		background: #f0f0f0;
	 }

	.red {color: #ed152a !important;}

hr {
	background: #666666;
	border: 0;
	height: 1px;
 }

	hr.greyHR {
		background: #cccccc;
		border: 0;
		height: 1px;
	 }

.spacer {
	background: url('../img/border.jpg') center center no-repeat;
	width: 204px;
	height: 1px;
	margin: 20px auto;
	text-align: center;
 }

.spacer2 {
	background: url('../img/border2.jpg') center center no-repeat;
	width: 102px;
	height: 1px;
	margin: 20px 0;
	text-align: center;
 }

 .progressLine1 {
 	background: url('../img/order/progressLine1.jpg') center center no-repeat;
	height: 1px;
	margin: 10px 0 50px;
	text-align: center;
 }

 .progressLine2 {
 	background: url('../img/order/progressLine2.jpg') center center no-repeat;
	height: 1px;
	margin: 10px 0 50px;
	text-align: center;
 }

 .progressLine3 {
 	background: url('../img/order/progressLine3.jpg') center center no-repeat;
	height: 1px;
	margin: 10px 0 50px;
	text-align: center;
 }

.fullWidth {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
 }

 .image {
 	text-align: center;
 	margin: 0 auto;
 }

 label span {
 	font-style: italic;
 	font-size: 10px;
 	vertical-align: middle;
 }

 tbody td p {
 	font-size: 12px;
 	color: #000000;
 	font-style: italic;
 	margin: 0;
 }

td i.info {
	font-size: 10px;
 	color: #000000;
 	font-style: italic;
 	margin: 0;
}

 .wts_comment, .wts_reply {
 	
 	text-align: justify;
 	padding: 10px;
 	font-size: 14px;
 }

 .wts_comment span, .wts_reply span {
 	display: block;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
 }

 .error.mpvsuv_bootmat {
 	background: #f04124;
 }

 .panel.orderDescription p {
 	font-size: 12px;
 	color: #000000;
 	font-style: italic;
 }

 #loginform {
 	margin: 0;
 }

 ul#logoutButtons li {
 	text-align: center;
 	padding: 0;
 }

 ul#logoutButtons {
 	margin-top: 20px;
 }

 ul#logoutButtons li a {
 	width: 80%;
 }

 table.responsive a.button.tiny {
 	margin: 0;
 }

#carcategory_0, #carcategory_1 {
	display: none;
}

.carcategoryLabel {
	margin: 0 !important;
}

#viewOrderBack {
	margin: 0 0 20px 0;
}

.loosePieceOptions .imgColumn {
	margin-top: 8px;
padding-left: 0;
}
/* ==========================================================================
   Social Media Links
   ========================================================================== */
ul.social {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
 }

	ul.social li {
		display: inline-block;
		margin: 0 15px;
	 }

	ul.social i.icon-facebook {
		width: 7px;
		height: 14px;
		background: url('../img/social/facebook.png') no-repeat top left;
		display: block;
	 }

	ul.social i.icon-twitter {
		width: 14px;
		height: 11px;
		background: url('../img/social/twitter.png') no-repeat top left;
		display: block;
	 }

	ul.social i.icon-youtube {
		width: 13px;
		height: 15px;
		background: url('../img/social/youtube.png') no-repeat top left;
		display: block;
	 }

	ul.social i.icon-rss {
		width: 12px;
		height: 12px;
		background: url('../img/social/rss.png') no-repeat top left;
		display: block;
	 }

	ul.social i.icon-google {
		width: 14px;
		height: 15px;
		background: url('../img/social/google.png') no-repeat top left;
		display: block;
	 }

	 ul.social li em {
	 	color: #FFFFFF;
	 }

.delivery-timing-table{
	 width: 100%;
}	 

.delivery-timing-table th{
	font-weight: bold;
	text-align: center;
}

.delivery-timing-table td.date{
	text-align: center;
}

.timeslot {
	background: #C8FEF4;
	display: block;
	height: 30px;
	cursor: pointer;
}

.timeslot.selected {
	border: 2px #444 solid;
}

.timeslot.not-avail {
	background: #B63636;
	cursor: auto;
}

.timeslot.legend {
	width: 30px;
	display: inline-block;
	vertical-align: middle;
	border: 1px #444 solid;
}