// @import "partials/normalize";
@import "partials/variables";
@import "partials/mixins";
@import "partials/grid";
@import "partials/responsive";
@import "partials/defaults";
@import "partials/slideshow";
@import "partials/typography";
@import "partials/menu"; // All Menu Styles
@import "partials/animate";

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 100px;
	right: 20px;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(198,12,48,.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;

	&.cd-is-visible {
		/* the button becomes visible */
		visibility: visible;
		opacity: 1;

		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;

		&:hover {

			background-color: $red;
			opacity: 1;
		}
	}

	&.cd-fade-out { 
		 /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  		opacity: .5;
	}

	// &.cd-is-visible,
	// &.cd-fade-out {
	// 	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	// 	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	// 	transition: opacity .3s 0s, visibility 0s 0s;
	// }

	i {
		position: relative;
	    display: block;
	    right: 30px;
	    font-size: 20px;
	    top: 10px;
	    color: #fff;
	}
}

header {

	&.full {
		position: fixed;
		z-index: 10000;
		// background: $medGrey;
		// border-bottom: 1px solid $medGrey;

		@include bp(mobile) {
			bottom: 0;
		}

		.container {
			// padding: 0px $gutter 0px $gutter;
			// max-width: 1100px;
			background: rgba(0,0,0, 0.9);
			z-index: 100;

			#logo {
				padding: 0;
				float: left;
				margin-right: 40px;
				display: none;

				h1 {
					margin: 0;
					padding: 0;

					img {
						width: 66px;
						height: auto;
						display: block;				
					}
				}
			}		
		}
	}
}

.page-template-landing,
.page-template-learn-more,
.page-template-product-details {

	section {

		&#shopLanding,
		&#shopDetails {

			#main {
				padding-top: 154px;

				section {

					&.animateBlock {
						margin-top: 20px; 
						
						article {
							opacity: 0;
							background: #f1f1f1;
							min-height: 300px;
							margin-bottom: 20px;
						}
					}

					&.animateLayers {
						position: relative;

						article {

							.inner {

								.infoContainer {
									max-width: 500px;
								    margin: 40 auto 0 auto;
								    text-align: center;

								    h2 {
							    		position: relative;
						    			top: -20px;
						    			opacity: 0;
						    			font-weight: 100;
						    			margin: 0;
							    	}

							    	p {
							    		opacity: 0;
							    	}
								}

								ul {
									position: relative;
									width: 100%;
									max-width: 1400px;
									margin: 40px auto 0 auto;

									li {
										width: 70%;
										top: -800px;
										position: absolute;
										display: inline-block;
										list-style: none;
										opacity: 0;

										&.item1 {
											left: -120px;
										}

										&.item2 {
											left: -50px;
										}

										&.item3 {
											left: 20px;
										}

										&.item4 {
											left: 80px;
										}

										img {

										}
									}
								}
							}
						}
					}

					&.animateItems {
						position: relative;

						article {

							.inner {

								.infoContainer {
									max-width: 500px;
								    margin: 40px auto 0 auto;
								    text-align: center;

								    h2 {
							    		position: relative;
						    			top: -20px;
						    			opacity: 0;
						    			font-weight: 100;
						    			margin: 0;
							    	}

							    	p {
							    		opacity: 0;
							    	}
								}

								ul {
									position: relative;
									width: 100%;
									max-width: 1400px;
									margin: 0px auto 0 auto;

									li {
										width: 33%;
										display: inline-block;
										list-style: none;
										position: relative;
										opacity: 0;

										&.item1 {
											right: 400px;
											top: -300px;
										}

										&.item2 {
											top: -300px;
										}

										&.item3 {
											left: 400px;
											top: -300px;
										}

										img {

										}
									}
								}
							}
						}
					}
				}

				article {
					position: relative;
					background-size: cover; 

					&:last-child {

						.container {

							&.auto {
								border-bottom: none;
							}
						}
					}

					.container {
						// max-width: 1350px;
						margin: 0 auto;

						&.fullWidth {
							max-width: 1875px;

							.inner {

								&.top-left,
								&.center-left {
									margin-left: 10%;

									&.auto {
										margin-left: 0;
									}
								}	

								&.center-right {
									margin-right: 10%;

									&.auto {
										margin-right: 0;
									}
								}	
							}
						}

						&.fixedWidth {
							max-width: 1350px;
						}

						&.tall {
							min-height: 750px;
						}

						&.thin {
							min-height: 568px;
						}

						&.auto {
							min-height: auto;
							padding: 40px 0;
							border-bottom: 1px solid #cccccc;
							max-width: 1000px;
						}
					}

					// &:nth-of-type(2) {
					// 	background-position: center 600px;
					// 	background-color: white !important;
					// }

					&.single {

						&.white {
							background: white;
						}

						&.grey {
							background: #f2f2f2;
						}

						.two-colContainer {
							max-width: 1100px;
							width: 100%;
							margin: 0 auto;
							overflow: hidden;
							display: table; 

							.col.six {
								margin: 0 auto;
								opacity: 0;

								&.tall {
									height: 750px;

									.inner {
										height: 750px;
									}
								}

								&.thin {
									height: 568px;

									.inner {
										height: 568px;
									}
								}

								.inner {
									text-align: left;
									display: table-cell;
									vertical-align: middle;
									overflow: hidden;
									padding: 0 0 0 20px;

									&.center {
									text-align: center;
									}

									&.left {
										text-align: left;

										h2 {
											text-align: left;
										}
									}

									&.right {
										text-align: right;

										h2 {
											text-align: right;
										}
									}

									h2 {
										margin: 0px 0 0;
										z-index: 10;
										font-size: em(56,16);

										&.white {
											color: white;
											text-shadow: 0px 1px 3px black;
										}
									}

									p {
										margin-top: 0;
										z-index: 10;
									}

									a {
										margin-right: 20px;
										padding: 10px 20px;
										text-align: center;
										font-weight: 400;
										color: $dark-black;
										border: 1px solid $dark-black;
										font-size: em(14,16);
										display: inline-block; 

										// -webkit-transition: all 200ms ease-out;
										// -moz-transition: all 200ms ease-out;
										// -o-transition: all 200ms ease-out;
										// transition: all 200ms ease-out;

										&:hover {
											border-color: $red;
											color: $red;
											cursor: pointer;
										}

										&:last-child {
											margin-right: 0;
										}

										&.buyNow {
											color: white;
											background: $green; 
											border-color: $green;
											font-weight: 600;

											// &:hover {
											// 	background: white;
											// 	color: $dark-black;
											// }
										}
									}
								}
							}
						}

						.inner {
							max-width: 800px;
							margin: 0 auto;
							overflow: hidden;
							display: table; 

							&.tall {
								min-height: 750px;
							}

							&.thin {
								min-height: 568px;
							}

							&.auto {
								min-height: auto;
								padding: 40px 0;
							}

							&.top-right {
								float: right;
								margin-right: 4%;
								padding-top: 4%;
							}

							&.top-left {
								float: left;
								margin-left: 4%;
								padding-top: 4%;
							}

							&.top {
								float: none;
								padding-top: 4%;
							}

							&.center {

								.infoContainer {
									vertical-align: middle;
								}
								
							}

							&.center-right {
								float: right;
								margin-right: 2%;

								.infoContainer {
									vertical-align: middle;
								}
							}	

							&.center-left {
								float: left;
								margin-left: 2%;

								.infoContainer {
									vertical-align: middle;
								}
							}	

							&.bottom {
								// padding-bottom: 4%;

								.infoContainer {
									vertical-align: bottom;
								}
							}

							&.bottom-left {
								padding-bottom: 4%;
								float: left;
								margin-left: 4%;
								
								.infoContainer {
									vertical-align: bottom;
								}
							}

							&.bottom-right {
								padding-bottom: 4%;
								float: right;
								margin-right: 4%;
								
								.infoContainer {
									vertical-align: bottom;
								}
							}

							.infoContainer {
								max-width: 800px;
								margin: 0 auto;
								text-align: center;
								display: table-cell;

								&.wide {
									max-width: 800px;
								}

								&.thin {
									max-width: 500px;
								}

								&.center {
									text-align: center;
								}

								&.left {
									text-align: left;

									h2 {
										text-align: left;
									}
								}

								&.right {
									text-align: right;

									h2 {
										text-align: right;
									}
								}

								.rotate {
								// 	-webkit-transform: rotate(90deg);
								//     -moz-transform: rotate(-90deg);
								//     -ms-transform: rotate(90deg);
								//     -o-transform: rotate(90deg);
								//     transform: rotate(90deg);

								    position: absolute;
								    top: 0;
								    left: 0;
								}

								img {
									// max-width: 250px;
									width: auto;
									max-width: 100%;
								}

								h2 {
									margin: 0px 0 0;
									z-index: 10;
									font-size: em(56,16);

									&.white {
										color: white;
										text-shadow: 0px 1px 3px black;
									}

									&.red {
										color: $red;
									}

									&.blue {
										color: $blue;
									}
								}

								p {
									margin-top: 0;
									z-index: 10;

									&.black {
										color: $light-black;
									}

									&.white {
										color: white;
									}
								}

								a {
									margin-right: 20px;
									padding: 10px 20px;
									text-align: center;
									font-weight: 400;
									color: $dark-black;
									border: 1px solid $dark-black;
									font-size: em(14,16);
									display: inline-block; 

									// -webkit-transition: all 200ms ease-out;
									// -moz-transition: all 200ms ease-out;
									// -o-transition: all 200ms ease-out;
									// transition: all 200ms ease-out;

									// &:hover {
									// 	border-color: $blue;
									// 	color: $blue;
									// 	cursor: pointer;
									// }

									&:last-child {
										margin-right: 0;
									}

									&.buyNow {
										color: white;
										background: $green; 
										border-color: $green;
										font-weight: 600;

										// &:hover {
										// 	background: white;
										// 	color: $dark-black;
										// }
									}
								}
							}
						}
					}

					@include bp(mobile) {

						&.single {

							.two-colContainer {

								.col {

									&.six {

										&.thin {
											height: auto;
											margin: 0;

											.inner {
												height: auto;
											}
										}

										&.tall {
											height: auto;
											min-height: 100%;
											margin: 0;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

.page-template-landing {

	section {

		&#shopLanding,
		&#shopDetails {

			#main {
				padding-top: 0;
			}
		}

		&#shopLanding {

			#main {

				article {

					&:first-child {

						&.single {

							.inner {
								max-width: 800px; 

								&.top {

									.infoContainer {
										padding-top: 28%; 
									}
								}
							}
						}
					}

					&.single {

						.inner {
							max-width: 500px; 

							&.center {
								max-width: 800px;
							}
						}
					}
				}
			}
		}		
	}			
}

.page-template-learn-more {

	section {

		&#shopDetails {

			#main {

				article {

					&.single {

						.inner {

							.infoContainer {

								&.left,
								&.right {
									max-width: 500px;
								}

								img {
									display: block;
									margin: 0 auto;
									width: auto;
									max-width: 100%;
								}
							}
						}
					}
				}
			}
		}	
	}
}

.page-template-product-details {

	section {

		&#shopLanding,
		&#shopDetails {

			#main {
				padding-top: 154px;

				article {
					display: table;
					width: 100%;
					margin-bottom: 0;

					&.single {

						&.first {
							opacity: 0;
						}

						.inner {
						    height: 100%;
						    width: 100%;

						    &.auto {
						    	margin: 0 auto;
						    }

						    .infoContainer {
						    	max-width: 800px;

						    	h2 {
						    		color: $red;
						    		position: relative;
					    			// top: -20px;
					    			// opacity: 0;
					    			font-weight: 100;
						    	}

						    	p,
						    	.learnMore {
						    		//color: $light-black;
						    		font-size: em(22,16);
						    		line-height: 28px;
						    		position: relative;
					    			// top: 20px;
					    			// opacity: 0;

					    			&.white {
					    				color: white;
					    			}
						    	}

						    	ul {
					    			padding: 0;
					    			margin: 0;

					    			li {
					    				display: inline-block;
					    				margin-right: 20px;

					    				&:last-child {
					    					margin-right: 0;
					    				}

					    				img {
					    					font-size: em(120,16);
					    					position: relative;
					    					top: 20px;
					    					opacity: 0;
					    					max-width: 150px;
					    					height: auto;
					    				}
					    			}
					    		}

						    	&.two,
						    	&.four {
						    		position: relative;

						    		img {
						    			width: 400px;
    									height: 0;
						    		}

						    		p,
						    		.learnMore {
						    			position: relative;
						    			top: 20px;
						    			opacity: 0;
						    		}
						    	}

						    	&.three {

						    		h2 {
						    			position: relative;
						    			top: -20px;
						    			opacity: 0;
						    		}

						    		img {
						    			width: 400px;
    									height: 0;
						    		}

						    		p,
						    		.learnMore {
						    			position: relative;
						    			opacity: 0;
						    		}

						    		ul {
						    			padding: 0;
						    			margin: 0;

						    			li {
						    				display: inline-block;
						    				margin-right: 50px;

						    				&:last-child {
						    					margin-right: 0;
						    				}

						    				i {
						    					font-size: em(120,16);
						    					position: relative;
						    					top: 20px;
						    					opacity: 0;
						    				}
						    			}
						    		}
						    	}

						    	&.waypointActive {
							    	opacity: 1;
							    }

						    	h2 {
						    		font-size: em(56,16);
						    	}
						    }
						}
					}
				}
			}
		}
	}				
}

.page-template-learn-more,
.page-template-product-details {

	#subNav { display: none; }

	#main { padding-top: 0px !important; }

	#pageNav {
		border-bottom: 1px solid #e1e1e1;
		//top: 54px;
	    //position: fixed;
	    width: 100%;
	    z-index: 20;
	    background: rgba(247,247,247,.9);

		.inner {
			max-width: 1000px;
			margin: 0 auto;
			overflow: hidden;

			.left {
				float: left;
				width: 30%;

				@include bp(mobile) {
					width: 100%;
					float: none;
					text-align: center;
				}
			}

			.right {
				float: right;
				width: 68%;

				.buyNow {
					color: white;
					padding: 8px 16px;
					text-align: center;
					font-weight: 600;
					border: 1px solid $green;
					font-size: em(14,16);

					background: $green; 
				}

				@include bp(mobile) {
					display: none;
				}
			}

			h1 {
				margin: 0;
			    font-size: em(24,16);
			    padding: 10px 0;
			    color: $dark-black;
			    position: relative;
			    top: 3px;
			}

			ul {
				float: right;

				li {
					list-style: none;
					display: inline-block;
					margin-right: 20px;

					&:last-child {
						margin-right: 0;
					}

					a {
						color: $dark-black;
						font-size: em(13,16);
						font-weight: 400;

						&:hover {
							color: $blue;
						}
					}
				}
			}
		}
	}
}

