/*
 Theme Name:	Atlanta Rod and Manufacturing
 Theme URI:     http://www.atlrod.com
 Description:   Custom theme built upon the SEOteric framework
 Author:        SEOteric
 Author URI:    http://www.seoteric.com
 Template:		Framework-V3
 Version:       1
*/

@import url("https://use.typekit.net/vlc2djg.css");

/*////////////////////////////////////////////////
GENERAL STYLES
///////////////////////////////////////////////*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.application:before {
    font-family: 'FontAwesome';
    content: '\f15c';
    padding-right: 5px;
}
.flexWrap {
    display: flex;
    flex-wrap: wrap;
}
.panel {
	z-index: 200;
	padding: 20px 0;
    position: relative;
}

.page-template-page-flexible-contentwAidebar .panel.full,
.page-template-page-flexible-content .panel.full, .panel.full, .full {
    padding: 20px 10px;
}
.page-materials .panel.wThirds .container .thirtythree:nth-child(3n+1) {
    clear: none;
}
.gray {
	background: #efefef;
}
a {
    text-decoration: underline;
	color: #375FA0;
}
a:hover {
    color: #D22630;
}

.btn, .btn.small, .readmore a, .su-button.btn, .older a, .newer a {
	background: #375FA0;
}
.btn:hover,
.btn.small:hover, .readmore a:hover, .su-button.btn:hover, .older a:hover, .newer a:hover,
.pattern .gform_wrapper .gform_footer input.button:hover,
.pattern .gform_wrapper .gform_footer input[type=submit]:hover,
.pattern .gform_wrapper .gform_page_footer input.button:hover,
.pattern .gform_wrapper .gform_page_footer input[type=submit]:hover,
.searchWrap input[type=submit]:hover{
	background: #D22630;
    color: #FFF;
}
/*VSHAPES AND HEXAGONS
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

		.vShape {
			width: 100%;
			background: #FFF;
			position: relative;
			margin-bottom: 0px;
			z-index: 5;
		}
		.home .vShape.top {
			margin-top: -100px;
			margin-bottom: 100px;
		}
		.vShape:before,
		.vShape:after {
			content: '';
			width:60%;
			height: 150px;
			position: absolute;
			top: -90px;
			left: 0;
			background: #FFF;
			transform: skewY(7deg);
		}		
		.home .vShape:before,
		.home .vShape:after {
			top: -75px;
			height: 190px;
		}
		.vShape:after {
			left: auto;
			right: 0;
			transform: skewY(-7deg);
		}
		.vShape.top:before,
		.vShape.top:after {
			transform: skewY(-7deg);
			top: 0;
		}
		.vShape.top:after {
			transform: skewY(7deg);
		}
		.vShape ul.socials {
			position: absolute;
			text-align: right;
			right: 20px;
			z-index: 50;
			top: -50px;
		}
		.vShape ul.socials.contact {
			right: 111px;
		}
		.vShape ul.socials li {
			display: inline-block;	
			float: left;
			text-align: center;
		}
        .vShape ul.socials li a {
            background: #D22630;
            color: #FFF;
        }        
        .vShape ul.socials li a:hover {
            background: #375FA0;
            color: #FFF;
        }
		.vShape ul.socials li a:before {
			border-right-color: #D22630;
		}
		.vShape ul.socials li a:after{
			border-left-color: #D22630;
		}		
        .vShape ul.socials li a:hover:before {
			border-right-color: #375FA0;
		}
		.vShape ul.socials li a:hover:after{
			border-left-color: #375FA0;
		}
		ul.socials li a,
		#sidebar ul.socials li a {
		  position: relative;
		  width: 20px; 
		  height: 30px;
		  background-color: #FFF;
		  color:  #D22630;
		  margin-left: 25px;
		}

		ul.socials li a:before,
		ul.socials li a:after {
		  content: "";
		  position: absolute;
		  width: 0;
		  top:0;
		  border-top: 15px solid transparent;
		  border-bottom: 15px solid transparent;
		}

		ul.socials li a:before {
		  bottom:0;
		  left: -8px;
		  border-right: 8px solid #FFF;
		}

		ul.socials li a:after {
		  top: 0;
		  width: 0;
		  right: -8px	;
		  border-left: 8px solid #FFF;
		}
		ul.socials li a i,
		#sidebar ul.socials li a i {
			padding-top: 8px;
		}
		ul.socials li a:hover {
			background: #375FA0;
		}
		ul.socials li a:hover:before {
			border-right-color: #375FA0;
		}
		ul.socials li a:hover:after {
			border-left-color: #375FA0;
		}
		#sidebar ul.socials li a:hover {

		}
		footer ul.socials {
			text-align: right;
			float: right;
		}
		footer ul.socials li a,
		#sidebar ul.socials li a:hover {
			background: #FFF;
			color: #1D252D;
		}
		footer ul.socials li a:hover {
			background: #375FA0;
			color: #FFF;
		}
		footer ul.socials li a:before,
		#sidebar ul.socials li a:hover:before{
			border-right-color: #FFF;
		}
		footer ul.socials li a:after,
		#sidebar ul.socials li a:hover:after{
			border-left-color: #FFF;
		}

        footer p.iso {
			text-align: center;
			font-family: 'bebas-neue-by-fontfabric', sans-serif;
			font-weight: 200;
			font-style: normal;
			letter-spacing: 1px;
			color: #FFF;
			margin: 15px 0 0;
        }

/*CONTAINERS
/////////////////////////////////////////////////////////*/
.container {
	position: relative;
	z-index: 8;
}
.translate {
	position: absolute; 
	top: 15px; 
	right:70px; 
	z-index: 9000;
}
.sticky .translate {
	top: 10px; 
}
.translate select {
	border: none;
    background: none;
    color: #375FA0;
	-webkit-appearance: listitem;
}
.translate select:hover {
	cursor: pointer;
}
.translate select:focus {
	outline: none;
}
.translate:before {
	content: '\f0ac';
	font-family: 'FontAwesome';
	position: absolute;
    top: 1px;
    right: 20px;
    color: #375FA0;
    font-size: 23px;
	z-index: -1;
}
.search-wrap {
	transition: all .2s ease;
	background-color:#1D2B32;	
}
/*header.sticky .search-wrap {
	transition: all .5s ease;
	    margin-top: -60px;
}*/
.search-wrap input {
	transition: all .2s ease;
	background-color: #FFF;
	border: none;
	color: #acacac;
	padding: 20px;
    width: 90%;
    margin: 10px 5%;
	-webkit-appearance: none;
}
.nav-bar {
	transition: all .2s ease;
	padding: 1px 5px 0;
	font-size: 18px;
	text-align: right;
	float: right;
	margin: 0 20px;
	position: absolute;
	z-index: 9000;
	top: 13px;
	right: 0;
}
.sticky .nav-bar {
	top: 8px;
}
.toggle-search {
	transition: all .2s ease;
	text-decoration: none;
	text-transform: uppercase;
}
.toggle-search:hover {
	color:#375FA0;
}
header {
  /*height: 140px;*/
  background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
	padding-bottom: 70px;
}
header.sticky {
	/*height: 85px;*/
	background: #FFF;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	padding-bottom: 10px;
}
header img.custom-logo {
	position: absolute;
	top: 14px;
	z-index: 80;
    max-width: 250px;
    height: auto;    
}
header.sticky img.custom-logo {
    top: 3px;
    max-width: 250px;    
}
.home #slider .slide-text.container {
    padding: 3% 5% ;
    background: rgba(255,255,255,0.9);
	max-width: 900px;
}
.home #slider .slides li {
    padding: 8% 0 21%;
}

