/*
Theme Name: VA Master Responsive Theme
Theme URI: www.visualapp.com
Description: A custom theme by VisualApp
Author: VisualApp
Author URI: www.visualapp.com
.
[Any other comments go here]
.
*/

@charset 'utf-8';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
}


/********************************************************
Table of Contents

To navigate to a section of the stylesheet Ctrl+F

1. Text Styles
2. Header Styles
3. Header Navigation Styles
4. Content Styles 
5. Sidebar Styles
6. Footer Styles
7. Breadcrumb Styles
8. Hyperlink Styles 
9. List Styles 
10. Table Styles
11. Float Styles
12. Social Media Styles
13. Form Styles (Contact / WooCommerce / RFQ)
14. Blog Styles
15. Hide Mobile Functionality for Desktop
16. Tablet Styles for Shiftnav
17. Misc Styles
18. Start Responsive Styles

********************************************************/


/********************************************************
Base Styles
********************************************************/

html {
    /*to prevent jitter when moving from a page that is taller than the window to one that is not, vice versa*/
    overflow-y: scroll;
}

html,
body {
    height: 100%;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

div#hero-img-wrap, #wrap {
    max-width: 2000px;
    margin: 0 auto;
}

/********************************************************
1. Base Typography Styles
********************************************************/

/* base font styles*/
body {
    font-family: 'Open Sans', sans-serif; 
    font-size: 16px; 
    line-height: 1.375;
    color: #000;
    background: #fff;
}


/* By only applying the margin to the bottom, spacing between
these common block-level elements remains consistent and
headings can be flush with the following content if desired. */

p,
ul,
ol,
table,
form,
blockquote {
  	margin: 0;
  	margin-bottom: 10px;
}

strong,
b {
    font-weight: 600;
}

em,
i {
    font-style: italic;
}

#content p {
    margin-bottom: 1.25em;
    font-size: 1.125em;
    line-height: 1.625;
    color: #1d1d1d;
}

h1,
h2,
h3,
h4,
h5,
h6,
p.h3,
p.h4 {
    font-family: 'Montserrat';
    color: #1d1d1d;
    font-weight: bold;
}

h1{
    font-size: 2.75em;
    line-height: 1.05;
    margin-bottom: 0.5em;
        color: #ec0000;
  text-align:left;
}

h2 {
    font-size: 2.125em;
    margin-bottom: 20px;
    color: #1d1d1d;
}

h3,
p.h3 {
    font-size: 1.625em;
    margin-bottom: 0.75em;
    color: #5e5c5c;
}

h4,
h5,
h6 {
    font-size: 0.75em;
}

.h1-wrap h1 {
    margin: 0 auto;
    max-width: 1140px;
}

.h1-wrap {
    border-bottom: solid 1px #e0e0e0;
    padding: 30px 0;
}

/********************************************************
2. Header Styles
********************************************************/

#outer-wrap {
    background: #ffffff;
    min-height: 100%;
  	overflow:hidden;
}

header {
    height: 103px;
    background: #fff;
    z-index: 99999 !important;
    border-bottom: solid 1px #e3e4e6;
    box-shadow: 0 0 20px -3px rgba(0,0,0,0.5);
}

#wrap {
    background: #fff;
}

header .left {
    margin: 0;
}

header .right {
    margin: 0;
    padding-top: 60px;
}

header .right p {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    color: #1a468e;
}

header .right p span {
    color: #a3b234;
}

header img.logo {
    padding-top: 10px;
    height: 75px;
    margin-top: 5px;
}

#header {
    position: relative;
    width: 1140px;
    height: 103px;
    margin: 0 auto;
    max-width: 100%;
  z-index:999;
}
div#hero-img-wrap {
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}


/********************************************************
3. Header Navigation Styles
********************************************************/

header nav {
    font-weight: 400;
    height: 43px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: inline-block;
    float: right;
}

header nav ul {
    float: right;
    margin: 0;
    margin-left: 0px;
    width: auto;
    max-width: 950px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

header li {
    float: left;
    padding: 0;
    margin: 0 10px;
  	position:relative;
}

header nav li a {
    font-size: 1em;
    display: block;
    padding: 10px 14px 0 14px;
    margin: 0;
    text-decoration: none;
    color: #1d1d1d;
    height: 43px;
    box-sizing: border-box;
    font-family: 'Montserrat';
    border-radius: 4px;
}

header nav li:last-child a {
    background: none;
}

header nav li a:hover {
    color: #fff;
    background: #474747;
    border-radius: 4px 4px 0 0;
}

div.nav-wrap {
    z-index: 1;
    padding-top: 27px;
}

header nav ul li ul.sub-menu {
    background: #2b2b2b;
    padding: 0;
    display: none;
    position: absolute;
    width: 200px;
    border-radius: 0 4px 4px 4px;
    overflow: hidden;
}

header nav ul li:hover ul.sub-menu {
    /* display: block; */
    z-index: 999;
}

header ul li ul.sub-menu li {
    float: none;
}

header ul li ul.sub-menu li ul {
    padding-left: 0px;
    padding-top: 0px;
    height: auto !important;
}

header ul li ul.sub-menu li ul li {
    display: block;
    float: none;
}

header ul li ul.sub-menu li a {
    padding: 12px 20px 12px 20px;
    font-size: 0.875em;
    font-weight: 400;
    text-transform: none;
    height: auto;
    box-sizing: content-box;
    border-radius: 0 !important;
}

header ul li ul.sub-menu li ul li a {
    font-size: 1em;
    font-weight: 500;
    padding: 5px 20px 5px 20px;
    box-sizing: content-box;
    height: auto;
}

header ul li ul.sub-menu li:hover a {
    background: #474747 !important;
}

nav.shiftnav-nav ul#menu-mobile-menu {
    font-size: 1.25em;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
       background: #ff0303!important;
}

span.shiftnav-submenu-activation {
    height: 53px !important;
    width: 62px !important;
}

.search-wrap {
    background: #2b2b2b;
    width: 210px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 43px;
    border-radius: 4px 0 4px 4px;
}

div.search-wrap input {
    vertical-align: top;
    margin-top: 5px;
}

div.search-wrap input.button {
    display: inline-block;
    margin-top: 3px;
    padding: 6px 10px;
    background: #474747;
    border: none;
    border-radius: 4px;
    color: #fefefe;
    font-size: 0.625em;
    cursor: pointer;
    width: 170px;
    outline: none !important;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-family: 'Montserrat';
}

div.search-wrap form#searchform {
    text-align: center;
    margin: 10px 0;
    cursor: default;
}

div.search-wrap input.field {
    border-radius: 0;
    border: none;
    border: solid 1px #474747;
    border-radius: 4px;
    padding: 9px 3px 9px 3px;
    width: 170px;
    color: #fefefe;
    background: none;
    outline: none !important;
    text-align: center;
    margin-bottom: 10px;
    box-sizing: border-box;
}
div#sticker-sticky-wrapper {z-index: 999;height: 102px !important;}
.search-btn {
    float: right;
    z-index: 999;
    width: 50px;
    height: 43px;
    color: #002985;
    font-size: 1.375em;
    border-radius: 4px;
}

.search-btn:hover {
    cursor:pointer;
    color: #fff;
    background: #474747;
    border-radius: 4px;
}

header .searchbox {
    position: relative;
    padding-top: 3px;
    text-align: center;
    border-radius: 4px 4px 0 0;
}

.search-wrap.show-search {
    display: inline-block;
    height: 103px;
  z-index:999;
}

.active-search {
    color: #fff;
    background: #474747;
    border-radius: 4px 4px 0px 0px !important;
}

div.search-wrap input.button:hover {
    background: #747272;
}


header nav ul li ul.sub-menu li {margin: 0;}

header nav ul li ul.sub-menu li a {
    color: #fff;
    background: #2b2b2b;
}

header nav ul li:hover a {
    background: #474747;
    color: #fff;
    border-radius: 4px;
}