section {

	.faqList {
		margin: 0 auto;
		padding: 0;
		list-style: none;
		max-width: 900px;	

		li {
			display: block;
			border-top: 1px solid $light-grey;

			&:last-child {
				border-bottom: 1px solid $light-grey;
			}

			&:hover {

				p {

					span {

						i {
							color: $blue;
						}
					}
				}
			}

			p {

				span {

					&.open {
						float: right;
						color: $dark-black;
					}
				}

				&.question {
					color: $blue;
					cursor: pointer;
					margin: 0;
					padding: 20px 0;

					&:hover {
						text-decoration: underline;
					}
				}

				&.answer {
					display: none;
				}
			}
		}
	}

	&#printCustomizer {

		.block {
			margin: 0 auto;
			max-width: 1000px;

			&:first-child {
				margin-top: 60px;
			}
		}
	}

	&#shopByCategory {
		background: #1d1d1d;

		.container {
			max-width: 1000px;
			margin: 0 auto;
			text-align: center;

			h2 {
				margin-bottom: 0;
				font-size: em(56,16);
				color: white;
			}

			p {
				margin-top: 0;
				color: $red;
			}

			ul {
				margin: 20px 0 60px;
				padding: 0;
				overflow: hidden;

				li {
					list-style: none;
					margin: 10px 0;

					&:first-child {
						margin-right: 0;
					}

					a {
						color: #f1f1f1;
						font-weight: 400;

						&:hover {
							color: $light-black;
						}
					}
				}
			}
		}
	}

	&#wire {
		text-align: center;

		.download {
			border: 2px solid $light-grey;
		    padding: 20px 40px;
		    display: inline-block;
		    color: #666666;
		    background: white;
		    border-radius: 4px;

		    &:hover {
		    	color: $red;

		    	i {
		    		color: $red;
		    	}
		    }

		    i {
		    	display: block;
		    	font-size: em(60,16);
		    	margin-top: 20px;
		    }
		}

		.issueList {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		h2 {
			color: $blue;


		}
	}

	.container {

		h2 {
			font-size: em(38,16); 
			text-align: center;
			color: $dark-black;

			@include bp(mobile) {
		        font-size: 160%;
		    }
		}

		#sideBar {
			margin-top: 20px;
		}

		#team {
			margin-bottom: 40px; 
			overflow: hidden;

			ul {
				margin: 0;
				padding: 0;

				li {
					list-style: none;
					min-height: 300px;
					border: 1px solid $light-grey;
					margin-bottom: 10px;

					&.last {
						margin-right: 0;
					}
				}
			}
		}
	}

	&#slideshow {
		padding: 0;
		max-height: 798px;
		min-height: 798px;

		@include bp(mobile) {
			max-height: 350px;
			min-height: 350px;
			overflow: hidden;
		}
	}

	&.full {
		// padding: 0px $gutter 0px $gutter;
	}
}

