@charset "utf-8";
/* CSS Document */
/* ---------------------------------- */	
/* ---------------------------------- */	
/*TEMPLATE - DesignTest1c_rx */
/*Updated 5/21/18 */
/* ---------------------------------- */	
/* ---------------------------------- */	

/* ---------------------------------- */	
/* ---------------------------------- */	
/*CSS Reset*/
/* ---------------------------------- */	
/* ---------------------------------- */	

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
html, html body {  margin: 0;  padding: 0; height: 100%; min-height: 100%; width: 100%; }
body p { margin-top: 0; margin-bottom: 0; display:block} 
body p + p { margin-top: 0; }
table {border-collapse: collapse !important}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ---------------------------------- */	
/* ---------------------------------- */	
/*Sections*/
/* ---------------------------------- */	
/* ---------------------------------- */	
body {font-size: 11pt; min-width: 320px; position: relative; overflow-x: hidden; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, 
 pre, form, p, blockquote, .sectionTitle { 
	margin: 0; 
	padding: 0; 
	line-height: 1.5; 
	direction: ltr; }
	h1, h2, h3, h4, h5, h6, body {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
	
br[style="clear: both"]{ display: none; }	

/* Needs BODY selector to overwrite uaDefaultStylesReset.css */	
body p, body  a { 
	font-family: inherit; 
	margin-top: 0;
	margin-bottom: 1em}		
		body p a, 
		body p a.button,
		body p a.buttonInverted,
		body p .button {margin-bottom: 0}
		
.rsp_content a img, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {margin-bottom: 0}
/* Needs BODY selector to overwrite uaDefaultStylesReset.css */	
body h1, body h2, body h3, body h4, body h5, body h6 { 
	font-style: normal; 
	text-rendering: optimizeLegibility; 
	line-height: 1; 
	margin-bottom: .5em;	
	margin-top: 0; }	
	h1, h2, h3, h4, h5, h6 {font-weight: normal}
	
/* removed body .section-container specific selector */
	h1 {font-size:32px}
	h2 {font-size: 24px}
	
table {	
	border-collapse: collapse;
	table-layout:fixed;
	border-spacing: 0;}	
	table.columns.small-icon {table-layout:auto}
	
img, video {
	max-width: 100%;
	height: auto;}	
	.rsp_content img {margin-bottom: 1em}
		.fullWidthColumnFull img {margin-bottom: 0}
	
@media only screen and (max-width: 768px) {
	img {float: none !important}
	a[href^=tel] { color: inherit !important;}
	body p { -webkit-text-size-adjust:100% }
}	
	
	

iframe {max-width: 100%;}	

.section ul, .section ol { margin: 0 25px 14px;  }

.button, .buttonInverted, #layout input.form-element[type="submit"], .wsp_print_btn_text, .buttonGhost {
	display: inline-block;
	cursor: pointer;
	text-align:center;
	margin: 0 inherit;
	margin-bottom: 1em;
	border: 0;
	padding: 10px 25px; 
	border-radius: 5px; 
	text-decoration: none;
	font-weight: 700; 
	transition: all 0.3s ease 0s;
	-webkit-appearance: none;
}
	.button.buttonGhost, .buttonGhost {
		background: transparent;
		border-width: 2px;			
		padding: 2px 23px; 
		border-style: solid;}
		
.section-container {
	width: 100%; 
	margin: 0; 
	padding: 0; }	
.section {
	max-width: 960px;
	margin: 0 auto; }
		.section.fullWidthColumn {max-width: 100%}
	.rsp_kv.section {padding: 100px 0}
	.rsp_kvSubpage.section {padding: 50px 0}		
	.rsp_content {padding: 50px 0 35px}
		.rsp_content.fullWidthColumn {padding: 0}
		
	.rsp_kv p:only-of-type {margin-bottom: 0}
	

.fullwidth, .fullwidthStatic, .fullWidth, .fullWidthStatic, span.fullwidth > img, span.fullWidth > img {
	background-repeat: no-repeat;
	width: 100%;
	-moz-transform: none;
	background-position: center top;
	-webkit-transform: translateZ(0);	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	border-left: 0 !important;
	border-right: 0 !important; }

	.fullwidthStatic, .fullwidthStatic img { background-attachment: fixed; }	
	.KV-Text-Left .fullwidth {background-position: right top}	
	p img.fullwidth, p img.fullWidth, p .fullwidth img, p .fullWidth img {margin-bottom: -1em}
	
	/* 50/50 Content Block */
		.fullWidthColumnInfo {
			float: right; 
			max-width: 452px; 
			padding: 40px 0;}
			.fullWidthColumnImage-mirrored .fullWidthColumnInfo {float: left}
		.fullWidthColumnFull {
			overflow: hidden;}
		.fullWidthColumnFull img {
			display:block; 
			height: 100%; 
			width: auto; 
			max-width: none; 
			min-width: 100%;}
		.fullWidthColumnImage-mirrored .fullWidthColumnFull img {float: right;}
		.rsp_content.fullWidthColumnImage > table > tbody > tr > td:last-child {padding: 0;}
			.rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:first-child {padding: 0;}
			.rsp_content.fullWidthColumnImage-mirrored > table > tbody > tr > td:last-child {padding: 0 0 0 2%;}
		@media only screen and (max-width: 960px) { 		
			.rsp_content.fullWidthColumnImage > table > tbody > tr > td,
			.rsp_content.fullWidthColumnImage-mirrored.fullWidthColumnImage-mirrored > table > tbody > tr > td {padding: 0}
			.fullWidthColumnImage {overflow: hidden;} 
			.fullWidthColumnInfo {
				max-width: 100%; 
				padding: 50px 20px 35px; 
				float: none}
			.fullWidthColumnFull img {
				height: auto; 
				max-width: 100%;
			}
		}
		@media only screen and (max-width: 768px) { 
			.fullWidthColumnInfo {padding: 20px}
		}
	/* END 50/50 Content Block */

.rsp_box { padding: 25px } 			

/* Header */
.rsp_header {padding: 20px 0; overflow: hidden; }
.header h1, .header h2, .header h3, .header h4, .header h5, .header a, .header p {margin-bottom: 0} 

.Header-LogoLeft-PhoneRight .phone {
	text-align: right;
	width: 100%;
	display:inline-block}	
	.rsp_header .half {width: 50%; float: left;}
	.rsp_header h1, .rsp_header h2, .rsp_header h3, .rsp_header h4, .rsp_header p, .rsp_header a  {margin-bottom: 0}	
	.header a, .rsp_header a {display:inline-block;}
	
#companyname a img {max-width: 100%}	

.Header-Centered img {margin-bottom: 10px; display: block;}					
.Header-Centered .phone img {margin-bottom: 0; float: left; margin-right: 10px;}
.Header-Centered .phone {display: inline-block; line-height: 1;}	

@media only screen and (max-width: 960px) {
	.rsp_header {padding:20px;}
}
@media only screen and (max-width: 768px) {
	.rsp_header .half {width: 100%; float: none;}
	.Header-LogoLeft-PhoneRight .phone {
		text-align: center;
		margin-top: 1em}	
}
	
				.phone table {display: inline-block;}
					.phone table:last-child {margin-left: 20px}
					@media only screen and (max-width: 768px) {
						.phone table {table-layout: inherit}
						.phone.phone td {width: auto !important; display: table-cell !important}	
					}
					@media only screen and (max-width: 568px) {
					#companyslogan { width: calc(100% - 40px); }
					.header .phone { margin: 0 auto; float: none}
					.header .button { display: inline-block; }
					.header .hamburger { padding: 10px 0 !important; }
					}
.header form {
    display: block;
    float: right;
    text-align: right;
    width: 100%;
}
@media only screen and (max-width: 768px) {
  .header form {float: none}
}
.header input {
    display: inline-block;
    height: 35px;
    margin-bottom: 0;
    padding: 0 10px;
}
.header input[type="text"] {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.header .phone {
    display: table;
    float: right;
    font-size: 14pt;
    line-height: 25px;
    margin-bottom: 0.5em;
    width: auto;
}

#companyslogan * {clear:both}
@media only screen and (max-width: 768px) {
  .header .phone {float: none}
}
.header .phone img {
    display: inline-block;
    float: left !important;
    padding-right: 5px;
}
.header span#rsp_cart {
    display: inline-block;
    float: right;
    margin-bottom: 0;
    margin-left: 20px;
    position: relative;
    text-align: left;
    width: auto;
}
.header span#rsp_cart a {
    display: inline-block;
    line-height: 25px;
}
.header span#rsp_cart a:hover {
    text-decoration: underline;
}

