@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic);
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');

body * {
	font-family: 'Lato', sans-serif;
}

body {
	font-weight: 400;
}

.trigger {
	cursor: pointer;
}

.secondary {
	color: rgb(79,114,114);
	font-weight: 700;
}
	a.secondary:hover {
		color: rgb(49,66,68);
	}
	a.white {
		color: #fff;
	}

.heavy {
	font-weight: 900;
}

.login-warning{
    color: #ff0000 !important;
}

.background-primary {
	background-color: rgb(49,66,68);
}

.background-secondary {
	background-color: rgb(79,114,114);
}

.highlight-header {
	display: block;
	color: #fff;
	font-weight: 400;
	background-color: rgb(79,114,114);
	padding: 1em 2.66em;
	margin: 0 0 2em 0;
}

.button-icon {
    font-size: 170%;
    line-height: 0;
    position: relative;
    top: 4px;
    margin-left: 5px;
}

.close {
	width: 32px;
	height: 32px;
	cursor: pointer;
	float: right;
}

.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.pdf-link {
	display: block;
	margin: 1em 0;
}
	.pdf-link img {
		margin-right: 0.33em;
		margin-top: -0.33em;
		max-width: 32px;
	}

/* Header Styles */
header.primary {
	position: absolute;
	left: 0;
	right: 0;
	padding-top: 2em;
	padding-right: 2em;
	background-color: rgba(49,66,68,0.90);
	border-radius: 0 0 20px 20px;
	color: #fff;
	z-index: 99;

	-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.33);
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.33);
}
header.secondary {
	position: relative;
	padding-top: 2em;
	padding-right: 2em;
	color: rgb(79,114,114);
	z-index: 100;
	border-bottom: 1px solid #ccc;
}
	header .logo {
		max-width: 256px;
		height: auto;
		margin: 0em 0 1em 2em;
	}
	header.primary .logo.secondary, header.secondary .logo.primary {
		display: none;
	}
	header .login .trigger {
		cursor: pointer;
	}
	header.secondary .login span.trigger {
		color: #666;
	}
	header .login .user-dropdown-panel {
		display: none;
	}
	header .login .user-dropdown-panel.show {
		display: block;
		position: absolute;
		right: 0;
		margin-top: 0.33em;
		background: #fff;
		width: 300px;
		z-index: 1;
		padding: 1em 0;
		border: 1px solid #aaa;

		-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.4);
		-moz-box-shadow: 0 0 30px rgba(0,0,0,0.4);
		box-shadow: 0 0 30px rgba(0,0,0,0.4);
		border-radius: 5px;
	}
		header .login .user-dropdown-panel p {
			margin: 0;
			padding: 0.66em 1.66em;
		}
		header .login .user-dropdown-panel a {
			display: block;
		}
	header .search {
		margin-top: 1em;
		color: #666;
	}
		header .search input {
			position: relative;
			right: 54px;
		}
		header .search .cart {
			position: absolute;
			top: 0;
			right: 0;
			width: 50px;
			top: -8px;
			height: auto;
			cursor: pointer;
		}
			header .search .cart span.cart-sample-count {
				position: absolute;
				top: 0.66em;
				display: block;
				width: 100%;
				height: 100%;
				text-align: center;
				font-weight: 700;
			}
			header.secondary .search .cart span.cart-sample-count {
				color: #fff;
			}
		header .user-cart-list {
			display: none;
		}
		header .user-cart-list.show {
			display: block;
			position: absolute;
			right: 0;
			width: 320px;
			color: #fff;
			padding: 1em;
			z-index: 99;
			background-color: rgb(49,66,68);
			overflow-y: auto;

			-webkit-overflow-scrolling: touch;
		}
			header .user-cart-list .close {
				position: absolute;
				top: 0.66em;
				right: 0.66em;
			}
			header .user-cart-list .saved-sample {
				padding: 10px 0;
				height: 86px;
				position: relative;
			}
			header .user-cart-list .checkout{
				line-height: 1.3em;
				margin: 0;
			}
				header .user-cart-list .saved-sample img {
					float: left;
					width: 66px;
					height: 58px;
					margin-right: 10px;
				}
				header .user-cart-list .saved-sample img.quick-view {
					width: 54px;
				}
				header .user-cart-list.show .saved-sample p {
					display: block;
					font-size: 0.75em;
					margin: 0;
					text-align: left;
				}
				header .user-cart-list.show .saved-sample a {
					position: absolute;
					right: 0;
					top: 35px;
					font-size: 0.66em;
				}
			header .user-cart-list.show h5 {
				color: inherit;
			}
			header .user-cart-list.show hr {
				margin: 0.66em 0;
			}
		header.primary .cart img.secondary, 
		header.secondary .cart img.primary {
			display: none;
		}
	header nav.primary ul {
		list-style: none;
		margin: 0;
	}
	header nav.primary > ul > li {
		float: left;
		font-size: 0.9em;
		margin-left: 2em;
		padding: 1em;
	}
	header nav.primary a {
		color: inherit;
		font-weight: 700;
	}
	header nav.primary ul > li:hover {
		color: #fff;
		background-color: rgb(49,66,68);
		cursor: pointer;

		border-radius: 10px 10px 0 0;
	}
	header nav.primary li ul {
		display: none;
	}
	header nav.primary li ul.show {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 3em;
		margin-left: 2em;
	}
	header nav.primary li ul .close {
		display: none;
	}
	header nav.primary li ul li {
		position: relative;
		display: block;
		width: 160px;
		height: 200px;
		float: left;
		padding: 1em;
		background-color: rgb(49,66,68);

		transition: all 0.15s ease-in-out;
	}
	header nav.primary li ul li:hover  {
		z-index: 2;
		background-color: rgb(69,86,88);

		-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);
		box-shadow: 0 0 30px rgba(0,0,0,0.2);
	}
		header nav.primary li ul li b {
			margin: 0;
			font-size: 75%;
			white-space: nowrap;
			color: rgb(0,169,167);
		}
		header nav.primary li ul li p {
			color: #fff;
			font-size: 80%;
			font-weight: 400;
			line-height: 1.2;
			margin: 0.66em 0;
		}
		header nav.primary li ul li img {
			position: absolute;
			bottom: 1em;
			left: 1em;
			width: 128px;
		}

