/*
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';
* {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
}*/

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/va/fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/va/fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/va/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-semibold - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/va/fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/va/fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

To navigate to a section of the stylesheet - Ctrl+F

1. Text Styles
2. Header Styles
3. Header Navigation Styles
3.5 CSS Shift Nav
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;
    padding: 0;
}

.inline {
    display: inline;
}

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

.block {
    display: block;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.static {
    position: static;
}


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


/* base font styles*/

body {
	overflow-x: hidden;    
	font-family: 'Roboto';
	font-weight:normal;
	font-style:normal;
    line-height: 1.375;
    color: #000;
    background: #0c1c3a;
    margin: 0;
}


/* 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-family:'Roboto';
    font-weight: 700;
}

em,
i {
    font-style: italic;
}

#content p {
    margin-bottom: 1.25em;
    font-size: 1.125em;
}

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

h1 {
    font-size: 2.5em;
    line-height: 1;
    font-weight: 700;
    padding-bottom: .75em;
    margin: 0;
    color: #204982;
}

h2 {
    margin: 0;
    font-size: 2.125em;
    margin-bottom: .3em;
    color: #1a63d4;
    font-weight: 700;
    line-height: 1;
}

h3,
p.h3 {
    font-size: 1.75em;
    margin-bottom: .3em;
    color: #454545;
    font-weight: 700;
}

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


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

#outer-wrap {
    background: #fff;
    min-height: 100%;
    position: relative;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
    left: 0;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
    -o-transition: left 600ms;
    transition: left 600ms;
}

header {
    background: url(/wp-content/themes/va/images/header-bg.png.webp) top center;
    z-index: 99 !important;
    position: relative;
    width: 100%;
}

#wrap {
    background: #fff;
}

header .left {
    margin: 0;
}

header .right {
    margin: 0;
    padding: 0;
}

header .right p {
    font-weight: 500;
	font-family:'Roboto';
    margin-bottom: 0;
    text-align: right;
}

p.top-tagline {
    color: #a4d4ff;
    padding-top: 3px;
}

p.secondary-tagline {
    color: #fff;
    padding-top: 48px;
    font-size: 1.250em;
    opacity: 1;
    transition: all 100ms;
}

p.tagline-certifications {
    color: #ffcc00;
    font-size: 1.250em;
    opacity: 1;
    transition: all 100ms;
}

header img.logo {
    padding-top: 14px;
    padding-left: 0;
    padding-bottom: 9px;
    margin-left: -40px;
    display: block;
    height: 135px;
}

#header {
    position: relative;
    width: 1140px;
    margin: 0 auto;
    max-width: 100%;
    height: 158px;
    transition: all 300ms;
}


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

header nav {
    font-weight: normal;
    width: 1140px;
    max-width: 100%;
    height: 43px;
    margin: 0 auto;
    position: relative;
}

header nav div > ul {
    margin: 0 !important;
    padding: 0;
    max-width: 650px;
    /** Adjust width according to the width of the menu **/
        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 nav div > ul li {
    padding: 0;
}

header nav div > ul li a {
    font-size: 1em;
    display: block;
    padding: 10px 0;
    margin: 0;
    text-decoration: none;
    color: #0c1c3a;
    text-transform: uppercase;
    font-weight: 500;
	font-family:'Roboto';
    height: 43px;
    box-sizing: border-box;
}

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

header nav div > ul li:hover a {
    color: #1a63d4;
}

div.nav-wrap {
    background: #bcbcbc;
    border-top: 1px solid #fff;
    z-index: 999 !important;
}

.is-sticky div.nav-wrap {
    border-top: none;
}

header nav div ul li > ul {
    background: #727272;
    padding: 0;
    display: none;
    position: absolute;
    width: 200px;
    z-index: 999;
    margin-left: 0;
}

header nav div ul li > ul li {
    float: none;
}

header nav div ul li > ul li a {
    padding: 12px 20px 12px 20px;
    font-size: 0.875em;
    font-weight: normal;
    text-transform: none;
    height: auto;
    color: #fff !important;
    box-sizing: content-box;
}

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

header ul li ul.sub-menu li a:hover {
    background: #929292;
    color: #444444;
}

.search-wrap {
    position: absolute;
    top: 5px;
    right: 0;
}

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

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

div.search-wrap form#searchform {
    text-align: center;
    border-bottom: 1px solid #404040;
    padding-bottom: 0;
    font-size: 0.938em;
    margin-bottom: 0;
    width: 180px;
}

div.search-wrap input.field {
    border: none;
    outline: none;
    background: none;
    padding: 3px;
    margin-left: 0;
    color: #404040;
    width: 150px;
    font-weight: 500;
	font-family:'Roboto';
}
div.search-wrap input.field::placeholder{
    color: #404040;
}