/* Column Padding */
.rsp_content > div > table > tbody > tr > td,
.rsp_content > table > tbody > tr > td {padding: 0 2%}


.rsp_content > div> table > tbody > tr > td:first-child,	
.rsp_content > table > tbody > tr > td:first-child {padding: 0 2% 0 0}

.rsp_content > div > table > tbody > tr > td:last-child,	
.rsp_content > table > tbody > tr > td:last-child {padding: 0 0 0 2%}


.rsp_content > table.columns,
.rsp_content > div > table.columns {width: 104%; margin: 0 -2%}
  
.rsp_content > table.columns > tbody > tr > td,
.rsp_content > div > table.columns > tbody > tr > td {padding: 0 2%}

/* Added to address a comment in RSP-106 */
.rsp_content > div > table > tbody > tr > td[colspan],
.rsp_content > table > tbody > tr > td[colspan] {
    padding: 0;
}
    
@media only screen and (max-width: 768px) {
.rsp_content > table.columns,
.rsp_content > div > table.columns {width: 100%; margin: 0}  
}
	

.small-icon.small-icon .icon {padding: 0}		
		
	
@media only screen and (max-width: 960px) {
	.rsp_content .columns.four > tbody > tr > td {
		width: 40%;
		display: inline-block;
	}
	
		.rsp_content.fullWidthColumn > table > tbody > tr > td,
		.rsp_content.fullWidthColumn > table > tbody > tr > td:first-child,
		.rsp_content.fullWidthColumn > table > tbody > tr > td:last-child {padding: 0}
				
        .Addons-2Column-RightForm > table > tbody > tr > td:first-child {padding: 0 2% 0 0}
        .Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0 0 0 2%}				

	
	.small-icon.small-icon .icon {padding: 0}

	.rsp_kv.section {padding: 100px 20px 85px}
	.rsp_kvSubpage.section,
	.rsp_content.section {padding: 50px 20px 35px}
	
	
}


@media only screen and (max-width: 768px) {

	/* fix for old template */
	table td {padding: 0}
	img {margin-bottom: 1em}
	

	.section.section.section {padding:20px;}
	
	.rsp_content > table > tbody > tr > td, 
	.rsp_content > table > tbody > tr > td:first-child, 
	.rsp_content > table > tbody > tr > td:last-child,
	.Addons-2Column-RightForm > table > tbody > tr > td,
	.Addons-2Column-RightForm > table > tbody > tr > td:first-child, 
	.Addons-2Column-RightForm > table > tbody > tr > td:last-child {padding: 0}
	
	
	.rsp_kv img,  .rsp_kv table {margin: 0}
	.rsp_kvSubpage {text-align: center}
	
	.rsp_kv.section {padding: 20px !important}
	.section.section td,
	.rsp_content .columns.four > tbody > tr > td {
		display: block;
		padding: 0;
		width: 100% !important}
		
	.blank {display:none !important;}
	.fullwidth.fullwidth {background-position: center top;}

	.small-icon.small-icon .icon {    
		display: inline-block;
		width: 25%;}
	.small-icon.small-icon .column-text {
		display: inline-block;
		padding: 0 0 20px 15px;
		width: 65%;}
}
	
/* ---------------------------------- */	
/* DEFAULT COLORS */
/* ---------------------------------- */