/* Modal Styles */
.modal {
	display: none;
}
.modal.show {
	position: absolute;
	display: block;
	width: 100%;
	z-index: 1000;
}
	.modal-underlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0.66);
	}
	.modal .modal-body {
		position: absolute;
		top: 5em;
		left: 0;
		right: 0;
		max-width: 45em;
		padding: 1em;
		background-color: #fff;

		border-radius: 5px;
	}
	.modal .modal-body.fixed {
		position: fixed;
	}
	.modal .errors {
		margin-bottom: 1em;
	}
		.modal .errors p {
			margin: 0;
			color: red;
			font-size: 0.75em;
			margin-bottom: 0.33em;
		}
		.modal .modal-body .modal-header {
			padding: 0;
			font-weight: 400;
			padding-bottom: 1em;
			border-bottom: 1px solid #f2f2f2;
		}
			.modal .modal-body .modal-header h4 {
				margin: 0;
				float: left;
			}
		.modal .modal-body form {
			margin-top: 1em;
		}
.form-loading-overlay {
	display: none;
}
.form-loading-overlay.show {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.8);
	z-index: 999999;
}
	.form-loading-overlay img {
		position: absolute;
		top: 50%;
		right: 0;
		bottom: 0;
		left: 50%;
		margin-left: -64px;
	}

/* Confirmation message Styles */
.confirm-message {
	position: fixed;
	top: -5em;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1000;
	padding: 1em;

	animation-name: confirmation-message-animation;
    animation-duration: 7s;
    -webkit-animation-name: confirmation-message-animation;
    -webkit-animation-duration: 7s;
}
.confirm-message.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.confirm-message.error {
	color: #D8000C;
    background-color: #FFBABA;
}

@keyframes confirmation-message-animation {
    0% {top: -5em;}
    10% {top: 0;}
    90% {opacity: 1;}
    100% {opacity: 0; top: 0; display: none;}
}

@-webkit-keyframes confirmation-message-animation {
    0% {top: -5em;}
    10% {top: 0;}
    90% {opacity: 1;}
    100% {opacity: 0; top: 0; display: none;}
}