li#menu-item-389 ul.sub-menu {
    width: 440px;
}

li#menu-item-389 ul.sub-menu li {
    width: 220px;
    display: inline-block;
    float: left;
    border-radius: 0;
}


div#sticker-sticky-wrapper.is-sticky header .logo {
}

div#sticker-sticky-wrapper.is-sticky header .left {
    padding-top: 0px;
}


div#sticker-sticky-wrapper.is-sticky header .search-wrap {
    top: 63px;
}
div#sticker-sticky-wrapper, header, #header, #header-inner, header .left, header .left img, header .left a, header div.nav-wrap, div.search-wrap {
    transition: all 300ms;
}

li#menu-item-416 a:hover {
    border-radius: 4px;
}

li#menu-item-40:hover a {
    border-radius: 4px 4px 0 0;
}

header ul li ul.sub-menu li#menu-item-948:hover a {
    background: #474747 url(/wp-content/themes/va/images/icon-configure.png) left 20px center no-repeat !important;
    background-size: 18px 18px !important;
}

header ul li ul.sub-menu li#menu-item-948 a {
    padding-left: 44px;
}

header nav ul li#menu-item-389:hover a {
    border-radius: 4px 4px 0 0;
}
/********************************************************
4. Content Styles 
********************************************************/

#faux-column {
    clear: both;
    /* width: 1140px; */
    margin: 0 auto;
    background: #fff;
    position: relative;
    max-width: 100%;
}

#faux-column.landing-page div#content,  #faux-column.product-page div#content{
    width: 100%;
    max-width: none;
}

#faux-column.landing-page div#content {
    padding-bottom: 0;
}

#content {
    float: none;
    width: auto;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #363636;
    box-sizing: border-box;
    max-width: 1140px;
    margin: 0 auto;
}

#content strong,
#content b {
    color: #000;
    font-size: 1.125em;
}

#content div.content-box,
#content div.example-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #e6e0db;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f2ece7;
}

.content-box h3 {
    margin-top: 0;
}

.two-columns {
    width: 46%;
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
}

.three-columns {
    width: 30%;
    display: inline-block;
    margin-right: 2.9%;
  	vertical-align:top;
}

.four-columns {
    display: inline-block;
    width: 22%;
    margin-right: 2.5%;
  	vertical-align:top;
}

ul.three-columns,
ul.two-columns {
    margin-left: 0;
    padding-left: 30px;
    box-sizing: border-box;
}

#content blockquote {
    background: #ffffff url(/wp-content/themes/va/images/icon-quote.png) 25px 12px no-repeat;
    border-left: solid 3px #243f8e;
    padding: 30px 30px 20px 85px;
    margin-bottom: 3em;
}

#content blockquote p {
    color: #282828;
    font-size: 1.5em;
    line-height: 1.458;
    font-style: italic;
    margin-bottom: 32px;
}

#content blockquote p.quote-name {
    font-weight: 300;
    font-style: normal;
    margin-bottom: 0;
}

#content blockquote p.quote-name span {
    color: #1e8eb8;
    font-style: italic;
    font-weight: 600;
    font-size: 1.125em;
}

img.photo {
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px;
    background: #fff;
    border: solid 1px #dbdada;
}

img.drop-shadow {
    box-shadow: 8px 8px 32px -6px rgba(0, 0, 0, 0.8);
}

#content img {
    margin-bottom: 2em;
    max-width: 100%;
    height: auto !important;
    border: 0;
}

ul.ui-tabs-nav li {
    border: solid 1px #8f8f8f !important;
    border-bottom: none !important;
    margin: 0 10px 0 0 !important;
    padding-left: 0 !important;
    background: none !important;
}

ul.ui-tabs-nav li a {
    background: #cbcbcb;
    color: #3c3c3c !important;
    outline: none !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
}

ul.ui-tabs-nav li.ui-state-active a {
    background: #005398 !important;
    color: #fff !important;
    opacity: 1 !important;
}

ul.ui-tabs-nav {
    background: none;
    border: none;
    border-radius: 0;
}

#tabs {
    padding: 5px 0;
    border: none;
}

div.ui-tabs-panel {
    border: solid 1px #bdbdbd !important;
}

div#hero-img-wrap.landing-page-hero, div#hero-img-wrap.product-page-hero {
    position: relative;
    z-index: 0;
}

div#hero-img-wrap.product-page-hero {
    height: initial;
}

p.hero-tagline span {
    border-top: solid 2px rgba(255,255,255,0.8);
    border-bottom: solid 2px rgba(255,255,255,0.8);
    padding: 8px 20px;
    max-width: 1140px;
    text-shadow: 0 0px 12px rgba(0,0,0,1);
    background: rgba(0,0,0,0.72);
}
p.hero-tagline {
    display: inline-block;
    position: absolute;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2.25em;
    z-index: 9999 !important;
    margin-top: 6%;
    opacity: 0.9;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 2;
    width: 1140px;
}

div.hero-img-wrap .hero {
    position: relative;
    width: 100%;
    height: auto;
}
.hero-img-wrap {
    position: relative;
}
.landing-page .h1-wrap, .product-page .h1-wrap{
  	padding-top:33px;
}
.landing-page .h1-wrap{	
  	padding-top:50px;  
    border-bottom: none;
}
.landing-page .h1-wrap h1 {
    font-size: 3.75em;
    color: #004990;
    text-align: center;
}

.landing-page div#content {
    padding-top: 0;
}
.landing-page div#content .description {
    max-width: 1140px;
    margin: 0 auto 40px auto;
    text-align: center;
}
.landing-page div#content .description p.desc {
    text-align: center;
}
.eleven-forty{
max-width:1140px;
margin:0 auto;
padding-bottom:40px;
}
.eleven-forty .product-primary-left {
    float: left;
    width: 516px;
}

.eleven-forty .product-primary-right {
    float: right;
    width: 570px;
}

.product-primary-right a:hover {
    text-decoration: none !important;
}
.product-primary-right img {
    margin-bottom: 16px !important;
    border: solid 1px #a7a7a7 !important;
}
.product-primary-right a.request-a-quote, .product-div a.request-a-quote {
    float: right;
    background: #ee2e24 url(/wp-content/themes/va/images/icon-quote-btn.png) 230px center no-repeat;
}
.product-primary-right a:nth-child(even) {
    margin-left: 20px;
    float: right;
}
a.associated-file, a.request-a-quote, a.configurable-link {
    width: 275px;
    display: inline-block;
    float: left;
    background: #004990 url(/wp-content/themes/va/images/icon-download.png) right 18px center no-repeat;
    padding: 20px 20px;
    box-sizing: border-box;
    color: #fff !important;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 1.125em;
    font-family: 'Montserrat';
}
.product-primary-right a.configurable-link {
    background: #ee2e24 url(/wp-content/themes/va/images/icon-configure.png) right 18px center no-repeat;
}
a.configurable-link.product-page {
    background: #ee2e24 url(/wp-content/themes/va/images/icon-configure.png) right 18px center no-repeat;
    text-decoration: none !important;
}
.dark-wrap {
    background: #333331;
    padding: 54px 0;
}
.dark-wrap .eleven-forty {
    padding-bottom: 0;
}
.dark-wrap h2, .dark-wrap li, .dark-wrap a, .dark-wrap p {
    color: #fff !important;
}
.dark-wrap .features-right li {
    background: url(/wp-content/themes/va/images/icon-arrow-light-blue.png) 2px 6px no-repeat !important;
}

