/*
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%;
}


/********************************************************
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, #primary p {
    margin-bottom: 1.25em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p.h3,
p.h4 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #444;
}

h1 {
    font-size: 3em;
    font-weight: bold;
    line-height: 1.05;
    margin-bottom: 0.5em;
    color: #264d80;
    text-align: center;
    text-transform: uppercase;
}

h2 {
    font-size: 2.25em;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: bold;
    color: #bf5700;
}

h3,
p.h3 {
    font-size: 1.75em;
    margin-bottom: 0.75em;
    color: #254c7f;
    font-weight: bold;
}

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


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

#outer-wrap {
    background: #252525;
    min-height: 100%;
}

header {
    height: 84px;
    background: #254c7f url(images/header-bg.png) top left repeat-x;
    border-top: 1px solid #254c7f;
    z-index: 999 !important;
}
div#sticker-sticky-wrapper {
    height: auto !important;
}

.is-sticky header{
    height: 60px;
}
.is-sticky header nav ul li ul.sub-menu{
  top:60px;
	}
#wrap {
    background: #fff;
  	overflow:hidden;
}

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-left {
    padding-top: 7px;
    padding-left: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 999;
}

header img.logo-right {
    padding-top: 7px;
    padding-left: 0;
    top: 20px;
    left: 130px;
    position: absolute;
    z-index: 999;
}

.is-sticky header img.logo-left {
    padding-top: 7px;
    padding-left: 0;
    top: 0;
    left: 0;
    height: 50px;
    position: absolute;
    z-index: 999;
}

.is-sticky header img.logo-right {
    padding-top: 7px;
    padding-left: 0;
    top: 13px;
    left: 60px;
    height: 25px;
    position: absolute;
    z-index: 999;
}

#header {
    position: relative;
    width: 1140px;
    height: 84px;
    margin: 0 auto;
    max-width: 100%;
}

.hero, .hero * {
    max-width: 100%;
}

.hero img{
    width: 100%;
    height: auto;
  	max-height: 500px;
}


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

header nav {
    font-weight: 400;
    max-width: 640px;
    width: 100%;
    height: 43px;
    margin: 0 auto;
    float: right;
    position: relative;
}

.is-sticky header nav {
    font-weight: 400;
    width: 640px;
    max-width: 100%;
    height: 43px;
    margin: 0 auto;
    padding-top: 0px;
    float: right;
    position: relative;
}

header nav ul {
    margin: 0;
    margin-left: 0px;
    width: auto;
    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;
    text-align: right;
}
header nav ul > li{
 position:relative; 
}
header nav li#menu-item-46 img{
 border:none; 
}
header li {
    float: right;
    padding: 0;
}

header nav li a {
    font-size: 1.250em;
    font-weight: bold;
    display: block;
    padding: 29px 20px 29px 20px;
    margin: 0;
    text-decoration: none;
    color: #fff;
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.is-sticky header nav li a {
    padding-top: 17px;
    padding-bottom: 16px;
}

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

header nav div ul li a:hover {
    color: #fff;
    opacity:.7;
}

div.nav-wrap {
    z-index: 999 !important;
}

header nav ul li ul.sub-menu {
    background: #183152;
    padding: 0;
    display: none;
    position: absolute;
    min-width: 180px;
    top: 83px;
}

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: 1em;
    /* font-weight: 400; */
    text-transform: none;
    height: auto;
    box-sizing: content-box;
    border-radius: 0;
}

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: #101f33 !important;
    opacity:1.0!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: #1e489c!important;
}

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

.search-wrap {
    position: absolute;
    top: 0;
    right: 0;
    background: black;
}

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

div.search-wrap input.button {
    width: 22px;
    margin-top: 4px;
    padding: 0 10px;
}

div.search-wrap form#searchform {
    width: 240px;
    text-align: center;
}

div.search-wrap input.field {
    border-radius: 3px;
    border: solid 1px #d8d8d8;
    padding: 3px;
    width: 150px;
    margin-left: 20px;
    color: #494949;
}

li#menu-item-284 ul.sub-menu {
    width: 200px;
}

header ul li ul.sub-menu li.menu-item-has-children a:hover {
    background: #101f33 url(/wp-content/themes/va/images/icon-sub-menu-arrow.png) right 14px center no-repeat !important;
}