body, h1, h2, h3, h4, h5, h6 {color: #333}
.primaryColorbg, .secondary-webcomMenu {background-color:#ccc}
.button, #layout input.form-element[type="submit"] {background-color: #666;color: #fff;}

.hamburger div {
	color: #333;
	border-color: #333;	}
.hamburger span, .hamburger span:before, .hamburger span:after {background-color: #333;}
	
li.hamburger a:before {background: transparent !important}
	
#slide-navContainer {background: #333}
#slide-navContainer a {color: #fff}
#slide-navContainer a, #slide-navContainer a:before {background: transparent !important}
	
/* ---------------------------------- */	
/* NAV */
/* ---------------------------------- */

/* ---------------------------------- */
/* START structure.css nav fixes */	
/* ---------------------------------- */
.section #styleNav ul { margin: 0;}
#styleNav {visibility: visible !important;}
primary-webcomMenu-offset {position: auto !important}
.primary-webcomMenu,
.primary-webcomMenuItem,
.primary-webcomMenuItem-bottom,	
.primary-webcomMenuItem-top,	
.primary-webcomMenuItem-right,
.primary-webcomMenuItem-left,
.primary-webcomMenuItem-middle,
.primary-webcomMenuItem {
	float: none;
	height: auto !important;
	padding: 0 !important}
div.primary-webcomMenu-bottom, div.secondary-webcomMenu-bottom {position: auto;float: left}
.primary-webcomMenuItem-middle, .secondary-webcomMenuItem-middle { text-overflow:ellipsis; }	
/* ---------------------------------- */
/* END structure.css nav fixes */
/* ---------------------------------- */


#navContainer, #nav, #styleNav {
	display: inline-block;
	width: 100%;
	}	
#nav ul { max-height: 65px;}
#nav ul li ul { max-height: none; }
.primary-webcomMenu {
	float: left;
	padding: 0;
	margin: 0;
	height: auto !important;
	width: auto !important}
.primary-webcomMenu li {
	list-style-type: none;
	max-width: 250px;
	display: block;
	float: left;
	}
li.primary-webcomMenuItem > a { position: relative; }
.primary-webcomMenu li.selected > a { font-weight: bold;}
.primary-webcomMenu li.selected a:hover { text-decoration: none; }
.primary-webcomMenu a {		
	display: block;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
	text-decoration: none; 
	text-transform: uppercase; 
	padding: 20px 10px; 
	margin: 0 5px;
	margin-bottom: 0}
.primary-webcomMenu a:hover {text-decoration: underline;}
			
.primary-webcomMenu ul {
	padding: 0;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	}
#navContainer .secondary-webcomMenu {box-shadow: inset 0 3px 5px rgba(0,0,0,0.2);}
	
.primary-webcomMenu ul li {
	display: block;
	width: 100%;
    float: left;
    list-style-type: none;
    max-width: 100%;
	}	
.primary-webcomMenu ul li a{
    padding: 15px 10px 0;
    width: 100%;
	}
.primary-webcomMenu ul li:last-child a{padding-bottom: 15px}
.primary-webcomMenu li:hover ul {display: block;}	
	
.primary-webcomMenu li {
    display: block;
    float: left;
    list-style-type: none;
    max-width: 100%;
}

@media only screen and (max-width:768px) {
	.primary-webcomMenu-offset { display: block; margin: 0; }          
}



/* ---------------------------------- */	
/* ---------------------------------- */	
/* HAMBURGER ICON */
/* ---------------------------------- */
/* ---------------------------------- */
.hamburger div {
	cursor: pointer;
	display:inline;
	border-radius: 3px;
	margin-top: 14px;
	text-align: center;
	background: none; 
	z-index:95;
	display: block;
	border-width: 1px;
	border-style: solid;
	padding: 5px 12px;
	}	
.hamburger div:after {content: 'MENU';padding-right: 30px} 
.hamburger span, .hamburger span:before, .hamburger span:after {
	border: 0 none;
	border-radius: 1px;
	content: "";
	cursor: pointer;
	display: block;
	height: 3px;
	margin: auto;
	padding: 0;
	position: absolute;
	right: 0;
	top: 47%;
	width: 25px;
	margin-right: 15px;
	z-index: 100;}
.hamburger span:before {top: -6px;}
.hamburger span:after {bottom: -11px;} 
.hamburger span::before, .hamburger span::after {margin-right: 0;}	
.hamburger a {display: block;padding: 0}
.hamburger.hamburger a:hover {text-decoration: none}

@media only screen and (max-width: 768px) {	
	.hamburger a { position: relative;height: 25px;width: 25px;}	
	.hamburger div {display:none}
	.hamburger span, .hamburger span:before, .hamburger span:after {top: 45%; margin: auto;}
	.hamburger span:before {top: -6px;}
	.hamburger span:after {bottom: -11px;} 		
}

/* ---------------------------------- */	
/* SLIDE OUT NAV */
/* ---------------------------------- */

#slide-navContainer {		
	position: fixed; 
	top: 0; 
	right: -250px; 
	width: 250px; 
	height: 100%; 
	z-index: 3000; 
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 0;}
#slide-navContainer #nav {    
	margin-top: 45px;
	background-color: #333;
	width: 90%;}
		
#slide-navContainer ul { 
	list-style-type: none; 
	float: none;
	position: initial;
	background-color: transparent;
	padding: 0; }
#slide-navContainer li {
	width: 100%;
	max-width: 100%; }
#slide-navContainer ul ul {
	display:block;
	padding: 0 0 0 20px; 
	position: relative; }
#slide-navContainer.primaryColorbg #styleNav ul li ul li {
	border-bottom: none; background-color: transparent; }
	
#slide-navContainer a {
	display: block;  
	float: none; 
	width: 100%;
	padding: 10px;  
	margin: 0; 
    text-overflow: unset;
    white-space: pre-line;
	overflow:hidden;
	text-decoration: none; 
	text-align:left;}
#slide-navContainer a:hover { text-decoration: underline; }
#slideout-menu-toggle { 
	text-indent: 0;
	display: block; 
	line-height: 1;
	text-decoration: none; 
	z-index: 100; }
#slideout-menu-toggle:hover {  }

	/* ---------------------------------- */
	/* CLOSE BUTTON */
	/* ---------------------------------- */
#navContainer .close {display:none; height: 0; visibility:hidden}
#slide-navContainer .close {
	font-size: 36px;
	line-height: 36px;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 0;
}
#slide-navContainer .close:hover {text-decoration: none}
#slide-navContainer .close span:after {
	text-align: right; 
	display: block;
	content:'\00D7'; }

@media only screen and (max-width: 768px) {	
	.primary-webcomMenu-bottom, .secondary-webcomMenu-bottom {float: right !important;}	
	#slide-navContainer ul ul {display: block}	
	#nav .section {padding: 10px 20px}
	.primary-webcomMenu {width: 100% !important}
	#slideout-menu-toggle {float: right}
}

/* ---------------------------------- */
/* ---------------------------------- */
/* STICKY NAV */
/* ---------------------------------- */
/* ---------------------------------- */
#sticky-navContainer { 
	display: block; 
	z-index: 2002; 
	position: fixed; 
	top: -120px; 
	width: 100%; 
	-webkit-transition: top 0.3s linear; 
	-moz-transition: top 0.3s linear; 
	transition: top 0.3s linear; }