.dark-wrap .features-right {
    float: right;
    width: 516px;
}
.dark-wrap .features-left {
    float: left;
    display: inline-block;
    width: 570px;
}
.dark-wrap ul.features-list {
    margin: 0 !important;
}
.dark-wrap .features-left img:last-child {
    margin-bottom: 0 !important;
}
.dark-wrap .features-left img {
    margin-bottom: 54px !important;
    display: block;
}
.additional-product-info-left ul.additional-list {
    margin: 0;
  	margin-bottom:1.75em;
}
.eleven-forty .additional-product-info-right {
    float: right;
    margin-left: 40px;
}
.eleven-forty.additional-product-info {
    padding: 54px 0 34px 0;
}
.landing-page .prev-nextlinks, .eleven-forty .prev-nextlinks {
    display: none;
}
.product-primary-left{
    font-size: 1.125em;
    line-height: 1.625;
}
.dark-wrap p {
    font-size: 1.125em;
    line-height: 1.625;
}
#content .dark-wrap ul li, #content .additional-product-info ul li {
    font-weight: 400;
    margin-bottom: 14px;
}

.angled-section p, .angled-section h2 {
    color: #fff !important;
    text-align: left !important;
}
.angled-section:nth-child(even) {
    background: #1a1a1a;
}
.angled-section {
    background: #2e2e2e;
    position: relative;
    overflow: hidden;
}
.angled-image img {
    margin-bottom: 0 !important;
  	display:block;
}
.angled-image {
    float: left;
}
.angled-image {
    float: left;
    width: 50%;
}
.angled-body {
    padding: 54px;
    padding-top: 100px;
    float: right;
    width: 50%;
    box-sizing: border-box;
    z-index: 99;
    position: absolute;
    right: 0;
    padding-right: 240px;
}
a.learn-more {
    padding: 8px 20px;
    border-radius: 4px;
    border: solid 2px #5c5c5c;
    background: #2e2e2e;
    color: #fff !important;
    display: inline-block;
    text-decoration: none !important;
  	box-sizing:border-box;
}
a.learn-more:hover {
    background: #525252 !important;
}
.angle-div {
    background: #2e2e2e;
    height: 280px;
    position: absolute;
    margin-left: 85px;
    width: 100%;
    transform: rotate(290deg);
    z-index: 10;
}
.angled-section:nth-child(even) .angle-div {
    background: #1a1a1a;
    margin-left: 40px;
}
.angled-section:nth-child(even) .angled-body {
    right: auto;
    padding-left: 300px;
    padding-right: 0;
}
.angled-section:nth-child(even) .angled-image {
    float: right;
}
.angled-section:nth-child(even) a.learn-more {
    background: #1a1a1a;
}
.market-tile h2 {
    position: absolute;
    z-index: 999;
    top: 42%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0px;
    border-top: solid 1px rgba(325,325,325,1);
    color: #fff;
    border-bottom: solid 1px rgba(325,325,325,1);
    font-size: 2.5em;
}
.market-image .tile-overlay {
    background: url(/wp-content/themes/va/images/bg-trans-black.png) repeat;
    height: 450px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 2;
}
.market-image img {
    margin: 0 !important;
    width: 100%;
    height: auto;
    z-index: 1;
  	display:block;
}
.tiles-wrap a:nth-child(3) .market-tile, .tiles-wrap a:nth-child(6) .market-tile, .tiles-wrap a:nth-child(9) .market-tile {
    border-right: none;
}
.market-tile {
    display: inline-block;
    width: 33.33%;
    float: left;
    position: relative;
    overflow: hidden;
    max-height: 450px;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    box-sizing: border-box;
}
.center {
    text-align: center;
}
.product-landing p.desc {
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
}
.product-landing .top-half {
    max-width: 1140px;
    margin: 0 auto;
}

.cad-box {
    float: right;
    width: 337px;
    text-align: center;
    background: #cccccc url(/wp-content/themes/va/images/grid-bg.jpg) no-repeat;
    border: solid 1px #b09a9a;
    padding: 15px 53px;
    box-sizing: border-box;
    height: 150px;
    margin-left: 20px;
}

span.threed-big {
    font-family: 'Montserrat';
    float: left;
    font-size: 4em;
    font-weight: 700;
    padding-right: 10px;
    color: #2b2b2b;
    line-height: 1;
}

.cad-box p {
    line-height: 1.25 !important;
    padding-top: 8px !important;
    font-family: 'Montserrat';
    font-weight: bold;
    color: #2b2b2b;
    font-size: 1.25em !important;
    margin-bottom: 16px !important;
}

a.blue-btn-2 {
    color: #fff !important;
    background: #004990;
    padding: 10px 20px;
    border: solid 2px #fff;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 0.875em;
}

.product-tile {
    width: 33%;
    padding: 40px 20px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    border-bottom: solid 2px #ccc;
    margin: 0 -2px;
    vertical-align: top;
    height: 400px;
}

.product-tile .blue-btn {
    display: block;
    color: #fff !important;
    border: none;
    box-shadow: none;
    margin: 0 auto;
    width: 164px;
    background: #2e2e2e;
}
.product-tile .blue-btn:hover {
    background: #2e2e2e;
}

.product-tile h3.title {
    text-align: center;
    color: #2b2b2b;
    font-size: 1.875em;
}

.product-landing-tiles a:hover {
    text-decoration: none !important;
}

.product-landing-tiles a:hover * {
    opacity: 0.8 !important;
}

.product-landing-tiles a {
    display: inline-block;
}

.product-landing-tiles {
    text-align: center;
    margin-top: 40px;
  	margin-bottom:40px;
    border-top: solid 2px #ccc;
}

.product-tile img {
    margin-bottom: 15px !important;
    width: 180px;
    margin: 0 auto;
    display: block;
}

.product-tile.valve-integrated, .product-tile.standard {
    border-bottom: none;
}

.full-light {
    background: #2e2e2e;
    padding: 40px 0;
}

.full-dark h2, .full-light h2 {
    text-align: center;
    color: #fff;
    font-size: 2.75em;
}

.product-landing h3 {
    color: #fff;
    font-size: 2.125em;
}

.full-dark p, .full-light p, .full-dark li, .full-light li {
    color: #fff !important;
}

.full-light li, .full-dark li {
    background: url(/wp-content/themes/va/images/icon-arrow-light-blue.png) 2px 6px no-repeat !important;
}

.full-dark {
    background: #1a1a1a;
    padding: 40px 0;
}

.full-inner {
    max-width: 1140px;
    margin: 0 auto;
}

.tiles-wrap {
	text-align:center;  
}

a:last-child .market-tile {
    float: none;
}
.overview-side ul li {
    font-size: 0.875em !important;
    margin-bottom: 5px !important;
    background-size: 12px 12px !important;
    background-position: 0px 3px !important;
    padding-left: 24px !important;
}

.product-tile .configurable {
    text-align: center;
    display: block;
    width: 240px;
    margin: 0 auto;
    margin-top: 14px;
}

#content .configurable p {
    text-align: center;
    display: inline-block;
    font-weight: 700;
    font-family: 'Montserrat';
    font-size: 1em;
    margin: 0;
}

.configurable div.cad-gear {
    display: inline-block;
    float: right;
    position: relative;
    font-weight: 700;
    font-size: 1em;
    font-family: 'Montserrat';
    padding-left: 20px;
    background: url(/wp-content/themes/va/images/icon-gear.png) left  no-repeat;
    border-bottom: dotted 1px #323232;
    width: 24px;
    height: 19px;
    line-height: 1.5 !important;
}

.configurable div.cad-gear div {
    display: none;
    position: absolute;
    background: url(/wp-content/themes/va/images/tooltip-bg.png) repeat;
    width: 240px;
    padding: 10px;
    bottom: 32px;
    left: -110px;
}

.configrable div.cad-gear div p {
    color: #fff !important;
}

#content .configurable .tooltip p {
    color: #fff;
    opacity: 0.9;
    font-weight: 400;
    font-size: 1em;
}

.configurable div.cad-gear:hover div {
    display: block;
}

.configurable div.cad-gear:hover {
    cursor: default;
}

.configurable div.cad-gear div.tooltip-bot {
    background: url(/wp-content/themes/va/images/tooltip-bottom.png) no-repeat;
    width: 20px;
    padding: 0;
    height: 10px;
    border: none;
    position: absolute;
    bottom: -10px;
    left: 120px;
}