.home {

	.wrapper {
		min-height: auto;
	}

	section {

		&#shopByCategory {
			margin-top: 0;
		}

		&.full {

			.container {

				#loginform {
					position: absolute;
				    left: 50px;
				    top: 400px;
				    z-index: 20;
				    background: white;
				    padding: 40px;
				}

				#main {

					h1,
					h2 {
						font-size: em(38,16); 
						text-align: center;
						color: $blue;
					}

					p {
						max-width: 430px;
						margin: 0 auto;
						text-align: center;
						margin-bottom: 20px
					}

					.gmap {
						margin: 0 auto;
						display: block;
					}
				}
			}
		}

		&#slideshow {

			.slideImg {
				min-height: 798px;
				display: table;
				width: 100%;

				@include bp(mobile) {
					min-height: 350px;
					background-size: 230% !important;
				}

				.inner {
					max-width: 1000px;
					margin: 0 auto;
					display: table-cell;
					vertical-align: middle;

					&.light {
						background: white;
					}

					&.dark {
						background: $dark-black;
					}

					img {
						height: auto;
						max-width: 700px;
						margin: 0 auto;
					}

					.textBlock {
						max-width: 800px;
						margin: 0 auto;
						text-align: center;
						color: white;

						h2 {
							color: white;
							font-size: em(70,16);
							margin: 0;
							text-shadow: 0px 1px 10px black;

							&.dark {
								color: $dark-black;
								text-shadow: 0 1px 10px #999999;
							}
						}

						h3 {
							color: white;
							font-size: em(36,16);
							margin: 0;
							text-shadow: 0px 1px 10px black;

							&.dark {
								color: $dark-black;
								text-shadow: 0 1px 10px #999999;
							}
						}

						a {
							background: $red;
							font-size: em(14,16);
							color: white;
						    padding: 10px 20px;
						    margin-right: 10px;
						    margin-top: 10px;
						    display: inline-block;
    						font-weight: 400;

						    &:last-child {
						    	margin-right: 0;
						    }
						}
					}
				}
			}
		}

		&#productPreview {
			margin: 4px auto;
			background: $grey;

			.container {
				max-width: 1875px;
				margin: 0 auto;

				.list {

					ul {
						margin: 0;
						padding: 0;

						li {
							list-style: none;
							width: 25%; 
							float: left;
							border-right: 4px solid white;

							@include bp(mobile) {
								width: 100%;
								float: none;
								border-right: none;
								border-bottom: 4px solid white;

								&:last-child {
									border-bottom: none;
								}
							}

							&:last-child {
								border-right: none;
							}

							a {
								height: 200px;
								display: block;
								font-size: 0;
								line-height: 0;

								&:before {
									content: "";
									position: absolute;
									width: 100%;
									height: 100%;

									-webkit-transition: 300ms ease-out;
								    -moz-transition: 300ms ease-out;
								    -o-transition: 300ms ease-out;
								    transition: 300ms ease-out;
								}

								&:hover {

									&:before {
										background: rgba(255,255,255,.2);
									}
								}
							}
						}
					}
				}
			}
		}

		&#signage {

			h3 {
				text-align: center;
			}

			.wpcf7-form {
				float: right;

				.wpcf7-submit {
					background: $blue;
					color: white;
					border: none;
					padding: 10px; 
				}

				textarea {
					border: 1px solid $light-grey;
				}

				div {
					margin-bottom: 10px;
				}

				img.ajax-loader {
					width: 16px;
				}
			}
		}

		&#aboutCes {
			margin-bottom: 40px;

			.container {

				.block {

					.six {

						&.last {

							img {
								float: right;
								width: auto;
							}
						}
					}
				}
			}
		}

		&#featProduct {

			.container {

				.block {
					max-width: 960px;
					margin: 0 auto;

					h3 {
						text-align: center;
					}

					a {

						&.button {
							display: block;
							width: 120px;
							margin: 0 auto;
							font-weight: 400;
							color: $blue;
							background-color: white;
						    border: 1px solid $blue;
						    border-radius: 0;

						    &:hover {
						    	background: $blue;
						    	color: white;
						    }
						}
					}
				}
			}
		}

		&#brand {
			margin-bottom: 40px;

			@include bp(mobile) {
				display: none;
			}

			h2 {
				text-align: left;
			}
		}

		&#promo {
			margin-bottom: 40px;

			@include bp(mobile) {
				display: none;
			}

			.promoBx {

				ul {

					&.singleRow {

						li {
							margin-right: 1.79%;

							&:last-child {
								margin-right: 0;
							}

							.inner {
								background: #f1f1f1;
								height: 200px;
							}
						}
					}

					li {
						position: relative;
						display: table;

						.inner {
							text-align: center;
							height: 100%;
							width: 100%;
							display: table-cell;
							vertical-align: middle;
							height: 200px;

							a {
								color: white;
								font-size: em(28,16);
							}
						}
					}
				}
			}

			.container {
				max-width: 960px;
				margin: 0 auto;

				.block {
					height: 400px;
					margin-bottom: 10px;
					display: table;
					width: 100%;

					.inner {
						display: table-cell;
						vertical-align: middle;
						color: white;

						h2 {
							font-size: em(38,16); 
							text-align: center;
							color: white;
						}

						a {
							text-align: center;
						    margin: 0 auto;
						    display: block;
						    width: 200px;
						    color: #fff;
						    padding: 10px 0px;
						    border: 1px solid white;
						}

						p {
							max-width: 430px;
							margin: 0 auto;
							text-align: center;
							margin-bottom: 20px
						}
					}
				}

				ul {
					margin: 0;
					padding: 0;

					li {
						list-style: none;
						min-height: 200px;
						margin-bottom: 10px; 
						padding: 0;

						img {
							display: block;
						}
					}
				}
			}
		}
	}
}

.woocommerce-checkout-review-order-table {

	.cart_item {

		.product-thumb {
			margin: 20px 0;

			.product-quantity {
				display: none;
			}
		}

		.product-name {

			a.button {
				vertical-align: middle;
				font-weight: 400;
			    font-size: .875em;
			    background: transparent;
			    color: $dark-black;

			    &:hover {
			    	background: transparent;
			    }
			}

			span {
				display: inline-block;
				width:30%;
				margin-right: 1%;

				img {
					border: 1px solid $light-grey;
				}
			}
		}
	}
}

.woocommerce-pagination {
	max-width: 1000px;
	margin: 20px auto;

	ul {

		li {

			a,
			span {
				font-size: em(14,16) !important;
			}
		}
	}
}

#main {

	.shopResults {
		padding: 0;
		margin: 0;
		list-style: none;

		.three.last {
			margin-right: 0; 
		}
	}	

	.woocommerce {
		max-width: 1000px;
		margin: 80px auto 0;
	}
	

	.faq,
	.resource {
		padding-top: 80px;
		max-width: 1000px;
		margin: 0 auto !important;
		display: none;

		.results {
			padding: 10px 20px;
		    margin: 0 0 40px;
		    max-width: 100%;
		    background: white;
		    border: 1px solid #c1c1c1;

			li {
				list-style: none;
				margin-bottom: 20px;
				border-bottom: 1px solid #c1c1c1;

				&:last-child {
					border-bottom: none;
					margin-bottom: 0;
				}
			}
		}

		#faq-search {
			margin-top: 20px;
			padding: 10px;
			border: 1px solid $light-grey;
			position: relative;
			background: white;
			border-radius: 6px;
			max-width: 40%;
			margin-bottom: 40px;

			.search-field {
				display: block;
				width: 100%; 
				padding: 4px;
				box-sizing: border-box;
				border: none;
			}

			.search-submit {
				position: absolute;
			    right: 8px;
			    top: 5px;
			    padding: 6px;
			    font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
			    border: none;
			    background: white;
			    font-size: em(22,16);
			    color: $dark-black;
			}
		}

		.search-cat {
			position: relative;

			.content {
				position: absolute;
				left: 0;
				display: none;
				padding: 12px 0;
				width: 100%;

				&:nth-of-type(1) {
					display: block;
				}

				.inner {

					.col {
						text-align: center;
						margin-right: 1.5%;
						margin-top: 40px;

						&.last {
							margin-right: 0;
						}

						&:last-child {
							margin-right: 0;
						}
					}

					.listContent {
						margin-top: 0;

						li {
							display: block;
							margin: 0;
							padding: 10px 12px;
							border-bottom: 1px solid $light-grey; 

							h3 {
								font-weight: 800;
								color: $dark-black;
								display: block;
								margin: 0;
								padding: 20px 0;
								cursor: pointer;

								span {
									float: right;
									position: relative;
									top: 6px;
								}
							}

							.answer {
								margin-bottom: 0px;
								display: none;
								max-width: 90%;
							}
						}
					}

					.searchCount {
						position: relative;
						font-size: em(14,16);
						color: $dark-grey;
						padding: 10px 14px 0 14px;
					}

					
				}
			}

			ul {

				&.searchtabs {
					margin-bottom: 0;
					padding-bottom: 10px;
					border-bottom: 1px solid $dark-black;

					li {

						a {
							color: $dark-black;
							padding: 10px 20px;
							display: block;

							&:hover {
								color: $light-grey;
							}
						}

						&.active {
							border: 1px solid $dark-black;
						    border-radius: 6px;
						    background: white;

						    a {
						    	color: $dark-black;

						    	&:hover {
						    		color: $dark-black;
						    	}
						    }
						}
					}
				}
				
				padding: 0;
				margin-bottom:40px;

				li {
					list-style: none;
					display: inline-block;
					position: relative;
				}
			}
		}
	}

	.parallax {

		.infoContainer {
			background: rgba(255,255,255,.8);
			border-radius: 6px;
			padding: 20px 20px 20px 20px !important;
			margin: 200px auto !important;
		}
	}

	.crumbs {
		padding-left: 0;
		padding-right: 0;

		.woocommerce-breadcrumb {
			float: left;

			a {
				color: $blue;
			}
		}
	}

	.filter {
		padding: 20px 10px 10px 10px;
		border: 1px solid $light-grey;
		position: relative;
		margin-bottom: 20px;

		aside {
			display: inline-block;
			margin-right: 86px;

			form {
				margin: 0;
			}

			select,
			input {
				padding: 10px;
				border: 1px solid $light-grey;
				vertical-align: middle;
				font-size: em(14,16);
			}

			select {
				padding: 8px;
			}

			.price_slider_amount {

				button {
					float: right;
					background: transparent;
					font-weight: 400;
					border-bottom: 1px solid;
					border-radius: 0;
					margin-left: 20px;
					color: $blue;
				}
			}

			&.order {
				float: right;
				margin-right: 0;

				.woocommerce-ordering {
					float: none;
				}
			}
		}

		p.label {
			display: block;
			position: absolute;
			color: #666666;
			top: -30px;
			left: 10px;
			z-index: 20;
			background: rgb(249, 249, 249) none repeat scroll 0% 0%;
			padding: 0px 10px;
		}
	}

	#primary {

		article {

			.downIcon {
				width: 70px;
				margin: 0 auto;
				position: relative;
				z-index: 10;
				top: 26px;

				i {
					font-size: em(100,16);
					z-index: 20;
					color: $dark-black;
					cursor: pointer;
					position: relative;
					top: 22px;

					&:hover {
						color: $light-black;
					}
				}

				.angleDown {
					width: 0;
				    height: 0;
				    content: "";
				    position: absolute;
				    border-left: 70px solid transparent;
				    border-right: 70px solid transparent;
				    border-top: 70px solid white;
				    top: 47px;
				    right: -34px;
				    z-index: -1;
				}
			}
		}
	}

	#sidebar {

		.price_slider_amount {

			input {
				width: 100%;
				padding: 10px;
				margin-bottom: 10px;
			}
		}

		.product-categories {
			margin: 0;
			padding: 0;
			list-style: none;

			li {	
				position: relative;
				font-family: FontAwesome;
				cursor: pointer;
				padding: 8px 4px;
				// border-bottom: 1px solid $light-grey;

				// &.arrow-up {

				// 	&:after {
				// 		content:'\f068';
				// 		position: absolute;
				// 		right: 0;
				// 		top: 10px;
				// 		color: $blue;
				// 	}
				// }

				// &:after {
				// 	content:'\f067';
				// 	position: absolute;
				// 	right: 0;
				// 	top: 10px;
				// 	color: $blue;
				// }

				a {
					font-family: $font-base;
					font-weight: 800;
					font-size: em(14,16);
					color: $ninty-black;
				}
			}

			.children {
				// display: none;
				list-style: none;
				padding-left: 10px;
				margin-top: 10px;

				li {
					margin: 0 0 6px 0;
					padding: 0;
					border: none;

					a {
						font-weight: 400;
						color: $light-black;
						font-size: em(14,16);
					}

					&:after {
						content:'';
					}
				}
			}
		}
	}	
}