#sticky-navContainer .primary-webcomMenu li ul { display: none; }
#sticky-navContainer .primary-webcomMenu li:hover ul { display: block;	}
#sticky-navContainer #nav-toggle span { margin-top: 6px;  }
#sticky-navContainer ul li { position: relative; }
#sticky-navContainer .section { padding: 0 !important; margin-top: 0; }
#sticky-navContainer .close { display: none; }
@media only screen and (max-width: 768px) 
{
	#sticky-navContainer #nav-toggle span { margin: 0; }
	#sticky-navContainer #slideout-menu-toggle { padding: 10px 10px 10px 0;}
}

/* ---------------------------------- */
/* FOOTER */
/* ---------------------------------- */

.box {display: table; height: 100%; margin-bottom: -20px; }
#layout, #mtx_footer{ display: table-row; }
#footer .footercontent ul.adr li.street-address {display: block;}
#mtx_footer #footer { padding: 20px 0; text-align: center; width: 100%;}
#mtx_footer #footer span { display: inline-block; }
#mtx_footer #footer span.street-address:after { content: ", "}
#mtx_footer #footer br { display: none; }
#mtx_footer .footercontent {display: block; max-width: 960px; margin: 0 auto;position: relative; padding: 0; }
#mtx_footer .footercontent center { display: block; width: 100%; margin: 0; padding: 30px 0 10px;  }
#mtx_footer .footercontent a { text-decoration: none; display: inline-block; margin: 0 10px; padding: 5px 0;}
#mtx_footer .footercontent a:hover { text-decoration: underline; }
#mtx_footer .footercontent table { line-height: 150%; text-align: center; }
#mtx_footer .footercontent table td, .footercontent table tr { display: inline-block; text-align: center;}
#mtx_footer .footercontent table td { padding: 0 5px;}
#mtx_footer .footercontent table tr { margin: 10px 0 0;}
#mtx_footer .footercontent span.fn.org { position: absolute; top: 0;font-size: 20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
@media only screen and (max-width: 768px) {
	#mtx_footer .footercontent ul.adr li {float: none;}
	#mtx_footer .footercontent span.fn.org { font-size: 16px; }
	#mtx_footer #footer font { font-size: 11px; }
	#mtx_footer .vcard table table td[nowrap=""] { text-align: center; white-space: normal; }
	#mtx_footer .footercontent table tr { margin: 0;}
}

#mtx_footer { width: 100%; }
.footercontent { padding: 40px 0; width: 100%; margin: 0 auto; }
.footercontent .vcard {display: block; max-width: 960px; margin: 0 auto; }
.footercontent h4, .footercontent .businessname { display: block; clear: both; text-align: center; }
.footercontent h4.fn.org a, .footercontent .businessname a{ font-size: 24px; text-decoration: none; margin: 0 0 0.3em; font-weight: bold; }
.footercontent ul { list-style-type: none;}
.footercontent li { font-size: 14px; line-height: 20px;}
.footercontent ul.mtx_footnav { display: table; clear: both; margin: 0 auto; }
.footercontent ul.mtx_footnav a { margin-bottom: 0.5em; text-decoration: none; }
.footercontent ul.mtx_footnav a:hover { text-decoration: underline; }
.footercontent ul.mtx_footnav li { display: inline; margin: 0 .5em}
.footercontent ul.mtx_footnav li ul { display: none; }
.footercontent ul.mtx_buscontact { display: table; clear: both; list-style-type: none; margin: 0 auto 1em;; text-align: center; }
.footercontent ul.mtx_buscontact li { display: inline-block; margin: 0;}
.footercontent ul.mtx_buscontact li::after { content:" |";}
.footercontent ul.mtx_buscontact li:last-child::after { content: "";}
.footercontent ul.mtx_buscontact li.tel::before {content: "Phone: ";}
.footercontent ul.mtx_buscontact li.mtx_fax::before {content: "Fax: ";}
.footercontent ul.mtx_buscontact li.mtx_cell::before {content: "Cell: ";}
.footercontent ul.adr { font-weight: bold; display:table; margin: 0 auto;}
.footercontent ul.adr li { font-weight: normal; display: inline; float: left; margin: 0 3px 0 0; padding: 0;}
.footercontent ul.adr li::after { content: ",";}
.footercontent ul.adr li:last-child::after { content: "";}
.footercontent #mtx_copyright { text-align: center; font-size: 10px; margin: 1em auto 0;}
.footercontent .email #footerContact, .footercontent .email .footer_contact_component { display: inline-block;}
#mtx_footer .footercontent a.footer_contact_email { margin: 0 ;}
.footercontent ul.adr li.region::after { content: "";}
.footercontent ul.mtx_footnav, .footercontent ul.adr, #mtx_footer #footer .vcard div[style="width: 100%"], #mtx_footer #footer .vcard table[style="width: 100%"] { text-align: center; }
#mtx_footer #footer .vcard br, #mtx_footer #footer .vcard br { display: initial; }


/* Video Embed Fix */
body .html5-video-container { z-index: auto !important; }

/* ---------------------------------- */	
/* Contact Form*/
/* ---------------------------------- */	

div[id*="webcom-component-form"] > table > tbody > tr > td:first-child,
div[id*="webcom-component-form"] > table > tbody > tr > td:last-child,
div[id*="webcom-component-feedback"] > table > tbody > tr > td:first-child,
div[id*="webcom-component-feedback"] > table > tbody > tr > td:last-child {display:none}

div[id*=webcom-component-form] td[width*="10%"],div[id*=webcom-component-feedback] td[width*="10%"] { width: 100% !important; }

form[id^=webcom-component-form],form[id^=webcom-component-feedback] {
	width: 100%;
	margin: 0 auto;
}

form[id^=webcom-component-form] table, 
form[id^=webcom-component-feedback] table, 
.form-element[type=text],
.web_com_custom_form .form-element-size-large[type="text"], 
.web_com_custom_form table.form-element-size-large, 
.web_com_custom_form textarea.form-element-size-large, 
.web_com_custom_form select.form-element-size-large,
.web_com_custom_form table td.FirstName input,
.web_com_custom_form table td.LastName input,
.web_com_custom_form table[class*=large], 
.web_com_custom_form input[class*=large], 
.web_com_custom_form table[class*=large], 
.web_com_custom_form textarea[class*=large], 
.web_com_custom_form select[class*=large] {
	padding: 5px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important}
	