.video-box .video {
    max-width: 100%;
}

.video-box {
    margin-bottom: 30px;
}

a.configurable-link.cad-page {
    background: #ee2e24 url(/wp-content/themes/va/images/icon-configure.png) 230px center no-repeat;
    text-decoration: none !important;
}

.right.map-right {
    max-width: 502px;
}

.right a.blue-btn.rfq {
display: block;
    padding: 16px 24px;
    max-width: 100%;
    float: right;
    width: 228px;
}

a.blue-btn.rfq {
    background: #00599b url(/wp-content/themes/va/images/icon-rfq.png) right 20px center no-repeat;
    background-size: 30px;
}

/********************************************************
5. Sidebar Styles
********************************************************/

aside {
    float: left;
    width: 208px;
    padding-right: 30px;
    padding-top: 20px;
    display: none;
}

aside ul {
    margin-left: 0;
    margin-bottom: 1em;
}

aside p.h3 {
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 10px;
    color: #1a468e;
    margin-left: 0;
    margin-top: 0;
}

aside p.h3 a {
    text-decoration: none;
    color: #46321d;
}

aside p.h3 a:hover {
    color: #80a721;
}

aside p.h4,
aside p {
    margin-left: 5px;
    color: #515151;
}

aside p.h4 {
    font-size: 1.125em;
    margin-top: 0;
    margin-bottom: 10px;
}

aside p {
    font-size: 0.875em;
    line-height: 1.5;
}

aside p a {
    font-weight: 600;
}

aside li a {
    font-size: .875em!important;
    display: block;
    padding: 6px;
    padding-right: 10px;
    text-decoration: none;
    color: #636363!important;
    border-bottom: 1px solid #c8c8c8;
    background: none!important;
}

aside li a.nav-current {
    color: #4050a2 !important;
    font-weight: 600;
}

aside a:hover {
    color: #494949!important;
    font-weight: 600;
}

aside ul {
    margin-left: 0;
    margin-bottom: 1em;
}

aside ul li ul a {
    font-size: 0.75em!important;
    padding-left: 35px;
}

aside ul ul {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}

#content .wpc-categories {
    display: none!important;
}


/********************************************************
6. Footer Styles
********************************************************/
.footer-wrap{
	width: 100%;
	background: #313130 url(/wp-content/themes/va/images/footer-bg.jpg) center top no-repeat;
}
footer {
    clear: both;
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 34px;
}

footer a {
    color: #656565;
}

footer a:hover {
    opacity: .6;
}

footer p {
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    color: #656565;
    display: block;
    clear: both;
    padding-left: 0;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 0.875em;
}

footer ul {
    margin: 0;
    margin-right: 15px;
    width: 406px;
}

footer li {
    display: inline-block;
    padding: 0;
    width: 200px;
}

footer li a {
    display: block;
    text-decoration: none;
    font-family: 'Montserrat';
    font-size: 0.875em;
    color: #b2b2b2;
    text-transform: uppercase;
    padding-bottom: 3px;
}

footer li:last-child a {
    padding-right: 0;
    border: none;
}

footer ul.sub-menu {
    display: none;
}

footer .phone {
    background: url(/wp-content/themes/va/images/icon-phone.png) left center no-repeat;
    padding-left: 24px;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 0.875em;
    display: inline-block;
    margin-right: 24px;
}

.email {
    background: url(/wp-content/themes/va/images/icon-email.png) left 1px no-repeat;
    padding-left: 24px;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 0.875em;
    display: inline-block;
}

footer .phone a, footer .email a {
    color: #fefefe;
}
.footer-contact {
    margin-bottom: 26px;
}

footer nav {
    margin-bottom: 21px;
  	float: left;
    display: inline-block;
}

.membership-wrap {
    background: #fff;
    border-top: solid 1px #dcdcdc;
    text-align: center;
    padding: 16px 0;
}

.membership-logo {
    display: inline-block;
    padding: 0 16px;
}

footer p.emp-portal a {
    display: inline-block;
    text-decoration: none;
    font-family: 'Montserrat';
    font-size: 0.875em;
    color: #b2b2b2;
    text-transform: uppercase;
    padding-bottom: 3px;
    font-weight: normal;
    font-size: 1em;
}
.solutions-footer {
    display: inline-block;
}
.solutions-footer ul ul {
    margin-top: 6px;
}
.solutions-footer ul li li {
    font-size: 1.125em;
}
.solutions-footer ul li li a {
    text-transform:none;
}
.solutions-footer ul li {
    display: block;
    text-decoration: none;
    font-family: 'Montserrat';
    font-size: 0.875em;
    color: #b2b2b2;
    text-transform: uppercase;
    padding-bottom: 4px;
}


/********************************************************
7. Breadcrumb Styles
********************************************************/

.breadcrumbs,
.woocommerce-breadcrumb {
    font-size: 0.75em;
    margin-bottom: 20px;
    display: none;
}

.breadcrumbs a,
.woocommerce-breadcrumb a {
    text-decoration: none !important;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.breadcrumbs span:first-child {
    padding-left: 0 !important;
    padding-right: 4px !important;
}

.woocommerce-breadcrumb a:first-child {
    padding-left: 0 !important;
    padding-right: 0px !important;
}

.breadcrumbs span {
    padding: 0 6px !important;
    text-transform: uppercase;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: bold;
}

.woocommerce-breadcrumb a {
    padding: 0 2px !important;
    text-transform: uppercase;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: bold;
}

.breadcrumbs a span,
.woocommerce-breadcrumb {
    font-weight: 600;
    font-family: 'Open Sans Bold', Sans-Serif;
    text-transform: uppercase;
}

.breadcrumbs a:hover span,
.woocommerce-breadcrumb a:hover {
    opacity: 0.8;
}


/********************************************************
8. Hyperlink Styles 
********************************************************/

a {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-decoration: none;
    color: #004990;
}

img a {
    border: 0;
}

#content a {
    color: #004990;
    font-weight: 600;
}

#content a:hover {
    opacity: 0.8;
    text-decoration: underline;
}


/********************************************************
9. List Styles 
********************************************************/

ul {
    list-style: none;
    margin-left: 2em;
    margin-bottom: 1.75em;
}

ol {
    margin-left: 2em;
    margin-bottom: 1.75em;
}

#content li {
    padding: 3px;
}

#content ul > li {
    background: url(images/icon-list.png) left 3px no-repeat;
    background-size: 16px;
    padding: 0;
    padding-left: 28px;
    margin-bottom: 1em;
    font-weight: 600;
}

#content ol li {
    padding: 0;
    margin-bottom: 1em;
    color: #1b5a8a;
    font-weight: bold;
}


/* nested lists */

#content li ul,
#content li ol {
    margin-bottom: 0;
    margin-left: 0.5em;
    margin-top: 1em;
}

#content li ul li {
    background: url(images/icon-list-sub.png) 0px 4px no-repeat;
    background-size: 16px;
    padding-left: 24px;
    width: 100%;
    font-size: 0.875em;
    font-weight: normal;
}



#content ul.two-column-list li,
#content ol.two-column-list li {
    display: inline-block;
    width: 45%;
    padding-right: 5% !important;
    box-sizing: border-box;
    vertical-align: top;
}

#content ul.three-column-list li,
#content ol.three-column-list li {
    display: inline-block;
    width: 30%;
    padding-right: 3% !important;
    box-sizing: border-box;
    vertical-align: top;
}



/********************************************************
10. Table Styles
********************************************************/

table {
    width: 100%;
    margin-bottom: 2em;
}

.table,
td,
th {
    border-collapse: collapse;
    color: #444;
}

td,
th {
    padding: 5px;
}

th {
    background-color: #004990;
    color: #fff;
    text-align: left;
    font-size: 1.125em;
    font-weight: 600;
    padding: 14px 15px;
}


table tr:nth-child(even) th {
    background: #003569;
}

table tr:nth-child(even) {
    background: #fff;
}

table tr:nth-child(odd) {
    background: #e7e7e7;
}