input#search-trigger {
    display: none;
}

div#hero-img {
    max-width: 100%;
    overflow: hidden;
    line-height: 0;
}

div#hero-img img {
    height: 100%;
    margin: 0 auto;
    max-width: 2200px;
    width: 100%
}

.industries-dropdown{
    padding-right: 25px;
    margin-right: -25px;
}

.industries-dropdown > a {
    /* pointer-events: none; */
    /* background: url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png) no-repeat !important; */
    /* background-position: right center !important; */
    /* padding-right: 25px; */
    /* margin-right: -25px; */
    /* background-size: 20px !important; */
}

p.top-tagline span.icon-phone {
    background: url(/wp-content/themes/va/images/icon-phone-header.png) center center no-repeat;
    width: 26px;
    display: inline-block;
    height: 26px;
    margin-right: 6px;
    margin-left: 12px;
}

p.top-tagline span.icon-email {
    background: url(/wp-content/themes/va/images/icon-email-header.png) center center no-repeat;
    width: 26px;
    display: inline-block;
    height: 26px;
  	margin-left:6px;
}

p.top-tagline a:hover {
    opacity: 0.7;
}

div#sticker-sticky-wrapper {
    height: 202px !important;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms;
}

div#sticker-sticky-wrapper.is-sticky {
    height: 108px !important;
}


/********************************************************
3.5 CSS Shift Nav
********************************************************/

#mobile-nav-block {
    background: #194996;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

#company-name {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
	font-family:'Roboto';
    left: 65px;
    top: 15px;
    position: relative;
}

.nav-trigger {
    display: none;
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.nav-trigger:checked + label {
    left: 250px;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
    -o-transition: left 600ms;
    transition: left 600ms;
    background: url(/wp-content/themes/va/images/close.svg) no-repeat 50% 50%;
    background: url(/wp-content/themes/va/images/close.svg) no-repeat 50% 50%;
    background-size: contain;
}

label[for="nav-trigger"] {
    display: none;
    position: fixed;
    left: 0;
    z-index: 999;
    width: 60px;
    cursor: pointer;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
    -o-transition: left 600ms;
    transition: left 600ms;
    background-size: contain;
    background: url(/wp-content/themes/va/images/hamburger.svg) no-repeat 50% 50%;
    background: url(/wp-content/themes/va/images/hamburger.svg) no-repeat 50% 50%;
    height: 20px;
    top: 14px;
    background-size: contain;
}

.nav-trigger:checked ~ #outer-wrap {
    overflow: hidden;
    left: 250px;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
    -o-transition: left 600ms;
    transition: left 600ms;
}

.nav-trigger:checked ~ #outer-wrap header #header .left label {
    opacity: 0;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

.nav-trigger:checked ~ #outer-wrap header #header .search-wrap {
    top: 0;
    left: 250px;
}

.nav-trigger:checked ~ #outer-wrap .phone-buttons {
    left: 250px;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

.nav-trigger:checked ~ #outer-wrap #mobile-nav-block {
    left: 250px;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

.nav-trigger:checked ~ #outer-wrap header #header .search-trigger + label {
    opacity: 0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.nav-trigger:checked ~ #mobile-nav ul {
    opacity: 1;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

#mobile-nav ul {
    list-style: none;
    width: 250px;
    height: 100%;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: 0;
    opacity: 0;
	padding:0;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms;
    transition: all 1200ms;
}

#mobile-nav ul li.menu-item-has-children {
    border-bottom: none;
    position: relative;
}

button.mobile-dropdown {
    cursor: pointer;
    position: absolute;
    outline: none;
    right: 5px;
    top: 4px;
    background: url(/wp-content/themes/va/images/close.svg) no-repeat 50% 50%;
    padding: 12px;
    margin: 10px;
    border: none;
    transform: rotate(45deg);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

button.mobile-dropdown.open {
    transform: rotate(0deg);
}

button.mobile-dropdown.open ~ .sub-menu {
    max-height: 999px !important;
    -webkit-transition: max-height 400ms !important;
    -moz-transition: max-height 400ms !important;
    -o-transition: max-height 400ms !important;
    transition: max-height 400ms !important;
}

#mobile-nav ul li .sub-menu {
    max-height: 0;
    display: block;
    position: relative;
    -webkit-transition: max-height 300ms !important;
    -moz-transition: max-height 300ms !important;
    -o-transition: max-height 300ms !important;
    transition: max-height 300ms !important;
}

#mobile-nav ul li .sub-menu li {
    border-top-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(0, 0, 0, .8);
}

#mobile-nav ul li .sub-menu li:last-child {
    border-bottom: none;
}