@media only screen and (max-width: 768px) {

	form[id^=webcom-component-form],
	form[id^=webcom-component-feedback] {width: 100%;}
		
	.web_com_custom_form table td.FirstName,.web_com_custom_form table td.LastName{
		padding-left: 0 !important;
		width: 100% !important}
}	

/* POPUP CONTACT */

.fc_overlay { width: auto !important; height: auto !important;}
.fc_container { max-width: 90% !important;}
#footer #fc_form_header, #footer #fc_form_container label { color: #333;}
#fc_form_container form { display: block;}
#fc_form_container tr { display: block; margin: 0; padding: 0;}
#fc_form_container table td { padding: 0;}
#fc_form_container table td[width="45%"] { display: none important;}
#fc_form_container table td[width="10%"] { display: block; width: 100%;}
	
/* ---------------------------------- */	
/* ECOMM */
/* ---------------------------------- */	

.mtrx_ecom_layout { display: block; margin: 0 auto; max-width: 960px; padding: 20px;}
.Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: inline-block;}
.Header-EcommerceSearch form { float: right; display: block; width: 100%; text-align: right;}
.Header-EcommerceSearch input { height: 35px; padding: 0 10px; display: inline-block; margin-bottom: 0}
.Header-EcommerceSearch input[type='text'] { border: 1px solid #ccc;box-sizing: border-box;}
.Header-EcommerceSearch div.phone { display: table; width: auto; margin-bottom: 0.5em; float: right;  line-height: 25px; font-size: 14pt;}
.Header-EcommerceSearch div.phone img { float: left !important; display:inline-block; padding-right: 5px;}
.Header-EcommerceSearch span#rsp_cart { float: right; position: relative; width: auto; margin-left: 20px; margin-bottom: 0; text-align:left; display: inline-block;}
.Header-EcommerceSearch span#rsp_cart a { display: inline-block; line-height: 25px;}
.Header-EcommerceSearch span#rsp_cart a:hover { text-decoration: underline;}
.mtrx_ecom_layout #page .result .description { line-height: 150%;}
#page div.results-grid { width: 100%;}
body #page-content h1, body #page-content h2, body #page-content h3, body #page-content h4, body #page-content h5, body #page-content h6 { line-height: inherit;}
.mtrx_ecom_layout a:hover { text-decoration: none;}
#page .result h3 { overflow: none; height: auto; font-size: 16px;}
#page div.results .result { height: auto; overflow: none; width: 100%;}
#page div.results .result .thumbnail { display: inline-block; float: left; max-width: 20%; margin-right: 5%;}
#page div.results .result .details { display: inline-block; overflow: auto; padding: 0px; text-align: left; width: 75%;}
#page div.results .result .amount { width: auto; float: right; text-align: right;}
#page div.results .result .description { margin-bottom: 0; font-size: 13px;}
body .mtrx_ecom_layout #page .btn-add-to-cart, body .mtrx_ecom_layout #page.content a.btn-main, body .mtrx_ecom_layout div.upsell-panel a.btn-main, body .mtrx_ecom_layout #page .btn-add {
	display: inline-block;
	cursor: pointer;
	text-align:center;
	margin: 0 inherit;
	margin-bottom: 1em;
	border: 0;
	padding: 10px 25px; 
	border-radius: 5px; 
	text-decoration: none;
	font-weight: 700; 
	transition: all 0.3s ease 0s;
}
	
@media only screen and (max-width: 768px) {

	#webcom_ecomm_category_title { display: block; position: relative; background: rgba(0,0,0,0.05); padding: 10px; cursor: pointer;}
	#webcom_ecomm_category_title::after { content: " \25BE";}
	#webcom_ecomm_category_title.rsp_active::after { content: " \25B4";}
	.mtrx_ecom_layout #cats { display: block; border: 1px solid rgba(0,0,0,0.05); padding: 10px; margin-top: -10px;}
	.mtrx_ecom_layout #cats { display: none;}
	#cats.rsp_active { display: block;}  
	.Header-EcommerceSearch div.phone { margin: 10px auto 0; float: none;}
	.Header-EcommerceSearch form { margin: 10px auto 0 ; float: none; text-align: center; max-width: 350px;}
	.Header-EcommerceSearch input[type='text'] { width: 70%;}
	.Header-EcommerceSearch input[type='submit'] { width: 28%;}
	.Header-EcommerceSearch h2, .Header-EcommerceSearch img, .Header-EcommerceSearch div { display: block; margin: 0 auto;}
	.Header-EcommerceSearch h2 { margin-bottom: 0;}
	.Header-EcommerceSearch div { float: none; width: 100%;}
	.Header-EcommerceSearch span { text-align: center; margin: 0; line-height: auto; margin-bottom: 0.5em;}
	.Header-EcommerceSearch span.phone { margin: 0 auto; float: none;}
	.Header-EcommerceSearch span.phone img { display: inline-block; margin: 0;}		
	.cart-gridview .row-item { position: relative;}
	.cart-gridview .cell-remove { position: absolute; top: 0; right: 20px;}	
	.mtrx_ecom_layout table td, #cart-contents .cart-gridview .cell-product  { display: block; width: auto;}
	#cart-links { margin: 0 auto 5px !important;}
	#search-box { display: none;}
	#search-box input { display: inline-block;}
	#search-box .search-field { width: 76% !important; height: 30px !important; padding: 0 !important; text-indent: 5px;}
	#search-box .btn-search { width: 22% !important; margin: 0 0 0 1%; height: 30px !important; padding: 0 !important;}
	.paging .page-mode { display: none;}
	.paging { font-size: 12px !important;}
	#page div.results-grid .result { width: 33%; max-width: 33%;}
	.cart-gridview table { width: 100%; border-collapse: collapse;}
	
	/* Zebra striping */
	.cart-gridview tr:nth-of-type(odd) {}
	.cart-gridview th, .calculations-hack { display: none !important;}
	.cart-gridview td, .cart-gridview th { padding: 6px; text-align: left;}
	.cart-gridview table, .cart-gridview thead, .cart-gridview tbody, .cart-gridview th, .cart-gridview td, .cart-gridview tr {display: block;}
	.cart-gridview thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
		}

	.cart-gridview td {
		border: none;
		position: relative;
		padding-left: 35% !important;
		clear: both;
		}
	.cart-gridview td.cart-summary { padding-left: 0 !important;}
	.cart-gridview td.cart-summary .coupons { width: 100%; margin: 0;}
	.cart-gridview td.cart-summary label { font-size: 14px; padding: 10px 20px; line-height: 16px;}
	.cart-gridview td.cart-summary label em { font-size: 10px; margin: 0; padding: 0;}
	.cart-gridview td.cart-summary .coupons input.text { width: 80%; margin: 0 0 0 6px; padding: 0;}
	.cart-gridview .cart-summary .calculations tr, .cart-gridview .cart-summary .calculations table td { border: 0;}	
	.cart-gridview td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		padding-right: 10px;
		white-space: nowrap;
		}

	.cart-gridview td.cell-quantity:before { content: "Quantity";}
	.cart-gridview td.cell-thumbnail:before { content: "";}
	.cart-gridview td.cell-product:before { content: "Product";}
	.cart-gridview td.cell-price:before { content: "Price";}
	.cart-gridview td.cell-total:before { content: "Total";}
	.cart-gridview .row-option { display: block;}
	.cart-gridview tr.row-option { border-top: 0;}
	.cart-gridview tr.row-option td:nth-of-type(1):before { content: "Options";}
	.cart-gridview td.cart-summary:nth-of-type(1):before, .cart-gridview .cart-summary .calculations td:nth-of-type(1):before { content: "";}
	#cart-contents .cart-gridview .cart-summary .calculations { clear: both; width: 100%; float: none;}
	#cart-contents .cart-gridview .calculations td { padding: 0 8px;}
	.option select { width: 100%;}
	div.wrapper-main #billing-address div.left { max-width: 100%; min-width: 200px;}
	div.wrapper-main #page-body div.secure-text { float: none; position: relative;}
	div.wrapper-main #page-body { padding: 0;}