#page-banner {
	height: 300px;
	background-position: top center;
}
#page-banner.noImage,
.page-template-page-flexible-content #page-banner{
    background-image: url(images/no-banner.jpg);
	margin-bottom: 50px;
}
#content .panel:first-of-type,
#content.seventy .panel:first-of-type {
	padding-top: 0;
}
.pattern,
#sidebar.thirty {
    background: #375FA0;
/*    background: repeating-linear-gradient(135deg, #375FA0, #375FA0 10px, #23457e 10px, #23457e 20px);*/
/*	background: url("images/pattern-bg.jpg");*/
}
/*
#sidebar.thirty {
    background-size: 3%;
}
*/
.home .gform_wrapper {
    margin: 16px auto;
    max-width: 70%;
}
.pattern .gform_wrapper label.gfield_label, 
.pattern .gform_wrapper .gfield_required{
    color: #FFF;
    font-weight: 500;
}
.pattern .gform_wrapper .gform_footer input.button, 
.pattern .gform_wrapper .gform_footer input[type=submit], 
.pattern .gform_wrapper .gform_page_footer input.button, 
.pattern .gform_wrapper .gform_page_footer input[type=submit] {
	border: 3px solid #FFF;
    background: none;
    border-radius: 4px;
    color: #FFF;
    text-transform: uppercase;
    display: table;
    margin: 20px auto;
    font-weight: normal;
    font-size: 18px;
    padding: 20px 70px;
}
.pattern .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.pattern .gform_wrapper ul.gform_fields li.gfield select {
    padding: 10px 4px;
}
.pattern .gform_wrapper ul.gform_fields li.gfield select {
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: none !important;
	height: 48px;
	border:none;
}
.pattern .gform_wrapper textarea.medium {
    height: 140px;
	border: none;
}
.gfield.text-md-end {
    text-align: right;
}
footer {
	background: #1D252D;
	padding: 0;
}
footer ul.socials {
	margin-top: 8px;
}
footer .fifty {
    padding: 20px 20px 15px 10px;
}
footer .copy .fifty {
	padding: 10px;
}
footer img.custom-logo {
    margin-bottom: 0;
    max-width: 175px;
}
.copy {
	background: #FFF;
}
.copy p {
	margin-bottom: 0;
}
/*MENUS
/////////////////////////////////////////////////////////*/
#cssmenu ul {
	float: right;
	margin-top: 50px;
	transition: all .2s ease;
}
.sticky #cssmenu ul {
	margin-top: 40px;
	transition: all .2s ease;
}
#cssmenu > ul > li > a {
	font-family: teko, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
}
#cssmenu ul ul {
	margin-top: 0 !important;
	-webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu > ul > li > a,