header ul li ul.sub-menu li.menu-item-has-children a {
    background: url(/wp-content/themes/va/images/icon-sub-menu-arrow.png) right 14px center no-repeat !important;
}

header nav ul li ul.sub-menu li ul.sub-menu a {
    padding: 10px 20px 11px 20px;
}

header nav ul li ul.sub-menu li:hover ul.sub-menu a {
    background: #101f33 !important;
    border-left: solid 1px #254c7f;
}

header nav ul li ul.sub-menu li ul.sub-menu {
    display: none !important;
    left: 100%;
    top: 0;
    padding: 0;
}
header nav ul li ul.sub-menu li:hover ul.sub-menu {
    display: block !important;
}
header nav ul li ul.sub-menu li:hover ul.sub-menu a:hover {
    background: #183152 !important;
}
form#searchform {
    margin: 0;
}
div#topnav {
    background: #183152;
    padding: 6px 0;
    height: 22px;
}
div.topnav-inner {
 	max-width:1140px;
  	margin:0 auto;
}
form#searchform input.button {
    height: 15px;
    width: 15px;
      margin-top: 3px;
}

form#searchform input#s {
    vertical-align: top;
    margin-right: 10px;
    padding: 3px 5px;
    font-size: .75em;
    background: #254c7f;
    border: solid 1px #517bb2;
    outline: none !important;
    color: #fff !important;
}

form#searchform input#s::-webkit-input-placeholder{
 	color:#fff !important; 
}
form#searchform input#s:-moz-placeholder{
  	color:#fff !important;
}
form#searchform input#s::-moz-placeholder{
  	color:#fff !important;
}
form#searchform input#s:-ms-input-placeholder{
  	color:#fff !important;
}

.top-search {
    float: right;
    margin-right: 20px;
}

.top-quote {
    float: right;
    margin-right: 20px;
}


/********************************************************
4. Content Styles 
********************************************************/

#faux-column {
    z-index: 1;
    clear: both;
    width: 1140px;
    margin: 0 auto;
    background: #fff;
    max-width: 100%;
}

#content, #primary {
    float: none;
    width: auto;
    overflow:hidden;
    min-height: 600px;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #363636;
    box-sizing: border-box;
}

#content strong,
#content b,
#primary strong,
#primary b {
    color: #000;
}

#content div.content-box,
#content div.example-box,
#primary div.content-box,
#primary 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%;
}

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

#content blockquote, #primary 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, #primary blockquote p {
    color: #282828;
    font-size: 1.5em;
    line-height: 1.458;
    font-style: italic;
    margin-bottom: 32px;
}

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

#content blockquote p.quote-name span, #primary 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, #primary img {
    margin-bottom: 2em;
    max-width: 100%;
    height: auto !important;
}

div#tabs > ul {
    width: 100%;
    padding: 0
}
div#tabs > ul li {
      	width: auto!important;
      	font-size: 14px;
      	margin: 0 !important;
      	padding: 0;
}
div#tabs > ul li a{
    padding: 10px 15px;
    margin: 0 !important;
    text-align: center;
}

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;
}

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;
}

hr.h1-hr.products-hr {
    position: relative;
}
mark.count{display:none!important;}
a.quote-btn {
    background: #565656;
    color: #fff !important;
    padding: 14px 30px;
    border-radius: 4px;
    border: solid 1px #a3a3a3;
    box-shadow: 0 0 0 1px #565656;
    margin: 0 1px;
    text-decoration: none !important;
  	display:inline-block;
  	margin-bottom:20px;
}
div.right img:last-child, div.cat-images img:last-child, not:(.main-cat-img) {
    margin-bottom: 0 !important;
}
a.cta-btn {
    font-family: 'Roboto';
    font-weight: 600;
    background: #113360 url(/wp-content/themes/va/images/icon-btn-arrow.png) right 16px center no-repeat;
    color: #fff !important;
    padding: 20px;
    border-radius: 5px;
    font-size: 1.125em;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: none !important;
    padding-right: 58px;
}
.location a.cta-btn{
   font-size:1em;
}
a.cta-btn.grey-btn{
    background: #565656 url(/wp-content/themes/va/images/icon-btn-arrow.png) right 16px center no-repeat;
}
a.cta-btn.map-btn {
    background: #BF5700 url(/wp-content/themes/va/images/icon-location.png) right 16px center no-repeat;
}
.margin-right-md {
    margin-right: 16px;
}
.associates-wrap .two-columns {
    margin-bottom: 30px;
}
.associates-wrap .two-columns h2 {
    text-align: center;
}
.associates-wrap .two-columns img {
    display: block;
    margin: 0 auto 30px auto !important;
}
.center {
    text-align: center;
}
.emp-info {
    float: left;
}
.employee-img {
    float: left;
    margin-right: 20px;
}
.employee-img img {
    margin-bottom: 0 !important;
    width: 200px;
}
ul.loc-specialty li {
    margin-bottom: 0px !important;
}
ul.loc-specialty {
    float: left;
    margin-bottom: 25px;
}
p.loc-address {
    float: left;
}
a.map-hover:hover img {
    opacity: 0.8;
}
a.map-hover {
    opacity: 1 !important;
}