/* Slider Styles */
.banner { 
	position: relative; 
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 640px;
	overflow: auto;
}
    .banner ul li {
    	background-size: cover;
    	background-position: center center;
    }
    .banner .slide-body {
    	position: absolute;
    	bottom: 6em;
    	color: #fff;
    	max-width: 480px;
    	text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
    }
    .banner .slide-body h1,
    .banner .slide-body h4,
    .banner .slide-body p {
    	color: inherit;
    }
    .banner .slide-body h1 {
    	font-weight: 900;
    }
    .banner .slide-body h4 {
    	font-weight: 700;
    }
    .banner .slide-body p {
    	margin-top: 1.2em;
    	padding-top: 0.33em;
    	border-top: 1px solid #fff;
    }
    .banner .slide-body a.button {
    	position: relative;
    	background-color: #fff;
    	color: rgb(78, 114, 114);
    }
    	.banner .slide-body a.button span {
	    	position: relative;
	    }

/* About Sidebar Styles */
aside.about-sidebar {
	background-color: #f2f2f2;
	margin-bottom: 2em;
}
	aside.about-sidebar hr {
		margin: 0;
		padding: 0;
		border-color: #fff;
	}
	aside.about-sidebar nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	aside.about-sidebar nav ul li {
		padding: 1em;
		font-weight: 700;
	}
	aside.about-sidebar nav ul a.active {
		color: rgb(49,66,68);
	}

/* Footer Styles */
footer.primary {
	position: relative;
	background-image: url('../img/angles-bg.png');
	color: #fff;
}
	footer.primary .gradient-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;

		background: rgba(49,66,68,0);
		background: -moz-linear-gradient(top, rgba(49,66,68,0) 0%, rgba(49,66,68,1) 75%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,66,68,0)), color-stop(75%, rgba(49,66,68,1)));
		background: -webkit-linear-gradient(top, rgba(49,66,68,0) 0%, rgba(49,66,68,1) 75%);
		background: -o-linear-gradient(top, rgba(49,66,68,0) 0%, rgba(49,66,68,1) 75%);
		background: -ms-linear-gradient(top, rgba(49,66,68,0) 0%, rgba(49,66,68,1) 75%);
		background: linear-gradient(to bottom, rgba(49,66,68,0) 0%, rgba(49,66,68,1) 75%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314244', endColorstr='#314244', GradientType=0 );
	}
	footer.primary b,
	footer.primary a,
	footer.primary h4 {
		display: block;
		color: inherit;
	}
	footer.primary b {
		font-size: 90%;
	}
	footer.primary a {
		padding: 0.66em 0;
		border-top: 1px solid #fff;
		font-size: 75%;
	}
	footer.primary a:hover {
		color: rgb(0,169,167);
	}
	footer.primary h4 {
		margin: 0;
		position: relative;
		top: 0.33em;
		padding: 0.66em 0;
		font-size: 140%;
		font-weight: 400;
		border-top: 1px solid #fff;
	}
	footer.primary .social-icons {
		padding-top: 0.5em;
		border-top: 1px solid #fff;
	}
		footer.primary .social-icons a {
			display: inline;
			border: none;
		}
	footer.primary section {
		margin: 1em 0;
	}
		footer.primary section img {
			margin-right: 0.66em;
			max-width: 28px;
			max-height: 28px;
		}

/* Colors By Product and Group Page Styles */
.colors-info-panels section {
	margin: 2em auto;
}
	.colors-info-panels section h3 {
		font-weight: 700;
	}
	.colors-info-panels section a {
		display: inline-block;
	}
	.colors-info-panels section img {
		margin-top: 0.66em;
	}
	.colors-info-panels .color-info-link {
		margin-top: 1em;
	}