#mobile-nav ul li .sub-menu a {
    background: #000000;
}

#mobile-nav ul li {
    width: 100%;
    border-bottom: 1px solid #194996;
    border-top: 1px solid #193a6e;
}

#mobile-nav ul li a {
    background: #0c1c3a;
    display: block;
    padding: 18px;
    color: white;
    font-size: .875em;
    text-decoration: none;
    transition: color 0.2s, background 0.5s;
}

#mobile-nav ul li a.nav-current {
    background: #194996;
    border-top-color: rgba(255, 255, 255, .4);
    border-bottom-color: rgba(0, 0, 0, .8);
}

p.top-tagline span.tag-text {
    display: inline-block;
    margin-top: 5px;
}

.is-sticky #header .secondary-tagline, .is-sticky #header .tagline-certifications {
    opacity: 0;
    height: 0px !important;
    padding: 0 !important;
}

.is-sticky #header img.logo {
    height: 52px;
    padding: 5px 0;
	padding-left: 20px;
}

.is-sticky header {
    background: #193a6e;
    /* color: #193a6e; */
}

.is-sticky p.top-tagline {
    padding-top: 14px;
}

.is-sticky div#header {
    height: 62px;
}

header img.logo {
    -webkit-transition: all 300ms;
	-moz-transition: all 300ms;
  	-o-transition: all 300ms;
  	transition: all 300ms;
}

img.hero-img {
    max-width: 100%;
}
.hero-wrap {
    overflow: hidden;
}

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

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

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

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

#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 {
    -webkit-columns: 2 200px;
    -moz-columns: 2 200px;
    columns: 2 200px;
    column-gap: 40px;
}

.three-columns {
    -webkit-columns: 3 200px;
    -moz-columns: 3 200px;
    columns: 3 200px;
    column-gap: 40px;
}

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

#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 30px 85px;
    margin-bottom: 3em;
}

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

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

#content blockquote p.quote-name span {
    color: #1e8eb8;
    font-style: italic;
    font-weight: 500;
	font-family:'Roboto';
    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 18px -6px rgba(0, 0, 0, 0.8);
}

.picture-frame {
    padding: 5px;
    border: solid 1px #dedede;
}

.picture-frame:hover {
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    cursor: pointer;
}

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

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

#content a.download-btn {
    font-size: 1em;
    font-style: normal;
    background: #585858 url(/wp-content/themes/va/images/icon-download.png) right 16px center no-repeat;
    color: #fff;
    background-size: 16px;
    display: inline-block;
    padding: 10px 48px 10px 20px;
    border-radius: 4px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    margin-bottom: 20px;
    box-sizing: border-box;
}

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

#content a.primary-btn {
    background: #ff901e;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    padding: 10px 30px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    border: none;
    max-width: 100%;
    margin: 0px 1px 10px 1px;
}

#content a.primary-btn:hover {
    background: #ffca0a;
}

#content a.secondary-btn {
    background: #3b87ce;
    text-align: center;
    color: #fff !important;
    background-size: 12px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: normal !important;
    border: none;
    text-decoration: none !important;
    margin: 0;
    box-sizing: border-box;
}

#content a.secondary-btn:hover {
    background-color: #58aaf7;
}

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

.right.image-gallery {
    border: solid 1px #bdbdbd;
}

#content .image-gallery img {
    margin: 0 !important;
}

.image-gallery .slick-prev,
.image-gallery .slick-next {
    left: auto;
    right: 49px;
    background: #494949;
    height: 50px;
    width: 50px;
    z-index: 99;
    opacity: 0.5;
    top: auto;
    bottom: 0;
    transform: none;
    border: solid 1px #fff;
}

.image-gallery .slick-next {
    right: 0 !important;
    left: auto;
}

.image-gallery .slick-slide {
    display: table !important;
    height: 298px;
}

.image-gallery a {
    display: table-cell;
    vertical-align: middle;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background: #494949 !important;
}

.fancybox-nav span {
    visibility: visible !important;
}

.center {
    text-align: center;
}

.small {
    font-size: 10px;
}

#content a.phone-link {
    color: #363636;
    text-decoration: none;
}

p#swnza_banner_text {
    font-size: 1em;
}

div.swnza_banner {
    height: auto;
	padding: 10px 20px;
    box-sizing: border-box;
}

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

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

aside#right-sidebar {
    float: right;
    padding-right: 0;
    padding-left: 30px;
}

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

aside p.h3 {
    font-size: 1.5em;
    font-weight: normal;
    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: 500;
	font-family:'Roboto';
    color: #1a63d4;
}

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

aside div > ul > li {
    border-bottom: 1px solid #c8c8c8;
}

aside li a.nav-current {
    color: #4050a2 !important;
    font-weight: 500;
	font-family:'Roboto';
}