div.wrapper-main #billing-address input, div.wrapper-main #billing-address select, div.wrapper-main input.text, div.wrapper-main select, div.wrapper-main textarea { width: 100%; margin: 0;}
div.wrapper-main #billing-address .checkbox input { float: left; width: auto;}
div.wrapper-main #billing-address .checkbox { margin: 20px 0 0; }
div.wrapper-main .summary .calculations, div.wrapper-main .final-summary .calculations { width: 35%; margin: 0; }
div.wrapper-main .summary { width: 80%; float: none; }

body .cart-gridview tr { border: none; }
#cart-contents .cart-gridview .calculations td:first-child { width: 35%}
#cart-contents .cart-gridview .calculations td { padding: 0 8px; width: auto; display: inline-block; text-align: right; }
body #cart-contents .cart-gridview .cart-summary { margin-top: 20px; border-top: 2px solid #ccc; }
#page.product-detail .quantity-discounts .netprice{ font-weight: bold; }
.cart-gridview .row-option td.cell-product::before { content: ''; }
.cart-gridview .cell-thumbnail { display: none; }
#cart-contents .cart-gridview tr.row-item.alt { background: rgba(0,0,0,0.02); margin-top: 20px; }
body div.wrapper-main form label { width: auto !important;}  
div#page.product-detail .gallery img { display: block; margin: 0 auto; }
.paging .page-mode { display: inline-block; float: right; }
.paging .page-mode label { display: none; }
#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton , a#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton { display: inline-block; position: relative; text-indent: -9999em; width: 26px; height: 26px; cursor: pointer; }
#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton:before { display: block; content: ''; position: absolute; height: 12px; width: 12px; background: rgba(0,0,0,0.2); border-radius: 2px; box-shadow: 14px 0 0 rgba(0,0,0,0.2),14px 14px 0 rgba(0,0,0,0.2),0 14px 0 rgba(0,0,0,0.2) ;}
.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_gridButton:before { background: rgba(0,0,0,0.5);box-shadow: 14px 0 0 rgba(0,0,0,0.5),14px 14px 0 rgba(0,0,0,0.5),0 14px 0 rgba(0,0,0,0.5) ;}
#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:before {display: block; content: ''; position: absolute; height: 6px; width: 6px; background: rgba(0,0,0,0.2); border-radius: 18px; box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:after {display: block; content: ''; position: absolute; top:0; left: 9px;height: 5px; width: 18px; background: rgba(0,0,0,0.2);  box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:before {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}
.disabled#ctl00_mainContent_productBrowser_pagerTop_ctl00_listButton:after {background: rgba(0,0,0,0.5);  box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}
#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton , a#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton { display: inline-block; position: relative; text-indent: -9999em; width: 26px; height: 26px; cursor: pointer; }
#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton:before { display: block; content: ''; position: absolute; height: 12px; width: 12px; background: rgba(0,0,0,0.2); border-radius: 2px; box-shadow: 14px 0 0 rgba(0,0,0,0.2),14px 14px 0 rgba(0,0,0,0.2),0 14px 0 rgba(0,0,0,0.2) ;}
.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_gridButton:before { background: rgba(0,0,0,0.5);box-shadow: 14px 0 0 rgba(0,0,0,0.5),14px 14px 0 rgba(0,0,0,0.5),0 14px 0 rgba(0,0,0,0.5) ;}
#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:before {display: block; content: ''; position: absolute; height: 6px; width: 6px; background: rgba(0,0,0,0.2); border-radius: 18px; box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:after {display: block; content: ''; position: absolute; top:0; left: 9px;height: 5px; width: 18px; background: rgba(0,0,0,0.2);  box-shadow: 0 10px 0 rgba(0,0,0,0.2), 0 20px 0 rgba(0,0,0,0.2)}
.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:before {background: rgba(0,0,0,0.5); box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}
.disabled#ctl00_mainContent_productBrowser_pagerBottom_ctl00_listButton:after {background: rgba(0,0,0,0.5);  box-shadow: 0 10px 0 rgba(0,0,0,0.5), 0 20px 0 rgba(0,0,0,0.5)}

}
@media only screen and (max-width: 568px) {
#page div.results-grid .results-row { display: inline; }
#page div.results-grid .result { display: inline-block; width: 46%; max-width: 46%; padding: 20px 0 0; margin: 0 0 0 2%; text-align: center; }
#page div.results-grid .result .thumbnail { display: block; width: 100%; float: left; margin: 0 10px 0 0 !important; }
#page div.results-grid .result .thumbnail img { display: block; margin: 0 auto;}
#page div.results-grid .result h3 { margin: 0; text-align: center; }
#page div.results-grid .result h3 a { text-decoration: none; }
#page div.results-grid .result .amount { display: inline-block; text-align: center; margin: 0 auto; width: auto;}
#page div.results-grid .result .description { display: none;  }
#page div.results-grid { width: 100%;}
}
@media only screen and (max-width: 468px) {
#page-content #subheader h2 { text-align: center; }
#page.product-detail .image { text-align: center; float: none; margin: 0 auto;}
#page.product-detail div.gallery { float: none; }
#page div.results-grid .results-row, 
#page div.results-grid { width: 100%;}
}