li#menu-item-41 > a, li#menu-item-284 > a, li#menu-item-283 > a, li#menu-item-40 > a,  li#menu-item-197 > a, li#menu-item-281 > a, li#menu-item-279 > a, li#menu-item-194 > a{
    pointer-events: none;
}

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

aside {
    float: left;
    width: 238px;
    margin-right: 24px;
    padding-top: 30px;
  	margin-bottom:20px;
}

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

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: 1em!important;
    display: block;
    padding: 10px;
    padding-right: 10px;
    padding-left: 16px;
    text-decoration: none;
    font-weight: 600;
    color: #040404!important;
  	background: #fafafa;
    transition: all 0ms;
    -webkit-transition: all 0ms;
    -moz-transition: all 0ms;
}

aside li#menu-item-361 a, aside li#menu-item-362 > a, aside li#menu-item-364 > a, aside li#menu-item-367 > a, aside li#menu-item-369 > a , aside li#menu-item-406 > a {
    background: #254c7f url(images/sidebar-blue-bg.png) top left no-repeat;
    color: #fff !important;
    border-bottom: 1px solid #254c7f;
}

aside li#menu-item-361 a:hover, aside li#menu-item-362 > a:hover, aside li#menu-item-364 > a:hover, aside li#menu-item-367 > a:hover, aside li#menu-item-369 > a:hover , aside li#menu-item-406 > a:hover {
    color: #8ebefd !important;
}
aside li#menu-item-361 a {
    border-bottom: solid 1px #406da8;
}

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

aside a:hover {
    color: #264d80!important;
}

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

aside ul li ul a {
font-size: 0.875em!important;
    padding-left: 16px;
    font-weight: 600;
}
aside ul li ul li ul a {
    font-size: .875em!important;
    padding-left: 24px;
    font-weight: 400;
    padding: 4px 25px;
    text-decoration: underline;
    background: none;
}
aside ul ul {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}

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

aside ul.sub-menu ul.sub-menu{
 display:none!important; 
}
aside ul.sub-menu li a.nav-current + ul.sub-menu, aside ul.sub-menu li.current-menu-parent ul.sub-menu{
display:block!important;  
}
.sidebar-inner {
    border: solid 1px #c9c9c9;
}
aside li a.nav-current {
    font-weight: 600;
    background: #2564d7;
    color: #fff !important;
}

ul.sub-menu ul.sub-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #c9c9c9;
}

aside ul li ul li ul a.nav-current {
    background: none !important;
    color: #183152 !important;
  	font-weight:800;
}

/********************************************************
6. Footer Styles
********************************************************/

footer {
    font-weight: 400;
    clear: both;
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 20px;
}

footer a {
    color: #fff;
}

footer a:hover {
    opacity: .6;
}

footer p {
    padding-top: 0;
    padding-bottom: 30px;
    margin-bottom: 0;
    color: #fff;
    clear: both;
    font-size: 0.688em;
}