td {
    vertical-align: top;
    padding: 10px 15px;
}


/* A class is used for formatting tables so nothing weird happens
when someone wants to use a table for layout. */

.dataTable caption {
    font-size: 0.875em;
    font-weight: bold;
    color: #219ee4;
}

.dataTable th,
.dataTable td {
    padding: 5px;
    text-align: center;
}

.dataTable th {
    font-weight: bold;
    color: #fff;
    background: #219ee4;
}

.dataTable td {
    border-bottom: 1px solid #ccc;
}


/********************************************************
11. Float Styles
********************************************************/

.right {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 400px;
}

#content .right img,
#content img.right {
    height: auto;
}
#content img.grey-border{
 border:1px solid #cccccc;
  box-sizing:border-box;
}
#content .right img{
 	margin-bottom:20px;
 	border: solid 1px #d2d2d2;
}

#content .right img:last-child {
    margin-bottom: 0;
}

.img-border {
    border: 1px solid #999;
}

.left {
    float: left;
    margin: 0 10px 10px 0;
}

div .clear {
    height: 0;
}

.clear {
    clear: both;
}


/********************************************************
12. Social Media Styles
********************************************************/

#social {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

#side-social {
    display: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
}

#foot-social {
    clear: both;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 26px;
}

#social a.gplus {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/gplus.png) no-repeat scroll 0 0;
}

#social a.linkedin {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/linkedin.png) no-repeat scroll 0 0;
}

#social a.facebook {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/fbook.png) no-repeat scroll 0 0;
}

#social a.twitter {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/twitter.png) no-repeat scroll 0 0;
}

#social a.youtube {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/ytube.png) no-repeat scroll 0 0;
}

#side-social a.gplus {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/gplus-s.png) no-repeat scroll 0 0;
}

#side-social a.linkedin {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/linkedin-s.png) no-repeat scroll 0 0;
}

#side-social a.facebook {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/fbook-s.png) no-repeat scroll 0 0;
}

#side-social a.twitter {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/twitter-s.png) no-repeat scroll 0 0;
}

#side-social a.youtube {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/ytube-s.png) no-repeat scroll 0 0;
}

#foot-social a.gplus {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/gplus.svg) no-repeat scroll 0 0;
    background-size: 40px 40px;
}

#foot-social a.linkedin {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/icon-linkedin.jpg) no-repeat scroll 0 0;
}

#foot-social a.facebook {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/icon-fbook.jpg) no-repeat scroll 0 0;
}

#foot-social a.twitter {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/icon-twitter.jpg) no-repeat scroll 0 0;
}

#foot-social a.youtube {
    background: rgba(0, 0, 0, 0) url(/wp-content/themes/va/images/icon-ytube.jpg) no-repeat scroll 0 0;
}

#social a,
#side-social a {
    min-width: 20px;
    height: 20px;
    padding: 0 10px 1px 10px;
    text-decoration: none;
}

#foot-social a {
    display: inline-block;
    min-width: 46px;
    height: 46px;
    padding: 0 7px 0 7px;
    text-decoration: none;
}

a.gplus:hover,
a.twitter:hover,
a.linkedin:hover,
a.facebook:hover,
a.youtube:hover {
    opacity: .5;
}


/********************************************************
13. Contact Page Form Styles
********************************************************/

#content form ul li {
    float: left;
    clear: none!important;
    width: 50%;
    margin: 0;
    margin-bottom: 1.5em;
    padding: 0;
    background: none;
}

#content form ul li.full-width {
    float: none;
    clear: both!important;
    width: 95%;
    padding-left: 0;
    padding-right: 0;
}

#content .gform_wrapper .gform_footer input.button {
    width: 150px;
    padding: 10px 0px;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #004990;
      -webkit-appearance: none;
}

#content .gform_wrapper .gform_footer input.button:hover {
    background: #2b6fb1;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    width: 100% !important;
    border: none !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-left: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: none !important;
}

li.gf_left_half,
li.gf_right_half {
    height: 70px;
}

input.medium,
.gform_wrapper select.medium {
    width: 90%!important;
}

.gform_wrapper textarea.medium {
    width: 95%!important;
}

input.button,
a.button {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

select.gfield_select {
    padding: 5px 4px !important;
}
  
/********************************************************
14. Blog Styles
********************************************************/

.blogexcerpt {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
}

#content .blogexcerpt h2 a {
    color: #1d1d1d;
    font-weight: 700;
}

#content .blogexcerpt h2 a:hover {
    color: #1d1d1d;
	opacity:0.8;
}

.blogexcerpt small {
    font-size: 0.875em;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.blogexcerpt h2 {
    margin-bottom: 0;
}

.landing-page .blogexcerpt {
    max-width: 1140px;
    margin: 0 auto;
}


/********************************************************
15. Hide Mobile Functionality for Desktop
********************************************************/

.mobile-show,
.phone-show {
    display: none;
}

.mobile-hide,
.phone-hide {
    display: block;
}

.phone-buttons {
    width: 100%;
    padding: 15px 0;
}

.phone-buttons div {
    font-size: 0.625em;
    float: left;
    width: 33%;
}

.phone-buttons div.clear {
    float: none;
    width: 100%;
}

.phone-buttons span {
    font-weight: normal!important;
    display: block;
    padding-top: 10px;
    text-align: center;
}

.phone-buttons a {
    /*background: rgb(165,190,14); /* Old browsers */
    /*background: -moz-linear-gradient(top,  rgba(165,190,14,1) 0%, rgba(115,130,35,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,190,14,1)), color-stop(100%,rgba(115,130,35,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5be0e', endColorstr='#738223',GradientType=0 ); /* IE6-9 */
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-top: 1px solid #d9ee5b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px #61680a;
    box-shadow: 0 0 0 1px #61680a;
}

.phone-buttons a img {
    width: 50px;
    height: 50px;
    border: none;
}

iframe.right,
.map-right iframe {
    border: 1px solid #ccc!important;
}

div.prev-nextlinks:first-child {
    display: none;
}


/********************************************************
16. Tablet Styles for Shiftnav
********************************************************/

.shiftnav-toggle {
    display: none!important;
    float: right;
    text-decoration: none;
}

.shiftnav-toggle-button {
    float: none;
    margin: 0 15px 15px 0!important;
    background: #306fff!important;
}

.shiftnav-toggle-button:hover {
    background: #243f8e!important;
}


/********************************************************
17. Misc Styles
********************************************************/

hr {
    width: 100%;
    height: 0;
    margin: 0 0 20px 0;
    border: 0;
    border-bottom: 1px solid #ccc;
}

hr.dashed {
    border-bottom: 1px dashed #7b7b7b;
}

small {
    /* display: none; */
}

a.quote-cart {
    position: absolute;
    top: 5px;
    right: 0px;
    color: white;
    padding-left: 34px;
    background: url(/wp-content/themes/va/images/quote-icon-blue.png) left 3px no-repeat;
    text-decoration: none;
    font-weight: 600;
    padding-top: 6px;
    padding-right: 0px;
}

a.quote-cart:hover {
    opacity: 0.7;
}

#contact address {
    margin-bottom: 1.25em;
}

a.download-btn {
    font-size: 1em;
    font-style: normal;
    background: #585858 url(/wp-content/themes/va/images/icon-download.png) 16px center no-repeat;
    color: #fff;
    background-size: 20px 20px;
    display: block;
    padding: 14px 30px 14px 48px;
    border-radius: 4px;
    font-weight: 500;
    font-family: 'proxima-nova', sans-serif;
    line-height: 1em;
    text-decoration: none;
}

a.download-btn:hover {
    background-color: #6e6e6e;
    color: #fff !important;
}

.blue-btn {
    background: #00599b;
    color: #fff !important;
    text-decoration: none !important;
    padding: 8px 30px;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0 auto;
    border: solid 1px #3595ce;
    box-shadow: 0 0 0 1px #00599b;
    max-width: 100%;
    display: inline-block;
}