#cssmenu ul li.current_page_item li a{
	color: #1D252D;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li:hover > a, 
#cssmenu ul li.current_page_item a,
#cssmenu ul li.current-menu-parent a{
	color: #375FA0;
}
#cssmenu > ul > li:hover, 
#cssmenu ul li.current_page_item:hover, 
#cssmenu ul li.current_page_item, 
#cssmenu ul li.has-sub.current_page_item:hover {
	background: none;
}
#cssmenu ul ul li {
	background: #FFF;
}
#cssmenu ul ul li a,
#cssmenu ul li.current-menu-parent li a{
	color: #000;
	font-weight: 700;
	border: none;
}
#cssmenu ul ul li a:hover,
#cssmenu ul ul li.current_page_item a{
	color: #FFF;
	background: #375FA0;
}
#cssmenu > ul > li.has-sub > ul > li.current_page_item > a,
#cssmenu > ul ul > li.has-sub > ul > li.current_page_item> a {
	border: none;
}
#cssmenu > ul > li.has-sub:hover > a:before,
#cssmenu > ul > li.has-sub:hover > a:after{color: #000!important;background: #000;}
/*CONTENT HEADERS
/////////////////////////////////////////////////////////*/
h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
	line-height: 1;
}
h1 {
    font-family: teko, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #1D252D;
    text-transform: uppercase;
}
h2,
#slider p.subheader {
	font-size: 72px;
    font-family: teko, sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #375FA0;
    text-transform: uppercase;
}
#slider p.subheader {
	line-height: 1;
}
#slider h1, 
p.subheader {
    font-family: roboto, sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1.44;
	color: #000000;
}
#slider h1 {
	color: #1D252D;
	margin-bottom: 0;
}
h3 {
    font-family: roboto, sans-serif;
    font-weight: 900;
    font-style: normal;
	font-size: 24px;
  	color: #1D252D;
}
.markets h3 {
    font-family: teko, sans-serif;
}
h3.address,
h3.phone,
h3.fax,
h3.email,
h3.hours,
h3.application:before {
	margin-left: -35px;
}
h3.address:before, 
h3.phone:before, 
h3.fax:before, 
h3.email:before, 
h3.hours:before, 
h3.application:before {
    padding-right: 0;
    text-align: center;
    display: block;
    float: left;
    width: 35px;
}
.articles h3 {
	margin-bottom: 25px;
}
.articles p {
	text-align: justify;
}
.pattern h1,
.pattern h2,
.pattern h3,
.pattern h4,
.pattern h5,
.pattern h6,
.pattern p,
.pattern p.subheader {
	color: #FFF;
}
h4 {
    font-family: teko, sans-serif;
    font-weight: 400;
    font-style: normal;
	letter-spacing: 1px;
    color: #375FA0;
}
/*NAVIGATION
--------------------------------------------------------*/
#cssmenu {
	background: none;
}