.woocommerce-page .entry-summary .inner form button.single_add_to_cart_button {
	background: $green !important;
}

.woocommerce-page,
.post-type-archive-product {

	&.tax-product_cat {

		#main {
			padding-top: 60px;
		}

		.page-title {
			max-width: 1000px;
			margin: 10px auto 0;
			font-size: em(44,16);
			color: $dark-black;
		}

		.woocommerce-breadcrumb {
			max-width: 1000px;
			margin: 0 auto;
			font-weight: 600;
			padding: 10px 0 !important;

			a {
				color: $blue;
				font-weight: 300;
			}
		}
	}

	.page-title {
		max-width: 1000px;
		margin: 10px auto 0;
		font-size: em(44,16);
		color: $dark-black;
	}

	.woocommerce-breadcrumb {
		max-width: 1000px;
		margin: 0 auto !important;
		font-weight: 600;
		padding: 10px 0 !important;

		a {
			color: $blue !important;
			font-weight: 300;
		}
	}

	#main {

		// .block {
		// 	max-width: 1000px;
		// 	margin: 0 auto;
		// }

			.banner {
				margin-bottom: 20px;
			}

			.woocommerce-message {
				background: transparent none repeat scroll 0% 0%;
				padding: 16px 0px 10px 26px !important;
				margin: 0 auto 20px !important;
				border-bottom: 1px solid #c1c1c1;
				border-top-color: #c1c1c1 !important;
				color: $blue;
				max-width: 1000px;

				.button {
					margin-top: -6px;
					font-weight: 300;
					background: $blue;
					color: white;
					font-weight: 600;
					font-size: em(14,16);
				}

				&::before {
					left: 0;
					color: $blue;
				}
			}

			section {

				&#singleRecommended {
					padding: 40px 0;
					background: #f2f2f2;

					ul {
						max-width: 1000px;
						margin: 0 auto;
						padding: 0;

						li {
							list-style: none;
							text-align: center;

							&:first-child {
								border-right: 1px solid #c1c1c1;
							}

							h3 {
								font-weight: 600;
								margin-bottom: 8px;

								a {
									color: $dark-black;

									&:hover {
										color: $blue;
									}	
								}
							}

							a {
								height: 400px;
								overflow: hidden;

								&.img {
									max-width: 80%;
									display: block;
									margin: 20px auto 0;
								}
							}
						}
					}
				}
			}
	}

    #banner {
        min-height: 340px;
        max-height: 340px;
        background: url(../../../images/banner.jpg) center center no-repeat;
        position: relative;
        padding: 0;
        margin-bottom: 40px;

        h1 {
        	position: absolute;
		    bottom: 0;
		    width: 100%;
		    text-align: center;
		    font-size: em(60,16);
		    color: white;
        }
    }

    &.woocommerce-order-pay {

    	.shop_table {

    		td {
    			position: relative;
    			.closeBtn {
    				
    				font-family: FontAwesome;
					left: 0;
					top: 0px;
					color: $red;
					border: none;
					background: transparent;
    			}
    		}
    	}

    	.productAlert {
    		text-align: center;
    		color: $red;
			font-size: 20px;
			border-top: 1px dotted $red;
			border-radius: 0;
			border-bottom: 1px dotted $red;
			margin-bottom: 20px;
			background: #fef7f8;
    	}
    }

    &.woocommerce-cart {

    	table {

    		&.cart {

    			img {
    				max-width: 120px;
    				width: 120px;
    			}

    			.cart_item {

    				td {
    					padding: 20px; 

    					&.product-image {
    						max-width: 130px;
    						padding-left: 0;
    					}

    					&.product-subtotal {
    						text-align: right;
    					}

    					&.product-name {
    						max-width: 43%;
    						padding-left: 20px;
    						padding-right: 20px;

    						.button {
    							padding: 0px;
    							background: transparent;
    							color: $dark-black;

    							&.edit {
    								display: inline-block;
    								text-align: center;
    								font-weight: 400;
    								margin-top: 10px;
    								width: 100%;
    								font-size: em(14,16); 
    							}

    							img {
    								max-width: 220px;
    								margin-right:10px;
    								width: 100%; 
    							}
    						}
    					}

    					&.product-remove {

    						a {
    							color: $red;
    						}
    					}
    				}
    			}
    		}
    	}

    	form {
    		padding: 0;

    		&#cart {

    			table {
    				padding: 20px; 
    			}
    		}

    		.cartTitle {
	    		margin: 0 20px;
	    		text-align: left;
	    		padding: 20px 0px 20px 0;
	    		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    		background: white;
	    		border-radius: 5px 5px 0 0;
	    		font-size: em(34,16);
	    		color: $dark-black;

		   		span {

		   			&.updateCart {

		   				input {
		   					font-size: 14px;
		   					float: right;
							margin-top: 10px;
							font-weight: 400;
							border: 1px solid $light-grey;
		   				}
		   			}
		   		}	
	    	}

	    	section {

	    		&#upSell {
	    			margin-top: 40px;

		    		.container {

		    			.inner {

		    				.col.four {
		    					margin-right: 1.69492%;

		    					&.last {
		    						margin-right: 0; 
		    					}
		    				}

		    				.cartTitle {
		    					margin: 0; 
		    				}

		    				h4 {
		    					margin: 0;
		    				}

		    				.button {
		    					font-weight: normal;
		    				}
		    			}
		    		}
		    	}
	    	}

	    	.shop_table {
	    		border: none;
	    		tfoot {

					th {
						border-top: none;
					}

					tr {

						td {
							border-top: none;
							padding: 0;

							&.checkOut {
								border-top: 1px solid rgba(0, 0, 0, 0.1);
								padding: 20px 0 0 0;

								.wc-proceed-to-checkout {
									padding: 0;
									float: right;

									a {
										display: inline-block;
										float: left;
										font-weight: 400;
										margin-right: 10px;
										position: relative;
										top: 10px;

										&.checkout-button {
											background: $green;
											color: white;
											float: right;
											margin-right: 0;

											&:hover {
												background: $lightGreen;
											}
										}
									}
								}
							}
						}
					}
				}

	    		&.cart {

	    			input {

	    				&.button {
	    					font-weight: normal; 
	    				}
	    			}
	    		}
	    	}

			.cart-collaterals {

				.cross-sells {

					ul {

						&.products {

							li {
								margin-bottom: 0;
							}
						}
					}
				}

				.cart_totals {
					float: right;
					width: 40%;
					max-width: 40%;

					table {
						width: 100%;

						tbody {

							tr {

								&.order-total {
									border-top: 1px solid rgba(0, 0, 0, 0.1);
									border-collapse: initial;
								}

								td{	
									text-align: right;
								}
							}
						}
					}

					h3 {
						margin: 0;
					}

					tr {

						th,
						td {
							font-weight: normal;
							padding: 0;
						}
					}

					.wc-proceed-to-checkout {
						padding: 0;

						a {
							display: inline-block;
							float: left;
							font-weight: 400;

							&.checkout-button {
								background: $green;
								color: white;
								float: right;
								margin-right: 0;

								&:hover {
									background: $lightGreen;
								}
							}
						}
					}
				}
			}
    	} 	
	}
}