aside a:hover {
    color: #005fbb!important;
}

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;
    overflow: hidden;
    display: none;
}

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

aside li.dropdown a {
    border-bottom: none;
}

aside > ul > li {
    border-bottom: solid 1px #77808e;
}

aside > .menu-products-menu-container > ul > li {
    border-bottom: solid 1px #cacaca;
}

aside li li a {
    padding-bottom: 5px;
}

aside li li:first-child a {
    padding-top: 0;
}

aside li.current-menu-item ul.sub-menu,
aside li.current_page_ancestor ul.sub-menu {
    display: block;
}

span.expand {
    float: right;
    width: 22px;
    height: 22px;
    background: url(/wp-content/themes/va/images/icon-menu-open.png) center 20px no-repeat;
    padding: 10px 10px 8px 10px;
    z-index: 99;
}

span.expand:hover {
    cursor: pointer;
}

span.expand.closed {
    background: url(/wp-content/themes/va/images/icon-menu-closed.png) center center no-repeat;
}


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

.footer-wrap {
    width: 100%;
    background: #0c1c3a;
}

.sub-footer-wrap {
    background: #efefef;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.sub-footer {
    width: 1140px;
    margin: 0 auto;
    padding: 20px 0;
    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;
}

.sub-footer .box {
    position: relative;
    width: 30%;
    float: left;
}

.sub-footer .box span {
    position: absolute;
    z-index: 9;
    bottom: 7px;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.36);
    padding: 15px 0;
    font-weight: 500;
	font-family:'Roboto';
    color: #fff;
}

.sub-footer .box img {
    width: 100%;
}
.sub-footer .box a:hover{
opacity:0.8;
transition:all 300ms;
}
.footer-logos-wrap {
    background: #fff;
}

.footer-logos {
    width: 1000px;
  max-width: 1000px;
    margin: 0 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;
}
.footer-logos img{
float: none;
}

footer {
    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: 40px;
    padding-left: 0;
    margin-bottom: 0;
    color: #fff;
    float: left;
}

footer p.right{
    float: right;
    text-align: right;
    clear: right;
}

footer ul {
    float: right;
    margin: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

footer li {
    padding: 0;
    float: left;
}

footer li a {
    display: block;
    padding: 0;
    padding-right: 12px;
    padding-left: 12px;
    text-decoration: none;
}

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

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

a.footer-google {
  background: transparent url(/wp-content/uploads/icon-google.png) 0px 0px no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  margin-top: 10px;
}


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

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

.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: 'Roboto', sans-serif;
    font-weight: 700;
}

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

.breadcrumbs a span,
.woocommerce-breadcrumb {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #204982;
}

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

#content .breadcrumbs span a span {
    padding: 0 !important;
}


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

a {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

img a {
    border: 0;
}

#content a:not([class]) {
    color: #1a63d4;
    font-weight: 700;
	font-family:'Roboto';
    text-decoration: underline;
}

#content a:hover:not([class]) {
    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 {
    padding: 3px;
}

#content ul li {
    background: url(images/icon-list-dot.png) 0 7px no-repeat;
    background-size: 8px;
    padding: 0;
    padding-left: 30px;
    margin-bottom: 1em;
}

#content ol li {
    padding: 0;
    margin-bottom: 1em;
    color: #1b5a8a;
    font-weight: 500;
	font-family:'Roboto';
}