footer ul {
    float: left;
    margin: 0;
    margin-bottom: 60px;
    margin-right: 15px;
}
footer ul.sub-menu{
float:none;
margin-top:2px;
}
footer li {
    float: left;
    padding: 0;
}
footer ul.sub-menu li{
   float:none;
   margin-bottom:6px;
}
footer li a {
    display: block;
    padding: 0;
    margin-right:60px;
    text-decoration: none;
    font-size: 1.375em;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
}
footer ul.sub-menu li a{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:.875em;
margin:-right:0px;
}
footer li:last-child a {
    padding-right: 0;
    border: none;
}
footer li:first-child a {
    padding-left: 0;
    border: none;
}

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


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

.breadcrumbs,
.woocommerce-breadcrumb {
    font-size: 0.75em;
    margin-bottom: 10px;
    /* text-align: center; */
}

.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: #595cc0;
}

img a {
    border: 0;
}

#content a, #primary a {
    color: #0645AD;
    font-weight: 600;
}

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


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

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

ol {
    margin-left: 2.5em;
    margin-bottom: 1.25em;
}

#content li, #primary li {
    padding: 3px;
}

#content ul li, #primary ul li {
    background: url(images/icon-list.png) center left no-repeat;
    padding: 0;
    padding-left: 15px;
    margin-bottom: 1em;
}

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

ul.css-two-columns{
-webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

/* nested lists */

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

#content li ul li, #primary li ul li {
    background: url(images/icon-list-sub.png) 0px 2px no-repeat;
    background-size: 16px;
    padding-left: 24px;
}

#content li ol li, #primary li ol li {
    color: #2f2f2f;
    font-weight: 400;
}

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

ul.three-column-list li,
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: #26436b;
    color: #fff;
    text-align: center;
    font-size: 1.125em;
    font-weight: 600;
    padding: 14px 15px;
}

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;
}

#content .right img, #content img.right, #primary .right img, #primary img.right {
    height: auto;
    max-width: 400px;
}

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

.left {
    float: left;
    margin: 0 30px 20px 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 {
    display: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
}

#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/linkedin.svg) no-repeat scroll 0 0;
    background-size: 40px 40px;
}

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

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

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

#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: 40px;
    height: 40px;
    padding: 0 5px 0 5px;
    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, #primary 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, #primary 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, #priamry .gform_wrapper .gform_footer input.button, .pum-container .gform_wrapper .gform_footer input.button {
    width: 150px;
    padding: 10px 0px;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #254c7f;
}

#content .gform_wrapper .gform_footer input.button:hover, #primary .gform_wrapper .gform_footer input.button:hover {
    background: #565656;
}

.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: 100%!important;
}

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


/********************************************************
14. Blog Styles
********************************************************/

.blogexcerpt {
    margin-bottom: 15px;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    /* background: #ececec; */
}

#content .blogexcerpt h2 a, #primary .blogexcerpt h2 a {
    color: #2c2c2c;
}

#content .blogexcerpt h2 a:hover, #primary .blogexcerpt h2 a:hover {
    color: #183152;
}

#content .blogexcerpt h2, #primary .blogexcerpt h2 {
    margin-bottom: 14px;
    font-size: 2em;
}

.blogexcerpt a.more-btn {
    background: none;
    color: #254c7f !important;
    border: 0;
    box-shadow: none;
    padding: 0;
    font-weight: 600 !important;
    font-family: 'Roboto';
    text-decoration: underline !important;
}
.blogexcerpt a.more-btn:hover {
	background:none;  
}

aside .blog-menu h2 {
    background: #254c7f;
    color: #fff !important;
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
}

aside .blog-menu a {
    font-size: 0.875em !important;
}

/********************************************************
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
********************************************************/
.pum-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1999999999;
    background: rgba(0, 0, 0, .8) !important;
    overflow: initial;
    display: none;
    transition: all .15s ease-in-out;
}

.pum-container.custom-position{
    padding: 20px 40px !important;
    left: 50% !important;
    transform: translate(-50%, 0);
    margin: 0 0 50px 0 !important;
}

.popmake.theme-5017 > .popmake-close, .popmake.theme-default-theme > .popmake-close {
    height: auto;
    width: auto;
    left: auto;
    right: 0px;
    bottom: auto;
    top: 0px;
    padding: 20px !important;
    color: #ffffff;
    font-family: inherit;
    font-weight: inherit;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    border: 1px none #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 );
    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
    background-color: #bf5700 !important;
}

small {
    padding-bottom: 20px;
    display: block;
}

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