/* ---------------------------------- */	
/* ---------------------------------- */	
/*COUPONS*/
/* ---------------------------------- */	
/* ---------------------------------- */
.coupon {margin-bottom: 1em}	
.rsp_coupon.section {padding: 100px 0}
.section.section td.wsp_print_btn_left, .section.section td.wsp_print_btn_right{display: none !important;}
.section div[align=center] div[style*="height: 27px"] { height: auto !important; }
#table_border { width: 100% !important;}
.wsp_print_btn_middle{
    background: none !important;
    height: auto;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
}

.wsp_print_btn_text {
	text-decoration: none;
	color: inherit !important;
	padding: 10px;
	margin: 0;
}
.wsp_print_btn {
    cursor: default;
    font-family: inherit !important;
    font-size: inherit;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size-adjust:none;
    line-height:normal;
    white-space:nowrap;
    margin: 0 auto;
	width: auto !important;
}
.wsp_print_btn .wsp_print_btn_middle {height: auto }

table.wsp_print_btn td { padding: 0;}


@media only screen and (max-width: 768px) {
	.coupon-clear { max-width: 100%; overflow-x: auto;}	
}

/* ---------------------------------- */	
/* ---------------------------------- */	
/*MAPS*/
/* ---------------------------------- */	
/* ---------------------------------- */	
.map-address {display: none}
.fullWidthColumnFull {position: relative}
div[id^=webcom-component-map], .map-container, .map-source, #layout .inner-map-container, .inner-map-container iframe {
	width: 100% !important;
	min-height: 360px;
}
.fullwidthmap iframe{width: 100%}

.inner-map-container p, .inner-map-container br {display:none !important}	 

@media only screen and (max-width: 768px) {
	.fullWidthColumnInfo {max-width: 100%; float: none}
}


/* ---------------------------------- */	
/* ---------------------------------- */	
/*PHOTO ALBUM*/
/* ---------------------------------- */	
/* ---------------------------------- */	