/*//////////////////////////////////
Bootstrap Tables 
////////////////////////////////////*/

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}


.gfmc-column.gfmc-row-1-column.gfmc-row-1-col-1-of-2,
.gfmc-column.gfmc-row-1-column.gfmc-row-1-col-2-of-2 {
    float: left;    
}



/*CONTENT
/////////////////////////////////////////////////////////*/
p {
	margin-bottom: 30px;
}
p.tight {
    margin-bottom:0px;
}
p.subheader {
	margin-bottom: 0;
}
p.posted {
	margin-bottom: 20px;
}
.container.searchWrap {
	max-width: 840px;
    margin-top: 40px;	
}
.container.searchWrap form {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    height: 39px;
}
.searchWrap .screen-reader-text {
	display: none;
}
.searchWrap input#s,
.searchWrap input[type=submit]{
	width: 89%;
	border:none;
	padding: 10px 10px 7px;
	/*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);*/
	float: left;
	-webkit-appearance: none;
}
/*.searchWrap input#s {
	background: url("images/icon-search-brown.svg") no-repeat 10px 5px;
	padding-left: 50px;
}*/
.searchWrap input[type=submit],
.searchWrap input[type=submit]:hover {
	width:10%;
	padding: 20px 0 19px;
	background: url(images/icon-search-brown.svg) no-repeat center 5px #FFF;
    background-size: 25px;
	font-size: 0px;
	border-radius: 0 5px 5px 0;
	font-weight: 300;
	font-style: normal;
}
		::-webkit-input-placeholder { 
		  color: #acacac;	}
		::-moz-placeholder { 
		  color: #acacac;	}
		:-ms-input-placeholder { 
		  color: #acacac;	}
		:-moz-placeholder { 
		  color: #acacac;	}
.home .panel.make {
	padding-bottom: 90px;
}
.home .panel.markets {
	z-index: 1;
	padding-top: 80px;
}
.markets ul.flexWrap {
	display: flex;
/*    flex-wrap: nowrap;*/
	list-style-type: none;
	margin: 10px;
}
.markets ul.flexWrap li {
	width: 31%;
	text-align: center;
	position: relative;
	padding-bottom: 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    background: #FFF;
    margin: 0 1%;
    padding: 20px;
    margin-bottom: 20px;
}
.markets li .cls-1{
	fill:#D22630;
}
.markets li svg {
	height: 65px;
	width: auto;
	margin-bottom: 20px;
}
.markets li .cls-2{
	fill:#fff;
}
.markets li:hover .cls-1 {
	fill:#375FA0;
}

.markets li h3 {
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}
.products .twentyfive {
	position: relative;
	padding-bottom: 20px;
}
.products .twentyfive:hover {
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
}
.markets li a {
    text-decoration: none;
}

/* Flashing */
#content a:hover img,
.products .twentyfive:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


.products img {
	margin: 0 auto 35px;
}

.products h3 {
	text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 93%;
    margin-bottom: 0;	
}
.articles p.posted {
	font-size: 12px;
}
.articles .fifty p.posted span {
	text-align: right;
	display: inline-block;
	float: right;
}
/*ASSOCIATIONS*/
ul.logos li img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	max-width: 150px;
}
ul.logos li {
    width: 20%;
    padding: 0;
	margin: 25px 2.5%;
}
#sidebar hr {
    border-top: 1px solid #FFF;
}
#sidebar .gfmc-column {
    display: block;
    width: 100% !important;
}
#sidebar a,
#sidebar li {
	color: #FFF;
}
#sidebar h4 {
    margin-bottom: 0;
    padding: 12px 5px;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-family: teko, sans-serif;
    font-weight: 400;
    font-style: normal;
}
#sidebar ul h4 {
    background: #1D252D;	
}
#sidebar .submenu,
#sidebar .catMenu{
	background: #FFF;
	border: 1px solid #FFF;
}
#sidebar ul.submenu li,
#sidebar ul.catMenu li {
	padding: 0;
	position: relative;
}
#sidebar ul.submenu li a,
#sidebar ul.catMenu li a {
	padding: 15px;
	display: block;
	font-weight: 700;
    color: #375FA0;
}
#sidebar ul.submenu li a:hover,
#sidebar ul.submenu li.current_page_item ul.children li a:hover,
#sidebar ul.catMenu li a:hover {
	background:#375FA0;
	color: #FFF;
}
#sidebar ul.submenu li.current_page_item a {
	background: #375FA0;
	color: #FFF;
}
#sidebar ul.children,
#sidebar li ul.children li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#sidebar ul.children li a {
	padding-left: 30px;
}
#sidebar ul.children li a:before {
	content: '\f111';
	font-family: 'FontAwesome';
	font-size: 6px;
    position: absolute;
    top: 26px;
    left: 17px;
}
#sidebar ul.submenu li.current_page_item ul.children li a {
	background: #FFF;
    color: #375FA0;
    border-top: 1px solid rgba(94,87,79,0.24);
}
#sidebar ul.socials {
	margin-bottom: 20px;
	text-align: right;
	float: left;
	width: 50%;
	padding-right: 3px;
}
#sidebar ul.socials.contact {
	text-align: left;
	padding-left: 3px;
	padding-right: 0;
}
#sidebar ul.socials li {
	font-size: 15px;
}
#sidebar ul.socials li a {
    margin: 0 12px;
}
#sidebar li.gfmc-column,
#sidebar li.gfmc-column ul {
	padding: 0;
	border: none;
}
#sidebar .gform_wrapper {
	margin: 0;
}