hr.h1-hr {
    position: absolute;
    left: 0;
    right: 0;
    height: 48px;
    width: 100%;
    border: none;
    background: url('/wp-content/themes/va/images/h1-hr.png') top center no-repeat;
  	margin-top:0;
}

.h1-hr-wrap {
    padding-bottom: 48px;
    margin-bottom: 30px;
}

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

a.quote-cart {
    color: white;
    padding-left: 34px;
    background: url(/wp-content/themes/va/images/quote-icon-blue.png) left -1px no-repeat;
    text-decoration: none;
    font-weight: 600;
    padding-top: 7px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: .75em;
}

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;
}

#content a.blue-btn, #primary a.blue-btn {
    background: #2f4e76 url('/wp-content/themes/va/images/btn-icon.png') 94% center no-repeat;
    color: #fff;
    text-decoration: none;
    padding: 8px 30px;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    width: 320px;
}

#content a.red-btn, #primary a.red-btn {
    background: #be3b27 url('/wp-content/themes/va/images/btn-icon.png') 94% center no-repeat;
    color: #fff;
    text-decoration: none;
    padding: 8px 30px;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    width: 320px;
}

#content .right a.blue-btn, #primary .right a.blue-btn, #content .right a.red-btn, #primary .right a.red-btn{
    width: 100%;
}

.inline {
    display: inline;
}

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

.block {
    display: block;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

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

input#search-trigger {
    display: none;
}

.employment-wrap .two-columns h3 {
    margin-bottom: 16px !important;
}

.employment-wrap .two-columns {
    margin-bottom: 20px;
}


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

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

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

.custom-pagination a:hover {
    background-color: #254c7f;
    color: #fff !important;
  	opacity:1 !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: #254c7f;
    color: #fff;
}

#content .img-thumb img, #primary .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: #254c7f url(/wp-content/themes/va/images/icon-arrow.png) 110px center no-repeat;
    color: #fff !important;
    background-size: 14px;
    display: inline-block;
    padding: 6px 34px 6px 21px;
    border-radius: 4px;
    margin: 0 0 20px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400 !important;
    box-shadow: 0 0 0 1px #254c7f;
    border: solid 1px #6ba2ea;
    text-decoration: none !important;
}

a.more-btn:hover {
    background-color: #0767b6;
}


/******History Page Styles ********/
.history-box {
    width: 20%;
    background: #252525;
    padding: 30px 2%;
    color: #fff;
    float: left;
    margin-right: .5%;
    border: 1px solid #183152;
    height: 300px;
    margin-bottom: 30px;
}

span.history-date {
    font-weight: bold;
    font-size: 1.75em;
    text-align: center;
    display: block;
    padding-bottom: 20px;
    border-bottom: 2px solid #BF5700;
}

.history-box p{
    
}

.history-box:nth-child(odd) {
    background: #254c7f;
    color: #fff;
}

.history-box.history-image
 img {
    padding-bottom: 20px;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #BF5700;
}
.history-box.history-image p{
    font-size: 20px;
}

.mobile-team-page{
display: none;
}
.mobile-team-page .ui-state-active,
.mobile-team-page .ui-state-active.ui-state-default,
.mobile-team-page .ui-state-active.ui-state-focus,
.mobile-team-page .ui-state-active.ui-state-hover,
.mobile-team-page .ui-widget-content .ui-state-active,
.mobile-team-page .ui-widget-header .ui-state-active,
.mobile-team-page a.ui-button:active,
.mobile-team-page .ui-button:active,
.mobile-team-page .ui-button.ui-state-active:hover {
	border: 1px solid #e68161;
	background: #bf5700 !important;
	font-weight: bold;
	color: #ffffff;
}
.mobile-team-page .ui-state-default,
.mobile-team-page .ui-widget-content .ui-state-default,
.mobile-team-page .ui-widget-header .ui-state-default,
.mobile-team-page .ui-button,
.mobile-team-page .ui-button.ui-state-disabled:hover,
.mobile-team-page .ui-button.ui-state-disabled:active {
	border-bottom: 1px solid #c5c5c5 !important;
	background: #254c7f !important;
	font-weight: bold !important;
	color: #fff !important;
}
.mobile-team-page .ui-state-hover,
.mobile-team-page .ui-state-focus,
.mobile-team-page .ui-state-focus,
.mobile-team-page .ui-button:hover,
.mobile-team-page .ui-button:focus {
	border: none;
	border-bottom: 1px solid #c5c5c5 !important;
	background: #bf5700 !important;
	font-weight: bold !important;
	color: #2b2b2b;
}