.blue-btn.disabled {
    background: #d5d5d5;
    color: #716e6e !important;
    border: solid 1px #ddd;
    box-shadow: 0 0 0 1px #929191;
    margin-left: 1px;
    pointer-events: none;
}

.blue-btn:hover {
    background: #106db2;
}

.home-box.home-mobile-only {
    display: none;
}

input#search-trigger {
    display: none;
}


/* ============================================================
  CUSTOM PAGINATION
============================================================ */

.custom-pagination span,
.custom-pagination a {
    display: inline-block;
    padding: 2px 10px;
}

.custom-pagination a {
    background-color: #ebebeb;
    color: #004990 !important;
    text-decoration: none !important;
}

.custom-pagination a:hover {
    background-color: #004990;
    opacity: 1 !important;
    color: #fff !important;
}

.custom-pagination span.page-num {
    margin-right: 10px;
    padding: 0;
}

.custom-pagination span.dots {
    padding: 0;
    color: gainsboro;
}

.custom-pagination span.current {
    background-color: #004990;
    color: #fff;
}

#content .img-thumb img {
    max-width: 200px;
    max-height: 200px;
    border: solid 1px #ebebeb;
}

.img-thumb {
    float: right;
    max-width: 200px;
    max-height: 200px;
    margin-left: 30px;
    margin-bottom: 20px;
}

a.more-btn {
    background: #004990 url(/wp-content/themes/va/images/icon-arrow.png) 118px center no-repeat;
    color: #fff !important;
    background-size: 14px;
    display: inline-block;
    padding: 6px 34px 6px 21px;
    border-radius: 4px;
    margin: 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400 !important;
    box-shadow: 0 0 0 1px #004990;
    border: solid 1px #3984cd;
    text-decoration: none !important;
}

a.more-btn:hover {
    background-color: #004990;
    opacity:0.8;
}

#content ul.core-values{
margin-left:0px;
}
#content ul.core-values > li{
 background:none;
 padding-left:0px;
}
#content .product-div{
margin-bottom:2em;
}
#content .product-div img{
border-radius:8px; 
margin-bottom:1em;
}
#content .product-div h2{
font-size:1.5em;
}
#content .product-div ul{
margin-left:0em; 
}
#content .product-div p.small{
font-size:1em;
}
#content .two-column-tables{
 width:48%;
 float:left;
  margin-right:4%;
}
/********************************************************
18. Start Responsive Styles
********************************************************/


/* SMALL ANDROID, FEATURE PHONE - PORTRAIT */

@media only screen and (max-width: 240px) {}


/* SMARTPHONES - LANDSCAPE */

@media only screen and (min-width: 321px) {}


/* SMARTPHONES - PORTRAIT */

@media only screen and (max-width: 320px) {}


/* IPADS, TABLETS - PORTRAIT & LANDSCAPE */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {}


/* IPADS, TABLETS - LANDSCAPE */

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) and (orientation: landscape) {}


/* IPADS, TABLETS - PORTRAIT */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}

@media only screen and (max-width: 1000px) {}

@media only screen and (max-width:1850px) {
 	.angled-body {
    	padding-top: 54px;
	} 
}
@media only screen and (max-width:1650px) {
 	.angled-section:nth-child(even) .angled-body {
    	padding-left: 54px;
	} 
  	.angled-body {
    padding-right: 54px;
	}
  	.angled-image {
    overflow: hidden;
	}  
	#content .angled-image img {
    margin-bottom: 2em;
    width: auto;
    max-width: none;
    height: 480px !important;
	}
}
@media only screen and (max-width:1500px) {
	.market-tile h2 {
    font-size: 2em;
    top: 38%;
	}
}


@media only screen and (max-width:1350px) {
 	li#menu-item-40 ul.sub-menu, li#menu-item-44 ul.sub-menu, li#menu-item-416 ul.sub-menu {
    	right: 0;
    	border-radius: 4px 0 4px 4px;
	} 
  	
}

@media only screen and (max-width:1200px) {
 	.market-tile h2 {
    font-size: 1.5em;
    top: 36%;
	} 
	.product-tile.telescopic .configurable div.cad-gear div.tooltip div.tooltip-bot {
    right: 10px;
    left: auto;
	}
	
	.product-tile.telescopic .configurable div.cad-gear div.tooltip {
    left: auto;
    right: 0;
	}
}

/* Responsive Typography for Tablet (large) */

@media only screen and (max-width:1160px) {
    header .right {
        padding-right: 20px;
    }
    a.quote-cart {
        right: 20px;
    }
  	header {
    	padding: 0 20px;
    	box-sizing: border-box;
	}
  	header nav li#menu-item-44, header nav, header nav li{
		margin:0;
  	}
  	.h1-wrap {
    	padding: 30px;
	}
  	#content {
    	padding: 30px 20px 20px 20px;
	}
	.product-page div#content {
    	padding: 30px 0 20px 0;
	}
	.eleven-forty {
    	padding-left: 20px !important;
    	padding-right: 20px !important;
	}
  	footer {
    	padding: 34px 20px 0;
    	box-sizing: border-box;
	}
	.eleven-forty .product-primary-right, .dark-wrap .features-left, .eleven-forty .additional-product-info-right {
    width: 530px;
	}
	.eleven-forty .product-primary-left, .dark-wrap .features-right {
    width: 500px;
	}
	a.associated-file, a.request-a-quote {
    width: 255px;
    background: #004990 url(/wp-content/themes/va/images/icon-download.png) 210px center no-repeat;
	}
	.product-primary-right a.request-a-quote {
    background: #ee2e24 url(/wp-content/themes/va/images/icon-quote-btn.png) 210px center no-repeat;
	}
  	p.hero-tagline {
    font-size: 2.25em;
	}
	#faux-column.landing-page div#content {
    padding: 30px 0 0 0;
	}
}

@media only screen and (max-width:1140px) {
	p.hero-tagline {
    font-size:1.5em;
	}
	.landing-page div#content p {
    padding-left: 20px;
    padding-right: 20px;
	}
  	.angled-body p {
    padding: 0 !important;
	}
  	.angled-image{
		width:25%;
	 }
	.angled-body {
    width: 75%;
	}
	.angled-section:nth-child(even) .angled-body {
    padding-right: 54px;
	}
	.angle-div {
  		display:none;
	}

    .product-landing .top-half, .full-dark, .full-light {
    padding-left: 20px;
    padding-right: 20px;
    }

    .landing-page div#content .product-landing p {
    padding: 0;
    }
    .product-tile h3.title {
    font-size: 1.5em;
    }
	#content .angled-image img {
    margin-left: -267px;
	}
}