/*FEATURED IMAGES
========================================*/
.articles .featured-thumbnail.large {
	margin-top: 0;
	margin-right: 0;
	display: block;
	width: 100%;
}
.articles .featured-thumbnail.large img {
	width: 100%;
}
.articles .featured-thumbnail.medium {
	max-width: 47%;
	margin-top: 0;
	margin-bottom: 0;
}

/*BLOG PAGE*/
.blog.articles .featured .fifty{
	padding: 20px;
}
.blog.articles .featured,
.blog.articles .fifty.small {
	background:#efefef;
	margin:40px 0 25px;
}
.blog.articles .fifty.small {
	margin-top: 0;
	padding: 0;
}
.blog.articles .fifty.small {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
.blog.articles .fifty.small:nth-child(even) {
	margin-left: 0;
	width: 49%;
}
.blog.articles .fifty.small:nth-child(odd) {
	margin-right: 0;
	width: 49%;
}
.blog.articles .fifty.small .full {
	padding: 20px 20px 0 0;
}
.blog.articles .fifty.small h3,
.blog.articles .fifty.small p.posted {
	margin-bottom: 12px;
}
.blog.articles .fifty.small p {
	margin-bottom: 0;
}
.blog.articles .featured-thumbnail.large.fifty {
	margin: 0;
	padding: 0;
	width: 50%;
}
.blog.articles .featured-thumbnail img {
	display: flex;
}

/*PRODUCT GRID PAGE TEMPLATE
==============================================*/
#content ul.flexWrap.productGrid {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#content ul.flexWrap.productGrid li {
	padding:5px 0 35px;
}
#content ul.flexWrap.productGrid li {
	background: none;
}
#content ul.flexWrap.productGrid a.thirtythree,
#content ul.flexWrap.productGrid a.fifty {
	padding: 0 20px 0 44px;
	background: url("images/product-li-Bg.jpg") no-repeat -6px -128px;
}