/* About Pages' Styles */
.about-header-image {
	margin-bottom: 1em;
}
.about-content {
	margin-bottom: 4em;
}
	.about-content ol.faq-list span {
		margin-bottom: 2em;
	}
	.about-content .info-panels div {
		position: relative;
		padding: 2em;
		overflow: hidden;
	}
		.about-content .info-panels div .overlay {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: rgba(255,255,255,0.95);
			padding: 1em;
			overflow-y: auto;

			-webkit-overflow-scrolling: touch;
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			transform: translateY(100%);
			transition: transform 0.66s ease-in-out;
		}
		.about-content .info-panels div .overlay.show {
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
		.about-content .info-panels div .overlay h3 {
			color: rgb(79,114,114);
		}
		.about-content .info-panels h3 {
			margin-top: 0.66em;
			color: rgb(49,66,68);
		}
		.about-content .info-panels img {
			width: 75%;
			max-width: 256px;
		}

/* Brochure Info Styles */
.brochure-info {
	margin: 5em auto;
}
	.brochure-info .brochure-img {
		margin-bottom: 3em;
	}

/* Order Paint Styles */
.order h1 {
	margin-top: 1rem;
}

/* Tech Docs Styles */
.tech-docs .product-header {
	color: #fff;
	margin-top: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
}
.tech-docs .product-links {
	padding: 0.33em 0;
    height:130px;
}
	.tech-docs .product-links p {
		margin: 0.66em 0;
		color: #fff;
		font-size: 0.75em;
	}
		.tech-docs .product-links a {
			color: #fff;
		}
		.tech-docs .links a:hover {
			color: rgb(49,66,68);
		}
.tech-docs .docs-section {
	margin: 1em 0;
}

/* Where to Buy Styles */
.where-to-buy {
	margin: 3em auto;
}
	.where-to-buy .map {
		margin-bottom: 1em;

		-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.33);
		-moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.33);
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.33);
	}
	.where-to-buy .distributor-info {
		padding: 0 0 1em 0;
	}
		.where-to-buy .distributor-info h4 {
			margin: 0;
			font-size: 1.2em;
		}

		.where-to-buy .distributor-info p {
			font-size: 0.75em;
			line-height: 130%;
		}

/* Application Videos Styles */
/* Video Styles */
.application-videos {
	margin-bottom: 4em;
}
.application-videos .trigger.show-video {
	z-index: 1;
	position: relative;
	display: block;
}
.application-videos .video-section-container {
	margin: 1em auto;
}
.application-videos .trigger.show-video .video-hover-overlay {
	display: none;
}
.application-videos .trigger.show-video:hover .video-hover-overlay {
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.2;

	background-color: #F79220;
}
.video-overlay {
	display: none;
}
.video-overlay.show {
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	background-color: rgba(0,0,0,0.9);
	z-index: 2000;
}
	.video-container {
		margin: 4em auto;
		max-width: 640px;
	}
	.video-overlay .flex-video {
		display: none;
	}
	.video-overlay.show .flex-video {
		display: block;
	}
	.application-videos .video-header {
		color: #fff;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.application-videos .video-header .video-time {
		color: #F79220;
		font-weight: 700;
	}

/* Project Profiles Styles */
.project-profile {
	margin: 2em 0;
}
	.project-profile img {
		margin-bottom: 1em;
	}
    
    .project-profile a.show-video:before {
        content: "\f144";
        position: absolute;
        left: 50%;
        margin-left: -50px;
        top: 20%;
        font-family: FontAwesome;
        font-size: 100px;
        color: #fff;
    }

/* Finish Info Page Styles */
.finish-info {
	margin: 1em auto;
}
	.finish-info h3 {
		font-weight: 600;
		color: rgb(65,166,166);
	}
	.finish-info img {
		margin-bottom: 1em;
	}
	.finish-info .feature-list {
		margin-left: 1em;
	}
		.finish-info .feature-list ul {
			list-style: none;
		}
		.finish-info .feature-list li {
			line-height: 1.4;
			margin: 1.33em 0;
			font-size: 0.9em;
			font-weight: 600;
		}
		.finish-info .feature-list li:before {
			content: "\f138";
			font-family: FontAwesome;
			float: left;
			margin-top: -10px;
			margin-left: -32px;
			font-size: 28px;
			color: rgb(65,166,166);
		}
		.finish-info .misc-details p {
			color: rgb(65,166,166);
		}
		.finish-info .misc-details .button {
			max-width: 286px;
			padding-right: 50px;
		}
		.finish-info .misc-details .button i.fa {
			position: absolute;
			right: 12px;
			top: 50%;
		}