/* 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 2px no-repeat;
    background-size: 16px;
    padding-left: 24px;
}

#content li ol li {
    color: #2f2f2f;
    font-weight: normal;
}

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

ul.two-column-list {
    columns: 2;
    column-gap: 40px;
}

ul.three-column-list {
    columns: 3;
    column-gap: 40px;
}


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

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

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

td,
th {
    padding: 5px;
}

th {
    background-color: #015bc0;
    color: #fff;
    text-align: center;
    font-size: 1.125em;
    font-weight: 500;
	font-family:'Roboto';
    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: 500;
	font-family:'Roboto';
    color: #219ee4;
}

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

.dataTable th {
    font-weight: 500;
	font-family:'Roboto';
    color: #fff;
    background: #219ee4;
}

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


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

#content .right {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 350px;
}

#content iframe.right.contact-map {
    max-width: 750px;
}

#content .right img,
#content img.right {
    height: auto;
    width: 100%;
}
#content img.d300{
max-width:350px;
}
.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 {
    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 input[type="text"], #content form ul li select, #content form ul li textarea {
    border: 1px solid #cacaca;
    background: #efefef!important;
}

#content form ul li input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    padding: 3px 15px !important;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: #fff;
    border: 2px solid #a2a2a2;
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    opacity: 0.8;
}

#content form ul li input[type="checkbox"]:after {
  position: relative;
  display: block;
  content: "";
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
  background: #d4d4d4;
  border-radius: 10px;
  padding: 8px 12px;
  left: -10px;
  opacity: 1;
}
#content form ul li input[type="checkbox"]:checked,
#content form ul li input[type="checkbox"]:checked:hover {
  border: 2px solid #015bc0;
  opacity: 1;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
#content form ul li input[type="checkbox"]:checked:after,
#content form ul li input[type="checkbox"]:checked:hover:after {
  left: 10px;
  background: #015bc0;
  opacity: 1;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#content form ul li input[type="checkbox"]:hover {
  border: 2px solid #015bc0;
  opacity: .5;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
#content form ul li input[type="checkbox"]:hover:after {
  background: #015bc0;
  opacity: .8;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#content form ul li input[type="radio"] {
    background-color: #d8d8d8;
    border: 1px solid #015bc0;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    margin-top: 2px;
    position: relative;
    width: 20px !important;
    -webkit-appearance: none;
    outline: none;
}

#content form ul li input[type="radio"]:checked {
    background: #dedede;
}

#content form ul li input[type="radio"]:after {
    opacity: 0;
    border-radius: 25px;
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    left: 4px;
    top: 4px;
    position: relative;
    -webkit-transition: all 600ms;
    -moz-transition: all +00ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

#content form ul li input[type="radio"]:checked:after,
#content form ul li input[type="radio"]:checked:hover:after {
    -webkit-transition: all 600ms;
    -moz-transition: all +00ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    opacity: 1;
    background-color: #015bc0;
}

#content form ul li input[type="radio"]:hover:after {
    -webkit-transition: all 600ms;
    -moz-transition: all +00ms;
    -o-transition: all 600ms;
    transition: all 600ms;
    opacity: .5;
    background-color: #015bc0;
}

#content form ul li input[type="text"]:focus,
#content form ul li select:focus,
#content form ul li textarea:focus {
    outline: 1px dashed #5a6fdf;
}

#content form ul li .ginput_container {
    margin-top: 0;
}

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

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

#content form ul li select,
#content form ul li input[type="text"] {
    height: 35px;
}

#content form ul li select[multiple] {
    appearance: none !important;
    background: #efefef !important;
    overflow: hidden;
    padding: 0 !important;
    height: 160px !important; 
}

#content form ul li select[multiple] option{
    appearance: none !important;
    padding-left: 10px;
    border-bottom: 1px dashed #737373;
}

#content form ul li select[multiple] option:checked,
#content form ul li select[multiple] option:focus {
    appearance: none !important;
    background: #00599b !important;
}

#content form ul li select {
    background: #efefef url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png) no-repeat !important;
    background-size: 20px !important;
    background-position: right 10px center !important;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#content .gform_wrapper .gform_footer input.button {
    background: #ff901e;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    padding: 10px 30px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    border: none;
    max-width: 100%;
    width: 150px;
    text-align: center;
    margin: 0px 1px 20px 1px;
}

#content .gform_wrapper .gform_footer input.button:hover {
    background: #ffca0a;
    cursor: pointer;
}

.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 input, .gform_wrapper li.gfield.gfield_error textarea {
    border: solid 1px #9e0e0e !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;
}

#content form .empty-field {
    border-left: 4px solid red !important;
}

#content form ul li select::-ms-expand {
    display: none;
}

div.gform_wrapper ul.gform_fields li.gfield.one-third {
    width: 33.3333%;
}

div.gform_wrapper ul.gform_fields li.gfield select {
    width: 100%;
    height: 50px;
}

.gform_footer img {
    display: none !important;
}

div.gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
}

div.gform_wrapper {
    margin: 0 0 48px 0;
}

div.gform_wrapper .validation_message {
    padding-top: 8px !important;
    color: #c11111;
    font-size: 0.75em;
}

div.gform_wrapper.gform_validation_error .top_label input.medium, div.gform_wrapper.gform_validation_error .top_label select.medium {
    width: 100%;
    background: #ffebeb;
    border-color: #e7aaaa;
}

#genesis-content li.gfield.full-width {
    margin-bottom: 16px !important;
}

div.gform_wrapper {
    margin: 0;
}

div.gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0;
    margin-bottom: 20px;
    width: 50%;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
	list-style:none;
}

label.gfield_label {
    font-size: 0.75em;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
}

li.hidden_label label {
    display: none;
}

li.gform_hidden, li.gform_validation_container {
    visibility: hidden;
    display: none;
}

div.gform_wrapper textarea {
    height: 180px;
}

div.gform_wrapper ul.gform_fields {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
	padding-left:0;
}

div.gform_wrapper ul.gform_fields li.gfield.full-width {
    width: 100%;
}

div.gform_wrapper ul.gform_fields li.gfield input {
    width: 100%;
    margin-top: 0;
}

div.gform_wrapper ul.gform_fields li.gfield div.ginput_container {
    margin-top: 0;
}

div.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 5px 16px;
}

div.gform_wrapper textarea.medium {
    padding: 5px 16px;
}

div.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    border: 0;
	margin-top:0 !important;
}

.validation_error {
    background: #efefef;
    border-left: solid 4px #b70e0e;
    padding: 10px 20px;
    margin-bottom: 20px;
}

div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0;
}

div.gform_wrapper .validation_message.instruction {
    display: none;
}

div.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}

p.form-title {
    font-size: 28px;
    color: #457eb9;
    font-weight: 500;
}

.ginput_complex.has_street > span {
    margin-bottom: 16px;
    display: block;
}

.ginput_complex.has_street > span label {
    font-size: 0.75em;
}

div.gform_wrapper ul.gform_fields li.gfield input[type="radio"] {
    width: auto;
    margin-right: 10px;
}

.gfield_radio li, .gfield_checkbox li {
    list-style: none;
}

.gfield_radio, .gfield_checkbox {
    margin: 0;
}

div.gform_wrapper ul.gform_fields li.gfield input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}

.gfield_radio input[type="text"] {
    width: auto !important;
}

.gform_drop_area {
    border: dashed 2px #d3d3d3;
    padding: 20px;
}

.contact-columns {
    display: flex;
}

.contact-columns .form-column {
    width: 70%;
    margin: 30px 50px 30px 0;
}

.contact-columns .info-column {
    width: 30%;
    margin: 30px 0 30px 50px;
    background: center url(https://pinnerwirestg.wpenginepowered.com/wp-content/uploads/Abstract-technology-geometric-polygonal-lines-background-1091832922_8854x3609.jpeg);
    padding: 20px 60px;
	border: 2px solid rgba(20, 46, 97, 1);
	position: relative;
}

.contact-columns .info-column iframe {
    width: 100%;
}

.form-banner {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #142e61;
}

.info-column span {
    display: block;
    font-size: 20px;
    color: #142e61;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 10px auto;
    border-bottom: 5px solid #142e61;
    max-width: 150px;
}

/* .info-column span::after {
    content: '';
    width: 150px;
    height: 5px;
    background-color: #142e61;
    position: absolute;
    bottom: 0;
    left: 20%;
} */