#content ul.flexWrap.productGrid a.thirtythree:hover,
#content ul.flexWrap.productGrid a.fifty:hover {
	background: url("images/product-li-Bg.jpg") no-repeat -6px 3px;
}
#content ul.flexWrap.productGrid h3 {
	margin-bottom:0px;
	text-transform: uppercase;
	font-weight: 500;
}
#content ul.flexWrap.productGrid a p.small {
	font-size: 12px;
  	font-weight: 300;
  	font-style: italic;
	color: #000;
	margin-bottom: 0;
}
.panel.wHalves .container .fifty:nth-child(odd), .panel.wThirds .container .thirtythree:nth-child(3n+1), .panel.wFourths .twentyfive:nth-child(4n+1) {
    clear: none;
}
#content ul {
	margin: 0;
	padding: 0;
}
#content ul li {
	padding: 0px 8px 10px 34px;
    background: url(images/product-li-Bg.jpg) no-repeat 0px 2px;
    background-size: 29px;
	list-style-type: none;
}

#content .gform_body ul li {
	background: none;
    padding:0px;
}

@media only screen and (max-width: 2200px) {
	.home #slider .slides li {
	    padding: 14% 0 10%;
		height: auto;
	}
		.home .vShape:before,
		.home .vShape:after {
			top: -48px;
			height: 150px;
		}
	.home .vShape.top {
		margin-bottom: 0px; 
		padding-bottom: 50px;
	}

}
@media only screen and (max-width: 1099px) {
#cssmenu > ul > li > a {
    padding: 17px 7px;
}
}

@media only screen and (max-width: 1023px) {
header.sticky {
/*    height: 74px;*/
}
header img.custom-logo,
header.sticky img.custom-logo {
    max-width: 145px;
	top: 30px;
}
	header.sticky img.custom-logo {
		top: 20px;
	}
	header.sticky {
		padding-bottom: 0;
	}
#cssmenu ul {
/*    margin-top: 13px;*/
}
.sticky #cssmenu ul {
    margin-top: 30px;
}
/*
.markets ul.flexWrap {
	margin: 80px 10px;
}
*/
	
}
@media only screen and (max-width: 960px) {
html {
    padding-top: 0px !important;
}	
html body div#wprmenu_bar {
    height: 40px;
    width: 45px;
    right: 5px;
    left: auto;
    border-radius: 3px;
    padding: 9px 7px 0 0;
    top: 10px;
    background: #375FA0;
}
#mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right, #mg-widgetmenu-wrap.cbp-spmenu-widget-left, #mg-widgetmenu-wrap.cbp-spmenu-widget-right {
    top: 54px !important;
}
.search-wrap input {
	width: 74%;
	padding: 11px;
    margin: 10px 8%;
}
header.sticky {
	padding-bottom: 20px;
}
header img.custom-logo, 
	header.sticky img.custom-logo {
    top: 11px;
	position: relative;
}
.translate {
	right:100px; 
	 top: 14px;
}
.sticky .translate {
    top: 14px;
}
	.nav-bar,
	.sticky .nav-bar{
		right: 40px;
		top: 13px;
	}