.woocommerce {	

	#customer_login {
		display: table;
		width: 100%;

		.col-1 {
			float: none;
			margin: 0 auto;
			display: table-cell;
    		vertical-align: top;
    		padding-top: 10%;
    		height: 100vh;

			h2 {
				display: none;
			}

			img {

				&.logo {
					max-width: 400px;
				    margin: 0 auto 30px;
				    display: block;

				    -webkit-animation-delay: 400ms;
				    -moz-animation-delay: 400ms;
				    -o-animation-delay: 400ms;
				    animation-delay: 400ms;
				}
			}

			form {

				input {
					border: none;
					border-bottom: 1px solid #1d1d1d;
					padding: 10px;

					&:-webkit-autofill {
						background-color: #f1f1f1;
					}

					&[type="submit"] {
						border: none;
						background: $red;
						font-size: em(12,16);
						text-transform: uppercase;
						color: white;
						margin-right: 10px;
					}
				}

				.lost_password {
					text-align: right;
					font-size: em(12,16); 

					a {
						color: $red;
						padding-bottom: 2px;
						border-bottom: 1px solid $red;
						font-weight: 400;
					}
				}
			}
		}
	}

	div {

		&.product {
			overflow: hidden;
			max-width: 1000px;
			margin: 0 auto;

			p {

				&.price {

					del {
						color: $red;
						font-weight: 600;
						margin-right: 10px;
						opacity: 1 !important;
					}
				}
			}
		}
	}

	span.onsale {
		background-color: $red !important;
		min-height: 44px !important;
		min-width: 46px !important;
		line-height: 38px !important;
		top: 10px !important;
		left: 10px !important;
		height: 44px !important;
		width: 46px !important;
		z-index: 30;

		p {
			margin: 0;
			position: relative;
			bottom: 6px;
		}

		&:before {
			width: 0; 
			height: 0; 
			content: "";
			position: absolute;
			border-top: 110px solid $blue; 
			border-right: 110px solid transparent;
			top: -10px;
			left: -10px;
			z-index: -1;
		}

		&:after {
			width: 0; 
			height: 0; 
			content: "";
			position: absolute;
			border-top: 100px solid $red; 
			border-right: 100px solid transparent;
			top: -10px;
			left: -10px;
			z-index: -1;
		}
	}

	ul {

		&.products {

			li {

				&.product {
					margin-bottom: 20px !important;

					h3 {
						text-align: center;
						color: $blue;
					}

					a {


						img {
							margin: 0 !important;
							background: #ebebeb;
							box-shadow: 0px 1px 1px $light-grey !important;

							-webkit-transition: 300ms ease-out;
						    -moz-transition: 300ms ease-out;
						    -o-transition: 300ms ease-out;
						    transition: 300ms ease-out;

						    &:hover {
						    	background: #e1e1e1;
						    }
						}
					}

					.price {
						text-align: center;

						del {
							color: $red;
							font-weight: 600; 
							margin-right: 10px;
						}

						ins {
							text-decoration: none;

							span {
								color: $red;
							}
						}

						span {
							color: $dark-black;

							
						}
					}
				}
			}
		}
	}

	div.product {

    	.woocommerce-tabs {

    		ul {

    			&.tabs {

    				li {

    					&.active {
    						background: transparent;
    					}
    				}
    			}
    		}
    	}
    }
} 
body {

	&.admin-bar {

		&.page-template-product-details,
		&.page-template-learn-more {

			#pageNav {
				top: 85px;
			}
		}

		&.woocommerce {

			.singleTitle {
				top: 108px;
			}
		}
	}
}

.woocommerce {

	.singleTitle {
		display: none; 
		border-bottom: 1px dotted $light-grey;
		position: fixed;
		top: 76px;
		border-top: 1px solid white; 
		width: 100%;
		// background: $blue;
		padding: 0 20px;
		background: #f1f1f1;
		
		z-index: 20;

		h2 {
			text-align: left;
			font-size: 28px;
			font-weight: 200;
			letter-spacing: 1px;
			color: $light-black;
			// color: white; 
			padding: 0;
			margin: 0;
		}
	
		.addToCart {
			padding: 0;

			.cart {

				.quantity {
					float: left;

					input {
						padding: 6px 10px 6px 6px;
						margin-top: 1px;
						border: 1px solid $light-black;
						width: 90px;
						border-radius: 4px;
					}
				}

				button {
					float: right;
					background: #258dc8; /* Old browsers */
				    background: -moz-linear-gradient(top, #258dc8 0%, #0066a1 100%); /* FF3.6+ */
				    background: -webkit-gradient(linear, left top, left bottom, color-stop(1000%,#258dc8), color-stop(0%,#0066a1)); /* Chrome,Safari4+ */
				    background: -webkit-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Chrome10+,Safari5.1+ */
				    background: -o-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Opera 11.10+ */
				    background: -ms-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* IE10+ */
				    background: linear-gradient(to bottom, #258dc8 0%,#0066a1 100%); /* W3C */
				    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#0066a1',GradientType=0 ); /* IE6-9 */
					font-weight: 300;

					&:hover {
						background: $blue;
					}
				}
			}
		}
	}

	.images {

		.thumbnails {

			a {
				max-width: 100px;
				margin-right: 4.9% !important;

				&:last-child {
					margin-right: 0 !important;
				}
			}
		}
	}

	table {

		&.shop_table {
			padding: 0;
			border: none !important;

			&.woocommerce-checkout-review-order-table {
				padding: 20px;
				border-top: 1px solid rgba(0,0,0,.1) !important;
			}
		}
	}

	form {

		.form-row {

			&.woocommerce-validated {

				input {

					&.input-text {
						border: 1px solid $green;
					}
				}
			}
		}
	}

	.order_details {
		padding-left: 0;
		display: table;
		margin: 0 auto 40px auto !important;

		.product-total {
			font-weight: 800;
			text-align: center;
		}

		.product-name {

			p {
				padding-right: 40px;
			}
		}
	}

	.order-number {
		text-transform: capitalize;
	}
}

.woocommerce-checkout {

	.payment_methods {
		padding: 0;

		img {
			width: 226px;
		}
	}

	.info {

		h3 {
			color: $blue;

			&.billingTitle {
				margin: 0;
	    		text-align: left;
	    		padding: 20px 0px 20px 0;
	    		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    		background: white;
	    		border-radius: 5px 5px 0 0;
	    		font-size: em(34,16);
	    		color: $dark-black;
	    		cursor: pointer;

	    		span {

	    			&.open {
	    				float: right;
	    				float: right;
					    font-size: 20px;
					    position: relative;
					    top: 14px;
					    right: 10px;
	    			}
	    		}
			}
			
		}

		#customer_details {
			
			input {
				padding: 10px;
			}

			textarea {
				border: 1px solid $light-grey; 
				padding: 10px;
				max-width: 453px;
				min-width: 453px;
				min-height: 100px;
				max-height: 300px; 
			}

			.woocommerce-billing-fields,
			.woocommerce-shipping-fields {

				h3 {
					color: $red;
					font-size: em(20,16);
				}
			}
		}
	}

	#payment {

		ul {

			&.payment_methods {
				padding: 0 !important;

				li {

					img {
						max-height: 110px;
						max-width: 226px;
					}
				}
			}
		}
	}
}

.woocommerce-page {

	.entry-summary {

		.inner {
			background: white;

			h2 {

				&.product_title {
					text-align: left;
					margin-bottom: 20px;
				    padding: 0 0 20px 0;
				    border-bottom: 1px solid #c1c1c1;
				    font-size: em(24,16);
				}
			}

			form {
				padding-top: 20px;
				border-top: 1px dotted $light-grey;
				margin-bottom: 0px !important;

				.quantity {
				}

				button {
					float: right !important;

					&.single_add_to_cart_button {
						background: #258dc8; /* Old browsers */
					    background: -moz-linear-gradient(top, #258dc8 0%, #0066a1 100%); /* FF3.6+ */
					    background: -webkit-gradient(linear, left top, left bottom, color-stop(1000%,#258dc8), color-stop(0%,#0066a1)); /* Chrome,Safari4+ */
					    background: -webkit-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Chrome10+,Safari5.1+ */
					    background: -o-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Opera 11.10+ */
					    background: -ms-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* IE10+ */
					    background: linear-gradient(to bottom, #258dc8 0%,#0066a1 100%); /* W3C */
					    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#0066a1',GradientType=0 ); /* IE6-9 */
						font-weight: 300;

						padding: 13px 20px;

						&:hover {
							background: $blue;
						}
					}
				}
			}

			.qty {
				height: 42px;
				position: relative;
				top: -6px;
			}

			.plus,
			.minus {
				border-radius: 0;
				padding: 10px;
				background: $dark-black;
				height: 42px;
				width: 42px;
				font-size: 26px;
				border: none;
				padding: 0;
				color: white;
			}
		}

		.product_meta {

			span {
				display: block;
				margin-bottom: 10px;

				span {
					display: inline; 
				}
			}
		}
	}

	.thankMessage {
		font-size: 40px;
	    text-align: center;
	    color: $red;
	    margin: 0 0 40px 0;
	}

	#order_review {

		#payment {
			background: white;

			.form-row {

				input {

					&#place_order {
						background: $green;
						font-weight: 400;
						border-radius: 0;

						// &:hover {
						// 	background: $lightRed;
						// }
					}
				}
			}

			.payment_box {
				background: $red;
				color: white;

				&::before {
					border-color: transparent transparent $red;
				}

				p {
					margin: 0;
					font-weight: 600;
					font-size: em(14,16);
				}
			}
		}
	}

	.shop_table {
		border: none;
		background: white;

		td {

			&.product-name {

				h3 {
					margin: 0 0 10px 0;
				}

				a {
					font-size: em(22,16);
				}

				p {
					margin: 0;
				}
			}
		}

		tfoot {

			th {

				&.label {
					text-align: right;
				}
			}
		}
	}
}

.woocommerce-account {

	#main {
		padding-top: 80px; 
	}

	.woocommerce {
		margin-top: 0 !important;

		h3 {

			span {
				float: right;
				margin-top: -4px;
				position: relative; 

				&.pagination {

					a {
						font-size: 14px;
						padding: 6px 8px;
						background: $dark-black;
						color: white;
						border-radius: 4px;
						cursor: pointer;
						font-weight: 400;
						display: inline-block;

						&.reset {
							display: none;
							position: absolute;
						    right: 34px;
						    width: 30px;
						    top: 10px;
						}

						&.prev,
						&.next {
							color: $dark-black;
							background: transparent;

							&:hover {
								color: $light-grey;
								background: transparent;
							}
						}

						i {

							&.fa {
								display: inline;
							}

						}

						&:hover {
							background: $light-grey;
						}
					}	
				}
			}
		}

		.trackingBx {

			h3 {
				text-align: center;
			}

			.order_details {

				.product-name {

					h3 {
						text-align: left;						
					}
				}
			}
		}

		#customer_login {

			form {
				margin: 0;
				min-height: 280px;
				border-radius:0 0 5px 5px;
			}
		}

		.order-report {

			table.report {
				width: 100%;

				tbody {

					tr {

						td {
							
							p {
								text-align: right;
								margin: 0 0px 0 0;
							}	
						}
					}
				}
			}
		}

		.shop_table {
			border: none;
			th {

				span {
					padding: 10px 0;
					display: block;
				}
			}

			tr:nth-child(even) {
			    background-color: #f1f1f1;
			}

			td {

				&.order-location {
					text-transform: capitalize;
				}

				&.order-actions {


				}

				a {
					background: transparent;

					&.orderAgain {
						margin: 0 auto;
						font-weight: 400;
						color: $blue;
						background-color: white;
					    border: 1px solid $blue;
					    padding: .618em 1em;
						font-weight: 700;
						border-radius: 3px;

					    &:hover {
					    	background: $blue;
					    	color: white;
					    }
					}

					&.pay {
						border: 1px solid green;
						color: green;

						&:hover {
							background: green;
							color: white;
						}
					}

					&.cancel {
						border: 1px solid $red;
						color: $red;

						&:hover {
							background: $red;
							color: white;
						}
					}
				}
			}
		}

		// .wc-processing,
		// .wc-pending,
		// .wc-cancelled {
		// 	font-weight: 600;
		// } 

		.wc-processing {
			color: green;
		}

		.wc-pending {
			color: #c7c22f;
		}

		.wc-cancelled {
			color: $red;
		}

		.order-total {

			.amount {
				padding: 10px 0;
			}

			ul {
				padding-left: 20px;
			}
		}
	}
}

footer {
	padding: 20px 0;
	width: 100%;
	display: table !important;

	&.full {

		@include bp(mobile) {
			padding: 0 2%;
		}
	}

	.container {
		background: #e7e8ea;
		display: table-cell;
		vertical-align: middle;

		.block {
			overflow: hidden;
			max-width: 1000px;
			margin: 0 auto;
		}

		.copy {
		    width: 100%;
		    max-width: 1000px;
		    color: $dark-black;
		    text-align: center;
		    padding: 10px;
		    font-size: em(12,16);
		    clear: both;
		    margin: 0px auto;
		    font-weight: 500;
		}

		.info {

			p {
				font-size: em(14,16);
				margin-bottom: 0;
			}

			ul {
				padding: 0;
				margin-top: 0;

				li {
					list-style: none;
					color: white;
					margin-bottom: 6px;
					font-size: em(12,16);

					a {
						color: $dark-black; 

						&:hover {
							text-decoration: underline;
						}
					}
				}
			}
		}
	}
}

input#orderid,
input#order_email {
	padding: 10px;
}

