@charset "utf-8";
/* CSS Document */
/*========================================
	Global Styles
========================================*/
body {
	font-family: 'Montserrat', sans-serif;
	background: url(images/metal-background.jpg), url(images/gradient-overlay.png);
	position: relative;
	padding-top: 27px;
}
/*body:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border: 1px solid red;
	background: green;
	top: 0;
	left: 0;
	z-index: -1;
}
*/
/*========================================
	Typography
========================================*/
#page {
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
.entry-content h1, .h1 {
	font-weight: 700;
	font-size: 16px;
	color: #54b848;
}
.entry-content h2, .h2 {
	font-weight: 700;
	font-size: 14px;
}
.entry-content h3, .h3 {
	font-size: 13px;
}
a, a:visited {
	color: #54b848;	
}
blockquote {
	margin-left: 5%;
	padding: .75% 2.5%;
	border-left: 5px solid #54b848;
}
/*========================================
	Buttons
========================================*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: #54b848;
	color: #ffffff !important;
	border: 0;
	font-weight: 700;
	border-radius: 50px;
	padding: 8px 18px;
	font-size: 13px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background: #2f9123;
}

/*========================================
	Custom Styles
========================================*/
.bold {
	font-weight: 700;
}
.uppercase {
	text-transform: uppercase;
}
.green {
	color: #54b848;
}
/*========================================
	Bootstrap Overrides
========================================*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] textarea, .form-control {
	border: 0px;
	padding: 8px 15px;
	line-height: 1;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;	
}
.btn-primary, .button {
	background: #54b848;
	color: #ffffff !important;
	border: 0;
	font-weight: 700;
	border-radius: 50px;
	padding: 8px 18px;
	font-size: 13px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.btn-primary:hover, .button:hover {
	background: #2f9123;
}
.form-container .btn {
	background: #fedb47;
	color: #ffffff;
	border: 0;
	font-weight: 700;
	border-radius: 50px;
	padding: 8px 50px;
	font-size: 13px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.form-container .btn:hover {
	background: #ffad31;
}
.card {
	margin-bottom: 8px;
}
/*========================================
	WooCommerce
========================================*/
.woocommerce-cart .product-thumbnail {
	width: 150px;
	padding: 10px;
}
.logged-in .woocommerce {
	padding-bottom: 20px;
} 
.woocommerce-cart .cart_totals {
	background: #f5f5f5;
	padding: 15px;
	border: 1px solid #ccc;	
}
.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="url"], .woocommerce-checkout input[type="password"], .woocommerce-checkout input[type="search"], .woocommerce-checkout input[type="number"], .woocommerce-checkout input[type="tel"], input[type="range"], .woocommerce-checkout input[type="date"], .woocommerce-checkout input[type="month"], .woocommerce-checkout input[type="week"], .woocommerce-checkout input[type="time"], .woocommerce-checkout input[type="datetime"], .woocommerce-checkout input[type="datetime-local"], .woocommerce-checkout input[type="color"] textarea, .form-control {
	background: #f5f5f5;
	border: 1px solid #ccc;	
}
.woocommerce-checkout .form-row {
	display: block;
}
.woocommerce-checkout label {
	margin-right: 15px;
}
.select2-container {
	max-width: 250px !important;
}
table.shop_table_responsive tr td.product-remove a {
	font-size: 200%;
}
.coupon {
	margin-bottom: 10px;
}
#coupon_code {
	margin: 8px 15px 8px 0;
	background: #f5f5f5;
	border: 1px solid #ccc;
}
table.shop_table_responsive tr td:before {
	display: none;
}
.product-remove {
	text-align: left !important;
}
.col2-set .form-row-first, .col2-set .form-row-last {
	width: 100%;
	display: block;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
	padding: 5px 10px;
	margin: 5px 0 15px;
	color: #ffffff;
}
.woocommerce-info a, .woocommerce-noreviews a, p.no-comments a {
	color: yellow;
}
.woocommerce-error {
	color: #ffffff;
	padding: 10px 15px 10px 35px;
	margin: 15px 0;
}
.woocommerce-products-header img {
	max-width: 50px;
}
.woocommerce-products-header h1 {
}
/*========================================
	Structure
========================================*/
.topBar {
	padding: 50px 0;
	background: #b7b7b7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
#page {
	background: #ffffff;
	margin-bottom: 45px;
	position: relative;
}
#page:after {
	content: '';
	width: 100%;
	height: 36px;
	position: absolute;
	bottom: -36px;
	left: 0;
	background: url(images/bottom-shadow-large.png) no-repeat;
	background-size: contain;
	background-position: top center;
}
.site_logo {
	max-width: 100%;
}
.product_icon_container {
	margin-bottom: 25px;
}
.product_icon_container a {
	color: #212529;
}
.product_icon_container a:hover {
	text-decoration: none;
}
.product_icon {
	max-width: 110px;
	max-height: 100px;
}
.product_icon_img {
	height: 110px;
	padding: 10px 0;
}
.product_icon_img img {
	vertical-align: middle;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.product_icon_img img:hover {
	vertical-align: middle;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.product_title {
	padding: 20px 0;
	color: #6d6e71;
}
.stats-container {
	background: #f5f5f5;
	position: relative;
	padding: 50px 0;
	color: #666666;
}
.stats-container:before {
	content: '';
	background:url(images/Shadow-top.png) no-repeat;
	background-position: top center;
	background-size: contain;
	height: 30px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: .5;
}
.stats-container:after {
	content: '';
	background:url(images/Shadow-bottom.png) no-repeat;
	background-position: top center;
	background-size: contain;
	height: 30px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: .5;
}
.powerbank {
	position: relative;
	right: -15px;
	top: -30px;
}
.shop-call-out {
	position: relative;
	top: -50px;
}
.spacer {
	padding: 40px 0;
}
.sidebar-CTA-container {
	padding-top: 350px;
	background: url(images/girl-wearing-headphones-looking-at-tablet.jpg) no-repeat;
	background-position: bottom right;
	background-size: contain;
	margin-right: -15px;
}
.page-template-page-contact .form-container {
	border: 1px solid rgba(0, 0, 0, 0.125);
	background: #ffffff;
    border-radius: 0.25rem;	
}
.page-template-page-contact .entry-content {
	margin: 0;
}
.page-template-page-sidebar .post-thumbnail {
	margin-bottom: 20px;
}
/*========================================
	Interior Pages
========================================*/
/*----my account--*/
.woocommerce-MyAccount-navigation ul {
	padding: 0;
	border-bottom: 1px solid #333;
	width: 100%;
	margin: 0 0 15px 0;
}
.woocommerce-MyAccount-navigation ul li {
	list-style: none;
	margin: 0 0 1px 0;
	display: inline;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 3px 8px;
	background: #333;
	color: #ffffff;
}
.woocommerce-MyAccount-navigation ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #54b848;
}
.woocommerce-MyAccount-navigation ul li a:visited {
	color: #ffffff;
}
.woocommerce-form__label-for-checkbox  {
	display: block;
	width: 100%;
	margin: 5px 0 0 15px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
	background: red !important;
}
.menu-item-87, .footer_account {
	display: none;
}
.logged-in .menu-item-87, .footer_account {
	display: block;
}
.logged-in .menu-item-344, .logged-in .footer_account_login {
	display: none !important;
}
.page-template-page-fullwidth .entry-title {
	display: block;
	padding-top: 25px;
}
.page-id-364 .entry-title {
	text-align: center;
}
.page-id-364 form .row {
	margin-bottom: 0;
}
.page-id-364 form .row .col-sm {
	margin-bottom: 15px;
}
/*========================================
	Header
========================================*/
.site-header {
	padding: 15px 0;
}
/*========================================
	Navigation
========================================*/
.main-navigation {
	padding: 20px 0;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
}
/*------toggled------*/
nav.toggled #primary-menu {
	background: #54b848;
	position: absolute;
	margin-top: 20px;
	z-index: 999;
}
nav.toggled #primary-menu:after {
	content: '';
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid #54b848;
	position: absolute;
	top: -19px;
	right: 20px;
}
nav.toggled li {
	background: #54b848;
	margin: 0;
	padding: 8px 0;
}
nav.toggled ul.sub-menu {
	width: 100%;
	box-shadow: none;
	position: static;
	margin-top: 8px;
}
nav.toggled ul.sub-menu li {
	width: 100%;
}
nav.toggled ul.sub-menu li a {
	width: 100%;
}
.menu-toggle {
	position: absolute;
	top: 0;
	right: 10px;
	background: none;
	border: 0px;
	color: #54b848 !important;
}
.menu-toggle:active, .menu-toggle:hover {
	outline: none;
}
nav.toggled ul.submenu li a {
	width: 100%;
	display: block;
}
#primary-menu ul.sub-menu {
	text-align: center;
}
#primary-menu ul.sub-menu li {
	background: #00bd47;
	text-align: center;
	margin: 0;
	padding: 0;
}
#primary-menu ul.sub-menu li a {
	padding: 8px 0;
}
#primary-menu ul.sub-menu li a:hover {
	background: #2f9123;
	text-decoration: none;
	color: #ffffff;
}
#primary-menu li {
	width: 100%;
}
#primary-menu li a {
	color: #ffffff;
	font-size: 12px;
	padding: 8px;
	border-radius: 3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#primary-menu li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #2f9123;
	
}
/*========================================
	Footer
========================================*/
.site-footer {
	background: #ffffff;
	padding: 45px 0 150px 0;
}
footer { 
	font-size: 14px;
}
footer ul {
	padding: 0;
}
footer li {
	list-style: none;
}
footer li a:hover {
	color: #54b848;
	text-decoration: none;
}
.sm-links {
	display: flex;
}
.sm-links li {
	display: inline;
	vertical-align: middle;
	margin-right: 5px;
	align-content:center;
	align-items: center;
	align-self: center; 
	line-height: 1;
	color: #54b848;	
}
.sm-links a {
	color: #54b848;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.sm-links a:hover {
	color: #6d6e71;
	text-decoration: none;
}
/*========================================
	Forms
========================================*/
.form-container {
	background: #eeeeee;
	padding: 15px;
}
label {
	margin-bottom: 0;
	font-weight: 700;
	color: #6d6e71;
	margin-right: 10px;
}
form .row {
	margin-bottom: 15px;
}
textarea {
	height: 90px;
}
.form-container ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eee;
    opacity: 1; /* Firefox */
}