#cssmenu ul {
    float: none;
    margin-top: 0px;
    position: fixed;
    overflow: auto;
    height: 100%;
}
	#slider p.subheader {
		font-size: 10vw;
	}
	.home #slider .slide-text.container {
		margin: 0 15px;
	}
}
@media only screen and (max-width: 880px) {
/*
.markets ul.flexWrap {
    flex-wrap: wrap;
	margin-bottom: 60px;
	}
.markets ul.flexWrap li {
    width: 25%;
	padding-bottom: 50px;
	}
*/
	.panel.gray {
		padding: 70px 0 10px;
	}
	.blog.articles .fifty.small .full {
    	padding: 20px ;
	}
}
@media only screen and (max-width: 767px) {
	.vShape ul.socials {
		top: -25px;
	}
	.search-wrap input {
		width: 75%;
    	margin: 10px 10px 10px;
	}
	.home #slider .slides li {
		padding: 30% 0;
		height: auto;
	}
	#page-banner {
		margin-top: 0;
	}
	.articles .fifty {
		clear: both;
	}
	.blog.articles .featured-thumbnail.large.fifty,
	.articles .featured-thumbnail.medium {
		width:100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.blog.articles .featured-thumbnail.medium img {
		width: 100%;
    	height: auto;
	}
	.blog.articles .fifty.small .full {
		padding: 0 20px 20px;
	}
	footer .thirtythree {
		text-align: center;
	}
	footer ul.socials {
		float: none;
		text-align: center;
	}
	footer ul.socials li a {
		margin: 0px 15px 15px;
	}
	footer p.iso {
		margin: 0;
	}
	footer .copy .fifty p {
		text-align: center;
	}
    .gfmc-column.gfmc-row-1-column.gfmc-row-1-col-1-of-2,
    .gfmc-column.gfmc-row-1-column.gfmc-row-1-col-2-of-2 {
        float: none;
        width: 100% !important;
    }
}
@media only screen and (max-width: 600px) {
.gfield.text-md-end {
    text-align: left;
}
.markets ul.flexWrap li {
    width: 48%;
	}
/*.markets ul.flexWrap li:last-child {
    width:100%;
	}
*/
	.articles .featured-thumbnail.medium img {
		width: 100%;
    	max-width: -webkit-fill-available;
    	height: auto;
	}
	.blog.articles .fifty.small,
	.blog.articles .fifty.small:nth-child(even),
	.blog.articles .fifty.small:nth-child(odd) {
		width: 100%;
    	margin: 0 0 20px;
	}
ul.logos li img {
    max-width: 100%;
}    
    .articles p {
        text-align: left;
    }
	
}


@media only screen and (max-width: 479px) {
.translate {
    right: 90px;
}
.translate select {
    width: 69px;
	}
header img.custom-logo, header.sticky img.custom-logo {
    top: 16px;
	    padding-bottom: 10px;
	    max-width: 105px;
	}
	#slider h1 {
		font-size: 4vw;
	}

	.searchWrap input#s {
		padding-left: 40px;
		width: 67%;
	}
	.searchWrap input[type=submit] {
    	width: 33%;
	}
    .home .gform_wrapper {
        max-width: 100%;
    }    
    .markets ul.flexWrap li {
    width: 98%;
	}
}