.trackingBx {
	padding: 20px;
	border: 1px solid rgba(0,0,0,.1);
}

.ui-widget-content,
.ui-widget-header,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid rgba(0,0,0,.1) !important;
}

.ui-widget-header {
	background: transparent !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #f1f1f1 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	background: white !important;
	color: $blue;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 4px !important;
}

#declineBx {
	display: none; 

	.cancelComment {

	}

	.cancelOrder {
		display: none;
	}

	h3 {
		color: $blue;
		margin-top: 0;
		text-align: center;
	}

	ul {
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: em(14,16);

		li {
			border-bottom: 1px dotted $light-grey;
			margin-bottom: 10px;
			padding-bottom: 10px; 
			color: black;

			span {
				float: right;
			}
		}
	}

	textarea {
		min-width: 100%;
		max-width: 100%;
		height: 100px;
		min-height: 100px;
		max-height: 150px;
		font-size: em(14,16);
		outline: none;
		padding: 10px;
		border: 1px solid $light-grey;
		color: #666666;
	}

	.cancel,
	.wpcf7-submit,
	.exit {
		font-size: 100%;
		margin: 0px;
		line-height: 1;
		cursor: pointer;
		position: relative;
		font-family: inherit;
		text-decoration: none;
		overflow: visible;
		padding: 0.618em 1em;
		font-weight: 400;
		border-radius: 3px;
		left: auto;
		color: $red;
		border: 1px solid $red;
		background-color: white;
		white-space: nowrap;
		display: inline-block;
		background-image: none;
		box-shadow: none;
		text-shadow: none;
		margin-top: 10px;
	}

	.cancel,
	.wpcf7-submit {
		float: right; 
	}

	.exit {
		border-color: #1d1d1d;
		color: #1d1d1d;
	}
}

div.wpcf7 img.ajax-loader {
	border: medium none;
	vertical-align: middle;
	margin-left: 4px;
	height: 16px;
	width: 16px;
}

div.wpcf7-mail-sent-ok {
	margin: 10px 0 !important;
	padding: 0 !important;
	border: none !important;
	color: green;
}

.wpcf7-response-output {
	margin: 10px 0 !important;
	padding: 0 !important;
	border: none !important;
	color: $red;
	font-size: em(14,16);
}

.wpcf7-not-valid-tip {
	color: $red !important;
	font-size: em(14,16);
}

#simplemodal-overlay { background: rgba(0,0,0,1); }
#simplemodal-container {border-radius: 8px;height: auto !important; width:600px; color:#bbb; background-color: white; border:4px solid $light-grey; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../../../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}


// .wvsd_custom_background_image_div {
// 	background-color: white !important;
// }

// .wvsd_custom_vinyl_design_panel {
// 	margin-top: 20px;
// }

// .wvsd_design_container {
// 	margin-top: 0 !important;

// 	// .wbfd_upload_background,
// 	// .wbfd_upload_logo,
// 	// .wbfd_which_side,
// 	// .wbfd_front_tool_icon_panel,
// 	// .wbfd_button_right_div,
// 	// .wvsd_change_all_text_div,
// 	// .wvsd_another_button,
// 	// .wvsd_save_design,
// 	// .wbfd_card_image_div,
// 	// .wbfd_back_tool_icon_panel,
// 	// .wbfd_logo_resize {
// 	// 	display: none !important;
// 	// }

// 	.wvsd_custom_textbox input[type="text"] {
// 		margin-top: 7px !important;
// 		height: auto !important;
// 		margin-left: 5px;
// 		font-size: 0.9em !important;
// 		border: 1px solid #E4E4E4 !important;
// 		padding: 10px;
// 		width: 100% !important;
// 	}

// 	.wvsd_button_div {
// 		margin: 20px 0px 10px 0px;

// 		#wvsd_prod_addtocart {
// 			margin-left: 6px; 
// 		}
// 	}

// 	.front_bleed_area,
// 	.back_bleed_area {
// 		border: none !important;
// 	}

// 	.wvsd_custom_vinyl_tool_panel {
// 		width: 48%;
// 		padding: 10px;
// 		margin: 20px 0px 0px 0px;
// 		background-color: #FFF;
// 		border: 1px solid #E4E4E4;
// 		float: right;
// 		min-height: 286px;

// 		.wbfd_back_side_text_control_panel {

// 			.addToCartButton {
// 				background-image: none;
// 				float: right;
// 				background: #258dc8; /* Old browsers */
// 			    background: -moz-linear-gradient(top, #258dc8 0%, #0066a1 100%); /* FF3.6+ */
// 			    background: -webkit-gradient(linear, left top, left bottom, color-stop(1000%,#258dc8), color-stop(0%,#0066a1)); /* Chrome,Safari4+ */
// 			    background: -webkit-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Chrome10+,Safari5.1+ */
// 			    background: -o-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Opera 11.10+ */
// 			    background: -ms-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* IE10+ */
// 			    background: linear-gradient(to bottom, #258dc8 0%,#0066a1 100%); /* W3C */
// 			    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#0066a1',GradientType=0 ); /* IE6-9 */
// 				font-weight: 300;
// 				width: auto !important;
// 				height: auto !important;
// 				position: absolute !important;
// 				right: 10px;
// 				bottom: 10px; 