.mobile-team-page .ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 0;
	padding: 15px 0;
	font-size: 20px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px !important;
}

.ui-icon, .ui-widget-content .ui-icon{
    background-image: url(http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png) !important;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px !important;
}

/********************************************************
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) {}


/* TABLETS, OLD BROWSER/LOW RESOLUTION DESKTOPS & LAPTOPS */


/* Responsive Typography for Tablet (large) */

@media only screen and (max-width:1200px) {
    header .right {
        padding-right: 20px;
    }
    a.quote-cart {
        right: 20px;
    }
  #content, #primary{
  padding: 30px 30px 20px;
  }
  footer{
  width: 100%;
  }
  footer ul, footer p{
  padding-left: 30px;
  }
  footer ul.sub-menu{
  padding-left:0px;
  }
  #header, #faux-column{
  width: 100%;
  }
  .right, not:(.map-right){
  max-width: 30%;
	}
  #content .right img, #content .right iframe, #primary .right img, #primary .right iframe {
  	max-width: 100%;
  }
	.is-sticky header img.logo-right {
    left: 80px;
	}
	.is-sticky header img.logo-left {
    left: 20px;
	}
	aside {
    padding-left: 20px;
	}
	ul.loc-specialty {
    float: none;
    margin-left: 0;
	}
	p.loc-address {
    display: block;
    float: none;
	}
	img.loc-map {
  	display:block;
  	float:none;
  	margin-left:0;
  	
	}
}

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

@media only screen and (max-width:1100px) {
    #content, #primary {
        padding-right: 20px;
        box-sizing: border-box;
    }
    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, #primary blockquote p {
        font-size: 1.5em;
        line-height: 1.25;
    }
  header nav{
	width:auto;
  }
  header nav ul{
  }
  header nav li a {
    padding: 29px 14px 29px 14px;
}
}
@media only screen and (max-width: 1000px) {
div#tabs > ul li a {
    padding: 10px 10px;
    margin: 0 !important;
    text-align: center;
}
}
@media only screen and (max-width: 960px) {
    /*wrap width*/
    header,
    #faux-column,
    footer {
        width: 100%;
    }
  header nav ul {
    margin-right: 20px;
}
  header nav li a {
    padding: 29px 10px 29px 10px;
}
  header nav li#menu-item-46{
	display:none;
  }
  header .left .logo-left{
	display:none;
  }
  header img.logo-right {
    padding-top: 28px;
    padding-left: 28px;
    top: auto;
    left: auto;
    position: relative;
    z-index: 999;
}
    footer ul {
        float: left;
        margin: 0 0 20px 20px;
    }
    footer ul.sub-menu{
    margin-left:0px;
    }
    footer ul li a:first-child {
        padding-left: 0;
    }
    footer p {
        clear: both;
    }
    #extended-footer {
        padding-right: 20px;
    }
	.is-sticky header img.logo-right {
    left: 20px;
	}
	.is-sticky header nav {
    width: auto;
	}
	#content ul li.product-category div, #primary ul li.product-category div {
  		max-height: 250px !important;
	}
	#content ul.products li.product, #primary ul.products li.product {
  		width: auto !important;
  		max-width: 100% !important;
	}
}

@media only screen and (max-width: 940px) {
    #social {
        display: none;
    }
    #side-social {
        display: table;
    }
  	div#tabs > ul li {
      	width: auto!important;
      	font-size: 13px;
      	margin: 0 !important;
      	padding: 0;
	}
	.history-box{
  		width: 30%;
		margin-bottom: 5px;
		padding: 30px 1%;
	}
	.history-box.history-image img{
		display: block;
		margin: 0 auto;
	}
  	.map-right, .map-right iframe {
		width: 100%;
	}
}

@media only screen and (max-width: 875px) {
div#tabs > ul {
    width: 100%;
    padding: 0
}
div#tabs > ul li {
      	width: auto!important;
      	font-size: 13px;
      	margin: 0 !important;
      	padding: 0;
}
div#tabs > ul li a{
    padding: 10px 5px;
    margin: 0 !important;
    text-align: center;
}
}