@media only screen and (max-width:1100px) {
    #content {
        padding-right: 20px;
        box-sizing: border-box;
    }
  	.eleven-forty .product-primary-right, .dark-wrap .features-left, .eleven-forty .additional-product-info-right {
    	width: 570px;
    	float: none;
		max-width:100%;
	}
	.eleven-forty .product-primary-left, .dark-wrap .features-right {
    	width: 100%;
    	margin-bottom: 30px;
	}
	.dark-wrap .features-left img {
    	display: none;
	}
	.dark-wrap .features-left img:first-child {
    	display: block;
			margin-bottom:30px !important;
	}
	a.associated-file, a.request-a-quote {
    	width: 275px;
    	float: left !important;
	}
	.eleven-forty .additional-product-info-right {
    	margin-left: 0;
	}
    body {
        font-size: 1em;
        line-height: 1.375;
    }
    h1 {
        font-size: 2.5em;
        line-height: 1.125;
    }
    h2 {
        font-size: 2em;
        line-height: 1.25;
    }
    h3 {
        font-size: 1.5em;
        line-height: 1.25;
    }
    h4 {
        font-size: 1.125em;
        line-height: 1.22;
    }
    #content blockquote p {
        font-size: 1.5em;
        line-height: 1.25;
    }
}
@media only screen and (max-width:1000px) {
 	.market-tile h2 {
    top: 39%;
	}

	.tiles-wrap a:nth-child(even) .market-tile {
    border-right: none;
	}

	.tiles-wrap a:nth-child(3) .market-tile, .tiles-wrap a:nth-child(6) .market-tile, .tiles-wrap a:nth-child(9) .market-tile {
    border-right: solid 1px #fff;
	}

	.market-tile {
    width: 49.99%;
	} 
}
@media only screen and (max-width: 980px) {
    /*wrap width*/
    header,
    #faux-column,
    footer {
        width: 100%;
    }
    footer ul li a:first-child {
        padding-left: 0;
    }
    footer p {
        clear: both;
    }
    #extended-footer {
        padding-right: 20px;
    }
  	header .left {
    	float: none;
    	text-align: center;
	}
  	div#header, header, div#sticker-sticky-wrapper {
    	height: 180px !important;
	}
  	div.nav-wrap {
    	padding-top: 12px;
	}
  	header nav ul li {
    	margin-right: 10px;
	}
	header nav {
    	float: none;
	}
  	.search-wrap {
    	top: 56px;
	}
  	div#sticker-sticky-wrapper.is-sticky .nav-wrap {
    	opacity: 0 !important;
    	pointer-events: none;
	}
	.footer-wrap {
    	width: 100%;
    	background: #313130 url(/wp-content/themes/va/images/footer-bg.jpg) -800px top no-repeat;
	}
	a.nav-current img.logo {

	}

	header .left a.nav-current {
	}
  	div.is-sticky header .left a.nav-current {
    width: 109px;
    height: 55px;
	}
}

@media only screen and (max-width: 920px) {
    #social {
        display: none;
    }
    #side-social {
        display: table;
    }
    .product-tile {
    width: 50%;
    margin: 0 -3px;
    }
	.solutions-footer {
    display: none;
	}
	.product-tile.valve-integrated .configurable div.cad-gear div.tooltip div.tooltip-bot {
    right: 10px;
    left: auto;
	}
	
	.product-tile.valve-integrated .configurable div.cad-gear div.tooltip {
    left: auto;
    right: 0;
	}
}


@media only screen and (max-width:880px) {
 	header nav ul li {
    	margin-right: 0;
	} 
}
@media only screen and (max-width:820px) {
 	header nav li a {
    	padding: 10px 10px 0 10px;
	} 
}

/*Shiftnav Appears at < 800px, must hide global nav here and make other changes to the header if necessary. To change the width where the shiftnav appears, in WP go to Appearance -> Shiftnav*/

@media only screen and (max-width: 799px) {
    aside {
        display: none;
    }
    .breadcrumbs {
        display: none;
    }
    #header-wrap {
        border-bottom: 1px solid #ccc;
    }
    #header-wrap,
    header {
        height: 165px;
    }
    header nav {
        display: none;
    }
    div#header, header, div#sticker-sticky-wrapper {
    	height: 130px !important;
	}
    #shiftnav-toggle-main .shiftnav-main-toggle-content {
        padding: 16px 0!important;
    }
    .shiftnav-toggle {
        display: inline-block!important;
    }
    #extended-footer {
        padding-left: 20px;
    }
    div.table-wrap {
        overflow-x: scroll;
      margin-bottom: 2em;
    }
    footer nav {
    display: none;
	}
    footer p {
        float: none;
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
        text-align: center;
    }
    footer {
        padding-bottom: 60px;
    }
    #shiftnav-toggle-main {
        z-index: 99 !important;
    }
    .search-trigger:checked ~ .search-wrap {
        top: 52px !important;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
    }
    .search-trigger {
        transition: left 1.0s;
    }
    .nav-trigger,
    .search-trigger {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    label[for="search-trigger"] {
        position: fixed;
        top: 12px;
        right: 15px;
        z-index: 99999;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background: #fff;
        background-size: contain;
        -webkit-mask: url(/wp-content/themes/va/images/search.svg) no-repeat 50% 50%;
        mask: url(/wp-content/themes/va/images/search.svg) no-repeat 50% 50%;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }
    .search-trigger:checked + label {
        -webkit-mask: url(/wp-content/themes/va/images/close.svg) no-repeat 50% 50%;
        mask: url(/wp-content/themes/va/images/close.svg) no-repeat 50% 50%;
    }
    body.shiftnav-open #outer-wrap header #header label[for="search-trigger"] {
        opacity: 0;
    }
    div.search-wrap input.button {
	  width: 60px;
	  height: 30px;
	  margin-top: 0px;
	  padding: 2px 10px;
	  float: right;
	  background: #767676;
	  box-sizing: content-box;
	}
  	div.search-wrap input.button:hover {
    	background: #1d1d20;
	}
    div.search-wrap input.button:focus {
        outline: 0;
    }
    div.search-wrap input.field {
	  float: none;
	  width: auto;
	  padding-right: 30px;
	  margin-left: 0;
	  height: 19px;
	  margin-top: 0;
	  flex: 1;
	  box-sizing: content-box;
	  padding-bottom: 7px;
	  margin-right: 20px;
	  border-radius: 0;
	  margin-bottom: 5px;
	  border-bottom: solid 1px #767676;
	}
    div.search-wrap form#searchform {
        width: 95%;
        margin: 0 auto;
        padding: 5px 0;
        text-align: center;
        display: flex;
        flex-direction: row;
    }
    .search-wrap {
        width: 100%;
        position: fixed;
        top: 0px;
        right: 0;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        background: #41464c;
        z-index: 9;
    }
    ul.two-column-list li,
    ol.two-column-list li,
    ul.three-column-list li,
    ol.three-column-list li,
    .two-columns,
    .three-columns {
        display: block;
        width: 100%;
        padding-right: 0 !important;
    }
#content .two-column-tables{
 width:100%;
 float:none;
  margin-right:0!important;
}
	div#sticker-sticky-wrapper.is-sticky .nav-wrap {
    	opacity: 1 !important;
    	pointer-events: auto !important;
	}
	div#sticker-sticky-wrapper.is-sticky header .logo {
    	height: auto !important;
  		padding-top:20px;
	}
	.search-btn {
    float: none;
    width: auto;
    height: 0px;
    color: #fff;
    border-radius: 0;
    cursor: default !important;
	}
	div#sticker-sticky-wrapper.is-sticky header, div#sticker-sticky-wrapper.is-sticky #header {
    	height: 130px !important;
	}
	header#sticker, div.sticky-wrapper {
    	position: relative !important;
    	z-index: 1;
    	height: 130px !important;
	}
	.searchbox .fa-search {
    	display: none;
	}
	#shiftnav-toggle-main.shiftnav-toggle-main-align-left {
    	z-index: 9999 !important;
	}
	div#sticker-sticky-wrapper, header, #header {
    	z-index: auto !important;
	}
	div#sticker-sticky-wrapper.is-sticky header .search-wrap {
    top: 0;
	}
	#content img.right,
    #content .right img {
        float: none;
        max-width: 100%;
        margin: 0 0 30px 0;
    }
    #content div.right {
	  width: 100%;
	  margin: 0;
	  display: block;
	  float: none;
  	  margin-bottom:20px;
	}
	.footer-contact, #foot-social {
    	text-align: center;
	}
	.footer-wrap {
    	background: #313130 url(/wp-content/themes/va/images/footer-bg.jpg) -830px top no-repeat;
	}
	p.hero-tagline {
    display:none;
	}
    .cad-box {
    float: none;
    margin: 0 0 20px 0;
    }
	#content ul.two-column-list li, #content ol.two-column-list li {
    display: block;
    width: 100%;
    padding-right: 0 !important;
	}
	.search-wrap.show-search {
    display: inline-block;
    height: 50px;
    z-index: 999;
	}
	.landing-page .h1-wrap h1, .landing-page p.desc {
    text-align: left;
	}
    .product-tile .configurable div.cad-gear div.tooltip {
    display: none !important;
    }

    .configurable div.cad-gear {
    border-bottom: none;
    }

    .configurable div.cad-gear:hover {
    cursor: default;
    }

	#content .right img:first-child {
    display: block;
	}

	#content .right img {
    display: none;
	}
	footer p.emp-portal {
    display: none;
	}
	.angled-section .blue-btn {
    padding: 20px 60px;
	}
	.landing-page p.desc {
    text-align: left !important;
	}
    /* Typography Styles for Tablets (small) */
    body {
        font-size: 1em;
        line-height: 1.25;
    }
    h1 {
        font-size: 2em;
        line-height: 1.25;
    }
    h2 {
        font-size: 1.625em;
        line-height: 1.538;
    }
    h3 {
        font-size: 1.375em;
        line-height: 1.363;
    }
    h4 {
        font-size: 1.125em;
        line-height: 1.111;
    }
    #content blockquote p {
        font-size: 1.25em;
        line-height: 1.25;
    }
    #header .left img{
  	display:none;
	}
    #header .left{
    margin:0 auto!important;
    width:300px;
    height:108px;
    background:url(images/logo.svg) left center no-repeat;
    background-size:contain;
    max-width:90%;
    }
    #header .left a{
    display:block; height:100%; width:100%;
    }
    .header-inner{
    height:auto!important;
    padding:20px 0px 5px 0px;
    }
	div#header, header#sticker, div.sticky-wrapper, div#sticker-sticky-wrapper{
	height:auto!important; 
	}
}