// 				padding: 10px 20px;
// 			    margin-top: 10px;
// 			    color: white;
// 			    border-radius: 5px;

// 				&:hover {
// 					background: $blue;
// 				}
// 			}

// 			.cardBack {

// 				a {
// 					float: left;
// 					background: #258dc8; Old browsers
// 				    background: -moz-linear-gradient(top, #258dc8 0%, #0066a1 100%); /* FF3.6+ */
// 				    background: -webkit-gradient(linear, left top, left bottom, color-stop(1000%,#258dc8), color-stop(0%,#0066a1)); /* Chrome,Safari4+ */
// 				    background: -webkit-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Chrome10+,Safari5.1+ */
// 				    background: -o-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Opera 11.10+ */
// 				    background: -ms-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* IE10+ */
// 				    background: linear-gradient(to bottom, #258dc8 0%,#0066a1 100%); /* W3C */
// 				    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#0066a1',GradientType=0 ); /* IE6-9 */
// 					font-weight: 300;

// 					padding: 10px 20px;
// 				    margin-top: 10px;
// 				    color: white;
// 				    border-radius: 5px;
// 				    position: absolute;
// 				    bottom: 10px;

// 					&:hover {
// 						background: $blue;
// 					}
// 				}
// 			}
// 		}	

// 		.wbfd_front_side_text_control_panel {

// 			.cardNext {

// 				a {
// 					float: right;
// 					background: #258dc8; /* Old browsers */
// 				    background: -moz-linear-gradient(top, #258dc8 0%, #0066a1 100%); /* FF3.6+ */
// 				    background: -webkit-gradient(linear, left top, left bottom, color-stop(1000%,#258dc8), color-stop(0%,#0066a1)); /* Chrome,Safari4+ */
// 				    background: -webkit-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Chrome10+,Safari5.1+ */
// 				    background: -o-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* Opera 11.10+ */
// 				    background: -ms-linear-gradient(top, #258dc8 0%,#0066a1 100%); /* IE10+ */
// 				    background: linear-gradient(to bottom, #258dc8 0%,#0066a1 100%); /* W3C */
// 				    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#0066a1',GradientType=0 ); /* IE6-9 */
// 					font-weight: 300;

// 					padding: 10px 20px;
// 				    margin-top: 10px;
// 				    color: white;
// 				    border-radius: 5px;

// 					&:hover {
// 						background: $blue;
// 					}
// 				}
// 			}
// 		}
// 	}

// 	.wbfd_front_bg_img {
// 		margin: 0;
// 		background-size: cover;
// 	}

// 	.wbfd_back_bg_img {
// 		margin: 0;
// 		background-size: cover;
// 	}

// 	#wbfdFrontBg,
// 	#wbfdBackBg {
// 		margin-left: 0px;
// 		float: left;
// 		width: 30%;
// 		margin-right: 20px;

// 		img {
// 			margin: 0px;
// 			border: 1px solid #E4E4E4;

// 			&:hover {
// 				background: #f1f1f1;
// 			}
// 		}
// 	}
// }

// Modal Box CSS
.modal-box {
  display: none;
  position: fixed;
  z-index: 1000;
  width: 1030px;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
  padding: 20px;
}

.modal-box header,
.modal-box .modal-header {
  padding: 0;
  border-bottom: 1px solid #ddd;
  position: relative;
  overflow: hidden;
  height: 40px;

  p {
  	display: block;
  	float: left;
  	font-weight: 800;
  	margin: 0;

  	span {
  		font-weight: 400;
  	}
  }
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 10px 0 0 0;
  text-align: center;
  min-height: auto;
  background: none;

  p{
  	display: block;
  	font-style: italic;
  	border-top: 1px solid #ddd;
  	background: rgba(0, 0, 0, 0.02);
  	margin: 20px 0 0 0;
  	padding: 16px 0;
  	font-size: em(14,16);
  	color: $red;
  }
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 0;
  text-decoration: none;
  color: $red;
}

a.close:hover {
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

#backCardSelector {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 20;
    border: 1px solid $light-grey;
    border-radius: 5px;
}

#wpc-buttons-bar>span {

	&:hover {
		background-color: rgba(0,0,0, .1) !important;
	}
}

#send_to_back_btn,
#bring_to_front_btn,
#flip_h_btn,
#flip_v_btn,
#align_h_btn,
#align_v_btn,
#clear_all_btn,
#delete_btn,
#copy_paste_btn,
#redo-btn,
#undo-btn,
#wpc-buttons-bar {
	display: none !important;
}

#wpc-card-box {
	background-color: white;
	border: 1px solid $light-grey;
    padding: 0px 10px 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;

    #product-part-container {

    	ul {
    		border: none;

    		li {
    			width: 49%;
    			padding: 0;

    			img {
    				height: auto !important;
    			}
    		}
    	}
    }

	#title {
		background: $ninty-black;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 9px 5px;
	    margin: 0 auto;
	    text-align: center;
	    -webkit-border-radius: 0 0 5px 5px;
	    -moz-border-radius: 0 0 5px 5px;
	    border-radius: 0 0 5px 5px;
	    margin-bottom: 20px;
	    font-weight: bold;
	    font-size: 14px;
	    width: 70%;
	}
}

.wpc_notification.success {
	text-align: center;
}

.wpc-custom-right-quantity-input-set {
	background: $ninty-black !important;
	border: none;
	line-height: inherit !important;
	padding: 10px 14px;
	width: auto !important;
	height: auto !important;
}

#wpc-design-btn-box .title, #wpc-cart-box .title {
	background: $dark-black !important;
	color: white;
}

#product-part-container {
	display: block !important;
	margin: 0px 0px 10px 0px !important;
}

.wpc-editor-col.text {
	display: none;
}

.wpc-editor-col-2 {
	padding: 0 20px 0px 0px !important;
}

.page #wpc-templates-list {

	img {
		max-height: auto !important;
	}

	

	.wpc-tpl-title {
		border: none;
	}
}	

.btn-choose.tpl {
	background: $red;
}

.modal-content {
	display: none;
	position: absolute;
	z-index: 1000;
	background: white;
	padding: 20px;
}

.archive {

	&.woocommerce {

		.shopFilter {
			max-width: 1000px;
			margin: 20px auto 0;
			overflow: hidden;

			select {
				float: right;
				-webkit-appearance: none;
				-moz-appearance:    none;
				appearance:         none;
				padding: 10px 20px;
				cursor: pointer;

				-webkit-transition: 300ms ease-out;
			    -moz-transition: 300ms ease-out;
			    -o-transition: 300ms ease-out;
			    transition: 300ms ease-out;

				&:hover {
					color: $blue;
					border-color: $blue;
				}
			}

			@include bp(mobile) {

				.col.six:nth-of-type(1) {
					display: none;
				}

				select {
					float: none;
					margin: 0 auto;
					display: block;
				}
			}
		}

		.products {
			margin: 20px auto 0;
			max-width: 1000px;

			li {
				margin: 0 10px 0 0;
			    text-align: center;
			    clear: none;

			    // &:first-child {
			    // 	float: right;
			    // 	margin-right: 14px;
			    // 	width: 65.3%;
			    // 	height: 100%;
			    // 	display: table;
			    // 	margin-bottom: 10px;

			    // 	@include bp(mobile) {
			    // 		height: auto;
			    // 		float: none;
			    // 	}

			    // 	.inner {
			    // 		display: table-cell;

			    // 		@include bp(mobile) {
				   //  		height: auto;
				   //  	}

				   //  	h3 {
				   //  		font-size: em(50,16);
			    // 			margin-top: 40px;
			    // 			font-weight: 300; 
				   //  	}
			    // 	}
			    // }

			    .inner {
			    	padding: 0 0 8px 0;
			    	margin: 0px 0px 30px 0;
			    	border-bottom: 1px solid #c1c1c1;

			    	&:hover {

			    		.imageContainer {
			    			overflow: hidden;

			    			img {
			    				transform: scale(1.2);
			    			}
			    		}			    		
			    	}

			    	a {
			    		display: block;
			    		height: 310px;
			    	}

			    	h3 {
				    	color: $dark-black;
				    	font-weight: 600;
				    	text-transform: uppercase;
				    	font-size: em(14,16);
				    	margin: 8px 0 8px 0;

				    	&:after {
				    		content: "";
				    		display: block;
				    		width: 40px;
				    		height: 2px;
				    		background: $light-grey;
				    		margin: 0 auto;
				    		position: relative;
				    		top: 4px;
				    	}
				    }

				    .price {
				    	color: $green;
				    	font-weight: 600;

				    	del {
				    		color: $red;
				    		font-weight: 600;
				    		margin-right: 10px;
				    	}

				    	ins {
				    		font-weight: 600;
				    		color: $green;
				    	}
				    }

				    .imageContainer {
				    	overflow: hidden;

				    	img {
					    	display: block;
					    	margin:0px auto 0;
					    	background: #f9f9f9;
					    	transition: all .2s ease-in-out;
					    }
				    }
			    }

				&:nth-child(2n) {
					
					.inner {
						margin-right: 0;
					}
				}
			}

			@include bp(mobile) {

				li {
					width: 48% !important;

					.inner {
						min-height: 280px;
					}
				}
			}
		}
	}

}

