/*
Theme Name: MIControls
Theme URI: https://www.kele.com/content/branch/micontrols
Author: Kele, Inc. - Stephen Rudolph
Author URI: https://www.kele.com
Description: Custom theme for MIControls portion of kele.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kele
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Kele is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
}

.main-content:before, .main-content:after {content:""; display:table;}
.main-content:after {clear:both;}

.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}

a.link-color{
	color:#2EA3F2;
}

.footer-column-text{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	transition: none;
	color: inherit!important;
	box-sizing: border-box;
	padding-bottom: 0;
	letter-spacing: inherit;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	text-align: center;	
}

.footer-text-wrapper{
	line-height: 22px !important;
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	font-size: 20px;
	text-align: inherit;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	transition: none;
	box-sizing: border-box;
	letter-spacing: inherit;
	-webkit-font-smoothing: antialiased;
	position: relative;
	padding-bottom: 0;
}

.footer-column-wrapper{
	line-height: 22px !important;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	transition: none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	text-align: left;
	animation-timing-function: linear;
	animation-duration: .2s;
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	font-size: 20px;
	color: #ffffff!important;
	margin-bottom: 0;
}

.footer-column{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	transition: none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	float: left;
	position: relative;
	z-index: 2;
	min-height: 1px;
	mix-blend-mode: unset!important;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin-right: 5.5%;
	width: 47.25%;
	flex:1;
}

.footer-row{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	transition: none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	max-width: 1080px;
	margin: auto;
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 2% 0;
	width: 80%;
	display:flex;
	}

.main-footer-text{
	font-size: 22px !important;
	font-weight: normal !important;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	line-height: 1em;
	padding-bottom: 10px;
	text-transform: none;
	font-style: normal;
	box-sizing: border-box;
	letter-spacing: inherit;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	color: #ffffff!important;
	text-align: center;
}

.main-footer-text-wrapper{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	text-align: inherit;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	letter-spacing: inherit;
	-webkit-font-smoothing: antialiased;
	position: relative;
	padding-bottom: 0;
}

.main-footer-column-wrapper{
	font-size: 15px !important;
	line-height: 22px !important;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	text-align: left;
	animation-timing-function: linear;
	animation-duration: .2s;
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	color: #ffffff!important;
	margin-bottom: 0;
}

.main-footer-column{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	float: left;
	position: relative;
	z-index: 2;
	min-height: 1px;
	mix-blend-mode: unset!important;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 100%;
	margin-right: 0!important;
}

.main-footer-row{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	max-width: 1080px;
	margin: auto;
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 2% 0;
	width: 80%;
}

.main-footer{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	margin: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	position: relative;
	padding: 4% 0;
	background-color: #0f0f0f!important;
}

.grid-container > div {
  text-align: center;
  font-size: 30px;
}

.grid-container {
  display: grid;
  grid-template-columns: .2fr 1fr;
  grid-gap: 7%;
  padding: 0% 0% 0% 0%;
}

.grid-header-image {
	grid-row: 1 / 3;
}

.grid-header-links {
	grid-row: 1 / 3;
}

.main-header-custom{
	position:relative!important;
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	margin: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;	
	padding: 0% 0% 0% 0%;
	margin-top: -3%;
	background-color: #0f0f0f!important;	
}

.header-row{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	max-width: 1080px;
	margin: auto;
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	padding: 5% 0% 0%;
	width: 80%;
	padding-top: 0px!important;
}

.header-column{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	float: left;
	position: relative;
	z-index: 2;
	min-height: 1px;
	mix-blend-mode: unset!important;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 100%;
	margin-right: 0!important;
}

.header-image-div{
	font-size: 15px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	line-height: 0;
	display: block;
	animation-timing-function: linear;
	animation-duration: .2s;
	padding-top: 50px;
	margin-top: 0px!important;
	text-align: center;
	margin-bottom: 0;
}

.header-image-wrapper{
	font-size: 15px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 1em;
	font-weight: 500;
	text-transform: none;
	font-style: normal;
	text-align: inherit;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	position: relative;
	max-width: 100%;
}

.header-link-row{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	max-width: 1080px;
	margin: auto;
	margin-right: 50%;
	margin-left: 0%;
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	padding-bottom: 2% !important;
	width: 80%;
	padding-bottom: 0px!important;
	display:flex;
}

.header-link-column{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: inherit;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	float:flex;
	position: relative;
	z-index: 2;
	min-height: 1px;
	mix-blend-mode: unset!important;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	margin-right: 5.5%;
	width: 29.6667%;
	flex:1;
}

.header-link-wrapper{
	font-size: 15px !important;
	line-height: 22px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 30% 0% 0% 0%;
	border: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	color: inherit;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	animation-timing-function: linear;
	animation-duration: .2s;
	margin-right: -26px!important;
	text-align: center;
	margin-bottom: 0;	
}

.header-link-anchor{
	font-family: Arial, Helvetica, sans-serif !important;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: normal;
	-webkit-box-shadow: none;
	text-shadow: inherit;
	text-decoration: none!important;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	padding: .3em 1em;
	line-height: 1.7em!important;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	border: 2px solid;
	border-radius: 3px;
	display: inline-block;
	padding-bottom: 0%!important;
	color: #ffffff!important;
	border-color: rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
	font-weight: 500;
	text-transform: none;
	font-style: normal;
	text-align:center;
}

a.header-link-anchor:hover {
    margin-left: 1em;
}

a.header-link-anchor {
    transition: all 300ms ease 0ms;
}

a.header-link-anchor:hover:after {
    content: "\35";
    font-family: ETmodules!important;
    font-size: 32px;
    line-height: 1em;
    position: absolute;
    font-feature-settings: "kern" off;
    font-weight: 400;
    font-style: normal;
    font-variant: none;
    text-transform: none;
    text-shadow: none;
    opacity: 100;
}

.header-content{
	margin: 0;
	padding: 20px 10px;
	font-size: 15px !important;
	line-height: 22px !important;
	color: #666 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.logo {
margin-bottom: 100px !important;
height: 100px;
}

.main-content #primary #main {
	padding-right: 25px;
}

.main-content #primary {
	float: left;
	width: 75%;
}

.main-content #secondary {
	float: left;
	width: 25%;
}

.main-content #secondary ul,
.main-content #secondary ol {
	padding: 0 0 0 20px;
	margin: 10px 0;
}

.posts-navigation h2 {
	display: none;
}

h1, h2, h3, h4, h5, h6,
.main-nav li.top-menu-item > a,
.new-free-shipping span,
.page-nav-forum .navlinks a,
#quicklinkwrapper h2,
p.log-in-green {
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

.hide {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #000033;
}

#pageOuterContainer .main-content h1 {
	font-size: 32px !important;
	line-height: 36px !important;
	font-weight: normal !important;
	margin: 0 0 10px 0;
}

#pageOuterContainer .main-content h3,
#pageOuterContainer .main-content h4,
#pageOuterContainer .main-content h5,
#pageOuterContainer .main-content h6 {
	font-family: Arial, Helvetica, sans-serif !important;
}

#pageOuterContainer .main-content h2 {
	font-size: 22px !important;
	font-weight: normal !important;
}

#pageOuterContainer .main-content .entry-meta,
#pageOuterContainer .main-content .entry-meta a {
	color: #AAA;
}

#pageOuterContainer .main-content .entry-meta a:hover {
	color: #4eadde;
}

body.single .entry-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #EEE;
}

.posts-navigation {
	margin: 30px 0;
}

.post-navigation {
	margin: 30px 0;
	display: none !important;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
}

.entry-header {
	margin-bottom: 15px;
}

.home .post,
.archive .post,
.search-results .post {
	padding: 20px;
	border-bottom: 1px solid #DDD;
}

.entry-footer {
	display: none;
}

.search-results .post:nth-child(even),
.home .post:nth-child(even),
.archive .post:nth-child(even) {
	background: #F5F5F5;
}

.main-content #comments {
	margin: 30px 0;
	padding: 20px;
	background: #F5F5F5;
	border: 1px solid #DDD;
	border-radius: 3px;
}

.main-content #comments label {
	display: block;
}

#pageOuterContainer .main-content .posts-navigation a,
#pageOuterContainer .main-content .btn,
#pageOuterContainer .main-content input[type="submit"] {
	background: #4eadde;
	border: 1px solid #4EADDE;
	padding: 10px 20px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
}

#pageOuterContainer .main-content .posts-navigation a,
#pageOuterContainer .main-content .btn {
	padding: 8px 20px;
}

#pageOuterContainer .main-content .posts-navigation a,
#pageOuterContainer .main-content .btn:hover,
#pageOuterContainer .main-content input[type="submit"]:hover {
	background: #FFF;
	color: #4EADDE;
}

#pageOuterContainer .main-content .posts-navigation a {
	margin: 10px 0;
}

#pageOuterContainer .main-content .posts-navigation a:hover {
	color: #000033;
	border-color: #000033;
}

#pageOuterContainer .main-content textarea,
#pageOuterContainer .main-content input[type="text"],
#pageOuterContainer .main-content input[type="url"],
#pageOuterContainer .main-content input[type="search"],
#pageOuterContainer .main-content input[type="email"],
#pageOuterContainer .main-content input[type="password"],
#pageOuterContainer .main-content input[type="tel"] {
	border: 1px solid #CCC;
	padding: 7px;
	outline: none;
	-webkit-appearance: none;
	box-shadow: none;
	font-weight: normal;
	color: #000033;
}

#pageOuterContainer .main-content textarea:focus,
#pageOuterContainer .main-content input[type="text"]:focus,
#pageOuterContainer .main-content input[type="url"]:focus,
#pageOuterContainer .main-content input[type="search"]:focus,
#pageOuterContainer .main-content input[type="email"]:focus,
#pageOuterContainer .main-content input[type="password"]:focus,
#pageOuterContainer .main-content input[type="tel"]:focus {
	border-color: #4eadde;
}

#pageOuterContainer .main-content .page-header .page-title {
	margin: 10px 0 20px 0;
}

#pageOuterContainer .main-content {
margin: 0;
padding: 20px 10px;
color: #777;
}

#pageOuterContainer .main-content p {
	margin: 0 0 15px 0;
}

.shareaholic-share-buttons-container,
.shareaholic-share-buttons-heading-image {
	display: none !important;
}

#pageOuterContainer .main-content .entry-content .shareaholic-share-buttons-container {
	display: block !important;
}

#pageOuterContainer .main-content p,
#pageOuterContainer .main-content li,
#pageOuterContainer .main-content {
	font-size: 15px !important;
	line-height: 22px !important;
	color: #666 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

body.single .post {
	padding: 20px;
}

#pageOuterContainer .main-content .widget_categories ul {
	padding-left: 0;
}

#pageOuterContainer .main-content .widget_categories li {
	list-style: none;
	display: block;
	margin: 0;
}

#pageOuterContainer .main-content .widget_categories li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	border-bottom: 1px solid #4eadde;
	background: #000033;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

#pageOuterContainer .main-content .widget_categories li a:hover {
	background: #4eadde;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments ol {
	list-style: none;
	padding-left: 0;
}

#comments ol.children {
	padding-left: 15px;
}

#comments .comment-author {
	margin-bottom: 5px;
}

#comments .comment-author img {
	vertical-align: bottom;
	width: 25px;
	height: auto;
}

.widget_search .search-submit {
	visibility: hidden;
}

#pageOuterContainer .main-content .entry-title a {
	color: #000033;
	text-decoration: none;
}

#pageOuterContainer .main-content a {
	color: #4eadde;
}
.main-content li {
	margin-bottom: 10px;
}
.main-content .widget {
	margin: 30px 0;
}
body.ez-search-focused .site-container .main-header, body.ez-search-focused .site-container .main-nav, body.ez-search-focused .main-header .mobile-search-bar {
/*transition: all .25s ease-in-out;*/
}
body .site-container {
background: #FFF;
}
body.ez-search-focused {
background: #FFF !important;
}
body.ez-search-focused .footer,
body.ez-search-focused .site-container > *:not(.main-header),
body.ez-search-focused .main-header > *:not(.main-nav),
body.ez-search-focused .main-header .top-menu-item {
opacity: 1;
}
body.ez-search-focused .site-container .footer,
body.ez-search-focused .site-container .footer .btn-green,
body.ez-search-focused .site-container .main-header, 
body.ez-search-focused .site-container .main-nav, 
body.ez-search-focused .main-header .mobile-search-bar{ 
background: #C0C0CC !important;
}
body.ez-search-focused #pageOuterContainer {
opacity: .25;
}
body.ez-search-focused .main-header .top-menu-item {
pointer-events:none;
}
#pageOuterContainer {
/*transition: all .15s ease-in-out;*/
}
body div.site-container #pageOuterContainer {
	margin: 0 auto !important;
	padding: 0 !important;
	transition: none !important;
}
body > div.site-container > div.main-header > div.order-nav > div.search {
position: absolute;
top: 50%;
right: 30px;
left: 30px;
}
/* .main-header .logo {
margin-bottom: 40px !important;
height: 52px;
} */
.main-nav li.search input {
margin: 0 !important;
}
#voiceEnable {
display: none;
position: absolute;
top: 0;
right: 35px;
width: 25px;
height: 25px;
margin: 2px 0;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
body > div.site-container > div.main-header > div.order-nav > div.search {
right: 60px !important;
}
.search #voiceEnable {
right: -32px;
transition: all .25s ease-out;
background: none;
}
.search #voiceEnable:hover {
opacity: 0.5;
}
@media (max-width: 900px) {
body > div.site-container > div.main-header > div.order-nav > div.search {
right: 40px !important;
}
}
}
.ez-nextopia-search {
position: relative;
padding-right: 45px;
}
.ez-nextopia-search .submit-search {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
background: #008049 url(//assets.kele.com/images/search_box_icon.png) no-repeat 50% 50%;
border: none;
outline: none;
overflow: hidden;
color: transparent;
text-indent: -9999em;
border-radius: 2px;
transition: opacity .2s linear;
}
.ez-nextopia-search .submit-search:hover {
opacity: .85;
}
.ez-nextopia-search .input-search {
display: block;
width: 100%;
height: 32px;
border: 1px solid #000033;
outline: none;
background: #FFF;
box-sizing: border-box;
padding: 6px 10px;
color: #000;
font-size: 15px;
font-weight: normal;
border-radius: 1px;
-webkit-appearance: none;
}
body.ez-search-focused.ez-search-keydown .ez-nextopia-search .input-search {
border-bottom-color: #FFF;
}
.ez-nextopia-autocomplete {
display: none;
position: absolute;
top: 31px;
left: 0;
right: 45px;
background: #FFF;
z-index: 99999;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1);
border: 1px solid #000033;
border-top: none;
}
body.ez-search-keydown .ez-nextopia-search .ez-nextopia-autocomplete {
display: block;
}
.ez-auto-cols {
padding: 0 0 20px 0;
}
.ez-auto-cols .col {
float: left;
width: 25%;
box-sizing: border-box;
}
.ez-auto-cols .col-product {
width: 50%;
}
.ez-auto-cols .col h4 {
color: #000;
font-size: 17px;
font-weight: bold;
text-transform: lowercase;
margin: 0;
padding: 15px;
}
.ez-auto-cols .col-terms ul {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
min-height: 300px;
}
.ez-auto-cols .col ul {
margin: 0;
padding: 0 15px;
max-height: 300px;
overflow: auto;
}
.ez-auto-cols .col ul li {
margin: 0;
display: block !important;
background: none;
padding: 0;
float: none;
}
.ez-auto-cols .col ul li:last-child {
position: static;
}
.ez-auto-cols .col ul li:last-child a,
.ez-auto-cols .col ul li a {
color: #666;
font-size: 13px;
text-transform: lowercase;
font-weight: bold;
display: block;
padding: 6px 0;
transition: color .2s linear;
width: auto;
height: auto;
}
.ez-auto-cols .col ul li a:hover {
color: #4EADDE;
}
.ez-auto-cols .col-product ul li:last-child a,
.ez-auto-cols .col-product ul li a {
text-transform: uppercase;
font-size: 12px;
padding: 4px 0;
}
.ez-auto-cols .col-product ul li {
width: 49%;
display: inline-block !important;
}
.ez-auto-cols .col-product ul li:last-child a img,
.ez-auto-cols .col-product ul li a img {
width: 50px;
height: auto;
}
.ez-auto-cols .col-product ul li:last-child a img {
display: inline;
}
@media (max-width: 900px) {
body > div.site-container > div.main-header > div.order-nav > div.search {
top: 50%;
left: 10px;
right: 10px;
}
}
@media (max-width: 768px) {
	.main-content #primary {
	float: none;
	width: 100%;
}
.main-content #primary #main {
	padding-right: 0;
}
body.single .post {
	padding: 0;
}
.main-content #secondary {
	float: none;
	width: 100%;
}
body > div.site-container > div.main-header > div.order-nav > div.search {
top: auto;
bottom: 5px;
}
#pageOuterContainer .main-content {
padding: 20px 10px;
}
.ez-auto-cols .col-cats {
display: none;
}
.ez-auto-cols .col-terms ul {
border-right: none;
min-height: 200px;
}
.ez-auto-cols .col-terms ul li a {
font-weight: normal !important;
}
.ez-auto-cols .col-product {
width: 75%;
}
.ez-auto-cols .col ul {
max-height: 200px;
}
	body .site-container .main-nav .sub-nav-1-container .sub-nav-1-top {
		background-color: #FFF!important;
	}
	body .site-container .main-nav .sub-nav-1-container .sub-nav-1-top .sub-sub-nav {
		background-color: #F5F5F5!important;
	}
}
@media (max-width: 520px) {
.ez-auto-cols .col-terms {
display: none;
}
.ez-auto-cols .col-product {
width: 100%;
}
.ez-auto-cols .col-product ul li {
width: 100%;
}
}
@media (max-width: 480px) {
body > div.site-container > div.main-header > div.order-nav > div.search {
	bottom: 1px;
}
.main-content {
margin-top: 2px !important;
}
.site-container .main-header {
height: 95px !important;
min-height: 95px !important;
}
}