/* Previous Orders Styles */
.previous-orders {
	padding: 2em 0;
}
	.previous-orders h4 {
		margin-top: 2em;
	}
	.previous-orders .order {
		padding: 1em 0;
		color: #fff;
		margin: 0.66em 0;
	}
		.previous-orders .order h5 {
			margin: 0;
			color: inherit;
		}
		.previous-orders .order-samples {
			margin-top: 1em;
		}

/* Custom Sample Modal Styles */
.custom-sample fieldset {
	padding: 0.33em 1em;
	margin: 0.66em 0 1.33em 0;
}
	.custom-sample fieldset p {
		margin-bottom: 0.33em;
		margin-top: 0.66em;
	}
	.custom-sample fieldset span {
		white-space: nowrap;
	}

/* Explore Colors Styles */
.explore-colors {
	margin: 2em auto;
}
	.explore-colors select, .explore-colors label {
		font-weight: bolder;
	}
	.explore-colors .sample-thumbs {
		margin-top: -0.25em;
	}
		.explore-colors .sample-thumb {
			padding: 0.25em;
			cursor: pointer;
		}
		.explore-colors .sample-thumb:hover .sample-name-popup {
			display: block;
			position: absolute;
			top: 0;
			text-align: center;
			padding: 0.33em 0;
			font-size: 0.66em;
			width: 100%;
			background: rgba(255,255,255,0.8);
		}
			.explore-colors .sample-name-popup {
				display: none;
			}
	.explore-colors .pagination {
		margin: 0.66em 0 0 0;
	}
		.explore-colors .pagination .button-icon:hover {
			color: rgb(0,169,167);
		}
	.explore-colors .pagination-counter {
		font-size: 0.80em;
		font-weight: 800;
		padding: 0 0.66em;
	}
	.explore-colors button.save-sample {
		padding: 0.5em 1.66em;
		margin: 0.5em 0 0 0;
	}
		.explore-colors button.save-sample i {
			margin-left: 0.33em;
		}
	.explore-colors .selected-sample .columns {
		padding: 0;
	}
		.explore-colors .selected-sample .info {
			font-size: 0.80em;
			font-weight: 800;
			margin: 1em 0;
		}
			.explore-colors .selected-sample .info .name {
				margin-left: 1em;
				color: rgb(65,166,166);
			}
	.explore-colors .product-details {
		margin: 1em 0;
	}
		.explore-colors .product-details .tagline {
			color: rgb(65,166,166);
			font-weight: 800;
		}
		.explore-colors .product-details .disclaimer {
			color: rgb(247,146,32);
			font-size: 0.80em;
			font-weight: 800;
		}
		.explore-colors .product-details .details-table {
			font-size: 0.80em;
			padding: 0;
		}
			.explore-colors .product-details .details-table .details-table-row {
				border-bottom: 1px solid #ccc;
				padding: 0.5em 0;
			}
			.explore-colors .product-details .details-table .key {
				font-weight: 800;
				color: rgb(65,166,166);
			}

/* Quick View Styles */
.quick-view-info {
	margin: 2em auto;
}
	.quick-view-info p {
		margin: 0 0 1em 0;
	}
	.quick-view-info .product {
		margin-top: 4em;
	}
		.quick-view-info .product h5 {
			margin: 0;
		}