@media only screen and (max-width: 768px) {
	div[id^="webcom-component-photoalbum"] {margin-bottom: 1em}
}
/* ---------------------------------- */	
/* ---------------------------------- */	
/*GALLERY*/
/* ---------------------------------- */	
/* ---------------------------------- */	
.rsp_gallery { position: relative; min-height: 150px; background: #000 ; }
.rsp_gallery p { display: none; }
.rsp_gallery .album-title { position: absolute; z-index: 10; width: 80%; height: 50%; margin: auto; top: 0; left: 0; bottom: 0; right: 0; text-align: center; font-size: 52px !important; color: #fff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5); line-height: 100% !important;}
.rsp_gallery .galleria-container { height: auto !important;	padding-bottom: 35% }
.rsp_gallery .galleria-info-text, .rsp_gallery .galleria-container .galleria-info {	display: none !important; }
.rsp_gallery .galleria-container .galleria-info, .rsp_gallery .galleria-nav-bar  { filter: none; background: none !important; }
.rsp_gallery .galleria-nav-bar  { left: 0 !important; width: 100%; }
.rsp_gallery .galleria-container .galleria-nav-items { float: none; margin: 0 auto; display: table; }
.rsp_gallery .galleria-container .galleria-nav-items .arrow {  border-radius: 100%;  margin: 0 10px;  background-image: none; display: block !important; }
.rsp_gallery .galleria-container .galleria-counter { display: none; }
.rsp_gallery .galleria-container .galleria-nav-items .arrow[style="background-color: rgb(136, 136, 136);"] { background-color: rgba(0,0,0,0.6) !important; }
.rsp_gallery .galleria-container .galleria-nav-items div { width: 15px; height: 15px; }
.galleria-container { 
	width: 100% !important;
}
.galleria-container img {
	width: 100% !important;
	left: 0 !important;
}
.galleria-container .galleria-counter {
  position: absolute !important;
  right: 0px !important;
  left: auto !important;
  background-color: none !important;
  z-index: 10;
  opacity: 0.3 !important;
}
.galleria-container .galleria-nav-items .arrow {
  display: none !important;
}
ul.lightSlider {
    margin: 0;
}
@media only screen and (max-width: 767px) {
	.rsp_gallery .galleria-container { padding-bottom: 50% }
	.rsp_gallery .album-title { font-size: 30px !important; }
}
/* ---------------------------------- */	
/* ---------------------------------- */	
/*RESPONSIVE DATA TABLES*/
/* ---------------------------------- */	
/* ---------------------------------- */	
.responsiveTable td { 
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
	.responsiveTable .tableHeader {display: none}
	.responsiveTable table, .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr { display: block; }
	
	.responsiveTable td { 
		position: relative;
		padding-left: 50% !important; 		
	}
	
	.responsiveTable td:before { 
		position: absolute;
		left: 15px;
		width: 45%; 
		padding-right: 10px; 
		white-space: normal;
	}
}

/* ---------------------------------- */	
/* ---------------------------------- */	
/*IMAGE EFFECTS*/
/* ---------------------------------- */	
/* ---------------------------------- */

span.circle img, .circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
span.roundedcorners img, .roundedcorners { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
span[class*=stackedphoto] img, span[class*=hvr] img { margin: 0; }
span[class*=stackedphoto], span[class*=hvr] { margin-bottom: 20px; }

.circle-red-border-5px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 5px solid #DB3744; }
.circle-blue-border-2px img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #4C6CAE; }

.frame { display: inline-block; position: relative; border: 4px solid #fff; }
.frame:before {  content: ''; position: absolute; top: -7px; left: -7px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0d0d0d transparent transparent transparent; }
.frame:after { content: ''; position: absolute; bottom: -7px; right: -7px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0d0d0d transparent transparent transparent; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.frame a, .frame img { margin: 0px ; }

.polaroid img { display: inline-block;  border: 5px solid #fff; -webkit-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); -moz-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); -o-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15); box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.15);  border-bottom: 30px solid #fff; }
.polaroid img, .polaroid a { margin: 0px; }

.taped-up { display: inline-block; position: relative; border: 4px solid #fff; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); -o-box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); }
.taped-up:before { content: ''; position: absolute; background-color: rgba(255,255,255,0.6); height: 26px; left: 25%; top: -15px; width: 50%; -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-style: dotted; border-color: rgba(0,0,0,0.1); border-width: 0 2px;}
.taped-up:nth-of-type(odd):before { -ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
.taped-up:nth-of-type(even):before { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
.taped-up:first-child:before { -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
.taped-up:last-child:before { -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); }
.taped-up a, .taped-up img { margin: 0px ; }

.taped-up-skew a, .taped-up-skew img {  margin: 0px ; }
.taped-up-skew { display: inline-block; position: relative; border: 4px solid #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0,.2); }
.taped-up-skew:before { content: ''; position: absolute; background-color: rgba(255,255,255,0.6); height: 26px; left: 25%; top: -15px; width: 50%; -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-style: dotted; border-color: rgba(0,0,0,0.1); border-width: 0 2px; }

span.hvr-outline-out:hover::before, span.hvr-outline-out:active::before, span.hvr-outline-out:focus::before { left: -6px; right: -6px; top: -6px; bottom: -6px; }
span.hvr-outline-out::before {
    border: 3px solid rgba(0,0,0,0.4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 0.3s;
    transition-property: top, right, bottom, left;
 
}
span.hvr-outline-out {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -ms-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
  display: inline-block;
}

span.hvr-float img:hover, span.hvr-float > img:active, span.hvr-float img:focus { -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
span.hvr-float img {
    backface-visibility: hidden;
    position: relative;
    -ms-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
}

span.hvr-float-shadow:hover::before, span.hvr-float-shadow:active::before, span.hvr-float-shadow:focus::before { opacity: 1; -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); }
span.hvr-float-shadow::before {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: 0.3s;
    transition-property: transform, opacity;
    width: 90%;
    z-index: -1;
}
span.hvr-float-shadow {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -ms-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
}

span.hvr-grow img:hover, span.hvr-grow img:active, span.hvr-grow img:focus { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
span.hvr-grow img {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -ms-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
}

span.hvr-grow-shadow img:hover, span.hvr-grow-shadow img:active, span.hvr-grow-shadow img:focus { box-shadow: 0 10px 10px -10px rgba(0,0,0,0.4); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
span.hvr-grow-shadow img {
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-ms-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: box-shadow, transform;
}

span[class*=stackedphoto] {
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	border: 6px solid #fff;
	position: relative; 
	display: inline-block;
	box-sizing: border-box;
}
span.stackedphoto::before {
	content: "";
	height: 100%; 
	width: 100%; 
	position: absolute;
	z-index: -1;
	top: 0px;
	left: -10px;
	background: #eff4de;
	border: 6px solid #fff;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
span.hvr-stackedphoto::before {
	content: "";
	height: 100%; 
	width: 100%; 
	position: absolute;
	z-index: -1;
	top: 0px;
	left: -10px;
	background: #eff4de;
	border: 6px solid #fff;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	transition-property: transform;
	transition-duration: .2s;
}
span.hvr-stackedphoto:hover::before {
    transform: rotate(0deg);
}


/* ---------------------------------- */
/* ---------------------------------- */
/* CLICK TO CALL STYLE */
/* ---------------------------------- */
/* ---------------------------------- */
.click-to-call { text-decoration: none; color: currentColor; }


/* ---------------------------------- */
/* ---------------------------------- */
/* DISABLE RESIZE HANDLES ON TINYMCE */
/* ---------------------------------- */
/* ---------------------------------- */
.mce-resizehandle { display: none !important; }


/* ---------------------------------- */
/* ---------------------------------- */
/* HIDE ON MOBILE */
/* ---------------------------------- */
/* ---------------------------------- */
@media only screen and (max-width: 480px){
     .hide-on-mobile {
            display: none;
     }
}


/* ---------------------------------- */
/* ---------------------------------- */
/* MATRIX BUG FIXES */
/* ---------------------------------- */
/* ---------------------------------- */

/* FIREFOX EMPTY PARAGRAPH FIX */
#layout>table>tbody>tr>td>div>table>tbody>tr>td>div>table+p:empty {
  display:none;
}



/* ---------------------------------- */
/* ---------------------------------- */
/* TEMPLATE SPECIFIC */
/* ---------------------------------- */
/* ---------------------------------- */


/* ---------------------------------- */
/* HEADER */
/* ---------------------------------- */
#sticky-navContainer #nav .section {margin: 0 !important;} 
#companyslogan { float: right; }
.header .button { float: right; }
					@media only screen and (max-width: 768px) {
					.header { text-align: center; }
						.header #companyslogan { float: none; margin: 0 auto; }
.header .button { float: none; }
						.header img { margin-bottom: 0; }
						.phone { margin: 0.5em auto; }
						.phone.phone td {width: auto !important; display: table-cell !important}	
					}
					@media only screen and (max-width: 568px) {
						.header .phone { margin: 0 auto; }
						.header .hamburger { padding: 10px 0 !important; }
						.header #companyslogan { text-align: center; padding: 10px 0;}
					}

.header form {
    display: block;
    float: right;
    text-align: right;
    width: 100%;
}
.header input {
    display: inline-block;
    height: 35px;
    margin-bottom: 0;
    padding: 0 10px;
}
.header input[type="text"] {
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.header .phone {
    display: table;
    font-size: 14pt;
    line-height: 25px;
    margin-bottom: 0.5em;
    width: auto;
}
.header .phone img {
    display: inline-block;
    float: left !important;
    padding-right: 5px;
}
.header span#rsp_cart {
    display: inline-block;
    float: right;
    margin-bottom: 0;
    margin-left: 20px;
    position: relative;
    text-align: left;
    width: auto;
}
.header span#rsp_cart a {
    display: inline-block;
    line-height: 25px;
}
.header span#rsp_cart a:hover {
    text-decoration: underline;
}		
/*.box {background-color: transparent !important}*/

