/*--
	Theme Name: theme53591
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.2
--*/

/* ----------------------------------------
	Please, You may put custom css here
---------------------------------------- */
/* ----------------------------------------
	Tool Tip
---------------------------------------- */
/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* ----------------------------------------
	Global Elements
---------------------------------------- */
body {
	font-size: 15px !important;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}
@media (max-width: 767px) {
.header .header_widget_1 .textwidget {
	width: auto !important;
	}
}
p {
	text-align:justify;
}
p a {
	color:#df000e;
	text-decoration:none;
}
p a:hover {
	text-decoration:underline;
}
.greyLink {
	color:#9b9b9b;
}
.greyLink:hover {
	color:#e30017;
}
.container {
	margin:0 auto;
}
#back-top-wrapper p#back-top a:hover::before {
	color: #e20018 !important;
}
a.btn-primary::before {
	background: #e20018 !important;
}
h5 a:hover, h2 a:hover, h3 a:hover, .post_meta a:hover,.condensedCatalog li a:hover {
	color: #e20018 !important;
}
.parallax-box {
	margin: 0px !important;
}
.header .nav__primary .sf-menu > li > a {
	padding: 22px 26px !important;
	text-transform: uppercase;
}
.sf-menu > li > a {
	font-size: 18px !important;
}
.header .nav__primary .sf-menu > li li a {
	font-size: 16px !important;
	text-transform: uppercase;
}
.header .nav__primary .sf-menu li li > a:hover, li li.current_page_item > a {
	color: #df000e !important;
	background: #333 !important;
}
.header .header_widget_1 h4, .header .header_widget_2 h4, .header .header_widget_1, .header .header_widget_2 {
	font-size: 14px !important;	
}
.header .header_widget_1 h4, .header .header_widget_2 h4  {
	line-height: 20px !important;
}
.center,.center p {
	text-align:center !important;
	margin:0px auto !important;
	
}
.noFloat {
	float:none;
}
.icons {
	padding-left:20px;
	
}
.content-holder {
	padding-bottom:0px !important;
}
.parallax-box .parallax-content {
	padding:160px 0 !important;
}
.a.btn-primary {
	white-space:nowrap;
}
.footer .footer-widgets {
	padding-bottom:0px !important;
}
.thumbnail {
	border:none !important;
}
.rowSeparator {
	padding:20px 0;
}
.noStyle {
	margin:0px 0 20px 0;
	padding:0px;
	list-style:none;
}
.left {
	float:left;
	margin-right:20px;
}
.right {
	float:right;
	margin-left:20px;
}
.noStyle li {
	list-style:none;
	padding:2px 0;
}
ul.left + ul.left {
	margin:0px 0 20px 20px !important;
}
.textLeft {
	text-align:left !important;
}
.contentImg {
	border:0px solid transparent;
	padding:5px;
	min-width:250px;
	margin:0 20px 10px 20px;
}
.blueBg {
	color:#fff !important;
	padding:20px;
	background:#005fad;
}
.blueBg.half {
	margin-top:20px;
	width:43% !important;
}
.whiteBg {
	background:#fff;
}
.blueBg a {
	color:#fff !important;
}
.blueBg a:hover {
	color:#fff !important;
	text-decoration:underline;
}
.half {
	width:46%;
}
/* ----------------------------------------
	Font Styles
---------------------------------------- */
.blue {
	color:#212659;
}
.red {
	color: #e20018;
}
.uppercase {
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.f14 {
	font-size:14px;
}
.f16 {
	font-size:16px;
}
.f18 {
	font-size:18px;
}
.f20 {
	font-size:20px;
}
.f24 {
	font-size:21px;
}
.subItem li:first-child {
	margin-top:20px;
}
.subItem li {
	font-size:13px !important;
}
/* ----------------------------------------
	About Us Page 
---------------------------------------- */

.icons ul {
	padding:0px;
	margin:0 0px 20px 0;
	
}
.icons ul li {
	list-style:none;
	text-transform:uppercase;
	padding:20px 0 20px 60px;
}
.icons .btn-primary {
	min-width:64%;
	width:70%;
	text-align:center;
}
.inventory {
	background: url("/wp-content/uploads/2015/08/icon-inventory.png") no-repeat left center;
}
.solutions {
	background: url("/wp-content/uploads/2015/08/icon-solutions.png") no-repeat left center;
}
.support {
	background: url("/wp-content/uploads/2015/08/icon-support.png") no-repeat left center;
}
.experience {
	background: url("/wp-content/uploads/2015/08/icon-experience.png") no-repeat left center;
}
.performance {
	background: url("/wp-content/uploads/2015/08/icon-performance.png") no-repeat left center;
}
.solutionsImg {
	background: url("/wp-content/uploads/2015/08/solutions-provider-img.png") no-repeat left center;
	height:370px;
}
/* ----------------------------------------
	Manufacturer Page 
---------------------------------------- */
.manufacturers img {
    border: 6px solid #f2f2f2;
    box-shadow: 3px 3px 3px #999;
    float: left;
    height: 125px;
    margin: 12px;
    width: 197px;
}
.manufacturers {
	min-height: 700px;
	display: block;
}
div.condensedCatalog {
	width: 40%;
	float: left;
}
.condensedCatalog li {
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
	border:1px solid #d0d0d0 !important;
	border-top:none !important;
	list-style:none !important;
	margin-bottom:10px;
	padding:15px !important;
}
.condensedCatalog li a {
	font-wieght:500px;
	display:block;
	font-size:20x;
	color:#3d3d3d;
	text-transform:uppercase;
}
/* ----------------------------------------
	Services Page 
---------------------------------------- */
.services ul {
	float:left;
	padding:0px;
	margin:0 40px 60px 0;
}
.services ul.last {
	margin: 0px 0px 60px 0px !important;
}
.services ul li {
	background: url("/wp-content/uploads/2015/08/red-check.jpg") no-repeat left center;
	padding:5px 0 5px 35px;
	list-style:none;
	text-transform:uppercase;
}
ul.checklist li {
	background: url("/wp-content/uploads/2015/08/red-check.jpg") no-repeat left center;
	padding:3px 0 2px 30px;
	list-style:none;
	text-transform:uppercase;	
	font-size: 13px;
}
ul.checklist {
	margin: 0px !important;
}
.services ul li span {
	font-size:9px;
}
/* ----------------------------------------
	Owner Letter Page 
---------------------------------------- */
.letter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
/* ----------------------------------------
	Employment Page 
---------------------------------------- */
.employmentBannerHeader {
	max-width:800px;
	margin:0 auto;
}
.parallax-box .parallax-content h1.services {
	font-size: 39px !important;
}
.content-holder {
	padding-bottom:0px !important;
}
.parallax-box .parallax-content {
	padding:160px 0 !important;
}
.footer .footer-widgets {
	padding-bottom:0px !important;
}
.footer .footer-text {
	margin: 15px 0 1px !important;
}
/* ----------------------------------------
	Other Pages 
---------------------------------------- */
.areasServed {
	border-bottom:1px solid #888;
	margin:10px 0;
}

/* ----------------------------------------
	Header 
---------------------------------------- */
.header .nav__primary .sf-menu > li > a::before, .parallax-slider .parallaxNextBtn:hover, .parallax-slider .parallaxPrevBtn:hover, .main-holder input[type="submit"]:hover, .main-holder input[type="reset"]:hover {
	background: #e20018 none repeat scroll 0 0 !important;
}
.footer .footer-text a:hover {
	color: #e20018 !important;
}
.parallax-box .parallax-content h1 {
	padding: 0 100px !important;
	text-shadow: 3px 2px #000;
	font-weight:bold !important;
	font-size:45px !important;
}
.header .header_widget_1 .textwidget {
	width: 175px !important;
}
.top_search .btn-search:hover, .top_search #search-header button:hover {
	background: #e20018 !important;
}
.main-holder input[type="text"]{
	font-size: 14px !important;
}
#headerDate {
	float: left;
	padding: 30px 0px 0px;
	text-align: right;
	color:#a9a8a8;
	width: 62%;
	font: 20px/17px Raleway;
}
/* ----------------------------------------
	Product Details 
---------------------------------------- */
.single-pager {
	min-height:55px;
}
.single-pager li {
	list-style:none;
	margin-top:20px;
}
.single-pager li.previous {
	float:left;
}
.single-pager li.next {
	float:right;
}
.single-pager li a {
	color:#e20018 !important;
	text-transform:uppercase;
	background:#f2f2f2;
	font-size:12px;
	padding:8px 12px;
	text-decoration:none;
}
.entry-meta a,address a,.icons ul li,.condensedCatalogs li a:hover {
	color:#e20018 !important;
	text-decoration:none !important;
}
/* ----------------------------------------
	Home 
---------------------------------------- */
.parallax-slider #mainCaptionHolder .slider_caption {
	text-shadow: 2px 2px #000;
	line-height: 25px !important;
}
.parallax-slider #mainCaptionHolder .slider_caption span {
	font-size: 25px;	
	font-weight: 100;
}
.parallax-slider #mainCaptionHolder .slider_caption a:hover {
	color: #e20018 !important;	
	line-height: 55px !important;
}
.parallax-slider #mainCaptionHolder .slider_caption a {
	line-height: 50px !important;
}
.welcomeText {
	max-width: 905px;
}
.carousel-wrap {
	width:80%;
	margin:0 auto !important;
}
.es-carousel_li .desc {
	display:none !important;
}
.es-carousel_li .featured-thumbnail img {
	min-height:120px !important;
	min-width:180px !important;
	transition:all ease-in .3s;
}
.es-carousel_li .featured-thumbnail img:hover {
	opacity:.6 !important;
}
/* ----------------------------------------
	Contact 
---------------------------------------- */
.wpcf7-form input, .wpcf7-form textarea {
	font-size: 15px !important;	
	min-height: 30px !important;	
}
.wpcf7-form input {
	width: 207px !important;
}
span.your-name {
	float: left;
	margin-right: 20px;
	z-index: 999;
}
span.your-email {
	float: left;
	margin-right: 20px;
	z-index: 99;
}
span.your-phone {
	float: none;
	z-index: 9;
}
address {
	font-style: normal;
	line-height: 20px
}
address a:hover {
	text-decoration:underline;
}
/* ----------------------------------------
	Products 
---------------------------------------- */
#portfolio-grid {
	padding:0px !important;
	margin:0px !important;
}
#portfolio-grid li {
	padding:0px !important;
}
#portfolio-grid li .caption {
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
	border-width: thin 1px 1px !important;
	padding: 20px 28px 47px 30px !important;
}
#portfolio-grid li .caption h3 {
	float: left;
	line-height: 28px !important;
	text-transform: uppercase !important;
	color: #3d3d3d;
}
div.categoryListWrapper {
	float: right;
	font: normal 17px/20px Raleway !important;
	color: #7a7a7a;
	text-transform: uppercase;
}
li.portfolio_item {
	margin-bottom: 4px !important;
}
.filter-wrapper .dropdown-menu {
	position: inherit !important;
	border-radius: 0px !important;
}
.filter-wrapper ul {
	display: none !important;
	background-color: #515151 !important;
	margin: 0px !important;
	z-index: 999;
	margin: 0px !important;
	padding:0px !important;
	height: 300px;
	overflow: scroll;
}
.filter-wrapper .open > .dropdown-menu {
	display: block !important;
	width: 295px;
	float: right;
	position: absolute !important;
	border: 0px !important;
}
.filter-wrapper .pull-right {
	float: right !important;
	position: relative;
}
.filter-wrapper ul li a {
	padding:20px 32px !important;
	font-weight: 100 !important;
	color: #b5b5b5 !important;
	display: block !important;
	text-decoration: none;
}
.filter-wrapper ul li {
	text-align: left;
	list-style: none !important;
}
a.cat-filter {
	font-weight: normal !important;
	color: #d2d2d2 !important;
	font-size: 18px !important;
	padding: 22px 30px !important;
}
a.cat-filter::before {
	background: #3d3d3d !important;
}
a.cat-filter::after {
	background: #1d1d1d !important;
}
a.cat-filter span.caret::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
	top: 0;
	transform: rotate(135deg);	
	margin-left: 69px;
}
#portfolio-grid {
	margin-bottom: 60px !important;
	min-height: 225px;
}
/* ----------------------------------------
	About Us 
---------------------------------------- */
.icons {
	padding-left: 30px !important;
}
.aboutCopy {
	margin-top:60px;
}
/* ----------------------------------------
	Blog Page
---------------------------------------- */
.pagination__posts ul {
	min-height:40px;
	padding-left:0px;
}
.pagination__posts li:first-child {
	margin-left:0px;
}
.pagination__posts li {
	list-style:none;
	float:left;
	margin:10px;
}
.pagination__posts li a,.pagination__posts li.active span {
	color:#e20018;
	padding:10px;
	background:#f2f2f2;
	text-decoration:none;
	transition:background ease-in .3s;
}
.pagination__posts li a:hover,.pagination__posts li.active span {
	color:#fff;
	background:#3d3d3d;
}
#sidebar .post-list li .thumbnail {
	display:none;
}
.blog .post_wrapper {
	padding-bottom:40px;
	border-bottom:1px solid #888;
}
.blogPadding {
	padding:4px 20px 20px 20px;
}