/* Admin Page Styles */
.admin-page {
	margin: 3em auto;
}
	.admin-page .section-header {
		display: block;
		color: #fff;
		padding: 0.66em;
		cursor: pointer;
	}
	.admin-page .errors {
		margin-bottom: 1em;
	}
		.admin-page .errors p {
			margin: 0;
			color: red;
			margin-bottom: 0.33em;
		}
	.admin-page .file-dropzone {
		z-index: 0 !important;
		padding: 1em 0;
		margin: 2em 0;
		text-align: center;
		border: 5px dashed rgb(79,114,114);
		background-color: #eee;
	}
		.admin-page .file-dropzone h4 {
			color: rgb(79,114,114);
		}
		.admin-page .all-samples-container {
			float: left;
		}
		.admin-page .all-samples-container.deleteMode {
			background-color: rgba(255,0,0,0.3);
		}
		.admin-page .all-samples-container .sample {
			position: relative;
			width: 20%;
			padding: 0 5px;
			margin: 20px 0;
			box-sizing: border-box;
			float: left;
		}
		.admin-page .all-samples-container .sample .delete-affordance {
			display: none;
		}
		.admin-page .all-samples-container .sample:hover .delete-affordance {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 10;
			padding: 1em;
			text-align: center;
			cursor: pointer;
			color: rgb(79,114,114);
			background-color: #f2f2f2;
		}
		.admin-page .all-samples-container .sample .tags-input {
			margin: 0;
			font-size: 0.75em;
		}
		.admin-page .all-samples-container .sample button {
			margin: 0;
			padding: 0.33em;
			width: 100%;
			font-size: 0.75em;
		}
			.admin-page .all-samples-container .sample .delete-affordance .fa{
				font-size: 6em;
			}
			.admin-page .all-samples-container img {
				width: 100%;
			}
			.admin-page .all-samples-container span {
				padding: 0.33em 0.66em;
				font-size: 0.8em;
				color: #fff;
				display: block;
			}

/* Privacy Policy Styles */
.privacy-policy {
	margin: 2em auto;
}

/* Small Only */
@media only screen and (max-width: 40em) {
	.modal .modal-body {
		position: fixed;
		width: 100%;
		top: 0;
		bottom: 0;
		overflow-y: auto;

		border-radius: 0;
		-webkit-overflow-scrolling: touch;
	}
	header.primary, header.secondary {
		padding: 0;
		position: relative;
		padding: 0 0 1em 0;
	}
	header.primary {
		background-color: rgb(49,66,68);
		border-radius: 0;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	header .logo {
		margin: 1em 0;
	}
	header nav.primary ul {
		text-align: center;
	}
	header nav.primary li ul.show {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		overflow-y: auto;
		background-color: rgb(49,66,68);

		-webkit-overflow-scrolling: touch;
	}
		header nav.primary li ul .close {
			display: block;
			position: absolute;
			right: 0;
			margin: 1em;
			z-index: 3;
		}
		header nav.primary > ul > li {
			float: none;
			display: inline-block;
			font-size: 0.66em;
			margin: 0;
			padding: 0.5em;
		}
		header nav.primary li ul li {
			text-align: left;
			padding-right: 5em;
			border-bottom: 2px solid rgb(79,114,114);
			width: 100%;
			height: auto;
		}
		header nav.primary li ul li:hover  {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
		header nav.primary li ul li img {
			position: static;
		}
	header .search {
		margin-top: 0.5em;
	}
		header .user-cart-list.show {
			position: fixed;
			top: 0;
			height: 100%;
			width: 100%;
		}
		header .search .cart {
			position: relative;
			display: inline-block;
			top: -6px;
			width: 50px;
		}
		header .search input {
			display: inline-block;
			width: 75%;
			left: 0;
		}
	header .login .user-dropdown-panel.show {
		left: 0;
		width: 90%;
		margin: 0.5em auto;
	}
	.banner {
		height: 420px;
		min-height: 0;
	}
	.banner .slide-body {
    	margin-top: 1em;
    }

    .admin-page .all-samples-container .sample {
		width: 33.3%;
	}

	.explore-colors button.save-sample {
		float: none !important;
		margin: 0 0 1.33em 0;
	}

	.explore-colors .selected-sample {
		text-align: center;
	}
}

.row.find-rep {
	background-color: #eee;
	padding-top: 50px;
	border-radius: 10px;
	margin-bottom: 50px;
}

/* Medium Only */
@media only screen and (min-width:40.0625em) and (max-width:64em) {
	.admin-page .all-samples-container .sample {
		width: 25%;
	}
}

/* Large */
@media only screen and (min-width:64.0625em) {
	@media only screen and (min-height: 640px) {
	    .banner .slide-body h1 {
	    	white-space: nowrap;
	    	font-size: 4em;
	    }
	    .banner .slide-body h4 {
	    	font-size: 2em;
	    }
	    .banner .slide-body p {
	    	font-size: 1.2em;
	    }
	}
}