// Shop main page
.archive {

	.page-title {
		display: none;
	}

	&.woocommerce-page {

		.products {

			li {

				&:first-child {
					margin-right: 1.69492%;
				}
			}
		}
	}
}

#emailSignUp {
	
	.container {
		max-width: 1000px;
		margin: 0 auto;
		background: $blue;
		padding: 20px;
		color: white;
	}
}

.shopBanner {
	max-width: 1000px;
	margin: 30px auto 0px;
	position: relative;

	img {
		display: block;
	}
}

.userBlock {
	background: rgba(0,0,0,.7);
    overflow: hidden;
    color: white;
    position: absolute;
    top: 0;
    width: 100%;

    .col.six {
    	color: white;

    	p {
    		margin: 0;
    		color: white;
    		padding: 10px 20px;
    		font-size: em(14,16);
    		font-weight: 400;
    	}

    	&.last {

    		ul {
    			list-style: none;
    			padding: 0;
    			margin: 14px 20px;
    			text-align: right;

    			li {
    				display: inline-block;

    				a {
    					margin-right: 10px;
    					font-size: em(14,16);
    					color: white;
    					font-weight: 400;

    					i {
    						// color: $green;
    					}
    				}
    			}
    		}
    	}
    }
}

.haveQuestion {
	float: right;
    padding: 10px 16px 10px;

    a {	
    	color: $light-black;

    	&:hover {
    		color: $blue;

    		i {
    			color: $blue;
    		}
    	}

    	i {
    		margin-left: 10px;
    		color: $blue;
    	}
    }

    @include bp(mobile) {
    	float: none;
    	text-align: center;
    	margin-top: 10px;
    }
}

#pp_main_btn_sec {
	width: 100%;
	overflow: hidden;

	input {

		&#pp_edit_design_btn,
		&#pp_clear_design_btn {
			margin-right: 15px;
			margin-bottom: 15px;
		}
	}
}

#my_recent_des_div {

	img {

		&:first-child {
			width: 100px;
			margin: 0 auto;
			max-width: 100px;
		}
	}

	.btn-default {

		img {
			width: 16px;
			height: 16px;
		}
	}
}

.designInstructions {
	text-align: left;
	padding: 0 20px;

	h3 {
		color: white;
		font-weight: 600;
	}

	ul {
		padding-left: 20px;

		li {
			font-weight: 400;
		}
	}
}

.pp-duplicate-design-btn {
	display: none !important; 
}

#shopGalleryLayout {

	#banner,
	#contentBottom {

		.bannerContent,
		.content {
			max-width: 500px;
			margin: 0 auto 40px;
			text-align: center;

			h2 {
				margin-bottom: 0;
				font-size: em(36,16);
			}
		}
	}

	#contentBottom {

		.content {

			h2 {
				margin-top: 0; 
			}
		}
	}

	#content {

		&.full {

			.container {
				max-width: 1000px;
				margin: 0 auto; 

				article {
					margin-bottom: 60px;
					overflow: hidden;

					.col {

						&.twelve {

							p {
								max-width: 700px;
								margin: 0 auto;
								text-align: center;
							}
						}
					}
				}
			}
		}
	}
}

#pp-mydesigns-div {
	margin-top: 40px;

	#my_recent_des_div img:first-child {
		display: block;
		margin: 40px auto;
		width: 20px;
	}

	.my_account_orders {

		.order {

			img {
				width: auto !important;
			}

			span[pp-data="duplicate_design_for_reorder"] {
				padding: 10px 20px;
			    background: $blue;
			    color: white;
			    text-transform: uppercase;
			    font-size: em(12,16);
			}
		}
	}
}

#pp_design_select,
#pa_size {
	-webkit-appearance: none;
	padding: 10px;
	border-radius: 0;
	width: 234px;
	cursor: pointer;
	background: url(../../../images/selector.png) no-repeat center right;
}

.pp-sec-tabs-links {
	display: none !important;  
}

#pp_customize_design_btn {
	padding: 12px 20px;
	outline: none;
	border-radius:0;
	margin-right: 0px !important;  
	background: $red !important;
	color: white;
	font-weight: 600;
	font-size: em(14,16);
	text-transform: uppercase;
}

#contactForm {
	background: #f1f1f1;
	padding: 10px 4%;

	&.full {

		.container {

			p {
				text-align: center;
				font-size: em(22,16);

				span {
					border-bottom: 2px solid $red;
					color: $red;
					padding-bottom: 8px;
					margin: 0 10px;
					cursor: pointer;
					position: relative;
					bottom: 6px;
					font-weight: 400;
					font-size: 16px;

					a {
						color: $red;
					}

					i {
						margin-right: 8px;
					}

					&.emailUs {

					}

					&.liveChat {

					}
				}
			}
		}
	}
}

.zopim {
	z-index: 20 !important;
	background: $red !important;

	iframe {
		background: $red;
	}
}

.requestForm {
	position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10000000;
    background: rgba(0,0,0,.9);
    opacity: 0;
    z-index: -10;
    top: 0;
    display: table;
    	width: 100%; 

    	&.active {
    		z-index: 20 !important;
    	}

    img {
    	max-width: 300px !important;
    	margin-bottom: 10px;
    }	

	#ninja_forms_form_5_response_msg {
		display: none;
	}

	a {
		color: $blue;
	}

    &.active {
    	
    }

    .inner {
    	
	    margin: 0 auto;
	    position: relative;
	    display: table-cell;
	    vertical-align: middle;

	    .formContainer {
	    	background: white;
	    	width: 500px;
	    	margin: 0 auto;
	    	padding: 20px;
	    	position: relative;
    		border-radius: 2px;

    		-webkit-animation-duration: 400ms;
    		-moz-animation-duration: 400ms;
    		-o-animation-duration: 400ms;
    		animation-duration: 400ms;
	    }

	    h3 {
	    	margin: 0 0 20px 0;
	    	color: $blue;
	    }

	    p {
	    	font-size: 14px;
		    line-height: 18px;
		    color: #777777;
		    margin-top: 0;
		    margin-bottom: 10px;
		    font-weight: 400;
	    }

	    .requestClose {
	    	position: absolute;
	    	top: 10px;
	    	right: 10px;
	    	padding-top: 0;
	    	width: 24px;
	    	height: 24px;
	    	border: none;
	    	background: $blue;
	    	border-radius: 50%;
	    	text-transform: lowercase;
		    color: white;
		    font-weight: 600;
		    outline: none;

		    -webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;

		    &:hover {
		    	opacity: .8;
		    }
	    }
    }

    #ninja_forms_form_1_cont {

	    form {
	    	
	    	.field-wrap {
	    		margin-bottom: 10px; 
	    	}

	    	.ninja-forms-required-items {
	    		font-size: em(12,16);
	    		color: #777777;
	    		margin-bottom: 4px;
	    	}

	    	.ninja-forms-error {

	    		input {
	    			border: 1px solid $red;
	    		}
	    	}

	    	.ninja-forms-field-error {
	    		font-size: em(12,16);
	    		color: $red;
	    	}

	    	#ninja_forms_field_14_div_wrap,
	    	#ninja_forms_field_15_div_wrap {
	    		width: 48%;
	    		display: inline-block;
	    	}

	    	#ninja_forms_field_14_div_wrap {
	    		float: left;
	    	}

	    	#ninja_forms_field_15_div_wrap {
	    		float: right;
	    	}

	    	input,
	    	textarea {
	    		padding: 10px;
	    		font-size: em(14,16);
	    		border: 1px solid #c1c1c1;
	    		color: #aaaaaa;
	    		outline: none;

	    		&:focus {
	    			border-color: $blue;
	    		}
	    	}

	    	input[type=submit] {
	    		float: right;
			    background: $blue;
			    border: none;
			    text-transform: uppercase;
			    font-weight: 600;
			    color: white;
			    font-size: 12px;
			    padding: 10px 20px;

			    -webkit-transition: all 200ms ease-out;
				-moz-transition: all 200ms ease-out;
				-o-transition: all 200ms ease-out;
				transition: all 200ms ease-out;

			    &:hover {
			    	opacity: .8; 
			    }
	    	}
	    }
    }
}

select {

	&[data-type="bgImages"] {

		option {

			&[value="my"] {
				display: none;
			}
		}
	}
}

#homeFeaturedProducts {

	&.full {
		margin-top: 40px;
		margin-bottom: 40px;

		.container {

			ul {
				max-width: 1200px;
				margin: 0 auto;
				padding: 0;
				list-style: none;
				overflow: hidden;
				clear: both;
				text-align: center;

				li {

					a {
						display: block;							
					}
				}
			}

			a {
				&.btn {
					clear: both;
				    display: block;
				    text-align: center;
				    margin: 20px auto 0;
				    background: black;
				    width: 200px;
				    padding: 10px 20px;
				    font-size: 14px;
				    text-transform: uppercase;
				    color: white;
				    font-weight: 600;
				}
			}
		}
	}
}

.variations {

	.label {
		padding: 0 !important;

		label[for="pa_size"] {
			position: relative;
		    top: 9px;
		    background: $red;
		    color: white;
		    padding: 8px 16px;
		    margin-right: 0;
		}
	}
}

.woocommerce div.product form.cart .variations {
	margin-bottom: 40px;
}