.info-column p {
    text-align: center;
}

.contact-columns .info-column::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(207, 207, 207, 0.23497321291797968) 32%, #142e6182 61%);
    z-index: 1;
}

.info-column > p, .info-column > iframe {
    z-index: 20;
    position: relative;
}

@media only screen and (max-width:1100px) {
	div.gform_wrapper ul.gform_fields li.gfield.one-third {
    	width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.contact-columns {
		flex-direction: column;
	}

	.contact-columns .form-column, .contact-columns .info-column {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.contact-columns .info-column iframe {
		width: 75%;
		margin: 0 auto;
	}

	.info-column span::after {
		display: none;
	}

	.info-column span {
		max-width: 200px;
		margin: 0 auto;
	}
}


@media only screen and (max-width:600px) {
    div.gform_wrapper ul.gform_fields li.gfield {
        width: 100% !important;
        padding-right: 0 !important;
    }
}

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

.blogexcerpt {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: solid 1px #c8c8c8;
}

#content .blogexcerpt h2 a {
    color: #3880c6;
    font-weight: normal;
}

#content .blogexcerpt h2 a:hover {
    color: #ea8f00;
}

aside h2.widgettitle {
    font-size: 1.125em;
    color: #494949;
    font-weight: 500;
	font-family:'Roboto';
}


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

.mobile-show,
.phone-show {
    display: none;
}
#content a.primary-btn.mobile-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 {
    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;
}


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

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: 500;
	font-family:'Roboto';
    padding-top: 6px;
    padding-right: 0px;
}

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

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

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

span.highlight-keyword {
    background: #e6e19b;
    padding: 0 3px;
}


/* ============================================================
  CUSTOM PAGINATION (Blog / Search Results)
============================================================ */

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

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

.custom-pagination a:hover {
    background-color: #0085f3;
    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: #0085f3;
    color: #fff;
}


/* End Custom Pagination Styles */

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

.form-wrap {
    float: none;
    width: auto;
    overflow: hidden;
    min-height: 600px;
    padding-bottom: 20px;
    color: #363636;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    padding-left: 30px;
}

.contact-content {
    float: left;
    padding-right: 25px;
}

.social-media {
    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;
}

