/* MyPlatinumLeads.com */

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/*  general  */
::selection { background: #ff5; color: #000; /* WebKit/Blink Browsers */ }
::-moz-selection { background: #ff5; color: #000; /* Gecko Browsers */ }
html { overflow-y: scroll; overflow-x:hidden; }
html,body { height: 100%;  -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */ line-height: 1.5; }
body > div > section { min-height: 100%; margin-bottom: -132px; }
body > div > section:after { content: ''; display: block; height: 110px;}
body { background: url('images/bg-site2.jpg') 57% 45px fixed no-repeat #fff; /*-webkit-background-size: contain; background-size: contain;*/ font-family: 'roboto', sans-serif; }
h1 { font-size: 26px; }
h2 { font-size: 28px; line-height: 1.4; margin-top: 0; padding-top: 0; }
h1,h2,h3 { color: #282828; }
p { font-size: 14px; }
a:link, a:visited { color: #282828; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none; }
main { margin: 0 auto; max-width: 1024px; }
main:after { display: block; width: 100%; clear:both; content: '';  }
.highlight.box { background-color: #fffbd0; padding: 15px; text-align: center; }
.clear:after { display: block; width: 100%; clear: both; content: ''; }
.hide-for-large,
div.hide-for-large { display: none; }
iframe[name="tsc_player"],
object[name="tscplayer"] { width: 100%; }


[class*="fa-"]:before {   
	display: inline-block;
	margin-right: 8px;
	font: normal normal normal 14px/1 'FontAwesome';
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*  header  */
header { width: 100%; color:#fff; padding: 20px 0; background-color: #131313; background: url('images/bg-top.jpg') center top no-repeat #131313; border-bottom: 6px solid #db333a; margin-bottom: 20px; }
header nav { position: absolute; top: 36px; right: 0; }
header > div { max-width: 1024px; position: relative; margin: 0 auto; padding: 15px 0; }
header h2 { color: #fff; font-size: 36px; margin: 0; cursor: pointer; display: inline-block; text-shadow: 1px 1px 3px rgba(150, 180, 55, 0.8); 
	-webkit-transition: color 0.15s ease-in-out; 
	transition: color 0.15s ease-in-out;
}
header h2:hover { text-shadow: 1px 1px 5px rgba(150, 180, 55, 1); }
header h2 + span { display: block; color: #282828; }
header h2 { text-indent: -9999px; width: 439px; max-width: 100%; height: 62px; background: url('images/mpp-logo.png') 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%; }

header nav ul { margin: 0; padding: 0; list-style-type: none; float: right; clear: both;}
header nav ul li { display: inline-block; }
header nav ul li a:link,
header nav ul li a:visited { background-color: #1d1d1d; display: block; padding: 8px 16px; text-decoration: none; color: #fff; text-transform: uppercase; border-radius: 100px; }
header nav ul li a:hover { background-color: #fb444e; color: #282828; }
header .fa-phone { display: block; clear: both; text-align: right; font-size: 20px; margin-bottom: 5px; text-shadow: 1px 1px 3px rgba(150, 180, 55, 0.8); }
header img { float: right; }

/* mmenu */
.mm-page { min-height: 100%; height: 100%; }
.mm-blocker { cursor:pointer; }
.mmenu { display: none; }
.mmenu-trigger { display: none; background-color: transparent; color: #fb444e; font-size: 40px; cursor: pointer; width: 50px; height: 50px; position: absolute; top: 15px; left: 15px; }
.mmenu-trigger:hover {background-color: #282828; }
.mmenu-trigger:before { position: absolute; top: 8px; left: 8px; }
.mmenu li h4 { padding: 12px 18px; background-color: #111; color: #fb444e; position: relative; margin: 0; }
.mmenu li h4:after { content:'\f0ab'; font-family: 'FontAwesome'; color: #fff; position: absolute; font-size: 22px; top: 6px; right: 16px; }
.mmenu .leftmenu { background-color: #222; color: #eee; }
.mmenu form.login { background-color: #222; }
.mmenu form.login input[type="email"]:-webkit-autofill,
.mmenu form.login input[type="password"]:-webkit-autofill,
.mmenu form.login input[type="email"],
.mmenu form.login input[type="password"] { background-color: #666!important; border-color: #777; }
.mmenu form.login h5 br { display: none; }
.mmenu form.login label { font-size: 12px; }
.mmenu form.login [type="submit"] { background-color: #fb444e; border: 1px solid #e3373f;  }
.mm-list span.text,
.mm-list > b a { display: block; line-height: 20px; color: #eee; font-size: 12px; padding: 10px 10px 10px 20px; width: 100%; margin-bottom: 0; }

/*  grid  */
.row { width: 100%; }
.row ul li { margin-bottom: 12px; line-height: 1.5; }
.row:after { content: ''; display: block; width: 100%; clear:both; }
.row br { display: none; }
.block { width: 100%; float: left; padding: 10px; }
.block:first-of-type { padding-left: 0; }
.block:last-of-type { padding-right: 0; }
.block.half { width: 50%; }
.block.third { width: 33%; }
.block.two-third { width: 66%; }
.block h3 { padding-bottom: 15px; border-bottom: 1px dotted #ccc; }

a[href="#order"] { padding-left: 25px; }
a[href="#order"]:before { font-family: 'FontAwesome'; content: '\f07a'; display: inline-block; font-size: 12px; margin-right: 10px;  }

blockquote { width: 32%; display: block; float: left; margin: 55px 0 0; padding: 65px 20px 25px; background-color: #dee1e4; margin-right: 1%; text-indent: -5px; border-top: 2px solid #fb444e; position: relative; }
blockquote:before { display: block; position: absolute; content: ''; top: -50px; left: 50%; margin-left: -50px; }
blockquote.minyon:before { content: url('images/testimonial-minyon.png'); }
blockquote.daniel:before { content: url('images/testimonial-daniel.png'); }
blockquote.janice:before { content: url('images/testimonial-janice.png'); }
blockquote:after { content:'\f10e'; font-family: 'FontAwesome'; font-size: 60px; color: #e4e6e9; position: absolute; z-index: 1; bottom: -18px; right: 8px; opacity: 0.6; }
blockquote span { display: inline-block; margin-top: 10px; color: #e3373f; }

hr { border: none; border-top: 1px solid #ddd; }

/*  buttons  */
.btn { width: auto; background: #fb444e; border: 1px solid #e3373f; color: #282828; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 12px 25px 11px; position: relative; text-align: center; text-decoration: none; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
	-webkit-transition: background-color 0.15s ease-in-out; 
	transition: background-color 0.15s ease-in-out; 
}
.btn:hover, 
.btn:focus { color: #111; background-color: #ff4b4b; text-decoration: none; }
.btn:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.btn.rarr:after { content:'\f054'; font-family: 'FontAwesome'; font-size: 10px; display: inline-block; position: relative; right: 0; top: -2px; margin-left: 10px;
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
}
.btn.rarr:hover:after { right: -5px; }
.btn.cart:before { font-family: 'FontAwesome'; content: '\f055'; display: inline-block; font-size: 16px; margin-right: 10px;  }

/* homepage */
.home h2 { margin-top: 20px; }
.home h2, .home .block, .home blockquote { opacity: 0; }
.home .block.third h3 { position: relative; padding-top: 100px; text-align: center; font-size: 19px; }
.home .block.third h3:before { display: block; content: ''; width: 100px; height: 100px; border-radius: 100px; background-color: #252525; position: absolute; top: -20px; left: 50%; margin-left: -50px; }
.home .block.third h3:after { display: block; content: 'a'; color: #e3373f; font-family: 'FontAwesome'; font-size: 60px; position: absolute; top: -10px; left: 50%; margin-left: -26px;  }
.home .block.third.wish h3:after { display: block; content: '\f0d0'; }
.home .block.third.exclusive h3:after { display: block; content: url('images/exclusive-leads-icon.png'); margin-left: -35px; top: -3px;}
.home .block.third.flow h3:after { display: block; content: '\f1de'; top: -15px; }
.home .block h3 { font-size: 19px; }
.home .block h3 span { color: #e3373f; }
.home .btn.shop { margin-bottom: 15px; }


/* sidebar */
aside { width: 180px; float: left; height: 100%; background-color: rgba(200,200,200,0.1); margin-bottom: 20px; }
aside ul { margin: 0; padding: 0; list-style-type: none; }
aside ul li { display: block; border-bottom: 1px dotted #bbb; }
aside ul li a { display: block; text-decoration: none; padding: 6px 32px 6px 10px; position: relative; background-color: #eff1f2; background-color: rgba(239,241,249,0.7); font-weight: bold; }
aside ul li a:after { content:'\f054'; font-family: 'FontAwesome'; font-size: 10px; display: block; position: absolute; top: 8px; right: 16px; color: #282828; 
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
}
aside ul li a:hover { background-color: #eff1f2; background-color: rgba(239,241,249,0.8); color: #333; text-decoration: none; }
aside ul li a:hover:after { color: inherit; right: 10px; }
aside span.text,
aside b a.text { display: block; line-height: 20px; font-size: 12px; padding: 10px; width: 100%; margin-bottom: 0;  }
aside div { background-color: #e3373f;  text-align: center; text-transform: uppercase; padding: 20px 0; 
	background: rgb(189,35,40); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(189,35,40,1) 0%, rgba(254,70,80,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(189,35,40,1)), color-stop(100%,rgba(254,70,80,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(189,35,40,1) 0%,rgba(254,70,80,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(189,35,40,1) 0%,rgba(254,70,80,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(189,35,40,1) 0%,rgba(254,70,80,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(189,35,40,1) 0%,rgba(254,70,80,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd2328', endColorstr='#fe4650',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
aside div h2 { font-size: 18px; margin: 0; padding: 0; color: #fff; text-shadow: 1px 1px 3px rgba(70, 80, 40, 0.5); }

/*  fix old css and code  */
.title { font-size: 20px; display: block; font-weight: bold; }
.text { display: block; margin-bottom: 15px; }
.text ul { padding-left: 16px; }
.text + br,
.text + br + br { display: none; }
table thead th { background-color: rgba(200,200,200,0.2); padding: 12px; border-bottom: 1px solid #bbb; border-right: 1px solid #dedede;}
table thead th:last-of-type { border-right: none; }
table[bordercolor="gray"] { width: 100%; }
table[bordercolor="gray"] .text { margin-bottom: 0; }
table[bordercolor="gray"] td { padding: 10px; }
table[bordercolor="gray"] tr:first-of-type td { border:none; text-transform: uppercase; background-color: #ddd; }
table[bordercolor="gray"] tr:not(:first-of-type) td { cursor:pointer; }
table[bordercolor="gray"] tr.selected td { cursor: default; }
table[bordercolor="gray"] tr:not(:first-of-type):not(.selected):hover td { border-bottom-color: #000; font-weight: bold; background-color: rgba(255,255,255,0.7); }
table[bordercolor="gray"] + hr,
table[bordercolor="gray"] + hr + br { display: none; }

[href="#top"] { display: inline-block; background-color: #eee; color: #000; padding: 6px 12px; text-decoration: none; }
[href="#top"]:hover { background-color: #e3373f; text-decoration: none; }
[href="#top"]:before { content: '\f062'; font-family: 'FontAwesome'; font-size: 8px; margin-right: 10px; }

body:not(.contact) table td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
body:not(.contact) table td:last-of-type { border-right: none; }
body:not(.contact) table tr:last-of-type td { border-bottom: none; }

/*  forms  */
input[value="Add leads to cart"] { display: block; margin-top: 15px; background-image: none; outline: none; font-size: 30px; padding: 16px 38px;} input[value="Add leads to cart"]:after { display: inline-block; content: '\f067'; font-family: 'FontAwesome'; font-size: 10px; }
input[value="Add leads to cart"] { width: auto; background: #e6af27; border: 1px solid #f7e647; color: #0c144a; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 12px 25px 11px; position: relative; text-align: center; text-decoration: none; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
	-webkit-transition: background-color 0.15s ease-in-out; 
	transition: background-color 0.15s ease-in-out; 
}
input[value="Add leads to cart"]:hover, 
input[value="Add leads to cart"]:focus { color: #0c144a; background-color: #f4dc41; text-decoration: none; }
input[value="Add leads to cart"]:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
input[value="Add leads to cart"].rarr:after { content:'\f054'; font-family: 'FontAwesome'; font-size: 10px; display: inline-block; position: relative; right: 0; top: -2px; margin-left: 10px;
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
}
input[value="Add leads to cart"].rarr:hover:after { right: -5px; }
input[name="agreeterms"] { display: block; float: left; position: relative; top: 12px; left: 10px; }
label[for="agreeterms"] { display: block; float: left; cursor: pointer; padding: 10px 20px; }
[name="perdaynum"] { max-width: 60px; margin-top: 10px; }
[name="perdaynum"]:after { display: block; content: ''; clear: both; width: 100%; margin-bottom: 15px; }

form label { display: block; text-transform: uppercase; margin-bottom: 4px;}
form h5 { margin-top: 0; }
body form input[type="text"],body form input[type="email"],body form input[type="number"],body form input[type="password"],body form input[type="search"] { display: block; padding: 4px 8px; width: 100%; outline: none; border: 1px solid #ccc; margin-bottom: 8px; }
body form input[type="text"]:hover,body form input[type="email"]:hover,body form input[type="number"]:hover,body form input[type="password"]:hover,body form input[type="search"]:hover,
body form input[type="text"]:focus,body form input[type="email"]:focus,body form input[type="number"]:focus,body form input[type="password"]:focus,body form input[type="search"]:focus { border-color: #fb444e; }
body form.login input[type="text"],body form.login input[type="email"],body form.login input[type="password"] { border: 1px solid #ccc; background-color: #fff!important; }
body form textarea { width: 100%; min-width: 100%; max-width: 100%; border: 1px solid #dedede; min-height: 150px; max-height: 300px; height: 150px; }
tr.selected td { background-color: #fffbd0; font-weight: bold; cursor: default; }

form input[type="submit"] { display: block; padding: 8px 18px; }
form [class^="fa-"] { display: block; width: 100%; height: 24px; margin-bottom: 10px; position: relative; }
form [class^="fa-"]:before { position: absolute; z-index: 5; }
form .fa-envelope:before,
form .fa-lock:before { right: 5px; top: 6px; color: #ddd; }
form .fa-key:before { top: 12px; left: 12px; }
.login input[type="submit"] { padding-left: 34px;  }

.login { background-color: #f9f9f9; padding: 15px; }
input:-webkit-autofill {background-color: #fff!important; -webkit-box-shadow: 0 0 0px 1000px white inset; }

/*  faq page  */
.faq { margin-bottom: 20px; }
.contact h3,
.faq h2 { margin: 15px 0 10px; padding-bottom: 15px; border-bottom: 2px solid #fb444e; }
.faq ul { padding-left: 15px; }
.faq h2:not(:first-of-type) { border-bottom: 2px solid #fb444e; padding-bottom: 15px; margin-top: 30px; }
.faq h5 { font-size: 19px; margin-bottom: 15px; }

.loggedin .main { width: 100%; }
.loggedin aside {display: none;}

.main { width: 820px; float: right; padding: 0 20px 15px; margin-bottom: 15px; background-color: #eff1f2; background-color: rgba(239,241,249,0.75); }
.main img { max-width: 100%; }
.main h2 { font-size: 29px; }
.main center a+br { display: none; }
.main center a { display: block; }

/*  control panel  */
.sys-message h3 + p { max-width: 65%; }
.control-panel { position: relative; }
.control-panel p { max-width: 50%; }
.control-panel h3 { font-size: 22px; margin-bottom: 12px; }
.control-panel h2 { margin-top: 20px; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 2px solid #ddd; }
.control-panel h2 + p { position: absolute; top: -38px; left:0; color: #888; }
.control-panel table td { text-align: center; padding: 10px; }
.control-panel .back { display: inline-block; margin-top: 15px; }
.control-panel .back:before { display: inline-block; content:'\f053'; font-family: 'FontAwesome'; font-size: 10px; margin-right: 10px; }

.control-panel .block { /*background-color: #fff;*/ display: block; padding: 0; min-height: 210px; position: relative; }
.control-panel .block h4 a:before { font-weight: normal; color: #fb444e; display: inline-block; content:''; font-family: 'FontAwesome'; font-size: 22px; margin-right: 10px;  }
.control-panel .block.leads h4 a:before { content: '\f124'; }
.control-panel .block.history h4 a:before { content: '\f1da'; }
.control-panel .block.replacement h4 a:before { content: '\f0a8'; }
.control-panel .block.autoship h4 a:before { content: '\f0d1'; }
.control-panel .block.account h4 a:before { content: '\f085'; }
.control-panel .block h4 a { display: block; font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; position: relative; max-width: 94%; }
.control-panel .block h4 a:hover { text-decoration: none; border-bottom-color: #222; 
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;  
}
.control-panel .block h4 a:after { color: #fff; opacity: 0;
	content:'\f054'; font-family: 'FontAwesome'; font-size: 10px; display: inline-block; position: absolute; right: 30px; top: 6px; margin-left: 10px;	
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.control-panel .block h4 a:hover:after {opacity: 1; color: #000; right: 0; }
.control-panel .block h5 { font-size: 12px; margin: 0 0 8px; font-weight: normal; }
.control-panel .block ul { margin: 0; padding: 0; }
.control-panel .block ul li { font-size: 12px; margin: 0 0 5px; list-style-type: none; }
.control-panel .block ul li:before { color: #fb444e; display: inline-block; content:'\f00c'; font-family: 'FontAwesome'; font-size: 10px; margin-right: 10px;  }
.control-panel .block .rarr { margin-top: 15px; }
.control-panel .feature p { margin-bottom: 0; }

.control-panel form p,
.control-panel .lead-search p { max-width: 50%; }
.lead-search { border: 1px solid #ddd; padding: 5px 20px 20px; }
.lead-search button { padding-left: 18px; }
.lead-search button:before { display: inline-block; content:'\f002'; font-family: 'FontAwesome'; font-size: 10px; margin-right: 10px; }
.lead-search input[type="search"]{ width: 98%; }

.control-panel.account .block:first-of-type { padding-right: 20px; }
.control-panel.account form p { width: 100%; max-width: 100%; }
.control-panel.account button { float: right; }
.control-panel.account button:before { display: inline-block; content:'\f0c7'; font-family: 'FontAwesome'; font-size: 14px; margin-right: 10px; }
.control-panel.contact-manager button:after { content: '\f1d8'; 
	-moz-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
	-webkit-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
}
.control-panel.contact-manager button:hover:after { 
	-moz-transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	transform: rotate(54deg);
}

.mgpcontainer a:link,
.mgpcontainer a:visited { text-decoration: underline; }
.mgpcontainer a:hover { text-decoration: none; }

table.invoice-history a { display: block; }
table.invoice-history a:before { color: #282828; display: inline-block; content:'\f04c'; font-family: 'FontAwesome'; font-size: 10px; margin-right: 10px;  }
table.invoice-history > tbody:nth-child(3) > tr:nth-child(2) > td:nth-child(1) { text-align: right; }
table.invoice-history > tbody:nth-child(3) > tr:nth-child(2) > td:nth-child(2) { font-weight: bold; color: #fb444e; }

/* internal subnav */
.subnav { position: absolute; top: 0; right: 0; }
.subnav ul { list-style-type: none; margin: 0; padding: 0; }
.subnav li { display: inline-block; margin-left: 8px; }
.subnav li .btn { background-color: #ddd; border-color: #ccc; }
.subnav li .btn:hover { background-color: #fb444e; border-color: #282828; }

.breadcrumbs:before { display: inline-block; content:'\f015'; font-family: 'FontAwesome'; font-size: 10px; margin-right: 10px; }
.breadcrumbs span { display: inline-block; }
.breadcrumbs span:not(:first-of-type):before { content: '|'; display: inline-block; margin: 0 10px; }
.breadcrumbs span:last-of-type { font-weight: bold; }

.lead-search button[type="search"]:before { display: inline-block; content: '\f002'; font-family: 'FontAwesome'; font-size: 10px; margin-right: 10px; }

/* customer login page */
.customer-login h2 { margin-bottom: 15px; }
.customer-login h2 + font { display: none; }
.customer-login form { max-width: 33%; }
.customer-login label[for="remlogin"] { display: inline-block; margin-left: 5px; position: relative; top: -2px; }
.customer-login .rarr { margin: 10px 0 15px; }
.customer-login .rarr + div a,
.customer-login .rarr + div + div a { display: block; padding: 8px 0; }

/* contact page */
select { width: 100%; height: 25px; margin-bottom: 8px; }
body.contact h3 { font-size: 28px; margin-top: 0; margin-bottom: 15px; }
body.contact h3 + p { margin-top: 0; }
body.contact form > table > tbody > tr:nth-child(1) > td:nth-child(1) { width: 25%!important; }
body.contact td[colspan="2"] p { max-width: 75%; float: right; }
body.contact form td:first-of-type:not(.wrap) { text-align: right; font-weight: bold; padding-right: 10px; vertical-align: top; padding-top: 3px; }
body.contact p.submit input { padding-right: 30px; }
body.contact p.submit { position: relative; }
body.contact p.submit:after { display: inline-block; content:'\f054'; font-family: 'FontAwesome'; font-size: 10px; position: absolute; top: 9px; right: 12px; }
body.contact input#security_code { width: 78%; width: calc(100% - 104px); float: right; display: block; }
body.contact .title { font-size: 16px; font-weight: normal; }
body.contact br+br { display: none; }
body.contact div.main > p:nth-child(4) { border-bottom: 1px solid #ccc; }


footer { background: #131313; background: url('images/bg-footer.jpg') center top no-repeat #131313; margin-top: 20px; height: 124px; }
footer a:link,
footer a:visited { color: #656565; }
footer a:hover { color: #fb444e; }
footer span { display: block; margin-bottom: 10px; text-align: center; font-size: 12px; color: #656565; }
footer div { max-width: 1024px; padding: 20px; margin: 0 auto; }


/*
	      ___  __             __        ___  __     ___  __  
	|\/| |__  |  \ |  /\     /  \ |  | |__  |__) | |__  /__` 
	|  | |___ |__/ | /~~\    \__X \__/ |___ |  \ | |___ .__/ 
                                                          
*/

@media screen and (max-width: 1024px) {
	main { padding: 0 15px; }
	header > div { padding: 15px 25px; }
	header nav { right: 15px; }
	aside { width: 25%; }
	.main { width: 75%; /*padding-left: 15px;*/ }
	.contact form table { width: 97%; }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	body:not(.loggedin) .main { padding-left: 15px; }
}

@media screen and (max-width: 915px) {
	.block.third { width: 100%; }
	.control-panel .block { min-height: 0; }
	.control-panel .block h4 a { max-width: 100%; }
	.control-panel section .row .block .rarr { position: absolute; top: 60px; right: 0; }
	.subnav { top: 6px; }
	.subnav li { margin-left: 2px; }
	.subnav li .btn { font-size: 12px; padding: 8px 10px; }
	.customer-login form { max-width: 100%; }

}

@media screen and (max-width: 768px) {
	header h2 { width: 420px; }
	.block.two-third { width: 100%; }
	.home .block img { text-align: center; margin: 0 auto 50px; display: block; }
}
@media screen and (max-width: 767px) {

	aside,
	header nav { display: none; }
	header h2 { text-indent: -999em; }
	header h2,
	header h2 + span {text-align: center; }
	header { height: auto; }
	header h2 { width: 100%; background-position: center center; -webkit-background-size: 75%; background-size: 75%; height: auto; text-align: center; }

	.home .block h3 span { display: block; }

	.mmenu-trigger { display: block; }
	.main { width: 100%; }
	.subnav { display: none; }
	h2 { font-size: 20px; /*text-align: center;*/ }
	footer { height: auto; }
	.hide-for-large { display: block; }
	.faq h2, .faq h5 { text-align: left; }
	.contact form table { width: 100%; }
	.control-panel p,
	.sys-message h3 + p,
	.control-panel form p,
	.control-panel .lead-search p { max-width: 100%; }
}
@media screen and (max-width: 715px) {
	.mmenu-trigger { top: 0; left: 0; }
	header > div { padding: 10px 0; }
	
}
@media screen and (max-width: 600px) {
	header h2 { font-size: 30px; padding: 15px; }
	.main h2 { font-size: 24px; }
	.main h3,
	.control-panel h3 { font-size: 14px; }
	.control-panel.account .block:first-of-type { padding-right: 0; }
	blockquote,
	.block,
	.block.half,
	.block.two-third,
	.block.third { width: 100%; }
	.block,
	.block.half,
	.block.third { padding: 0 0 10px; }
	.block h3 { margin-top: 0; padding-top: 0; }
	blockquote + .block { margin-top: 20px; margin-bottom: -15px; }
	body.contact form td:first-of-type:not(.wrap) { text-align: left; }
	body.contact td[colspan="2"] p { max-width: 100%; float: none; }
	body.contact td[colspan="2"] p,
	body.contact form > table > tbody > tr:nth-child(1) > td:nth-child(1),
	body.contact form table tr,
	body.contact form table td { display: block; max-width: 100%; width: 100%!important; float: none; clear: both; }
	body.contact form td:first-of-type:not(.wrap) { text-align: left; }
	body.contact p.submit input { width: 100%; }
}
@media screen and (max-width: 575px) {
	.control-panel section .row .block .rarr { position: relative; top: auto; right: auto; }
}
@media screen and (max-width: 480px) {
	header { overflow: hidden; }
	header h2 { font-size: 22px; padding: 15px 0 15px 45px; position: relative; left: 50px; }
	header h2 + span { display: none; }
	.btn { width: 100%; }
	label[for="agreeterms"] { padding: 0 20px 10px 40px; }
	table[bordercolor="gray"] { margin-top: 10px; }
	table[bordercolor="gray"] td { padding: 6px; font-size: 10px; }

	.control-panel .block h4 a { font-size: 14px; }
	.title { font-size: 16px; }

	body:not(.contact) table td,
	body:not(.contact) table thead th { padding: 6px 4px; font-weight: normal; font-size: 10px; }
	body:not(.contact) table td a { font-size: 10px; }

}

.featured { background-color: #222; background: url('../../siteimages/bg-dark-polygonal.jpg') 0 0 repeat #222; padding: 15px; margin-bottom: 25px; color: #fff; text-align: center; cursor: pointer; border: 1px solid #111; }
..featured:hover { border-color: #ebbe30; }
..featured h4 { text-indent: -999em; display: block; margin: 0 auto; max-width: 357px; height: 101px; background: url('../../siteimages/just-launched.png') 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.featured h3 { color: #fff; font-size: 24px; margin-top: 0; }
.featured img { display: block; margin: 0 auto 15px; max-width: 100%; }
.featured .btn { background-color: #ebbe30; border-color: #f7e446; color: #111; }
.featured:hover .btn,
.featured .btn:hover { background-color: #f7e446; }
.btn.shop { margin-bottom: 15px; }
.featured a:link
.featured a:visited { color: #FFFFFF; text-decoration: none; }
.text {
    margin-top: 10px !important;
    margin-left: 30px !important;
}