/*	dark purple: #301f27;
	plum-purple: #512635;
	trans-black: rgba(00,00,00,.16);
	med-trans-black: rgba(00,00,00,.55);
	green: #c1cc22;
	trans-green: rgba(193,204,34,.31);
	trans-white: rgba(255,255,255,.31);
	
	lighter-purple in gradient: #662f43;   rgba(102,47,67,. );
	darker-purple in gradient: #4e2534;		rgba(78,37,52,. );
	

*/


/*
 *  green: #B5C710
 *  dark_green: #46461E
 *	bg_purple: #301F26
 *  dark_bg_purple: #261A1E
 *  button_purple_dark: #43262E
 *  button_purple_light: #5D2C3C
 *  off_white: #DCDCDC
 *  pale_gray: #CCCCCC
 *  dark_gray: #70646A
 *  red: #CC0000
 *  light_red: #FF5F62
 */

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


html { -webkit-font-smoothing: antialiased; 
	margin-top: 0 !important;
}

body {
	font-size: 100%;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	color: #000;
	background-color: #301F26;
	/* background: #301F26 url(images/glow.png) center top no-repeat; */
	line-height: 1.688;
	overflow-x: hidden;
}

/* TYPOGRAPHIC STYLES */

.tiny {
	color: #CCC;
	font-size: 0.688em;
}

.small {
	font-size: 0.875em;
}

.primary-heading {
	font-family: "Helvetica Neue","Raleway","Helvetica", Arial, sans-serif;
	font-size: 3.5em;
	font-weight: 100;
	line-height: 1;
}
.sub-heading {
	font-size: 1.750em;
	color: #B5C710;
	font-weight: 300;
	line-height: 1;
	padding: .25em 0;
}
.secondary-heading {
	font-size: 1.375em;
	font-weight: 300;
	padding: 1em 0;
}
.sidebar-heading {
	font-size: 1.25em;
	font-weight: 300;
	margin-bottom: 1em;
	text-transform: uppercase;
}

label, .gform_wrapper .top_label .gfield_label {
	font-size: 1em;
	font-weight: normal !important;
}

p {
	margin-bottom: 1em;
}

sup {
	font-size: .55em;
	vertical-align: top;
	vertical-align: text-top;
}