.social-media img {
    margin: 0 auto;
    height: auto;
}
#content .product-images img{
float:left;
max-width:350px;
margin-right:20px;
margin-bottom:20px;
}
#content .product-images img.second-row{
margin-left:176px;
}
.product-box {
    position: relative;
    width: 30%;
    float: left;
    margin-right: 4.5%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.product-box span {
    position: absolute;
    z-index: 9;
    bottom: 7px;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgb(21, 64, 132);
    padding: 15px 0;
    font-weight: 500;
	font-family:'Roboto';
    color: #fff;
}

#content .product-box img {
    width: 100%;
    border:1px solid #cccccc;
    box-sizing:border-box;
}
.product-box a:hover{
opacity:0.8;
transition:all 300ms;
}
/********************************************************
18. Start Responsive Styles
********************************************************/


@media only screen and (max-width:1240px) {
  header img.logo {
    margin-left: 0;
	margin-right:32px;
	  padding-left: 10px;
	}
}

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


@media only screen and (max-width:1180px) {
    header .right {
        padding-right: 20px;
    }
    a.quote-cart {
        right: 20px;
    }
    #faux-column {
        width: 100%;
    }
    div#content {
        padding-left: 32px;
        padding-right: 32px;
    }
    aside {
        margin-left: 32px;
    }	
  	header nav {
    padding: 0 20px;
    box-sizing: border-box;
	}
  	.search-wrap {
    	right: 20px;
	}
	.sub-footer {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
	}
	.footer-logos {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
	}
	footer {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
	}
	#content .product-images img{
	margin-right:0px;
	}
}

@media only screen and (max-width:1140px){
 	
  	p.tagline-certifications {
        font-size: 1em;
	}
  	p.secondary-tagline {
        font-size: 1em;
		padding-top:30px;
	} 
	#content .product-images img{
	max-width:300px;
	}
}
/* IPADS, TABLETS - PORTRAIT & LANDSCAPE */

@media only screen and (max-width:1100px) {
    #content {
        padding-right: 20px;
        box-sizing: border-box;
    }
  	#content iframe.right.contact-map {
    float: none;
    margin: 0 0 32px 0;
    max-width: 100%;
	}
    /* Responsive Typography for Tablet (large) */
    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:980px){
    #content .product-images img.second-row{
    margin-left:0px;
    }
}
@media only screen and (max-width: 960px) {
    footer nav {
        float: left;
        margin: 0 0 20px 0px;
    }
    footer ul li a:first-child {
        padding-left: 0;
    }
    footer p {
        clear: both;
    }
    #social {
        display: none;
    }
    #content div.right.image-gallery {
        float: none;
        margin-left: 0;
        margin-bottom: 32px;
    }
  	
	.footer-logos {
		display: block;
		column-count: 3;
		column-gap: 32px;
	}
	
	.footer-logos img {
		display: block;
		margin: 0 auto;
	}
	.sub-footer .box span {
    font-size: 0.875em;
	}
	    .contact-content{
        float: none;
        width: 100%;
    }
    .form-wrap{
        border: none;
        border-top: 1px solid #6f6f6f;
        padding: 0;
        padding-top: 20px;
        clear: both;
    }
    .contact-details {
		float: left;
	}

	.contact-map {
		float: right;
	}
	.social-wrap {
		float: left;
	}

	img.hero-img {
		height: 120px;
		max-width: none;
	}
	div#home-text {
		margin-top: 32px;
	}
}

@media only screen and (max-width:920px){
	header nav div > ul {
    	max-width: 545px;
	}	  
}

@media only screen and (max-width:830px){
  .sub-footer .box {float: none;width: 360px;margin: 0 auto;margin-bottom: 32px; max-width:100%;}

  .sub-footer {
	  display: block;
	  justify-content: initial;
	  padding: 32px 20px;
  }
  	.product-box{
	display:block;
		width:360px;
		max-width:100%;
		float:none;
		margin:0 auto!important;
		margin-bottom:20px!important;
	}
}