.form-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #eee;
}

.form-container ::-ms-input-placeholder { /* Microsoft Edge */
    color: #eee;
}
/*========================================
	MailChimp SignUp
========================================*/
.signup .col {
	padding: 100px 0;
	background: #f5f5f5;
}
.home .signup {
	background: #ffffff;
}
.mc_var_label {
	display: none !important;
}
.mc_merge_var, .mc_signup_submit {
	float: left;
	display: block;
}
.mc_merge_var {
	width: 60%;
}
.mc_signup_submit {
	width: 40%;
}
.mc_form_inside {
	display: block;
	clear: both;
	text-align: center;
	width: 100%;
}
.mc_divWrapper, .signup .h1 {
	margin: 0 auto;
	max-width: 500px;
}
.signup .h1 {
	margin-bottom: 25px;
}
#mc_mv_EMAIL, #mc_signup_submit {
	width: 100%;
	height: 50px;
	border: 0px;
}
#mc_mv_EMAIL {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;	
	background: #dddddd;
	padding-left: 15px;
}
#mc_mv_EMAIL:focus, #mc_mv_EMAIL:active {
	outline: none;
	background: #666;
	color: #ffffff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;	
}
#mc_signup_submit {
	background: #54b848;
	color: #ffffff;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;	
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#mc_signup_submit:hover {
	background: #00860b;
}
/*========================================
	Admin Styles
========================================*/
.post-edit-link {
	color: #ffffff;
	background: #006cfc;
	padding: 7px 40px;
	border-radius: 50px;
	font-weight: 700;
	-webkit-transition: all .33s ease-in-out;
	-moz-transition: all .33s ease-in-out;
	-ms-transition: all .33s ease-in-out;
	transition: all .33s ease-in-out;
}
.post-edit-link:active, .post-edit-link:visited {
	color: #ffffff;
}
.post-edit-link:hover {
	text-decoration: none;
	background: #0048d4;
}
.logged-in #page {
	padding-top: 20px;
}
.logged-in .register-member, .logged-in .show_logged-out {
	display: none;
}
.show_logged-in {
	display: none;
}
.logged-in .show_logged-in {
	display: block;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
	background-color: none !important;
}
/*===========PORTRAIT PHONE=============*/
@media screen and (min-width: 480px) {
	.mc_merge_var {
		width: 75%;
	}
	.mc_signup_submit {
		width: 25%;
	}
}
@media screen and (min-width: 600px) {
	.site_logo {
		max-width: 213px;
	}
}
/*===========TABLET=============*/
@media screen and (min-width: 768px) {
	.entry-content h1, .h1 {
		font-size: 25px;
	}
	.entry-content h2, .h2 {
		font-weight: 700;
		font-size: 21px;
	}
	.entry-content h3, .h3 {
		font-size: 18px;
	}	
	.main-navigation {
		padding: 3px 0;
		margin-top: 10px;
	}
	.main-navigation:after {
		content: '';
		position: absolute;
		width: 25px;
		height: 16px;
		background: url(images/fold-left.png) no-repeat;
		top: -16px;
		left: 0;
	}
	.main-navigation:before {
		content: '';
		position: absolute;
		width: 25px;
		height: 16px;
		background: url(images/fold-right.png) no-repeat;
		bottom: -16px;
		right: 0;
	}
	.main-navigation {
		background: #54b848;
	}
	#primary-menu li {
		margin: 5px;
		padding: 0 10px;
		width: auto;
	}
	.spacer {
		padding: 50px 0;
	}
	#primary-menu ul.sub-menu li a {
		padding: 8px;
		text-align: left;
	}
}
/*===========DESKTOP SMALL SCREEN=============*/
@media screen and (min-width: 960px) {
	#primary-menu li {
		margin: 5px;
		padding: 0 10px;
		width: auto;
	}
	footer .col-md-4 ul {
		margin: 0;
	}
	footer .col-md-8 {
		border-right: 2px solid #eee;
	}
	.sm-container, .footer-info {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media screen and (min-width: 1000px) {
	#primary-menu li {
		margin: 5px;
		padding: 0 25px;
		width: auto;
	}
	.menu-item-42 .sub-menu {
		width: 400px;
	}
	.menu-item-42 .sub-menu li {
		float: left;
		width: 50%;
	}

}
/*===========DESKTOP BOOTSTRAP GRID=============*/
@media screen and (min-width: 1200px) {
	#primary-menu li {
		margin: 5px;
		padding: 0 45px;
		width: auto;
	}
	.spacer {
		padding: 75px 0;
	}
	.btn-primary, .button {
		padding: 8px 50px;
	}
	.site_logo {
		position: relative;
		top: -10px;	
	}

}
/*===========LAPTOP=============*/
@media screen and (min-width: 1366px) {

}
/*===========DESKTOP COMMON=============*/
@media screen and (min-width: 1440px) {

}
/*===========DESKTOP LARGE SCREEN=============*/
@media screen and (min-width: 1600px) {

}
/*===========DESKTOP HDMI=============*/
@media screen and (min-width: 1920px) {

}