@media only screen and (max-width: 740px) {
    #header-wrap,
    header {
        height: 129px;
    }
    header .left {
        float: none;
        width: 100%;
    }
    header img.logo {
        margin: 0 auto;
        padding: 20px;
        display: block;
    }
    #content {
        float: none;
        width: 100%;
        padding-left: 32px;
        padding-right: 32px;
        margin: 0 auto;
        padding-top: 24px;
    }
    .mobile-hide {
        display: none;
    }
    .mobile-show {
        display: block;
    }
    #foot-social {
        display: table;
    }
    #extended-footer {
        padding-left: 20px;
    }
    header nav {
        display: none;
    }
    header .right {
        display: none;
    }
    a.quote-cart {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin-left: 30px;
        display: block;
    }
	

	#content .angled-image img {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: auto !important;
  	margin-left:0px;
	}
	.angled-image {
    width: 100%;
    float: none;
    text-align: center;
	}
	.angled-body {
    display: block;
    float: none;
    position: relative;
    width: 100%;
    padding: 54px 20px;
	}
	.angled-section:nth-child(even) .angled-body {
    padding: 54px 20px;
	}
	.angled-section:nth-child(even) .angled-image {
    float: none;
	}
}

@media only screen and (max-width:630px) {
 	a.associated-file, a.request-a-quote {
	  display: block;
	  width: 100%;
	  margin: 0 0 20px 0 !important;
	  max-width: 100%;
	  background-position: right 20px center !important;
	} 
  	.market-tile h2 {
    font-size: 2em;
	}


	.market-tile {
    width: 100%;
    border-right: none !important;
    border-bottom: solid 4px #fff;
	}
    .product-tile {
    width: 100%;
    margin: 0;
    }
	.product-tile.telescopic .configurable div.cad-gear div.tooltip div.tooltip-bot, .product-tile.valve-integrated .configurable div.cad-gear div.tooltip div.tooltip-bot {
    right: auto;
    left: 110px;
	}
	
	.product-tile.telescopic .configurable div.cad-gear div.tooltip, .product-tile.valve-integrated .configurable div.cad-gear div.tooltip {
    left: -100px;
    right: auto;
	}
	.blogexcerpt .img-thumb img {
    margin-bottom: 0 !important;
	}

	.blogexcerpt .img-thumb {
    float: none;
    margin-left: 0;
	}
}

@media only screen and (max-width: 600px) {
    .phone-hide {
        display: none;
    }
    .phone-show {
        display: block;
    }
    header .left,
    header .right {
        float: none;
        width: 100%;
        margin: 0!important;
    }
    header .right {
        border-top: 1px solid #ccc;
        background: #efefef;
    }
    header .left {
        margin: 0 auto!important;
    }
    #content {
        padding-top: 25px;
    }
    header img.logo {
        padding: 20px;
    }
    /*    tablet styles for shiftnav sub menu buttons     */
    .shiftnav-toggle {
        float: none;
        text-decoration: none;
    }
    .shiftnav-toggle-button {
        margin: 0 0 15px 0!important;
    }
    a.call {
        background: rgb(165, 190, 14) url(/wp-content/themes/va/images/call.svg);
    }
    a.directions {
        background: rgb(165, 190, 14) url(/wp-content/themes/va/images/directions.svg);
    }
    a.contact {
        background: rgb(165, 190, 14) url(/wp-content/themes/va/images/contact.svg);
    }
    .phone-hide {
        display: none;
    }
    .phone-show {
        position: fixed;
        z-index: 10;
        bottom: 0;
        left: 0;
        display: block;
        background: #41464c;
    }
    .phone-buttons {
        width: 100%;
        padding: 0 0;
    }
    .phone-buttons div {
        font-size: 10px;
        position: relative;
        float: left;
        width: 33%;
        height: 50px;
    }
    span.phone-hr {
        position: absolute;
        right: 0;
        height: 30px;
        margin-top: 5px;
        border-right: 1px solid #636c77;
    }
    .phone-buttons a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-top: 0;
        text-align: center;
        border-top: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .phone-buttons a .svg {
        width: 30px;
        height: 30px;
        margin-top: 9px;
        fill: #fff;
    }
    body {
        padding-bottom: 50px;
    }
    #content blockquote {
        background-size: 20px;
        padding-left: 40px;
        background-position: 12px 20px;
    }
	.footer-wrap {
    	background: #313130 url(/wp-content/themes/va/images/footer-bg.jpg) -1060px top no-repeat;
	}
	p.hero-tagline span {
    	display: none;
	}
	.landing-page .h1-wrap h1 {
    font-size: 2em;
	}
    /* Typography Styles for Phone */
    body {
        font-size: 1em;
        line-height: 1.25;
    }
    h1 {
        font-size: 2em;
        line-height: 1.25;
    }
    h2 {
        font-size: 1.625em;
        line-height: 1.538;
    }
    h3 {
        font-size: 1.375em;
        line-height: 1.363;
    }
    h4 {
        font-size: 1.125em;
        line-height: 1.111;
    }
    #content blockquote p {
        font-size: 1.125em;
        line-height: 1.25;
    }
}

@media only screen and (max-width: 550px) {
    iframe.right,
    .map-right {
        float: none!important;
        width: 100%!important;
        margin: 0 0 15px 0!important;
    }
    .map-right iframe {
        width: 100%!important;
    }
    #content form ul li {
        float: none;
        width: 100%;
    }
    #wrapper #extended-footer {
        display: none;
    }
    #foot-social {
        padding-bottom: 15px;
    }
}


@media only screen and (max-width: 400px) {
    footer ul {
        display: none;
    }
    footer p {
        float: none;
        margin: 0;
        margin-bottom: 20px;
        padding: 0;
        text-align: center;
    }
  	.market-tile h2 {
    font-size: 1.5em;
	}
	.cad-box span.threed-big {
    font-size: 1.5em;
    padding-right: 7px;
	}
	.cad-box p {
    padding-top: 0 !important;
	}
	.cad-box {
    border: none;
    background: none;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
	}
	a.configurable-link.product-page {
    max-width: 100%;
    padding-right: 50px;
	}
}

@media only screen and (max-width:330px) {
	#foot-social a {
    	margin-bottom: 10px;
	}
  	.membership-logo {
    	margin-bottom: 16px;
	}
	a.associated-file, a.request-a-quote {
    font-size: 1em;
    background-size: 20px !important;
    background-position: right 10px center !important;
	}
	.market-tile h2 {
    font-size: 1.125em;
    top: 32%;
	}
}