/* 
    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) {
    header {
        border-bottom: 2px solid #ccc;
        position: relative !important;
        height: auto !important;
        z-index: 1 !important;
    }
    #outer-wrap {
        padding-top: 50px;
    }
    #sticker-sticky-wrapper {
        /* display: none!important; */
        position: relative !important;
    }
    aside {
        display: none;
    }
    .breadcrumbs {
        display: none;
    }
    header nav {
        display: none;
    }
    header .right {
        padding-top: 32px;
    }
    header img.logo {
        padding-top: 20px;
    }
    #mobile-nav-block,
    label[for="nav-trigger"] {
        display: block;
    }
    div.table-wrap {
        overflow-x: scroll;
    }
    footer ul {
        display: none;
    }
	footer nav{
		padding: 0;
		margin: 0
	}
    footer p {
        float: none;
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
        text-align: center;
    }
    footer {
		padding: 20px;
        padding-bottom: 60px;
    }
    .search-trigger:checked ~ .search-wrap {
        top: 50px;
        box-shadow: 1px 5px 11px 1px rgba(0, 0, 0, 0.5);
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -o-transition: all 600ms;
        transition: all 600ms;
    }
    .search-trigger {
        transition: left 1.0s;
    }
    .nav-trigger,
    .search-trigger {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }
    label[for="search-trigger"] {
        opacity: 1;
        position: fixed;
        top: 16px;
        right: 15px;
        z-index: 999;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-size: contain;
        background: url(/wp-content/themes/va/images/search.svg) no-repeat 50% 50%;
        -webkit-transition: opacity 1000ms;
        -moz-transition: opacity 1000ms;
        -o-transition: opacity 1000ms;
        transition: opacity 1000ms;
    }
    .search-trigger:checked + label {
        background: url(/wp-content/themes/va/images/close.svg) no-repeat 50% 50%;
    }
    div.search-wrap input.button {
        width: 20px;
        height: 20px;
        margin-top: 5px;
        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;
        left: 0;
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -o-transition: all 600ms;
        transition: all 600ms;
        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;
    }
	header .left {
        float: none;
        width: 100%;
        text-align: center;
    }
    header img.logo {
        display:none;
    }
	header .left a {
    background: url(/wp-content/themes/va/images/logo.svg) no-repeat;
    width: 300px;
    margin: 20px auto !important;
    display: inline-block;
    height: 108px;
  	max-width:100%;
	}
    header nav {
        display: none;
    }
    header .right {
        display: none;
    }
	footer p.right {
    float: none;
    text-align: center;
    max-width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
	}

    .is-sticky div#header {
    height: auto !important;
    }

    div#sticker-sticky-wrapper.is-sticky {
        height: auto !important;
    }

    header {
        background: #193a6e !important;
    }

    div#sticker-sticky-wrapper {
        height: auto !important;
    }
	#content form ul li {
    width: 50%;
	}
	
	a.footer-google {
		display: block;
		margin: 20px auto 0 auto;
	}
    
    /* 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;
    }
	#content a.primary-btn.mobile-show{
	display:block;
	width:100%;
	text-align:center;
	font-weight:700;
		font-family:'Roboto';
	}
}

@media only screen and (max-width: 740px) {
    #content .product-images{
    text-align:center;
    }
    #content .product-images img{
    max-width:500px;
    float:none;
    }
    #content {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        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;
    }
    div#hero-img {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    #content form ul li {
    width: 100%;
}
#content .gform_wrapper .gform_footer input.button{
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
}
    #content ul{
        padding-left: 0;
    }
    html {
        overflow-y: initial;
    }
    body {
        overflow: hidden;
        /*Forces Address Bar to always remain visible on mobile*/
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    #content img.right,
    #content .right img {
        float: none;
        max-width: 100%;
        margin: 0 0 15px 0;
    }
    #content div.right {
    width: 100%;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
	}
    .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;
        text-align: center;
    }
    #content {
        padding-top: 25px;
    }
    header img.logo {
        padding: 0px;
    }
    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;
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -o-transition: all 600ms;
        transition: all 600ms;
    }
    .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;
    }
	.footer-logos {
    	column-count: 2;
	}
	#content .ginput_recaptcha > div{
	    margin: 0 auto;
	    display: block;
	}
	#content form ul li {
    width: 100%;
	}
	input.medium, .gform_wrapper select.medium{
	    width: 100% !important;
	}
	.gform_wrapper textarea.medium {
    width: 100%!important;
	}
	div.swnza_banner {
		bottom:50px;
	}
    /* 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;
    }
}


/* Smartphones - Small */

@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;
    }
  	.footer-logos {
    	column-count: 1;
    	column-gap: 0;
	}
}
@media only screen and (max-width:360px) {
 	header .left a {
    	width: 90%;
	} 
}

/* resources page */
#content ul.documents-list li {
    background: none;
    padding: 10px 30px;
    margin: 0;
	display: flex;
}

ul.documents-list li span {
    width: 50%;
}

ul.documents-list {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #142c5c;
}

ul.documents-list li > div {
    width: 50%;
}

#content ul.documents-list li.header {
    background: #377bc1;
    color: white;
    font-weight: 700;
	border-bottom: 1px solid #142c5c;
}

#content ul.documents-list li.doc:nth-child(odd) {
    background: #bcbcbc
}

li.doc svg {
    width: 20px;
    margin-right: 10px;
    top: 3px;
    height: 20px;
    fill: #193a6e;
    position: relative;
}