@media only screen and (max-width: 799px) {
  header{
	background:#254c7f;
  }
  aside {
        display: none;
    }
    .breadcrumbs {
        display: none;
    }
    #header-wrap {
        border-bottom: 1px solid #ccc;
    }
    #header-wrap,
    header {
        height: 165px;
    }
    header nav {
        display: none;
    }
    header #header {
        height: 168px;
    }
    #wrap {
        border-top: 1px solid #ddd;
    }
    #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;
    }
    footer ul {
        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;
        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: 999;
        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: 30px;
        height: 30px;
        margin-top: 0px;
        padding: 0 0 0 15px;
        float: right;
    }
    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;
    }
    div.search-wrap form#searchform {
        width: 95%;
        margin: 0 auto;
        padding: 10px 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;
    }
    /* 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, #primary blockquote p {
        font-size: 1.25em;
        line-height: 1.25;
    }
	header img.logo-left {
    padding-top: 26px !important;
    padding-left: 0 !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
    z-index: 999 !important;
  	display:block !important;
	}
	header img.logo-right {
    padding-top: 46px !important;
    padding-left: 126px !important;
	}
	header .left {
    margin: 0 auto !important;
    display: block !important;
    width: 400px !important;
    text-align: center !important;
    position: relative !important;
    padding-top: 20px !important;
    float: none !important;
	}
	.mobile-team-page{
	display: block;
	}
	.emp-info {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
  	float: none;
  	padding-top: 20px;
	}
	.emp-info * {
    float: none;
    margin: 0 auto;
    text-align: center;
    display: block;
	}
    .emp-info script {
    display: none;
	}
	.employee-img{
	display: none;
	}
	#tabs{
	display: none;
	}
	.history-box{
	  width: 47%;
	  margin-bottom: 5px;
	}
	.history-box.history-image img{
	display: block;
	  margin: 0 auto;
	}
    #header-wrap,
    header {
        height: 129px;
    }
    header .left {
        float: none;
        width: 100%;
    }
    header img.logo {
        margin: 0 auto;
        padding: 0px;
        display: block;
    }
    header nav {
        display: none;
    }
    header .right {
        display: none;
    }
    div#sticker-sticky-wrapper {
    position: relative !important;
    }

    div#sticker-sticky-wrapper #sticker {
    position: relative !important;
    height: auto !important;
    }

    div#shiftnav-toggle-main {
    z-index: 9999 !important;
    }
}

@media only screen and (max-width: 740px) {
    #content, #primary {
        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;
    }
    a.quote-cart {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin-left: 30px;
        display: block;
    }
    #content div.right, #primary div.right {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 600px) {
  .woocommerce-breadcrumb{
  display:none;
	  }
    #content img.right, #primary img.right,
    #content .right img, #primary .right img {
        float: none;
        max-width: 100%;
        margin: 0 0 15px 0;
    }
    .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, #primary {
        padding-top: 25px;
    }
    header img.logo {
        padding: 0px;
    }
    /*    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, #primary blockquote {
        background-size: 20px;
        padding-left: 40px;
        background-position: 12px 20px;
    }
    /* 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, #primary blockquote p {
        font-size: 1.125em;
        line-height: 1.25;
    }
	.history-box{width: 85%;height: auto;margin: 0 auto;display: block;float: none;margin-bottom: 5px;padding: 20px;}
	.history-box.history-image img{display: block;margin: 0 auto;}
	ul.css-two-columns {column-count: 1;}
	.img-thumb {display: none;}
}

@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, #primary form ul li {
        float: none;
        width: 100%;
    }
    #wrapper #extended-footer {
        display: none;
    }
    #foot-social {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 450px) {
  #content .blogexcerpt h2 {font-size: 1.5em;}
  #content .home-box h3 {background-image: none;}
}

@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;
    }
  	header img.logo-left {
    width: 60px !important;
	padding-top:21px !important;
	}
  	header .left {
    width: 270px !important;
	}
  	header img.logo-right {
    padding-top: 22px !important;
    padding-left: 50px !important;
    width: 180px;
	}
  	header #header {
    height: 100px;
	}
}