a:link, a:visited { color: #FFF; text-decoration: none;}
/* a:visited { color: #FEFFD5; } */
a:hover { color: #B5C710; text-decoration: underline;}
a:active { color: #FEFFD5; }


/* BLOCK STYLES */

.wrapper {
	max-width: 62.5em;
	max-width: 1000px;
	min-width: 750px;
	margin: 0 auto;
	padding: 0 1em;
}

.dark-panel {
	background: #261A1E;
	background: rgba(0,0,0,0.15);
	padding: 0 0 0 1.5em;
	border-left: 0.688em solid #46461E;
	margin-bottom: 25px;
	position: relative;
}
	/* This extends the panel off the right edge of the screen.
	   If the body's overflow is not hidden, this will cause wide scrolling.
	   Perhaps theres a cleverer way to do this without relying on the body overflow? */
.dark-panel:after {
	content: "";
	background: #261A1E;
	background: rgba(0,0,0,0.15);
	height: 100%;
	position: absolute;
	width: 100%;
	right: -100%;
	top: 0;
}

.gray.dark-panel {
	border-left-color: #70646A;
	padding: 1.5em;
}

.slider {
	
}

.slider .sub-heading {
	display: inline-block;
	width: 35%;
}

.footer .dark-panel {
	margin-bottom: 0;
}


/* FORMS / INPUTS */

.button {
	background: rgb(93,44,60); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(93,44,60,1) 0%, rgba(67,38,46,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,44,60,1)), color-stop(100%,rgba(67,38,46,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(93,44,60,1) 0%,rgba(67,38,46,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(93,44,60,1) 0%,rgba(67,38,46,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(93,44,60,1) 0%,rgba(67,38,46,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(93,44,60,1) 0%,rgba(67,38,46,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d2c3c', endColorstr='#43262e',GradientType=0 ); /* IE6-9 */
	font-size: 1.25em;
	font-weight: 100;
	color: #FFF;
	font-family: "Helvetica Neue","Raleway","Helvetica", Arial, sans-serif;
	display: inline-block;
	border: none;
	border-left: 0.5em solid #B5C710;
	height: 2.5em;
	padding: 0 1em;
	min-width: 8em;
	cursor: pointer;
	text-transform: uppercase;
}

.button:hover {
	background: rgb(122,58,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(122,58,76,1) 0%, rgba(67,38,46,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,58,76,1)), color-stop(100%,rgba(67,38,46,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(122,58,76,1) 0%,rgba(67,38,46,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(122,58,76,1) 0%,rgba(67,38,46,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(122,58,76,1) 0%,rgba(67,38,46,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(122,58,76,1) 0%,rgba(67,38,46,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a3a4c', endColorstr='#43262e',GradientType=0 ); /* IE6-9 */
}

.form-field {
	margin-bottom: 2em;
	max-width: 41em;
}
label {
	padding-bottom: 0.4em;
	display: block;
}
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
	font-family: "Raleway", "Helvetica", Arial, sans-serif;
	font-size: 1em;
	background: #DCDCDC;
	border: none;
	border-left: 0.688em solid #43262E;
	padding: 0 1em;
	width: 100%;
	box-sizing: border-box;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
	height: 2em;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
	background: #FFF;
	border-left-color: #B5C710;
}

.error textarea,
.error input[type="text"],
.error input[type="password"],
.error input[type="email"],
.error input[type="tel"] {
	color: #CC0000;
	border-left-color: #CC0000;
}
.error-message {
	color: #FF5F62;
	font-size: 0.875em;
}













h1, h2, h3, h4, h5, h6, a, p, li, span, dl, dt, dd, small {
	color: #000000;
	font-family: 'Helvetica Neue', helvetica, sans-serif;
	font-weight: 300;
}


dl, dt, dd {
	font-size: 14px;
}

img	{
	border: none;
}

.fourcol-aside {
	float: left;
	width: 38%;
}

.sixcol-main {
	float: right;
	width: 55%;
}

.threecol-aside {
	float: left;
	width: 22%;
}

.sevencol-main {
	float: right;
	width: 75%;
}

.main-content {
	margin: 75px 0 40px;
/*	overflow: hidden;*/
}

.gradient {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.34) 1%, rgba(48,31,39,0) 71%, rgba(48,31,39,0) 72%); /* FF3.6+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.34) 0%,rgba(255,255,255,0.34) 1%,rgba(48,31,39,0) 71%,rgba(48,31,39,0) 72%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.34) 0%,rgba(255,255,255,0.34) 1%,rgba(48,31,39,0) 71%,rgba(48,31,39,0) 72%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.34) 0%,rgba(255,255,255,0.34) 1%,rgba(48,31,39,0) 71%,rgba(48,31,39,0) 72%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.34) 0%,rgba(255,255,255,0.34) 1%,rgba(48,31,39,0) 71%,rgba(48,31,39,0) 72%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57ffffff', endColorstr='#00301f27',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	
	background-position: center;
	height: 1050px;
	left: -50%;
	margin: 0 auto;
	position: absolute;
	top: -500px;
	right: -50%;
	width: 100%;
	z-index: -1;
}

.header {
	padding: 20px 0 60px;
	overflow: hidden;
}

.logo {
	display: block;
	float: left;
	overflow: hidden;
}

.header .secondaryNav, .header .mainNav {
	clear: right;
	float: right;
	
}

.secondaryNav li, .mainNav li {
	list-style: none;
	display: inline-block;
	*display: inline;
	zoom:1;
} 

.secondaryNav li a, .mainNav li a {	
	color: #fff;
	padding: 0 15px;
	text-transform: uppercase;
}

.secondaryNav li a:first-child, .mainNav li a:first-child {
	padding-left: 0;
}

.secondaryNav li a {
	font-size: 11px;
	letter-spacing: 1px;
	padding-right: 30px;
}
.footer .secondaryNav li a {
	text-transform: capitalize;
}
.mainNav li a {
	font-size: 15px;
	letter-spacing: 1px;
}

.header .mainNav {
	position: relative;
	top: 60px;
}


input.search-field,
input.email {
	border: none;
	border-right: 10px solid #512635;
	padding: 8px 30px 8px 10px;
	width: 200px;
}

.search-submit {
	background: url(img/sprite.png) no-repeat -1px -2px;
	background-color: transparent;
	color: transparent;
	border: none;
	height: 16px;
	right: 35px;
	position: relative;
	width: 16px;
}




.footer {
	background: rgba(00,00,00,.16);
	clear: both;
	padding: 40px 0 0;
}

.footer .mainNav {
	padding: 0 0 25px;
}

.footer .secondaryNav {
	padding-bottom: 50px;
}

.footer .logo-gray {
	position: absolute;
	right: 0;
	bottom: 1.7em;
}

/* social buttons on desktop */
.footer .social-buttons{
	position : absolute;
	right : 0;
}


/* -------------------CONTENT-------------------------- */
.threecol-aside ul li {
	display: block;
	padding: 5px 0;
}


.col {
	float: left;
	margin: 30px 0;
	width: 50%;
}

dl {
	margin-bottom: 20px;
}

dl dt {
	font-weight: bold;
	margin-bottom: 2px;
}

dl dd dl dt {
	font-weight: normal;
	float: left;
	min-width: 50%;
}

dl dd dl {
	margin-bottom: 5px;
}

.full-col {
	clear: both;
	/* overflow: hidden; */
}

.swatches .swatch {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.swatches .swatch img {
	border: 1px solid #301f27;
}

/*.swatches .swatch img.active, .swatches .swatch img:hover */
.swatches .swatch img.activeborder {
	border: 1px solid #c1cc22;	
}
.wrapper.single-product {
	/*overflow: hidden;*/
	margin-bottom: 40px;
}
.single-product .product-pic {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}

.single-product .product-pic img {
	background: rgba(36,167,223,0.78);
	position: relative;
	max-width: 100%;
}

.single-product .thumbnails a {
	margin-right: 0px !important;
	width: 20px !important;
	cursor: pointer;
}
.single-product .thumbnails a:hover {
	text-decoration: none;
}
.single-product .thumbnails a img {
	background: #c1cc22;
	-webkit-filter: opacity(50%);
	/*width: 75px;
	height: 75px;*/
}

.single-product .thumbnails a.active img, .single-product .thumbnails a:hover img {
	background: pink;
	border-left: 5px solid #c1cc22;
	margin-left: -5px;
	-webkit-filter: opacity(100%);
}
.product-overlay-description {
	background: rgba(193,204,34,.85);
	bottom: 0;
	color: #fff;
	padding: 10px;
	position: absolute;
	width: 95%;
}

.product-overlay-description span {
	font-weight: bold;
	font-size: 13px;
}

.active_swatch,
.product-overlay-description .product-number a {
	/* text-transform: uppercase; */	
	cursor: pointer;
	text-decoration: underline;
}

.product-overlay-description .product-number a {
	font-weight: bold;
}
.product-overlay-description .product-number a:hover {
	color: white;
}

.product-overlay-description span:last-child {
	float: right;
}




/* -------------------SUBPAGE CONTENT----------------------- */



.subpages-content {
	
}

.product-line {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.25) 60%, rgba(103,48,68,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(60%,rgba(0,0,0,0.25)), color-stop(100%,rgba(103,48,68,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.25) 60%,rgba(103,48,68,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.25) 60%,rgba(103,48,68,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.25) 60%,rgba(103,48,68,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.25) 60%,rgba(103,48,68,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#673044',GradientType=1 ); /* IE6-9 */
	height: 125px;
	margin-bottom: 20px;
	position: relative;
	display: table;
	width: 100%;
}
.product-line:hover {
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 60%, rgba(103,48,68,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(60%,rgba(0,0,0,0.25)), color-stop(100%,rgba(103,48,68,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 60%,rgba(103,48,68,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,1) 60%,rgba(103,48,68,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 60%,rgba(103,48,68,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,1) 60%,rgba(103,48,68,1) 100%); /* W3C */
}

.model {
	position: absolute;
	/* top: -43px; */
	bottom: 0;
	right: 0;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
}

.product-line:nth-child(odd) .model {
	right: 160px;
}

.logo {
	margin: 0 20px;
}

.product-descript {
	background: #000;
	display: none;
	min-height: 85px;
}
.product-line:hover .product-descript {
	display: block;
	position: absolute;
	padding: 20px 25px;
	width: 28%;
	left: -28%;
	margin-left: -50px;
}
.product-line h1 {
	color: #B5C710;
	float: left;
	display: inline-block;
	font-size: 25px;
	margin: 0 20px
}
.product-line .swatch {
	height: auto;
	float: right;
	border-left: 10px solid #B5C710;
	display: inline-block;
}
.browse {
	color: #B5C710 !important;
	text-decoration: none;
	display: block;
	margin-top: 2em;
	text-transform: uppercase;
	position: relative;
}
.browse:after {
	content: ' ';
	background-image: url(img/sprite.png);
	background-position: -3px -69px;
	background-repeat: no-repeat;
	/*
	display: inline-block;
	height: 15px;
	left: 5px;
	position: relative;
	top: 2px;
	*/
	width: 6px;
	
	height: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

.widget_archive li {
	display: block;
	padding: 5px 0;
}

.archive-list li {
	display: block;
	padding: .4em 0;
}

.archive-list li a{
	color: #fff;
}

.refine-list {
	
}

.refine-list input{
	margin: 0 10px 0 0;
}

p.list-title {
	margin: 1.5em 0 .25em;
}

.product-list {
	
}
.product-list .item {
	float: left;
	text-align: center;
	width: 18%;
	margin: 0 1% 5% 1%;
	
	float: none;
	width: 17.5%;
	display: inline-block;
	vertical-align: top;
}
/*
.product-list .item:nth-child(5n+5) {
	margin-right: 0;
}
*/
.product-list .item img {
	margin-bottom: 10px;
	height: 120px;
	width: 120px;
	object-fit: cover;
    object-position: top;
}
.product-list .item .item-name {
	margin-bottom: 0;
}



article-list {
	
}

.article-post {
	margin-bottom: 50px;
	line-height: 1em;
}

.article-post .date{
	font-size: 20px;
	float: left;
	margin-right: 20px;
	text-transform: uppercase;
	text-align: right;
	width: 80px;
}

.article-post .year{
	font-size: .7em;
	line-height: .7em;	
}

.article-post .article-content {
	overflow: hidden;
}

.article-content p {
	margin: .5em 0;
}
.article-post img {
	float: right;
	margin-left: 30px;
}
.article-post .read-more {
	text-transform: uppercase;
}



.article {
	margin-bottom: 75px;
}

.article img {
	float: right;
	margin: 20px 0 20px 30px;
}
.post-nav-below {
	margin-bottom: 30px;
	/* overflow: hidden */
}
.prev, .next {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7em;
	float: left;
	letter-spacing: .05em;
}
.prev {
	margin-right: 50px;
}
.post-nav-below .next,
.post-nav-below .prev {
	margin-bottom: 20px;
	width: 40%;
}
.post-nav-below .next {
	float: right;
	text-align: right;
	clear: none;
}

.post-nav-below a:hover,
.post-nav-below a:focus,
.post-nav-below a:active {
	text-decoration: none;
}

.gfield {
	margin-bottom: 25px;
}
.gform_description {
	margin-bottom: 1em;
	display: block;
}
.halfwidth {
	float: left;
	margin-right: 2%;
	width: 49%;
}
.halfwidth.right {
	clear: right;
	margin-right: 0;
}
.address {
	display: none;
}
.zipcode {
	float: left; 
	margin-right: 2%;
	width: 13%;
}
.state {
	float: left; 
	margin-right: 2%;
	width: 10%;
}
.country {
	float: left;
	width: 22%;
}
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
	margin-bottom: 0;
	display: block;
}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	font-size: .85em;
	display: inline-block;
}
.textfield {
	clear: both;
}


.question p {
	font-style: italic;
	font-weight: bold;
}


iframe {
	background: rgba(193, 234, 34, .4);
	padding: 0 0 0 30px;
	position: absolute;
	left: 28%;
	border-left: 4em solid #46461e;
	border-right: .688em solid #46461e;
}

.home-header {
	overflow: hidden;
}
.home-header-title {
	display: block;
	float: left;
	padding-top: 2em;
}
.home-header-title .primary-heading {
	font-size: 4.5em;
}
.home-header-title .sub-heading {
	/* font-size: 1.2em; */
	margin-bottom: 0;
	padding-bottom: 0;
}

.full-content {
	background: rgba(0,0,0,.15);
	height: 592px;
	margin-bottom: 50px;
}

.learn-more {
	background-image: url(http://henrymargu.viussandbox.co/wp-content/uploads/2013/11/HM_cropped.png);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	float: right;
	height: 188px;
	width: 340px;
}

.learn-more h2 {
	font-size: 1.4em;
	margin-left: -115px;
	margin-top: -5px;
	padding-right: 2em;
	text-transform: uppercase;
}

.learn-more h2::after {
	background-image: url(img/sprite.png);
	background-position: -4px -30px;
	background-repeat: no-repeat;
	content: ' ';
	display: inline-block;
	height: 28px;
	position: relative;
	top: 6px;
	left: 15px;
	width: 12px;	
}

.learn-more p {
	color: #b5c710;
	margin:0 0 0 -115px;
	padding-top: 5em;
}

.dark-panel.gray.threeblocks {
	overflow: hidden;
	/* padding: 0 0 0 1.5em; */
	padding: 0;
}
.threeblocks a:hover {
	text-decoration: none;
}
.block {
	background-repeat: no-repeat;
	float: left;
	height: 310px;
	position: relative;
	width: 33.33%;
}

.block .text-overlay {
	background: rgba(0,0,0,.5);
	bottom: 0;
	height: 80px;
	padding: 15px 0px;
	position: absolute;
	width: 100%;
}
.block .text-overlay a {
	color: #c0cc21;
	padding: 0 20px;
}
.block .text-overlay p {
	margin-bottom: .5em;
	padding: 0 20px;
}
.block .text-overlay a::after {
	content: ' ';
	background-image: url(img/sprite.png);
	background-position: -3px -69px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 15px;
	left: 5px;
	position: relative;
	top: 2px;
	width: 6px;
}
.block .info h2{
	padding: 20px;
}
.block .info img {
	height: auto;
	width: 100%;
}

.product-banner {
	margin: 120px 0 100px;
}
.product-banner .text {
	position: absolute;
	top: 30px;
	left: 0;
}
.product-banner .text p {
	color: #B5C710;
	margin-bottom: 0;
}
.product-banner .button {
	border-width: 11px;
	font-size: 1.4em;
	font-weight: normal;
	height: auto;
	padding: 1em;
	margin-left: -1.55em;
	width: 100%;
}
.lean-slider {
	height: 275px;
}
.product-banner .model-bg {
	background: rgba(193,204,34,.3);
	width: 450px;
	height: 275px;
	overflow: visible;
	/* float: left; */
	margin-left: -120px;
	padding: 0 20px;
	position: relative;
	left: 50%;
}
.product-banner .main-model {
	bottom: 0;
	max-height: 500px;
	position: absolute;
}
.product-banner .logotext {
	float: right;
	position: absolute;
	/* top: 125px; */
	bottom: 0;
	right: 0;
	z-index: 3;
}
.product-banner .logotext p {
	font-size: 1.3em;
	text-align: right;
}
.product-banner .full-color {
	float: right;
}

span.green-bg {
	background: rgba(193,204,34,.3);
	height: 275px;
	width: 250px;
	display: block;
	margin-left: 175px;
}

#slider-control-nav {
	bottom: 0 !important;
}
#slider-control-nav a{
	color: transparent;
}
.slider-wrapper {
	background-color: rgba(0,0,0,0.15) !important;
	box-shadow: none !important;
	height: 492px !important;
	top: 50px;
}
#left_slide, #right_slide {
	color: transparent;
	display: inline-block;
	position: absolute;
	top: 30%;
	width: 20px;
}
#left_slide {
	/* left: 489px; */
}
#right_slide {
	/* right: 0; */
}
#left_slide::after {
	background-image: url(http://henrymargu.viussandbox.co/wp-content/uploads/2013/11/sprite.png);
	background-color: rgba(0,0,0,.45);
	background-position: -89px -13px;
	background-repeat: no-repeat;
	content: ' ';
	display: inline-block;
	height: 28px;
	padding: 17px 5px;
	position: relative;
	/*
top: 6px;
	left: 15px;
*/
	width: 12px;	
}
#right_slide::after {
	background-image: url(http://henrymargu.viussandbox.co/wp-content/uploads/2013/11/sprite.png);
	background-color: rgba(0,0,0,.45);
	background-position: -136px -13px;
	background-repeat: no-repeat;
	content: ' ';
	display: inline-block;
	height: 28px;
	padding: 17px 5px;
	position: relative;
	/*
top: 6px;
	left: 15px;
*/
	width: 12px;	
}

input[type=checkbox]{
	background: #ccc;
	display: inline-block;
	font-size: 16px;
	height: 1em;
	vertical-align: text-top !important;
	width: 1em;
	line-height: 1em;
	padding: 0;
	position: relative;
	-webkit-appearance: none;
}

input[type=checkbox]:checked::after {
	content: ' ';
	position: absolute;
	left: 11%;
	top: 8%;
	height: 6px;
	width: 12px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	-webkit-box-shadow: -1px 1px 0 rgba(0,0,0,.8);
	-webkit-transform: rotate(-45deg);
	border-color: #301F26;
}


/* small screen overrides */
@media screen and (max-width:649px) {
	.header {
		margin: 0;
		padding: 0 0 20px 0;
	}
	
	.mobile-nav {
		display: none;
	}
	.mobile-only .dark-panel {
		/* overflow: hidden; */
		position: absolute;
		width: 90%;
		top: 0;
	}
	.mobile-logo {
		background: url(http://henrymargu.viussandbox.co/wp-content/themes/henry-margu/img/logo.png);
		background-size: 40px;
		display: block;
		height: 32px;
		float: left;
		margin: 10px 0;
		width: 40px;
	}
	a.menu-btn {
		background: #dcdcdc;
		color: #999 @important;
		font-size: .75em;
		float: right;
		line-height: 2.5em;
		padding: 0 25px 0 10px;
		margin-right: 5px;
		letter-spacing: 1px;
		text-transformation: uppercase;
	}
	.mobile-nav ul {
		display: block;
		position: absolute;
		background: #dcdcdc;
		margin-top: -12px;
		min-width: 100px;
		right: 5px;
		z-index: 10;
	}
	a.menu-btn::after {
		content: ' ';
		position: absolute;
		top: 18px;
		height: 6px;
		width: 6px;
		border-bottom: 2px solid #999;
		border-left: 2px solid #999;
		-webkit-transform: rotate(-45deg);
		right: 4%;
	}
	.search-submit {
		top: 63px;
		position: absolute;
		right: 20px;
	}
	.wrapper  {
		min-width: 100%;
		margin-top: 20px;
		/*overflow: hidden;	*/
		padding: 0; 
	}
	.main-content {
		margin: 0;
	}
	.fourcol-aside {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.sixcol-main {
		float: none;
		padding: 1em;
		width: auto;
	}
	.full-content {
		background: transparent;
		margin-top: -40px;
	}
	.gray.dark-panel {
		margin-bottom: .75em;
		padding: 1em;
	}
	.dark-panel {
		padding-left: 1.25em;
	}
	.dark-panel.gray.threeblocks {
		margin-top: 40px;
	}
	.header .logo {
		display: none;
	}
	.home .header .logo {
		display: block;
		float: none;
		margin: 60px auto 0;
		width: 141px
	}
	.home-header-title {
		padding-top: .5em;
		position: absolute;
	}
	.home-header-title .sub-heading {
		padding:  .25em .5em 0 0;
	}
	.learn-more {
		padding-top: 35%;
		position: absolute;
		overflow: hidden;
		height: auto;
		padding-bottom: 5%;
		position: relative;
		width: 100%;
	}
	.learn-more a {
		z-index: 2;
		position: relative;
		display: block;		
	}
	.learn-more p, .learn-more h2 {
		float: right;
		font-size: 1em;
		line-height: .75em;
		margin-left: 0;
	}
	.learn-more p {
		margin-right: 30px;
		padding-top: 0;
	}
	.learn-more h2 {
		clear: both;
		margin-right: 20px;
		padding-right: 0;
	}
	.block {
		clear: both;
		width: 100%;
	}
	.footer .mainNav, .menu-footer2-container li, .logo-gray {
		display: none;
	}
	.menu-footer2-container li:first-child, .menu-footer2-container li:last-child {
		display: inline-block;
	}
	.footer small {
		font-size: .75em;
	}

	/* social buttons mobile */
	.footer .social-buttons{
		position : absolute;
		margin-left : auto;
		margin-right : auto;
		left : 0;
		right : 0;
		top : 6.42em;
		text-align : center;
	}

	.threecol-aside {
		float: none;
		padding: 0 1em 1em;
		width: auto;
	}
	.threecol-aside a {
		font-size: .75em;
	}
	.threecol-aside .disclaimer {
		margin: 0 1em;
		display: none;
	}
	.sidebar-heading {
		background: #DCDCDC;
		border-left: 0.688em solid #43262E;
		padding: .75em 1em;
		text-align: right;
		font-size: .85em;
		color: #999;
		width: 90%;
	}
	.taxonomies-filter-widget-form.tfw_auto {
		display: none;
	}
	.sevencol-main {		
		float: none;
		padding: 0;
		width: auto;
	}
	.sevencol-main.article-list {
		padding: 0 1em;
	}
	.blog .sevencol-main {
		padding: 0;
	}
	.breadcrumbs {
		padding: 0 1em;
	}
	.browse-color-family ul li {
		display: inline-block;
		width: 49%;
	}
	.article-post {
		padding: 1em;
	}
	.article-post:nth-child(even) {
		background: rgba(00,00,00,.25);
	}
	.article-post .date {
		float: none;
		font-size: 16px;
		margin-bottom: 0;
		text-align: left;
		width: auto;
	}
	.article-post .date span {
		font-size: 16px;
	}
	.article-post .date br {
		display: none;
	}

	.article-post .article-content {
		overflow: inherit;
	}
	.sub-heading {
		font-size: 1.25em;
		padding: .25em .5em .25em 0;
	}	
	.product-banner .text {
		display: none;
	}
	span.green-bg {
		display: none;
	}
	.product-banner .model-bg {
		background: transparent;
		margin: 0;
		padding: 0;
		width: 400px;
		float: left;
		left: auto;
		position: relative;
		z-index: 1;
	}
	.product-banner .main-model {
		margin-left: -1.5em;
		max-height: 455px;
	}
	#slider-control-nav {
		height: 75px !important;
	}
	#slider-control-nav a {
		background-image: none !important;
		color: #B5C710;
		font-size: 20px;
		padding: 25px 0 0;
		height: 50px !important;
	}
	#slider-control-nav a.active {
		font-weight: bold;
	}	
	.slider-wrapper {
		height: 430px !important;
	}
	.primary-heading {
		font-size: 2.25em;
	}
	.product-line {
		margin-bottom: 15px;
	}
	.product-line h1 {
		font-size: 22px;
	}
	.product-line .model {
		max-width: 120px;
	}
	.product-line:nth-child(odd) .model {
		right: 90px;
	}
	.product-line .table-cell {
		width: 37%;
	}
	.product-line .table-cell .logo {
		width: 100%;
	}
	.product-line:hover .product-descript {
		left: 0;
		margin-left: 0;
		top: 75%;
		width: 94%;
		padding: 1em;
	}
	.product-list .item {
		margin: 0 0 5%;
		overflow: hidden;
		width: 33.3%;

		display: block;
		float: left;
	}
	.product-list .item img {
		height: auto;
		width: 100%;
	}
	.single-product .product-pic img {
		width: 100%;
		margin: 0 auto;
	}
	.swatch-description img {
		height: 90px;
		width: 90px;
	}
	.swatch .swatch-description {
		min-width: 100px;
		left: -5px;
	}
	.swatch:hover .swatch-description {
		height: 170px;
		min-width: 60px;
	}
	.swatch-description p {
		margin-bottom: .5em;
	}
	.swatch:hover .swatch-description img {
		display: none;
	}

	.swatch .view-all {
		float: right;
		text-align: right;
	}
	.page-contact-us .threecol-aside {
		display: none;
	}
	.page-contact-us .sevencol-main.article-list {
		padding: 0;
	}
	.contact .halfwidth, .contact .gfield, .button.gform_button {
		float: none;
		width: 100%;
		margin: 0 0 1em;
		overflow: hidden;
	}
	.gfield.state, .gfield.zipcode {
		float: left;
		margin-right: 7px;
		width: 28%;
	}
	.gfield.country {
		float: left;
		margin-right: 0;
		width: 40%;
	}
	.address {
		display: block;
	}
	.product-banner .button {
		font-size: 1.1em;
		padding: 1em 9% 1em 1em;
		width: 91%;
		margin-left: -1.75em;
	}
	.lean-slider-slide .browse-btn span {
		right: 7px !important; 
	}
	.term-hair-accents .slider {
		height: 330px;
		overflow: hidden;
	}
	.slider .sub-heading {
		display: block;
		width: auto;
	}
	iframe {
		width: auto;
		border: none;
		padding: 0;
		left: 0;
	}
	
	.collection-refine {
		display: none;
	}
	

}/*/mediaquery*/

/* middle screen override */
@media screen and (min-width : 650px) and (max-width:849px){
	.footer .logo-gray{
		display : none;
	}

	/* social button middle breakpoint */
	.footer .social-buttons{
		top : 6.6em;
		text-align : center;
		position : absolute;
		margin-left : auto;
		margin-right : auto;
		left : 0;
		right : 0;
	}	
} /* end middle screen override */


/* medium - small overrides*/
@media screen and (min-width : 419px) and (max-width:649px){
	.footer .social-buttons{
		top : 4.7em;
		text-align : center;
		position : absolute;
		margin-left : auto;
		margin-right : auto;
		left : 0;
		right : 0;
	}
}
/* end medium small overrides */