@font-face {
    font-family: Titan One;
    src: url(https://fonts.googleapis.com/css?family=Titan+One);
    font-weight: normal;
}

article {
	margin-bottom: 75px;
}

/* BEGIN CAROUSEL CSS */
/*Hide the section overflow*/
.ds-carousel-section {
    width: 100%;
    overflow: hidden;
}
 
/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 1000vw !important;
    max-width: 1000vw !important;
}
 
@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
@media all and (max-width: 799px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
/*Style the navigation arrows*/
.ds-arrow-left,
.ds-arrow-right {
    color: #cc6600 !important;
    /*background: gray !important;*/
    font-family: 'ETModules' !important;
    font-size: 40px !important;
    padding: 5px 30px !important;
    border-style: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    /*-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3) !important;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3) !important;*/
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}
 
/*Position the left arrow*/
.ds-arrow-left {
    float: left !important;
    margin-left: 25px !important;
}
 
/*Position the right arrow*/
.ds-arrow-right {
    float: right !important;
    margin-right: 25px !important;
}
 
/*Style navigation arrows on hover*/
.ds-arrow-left:hover,
.ds-arrow-right:hover {
	color: #4eadde !important;
   /* -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2) !important;*/
}
 
/*Style navigation arrows on click*/
.ds-arrow-left:active,
.ds-arrow-right:active {
	color: #cc6600 !important;
    /*-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset !important;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset !important;*/
}
 
/*Make sure the modules span their entire container*/
.ds-carousel-module .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}
 
/*Set the module width*/
.ds-carousel-module {
    width: 15vw; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 30px !important;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}
 
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        /*width: 33.33vw;*/
		width: 100vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}
 
@media all and (max-width: 799px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw;
		clear: both;
		display: inline-flex;
		align-items: center;
		justify-content: center;
    }
}
/* END CAROUSEL CSS */