html, body {height:100%; margin:0px; padding:0px; -webkit-overflow-scrolling:touch;}
body {font-family:Arial, Helvetica, sans-serif; color:#000; overflow-x:hidden;}
.grid-container {overflow-x:hidden;}

/******MAX-WIDTH CONTAINERS*********/
.top-bar {max-width:1200px; margin:0 auto;}
.max-width-container {max-width:1200px; margin:0 auto;}
.max-width-container-medium {max-width:1050px; margin:0 auto;}

/*KEEPS THE NAV-BAR FROM FLASHING*/
.no-js .top-bar {display:none;}
@media screen and (min-width:40em) {
    .no-js .top-bar {display:none;}
    .no-js #main-nav {display:none;}
}

/* Color Styles */
.red {color:#cc3333;} /* rgba(237, 31, 36, 1) */
.blue {color:#3366cc;} /* rgba(16, 95, 172, 1) */
.dark-blue {color:#2952a3;}
.green {color:#40ad48;}le
.gray {color:#fafafa;}
.dark-gray {color:"#dcdcdc";} /* rgba(220, 220, 220) */
.black {color:#000;}
.white {color:#fff;}

/* Link Styles */
a img {border:none;}
a {color:#3366cc; text-decoration:none; line-height:inherit;}
a:hover {color:#cc3333; text-decoration:underline;}
a:focus {color:#cc3333; outline:none;}

/* Font Styles */
h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2.8em; color:#3366cc; line-height:40px;}
h2 {font-size:2.2em; color:#cc3333; line-height:50px; padding-top:25px;}
.grid-x > .max-width-container > .medium-10 > .grid-x > .small-12 > h2 {padding-top: 0em; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
h3 {font-size:1.6em; color:#2952a3; line-height:1.2; padding-top:15px;}
h4 {font-size:1.35em;}
p {font-size:1.0125em;}
.home-page {font-size: 2.2em; color: #c33; line-height: 50px; padding-top: 25px;}

/* List Styles */
ul.bullet {font-size:1em;}
ul.alpha {font-size:1em; list-style-type:lower-alpha;}

/* Misc Styles */
.lower-h {font-family:sans-serif, serif !important;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.upper {text-transform:uppercase;}
.shadow {-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.5); box-shadow:3px 3px 3px rgba(0,0,0,0.5);}
.img-border {border:1px solid black;}
.border {border:1px solid black;}
.light-padding-top {padding-top:2.5em;}
.heavy-padding-top {padding-top: 5em;}
.light-padding-bottom {padding-bottom:2.5em;}
.light-padding-left {padding-left:2.5em;} /* NEW CHANGE new class*/
.light-padding-right {padding-right:2.5em;} /* NEW CHANGE new class*/
.center {display: flex; justify-content: center; align-items: center;} /* NEW CHANGE new class*/
.content-wrapper {min-height:300px; padding:10px 30px;}
.uppercase {text-transform:uppercase;}
.right {float:right !important;}
br.no-h1 {padding-top:25px;}

/*Background Images/Colors*/
.motors-background-img {background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('/images/motors-background-img.jpg'); padding-top:120px; padding-bottom:140px;}
.engineering-background-img {background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; background-image:url('/images/engineering-background-img.png');}
/*.translucent-hero-container{background-color:rgba(240, 240, 240, 0.25); border-radius:10px;}*/
.background-color-light-blue {background-color:#3366cc;}
.background-color-light-grey {background-color:rgba(216,216,216, 0.2);}
.background-mountains-hero {background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; background-image:url('/images/ecdrives-mountains-hero.jpg');}
.background-field-hero {background-repeat:no-repeat; background-position:center bottom; background-size:cover; background-attachment:fixed; background-image:url('/images/ecdrives-field-hero.jpg');}
.background-shopping-cart-hero {background-repeat:no-repeat; background-position:center bottom; background-size:cover; background-attachment:fixed; background-image:linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ),url('/images/ecdrives-shopping-cart-hero.jpg');}
.background-grocery-store-hero{background-repeat:no-repeat; background-position:center; background-size:cover; background-image:radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('/images/grocery-store-hero.jpg');} /* NEW CHANGE changes to the rgba value to dim the images slightly*/
.background-beer-cooler-hero{background-repeat:no-repeat; background-position:center; background-size:cover; background-image:radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('/images/beer-cooler-hero.jpg');}  /* NEW CHANGE */
.background-hong-kong-grocery-store-hero{background-repeat:no-repeat; background-position:center; background-size:cover; background-image:radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('/images/hong-kong-grocery-store-hero.jpg');} /* NEW CHANGE */
.background-supermarket-hero {background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; background-image:linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1) ), url('/images/ecdrives-supermarket-hero.jpg');}
/* .translucent-white-background {background-color:rgba(255, 255, 255, 0.8); border-radius: 1000px;} */
.translucent-white-background h3 {font-size:1.8em; color:#fff; text-transform:uppercase; padding:15px 0 8px 0; text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);}

/*Background Images/Colors - with Text*/
.product-hero {background-color:#3366cc;text-align:center; padding:1.5em 0;}
.product-hero h1 {color:#fff; padding:25px 0 0 0;}
.product-hero h2 {color:#fff; font-size:2em; font-style:italic; padding:15px 0 0 0;}

/* HR Styles */
hr {border:solid #3366cc;; border-width:2px 0 0; clear:both; max-width:100%; height:0; /*-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5); box-shadow:2px 2px 2px rgba(0,0,0,0.5);*/}
hr.divider {border-top:1px solid; height:0; margin:20px 0 30px 0; padding:0; list-style:none; border-top-color:#cc3333;}
hr.content-top-border {height:.001px; box-shadow:0px -1px 2px 1px rgba(0,0,0,0.29);}
.div-divider {border-top:2px solid #939598; width:10%; display:inline-block; padding-bottom:25px;}
.separator {border-top:2px solid #A2A8AA; opacity:0.4; width:25%; max-width:100%; margin:auto;}
.separator-top-margin {margin-top:2em;}
.separator-bottom-margin {margin-bottom:2em;}

/* HEROS  */
.engineering-hero {padding-top:200px; padding-bottom:200px; background-image:url('/images/hero-machinery.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;}
.engineering-half-hero {padding-top:100px; padding-bottom:100px; background-image:url('/images/hero-machinery.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;}
.about-hero {padding-top:200px; padding-bottom:200px; background-image:url('/images/hero-fan-array-with-screens.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;}
.about-half-hero {padding-top:100px; padding-bottom:100px; background-image:url('/images/hero-fan-array-with-screens.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;}
.case-studies-hero {padding-top:200px; padding-bottom:200px; background-image:url('/images/hero-machine.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;}
.case-studies-half-hero {padding-top:100px; padding-bottom:100px; background-image:url('/images/hero-machine.jpg'); background-repeat:no-repeat; background-size:cover; background-position:top;}
.contact-hero {padding-top:200px; padding-bottom:200px; background-image:url('/images/ecdrives-shopping-cart-hero.jpg'); background-repeat:no-repeat; background-size:cover; background-position:top;}
.contact-half-hero {padding-top:100px; padding-bottom:100px; background-image:url('/images/ecdrives-shopping-cart-hero.jpg'); background-repeat:no-repeat; background-size:cover; background-position:top;}

/**     ICON        **/
.large-icon {font-size:30px;}

/****************************
*        HERO STYLES      *
***************************/
.orbit-bullets {background-color:rgba(0,0,0,0); margin-top:-60px;}
.orbit-bullets button.is-active {background-color:#3366cc;}
.orbit-previous, .orbit-next, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {background-color:#3366cc;}
.orbit-previous:hover, .orbit-next:hover {background-color:#cc3333;}

/*************************
*   Image Hover Classes   *
**************************/
.image-hover-wrapper {position:relative;}
.image-hover-wrapper a {display:inline-block; letter-spacing:normal; line-height:initial; margin:0; padding:0; position:relative;}
.image-hover-wrapper a img {float:left; overflow:hidden; width:100%;}
.image-hover-wrapper a .image-hover-wrapper-reveal {background-color:rgba(0, 0, 0, 0.5); color:#fefefe; display:inline; height:100%; margin-left:-100%; margin-top:0; opacity:0; position:absolute;  width:100%; z-index:80; transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay:0.25s;}
.image-hover-wrapper a .image-hover-wrapper-reveal:hover {opacity:1; transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.image-hover-wrapper a .image-hover-wrapper-reveal:hover p {opacity:1; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay:0.25s;}
.image-hover-wrapper a .image-hover-wrapper-reveal p {display:block; opacity:0; position:absolute; text-align:center; width:100%; transition:all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.image-hover-wrapper a .fa {font-size:24px;}
.image-hover-wrapper .image-hover-wrapper-banner {background-color:rgba(16, 95, 172, 0.8); color:#fefefe; font-weight:600; padding:5px; width:100%;  position:absolute; z-index:10;}
.image-hover-wrapper-banner {font-size:1.3em;}

/***************************
*       HEADER STYLES
***************************/
header {border-bottom:2px solid #3366cc;}
body.no-line header {border-bottom:none;}
.site-logo {padding-right: 0 !important; margin-right: 0 !important;} /* NEW CHANGE Gives extra space for the RFQ button */
.nav-bar {padding-left: 0 !important; padding-right: 0 !important;} /* NEW CHANGE */

/**************************
*       PRODUCTS         *
***************************/
.product-request-quote {text-align:center; color:#fff; padding:15px 20px; border:2px #fff solid; background-color:rgba(0,0,0,0);}
.product-request-quote:hover {background-color:#cc3333;}
.featured h2 {font-size:1.2em; text-align:center;}
.featured .clickable:hover {border:2px solid #3366cc;}
.featured h3 {margin-top:10vh;}
.content-padding-top {padding-top:120px;}
.product h3 a:hover {color:#cc3333; text-decoration:none;}
.product-compliance {padding:50px 0;}
.margin-left-right-25 {margin:0 25px;}

/* Table Styles */
table {border:none;}
.responsive-card-table th {background-color:#cc3333; color:#fff; border:1px solid #000; text-align:center;}
.responsive-card-table th.first {border:none !important; background-color:#fff;}
.responsive-card-table td {border:1px solid #000; text-align:center;}

/***********************
*       Spec Table     *
***********************/
.spec-table {border-collapse:separate; font-size:.85em;}
.spec-table th {background-color:#3366cc; color:#fff; font-weight:bold; text-align:center;}
.spec-table td {margin:2.5px; text-align:center;}
.spec-table td .no-margin {margin:0 !important; text-align:center;}

/*.title-bar and .top-bar is set to fixed to keep the menu-bar on top of page when screen is small*/
#main-nav {z-index:999;}
.title-bar {position:fixed; top:0; width:100%; height:100px; min-height:100px; margin-bottom:50px; z-index:1;}
.top-bar {background:#fff; font-family:Arial, Helvetica, sans-serif; z-index:1;}
.top-bar ul {background:#fff;}
.top-bar ul li a {color:#3366cc; font-size:1.25em;}
.top-bar ul li a:hover, .top-bar ul li a:focus, .top-bar ul li a:active {background:#3366cc !important; color:#fff !important; text-decoration:none;}
.top-bar ul ul li a {background:none !important; color:#cc3333 !important; font-size:1em; font-weight:normal; border-radius:0 0 0 0;}
.top-bar ul ul ul li a {color:#cc3333 !important; font-weight:normal; padding:0.35rem 0.5rem !important; white-space:normal;}
.top-bar ul ul ul li a:hover {background:#3366cc!important; color:#fff;}
.top-bar ul li.rfq a:focus, .top-bar ul li.rfq a:active {background:#3366cc !important; color:#fff !important; text-decoration:none;}
.top-bar ul li.rfq {background-color: #cc3333; border-radius: 8px 8px 0 0;}
.top-bar ul li.rfq a {color: #ffffff;}
.menu-align-bottom {margin-top:50px;}

/* overwrite the submenu hover and after arrow colors */
.dropdown.menu > li.is-dropdown-submenu-parent:hover a {background:#3366cc; color:#fff;}
.dropdown.menu > li.is-dropdown-submenu-parent:hover a::before {border-color:transparent #3366cc transparent transparent;}
.dropdown.menu > li.is-dropdown-submenu-parent > a:hover, .dropdown.menu > li.is-dropdown-submenu-parent > a:active, .dropdown.menu > li.is-dropdown-submenu-parent > a:focus {background:#3366cc; color:#fff;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::before {border-color:#3366cc transparent transparent !important;}
.dropdown.menu > li.is-dropdown-submenu-parent > a:hover::before, .dropdown.menu > li.is-dropdown-submenu-parent > a:active::before, .dropdown.menu > li.is-dropdown-submenu-parent > a:focus::before {border-color:#fff transparent transparent !important;}
.drilldown .is-drilldown-submenu-parent > a::hover {background:#3366cc; color:#fff;}
.drilldown .is-drilldown-submenu-parent > a::before {border-color:transparent transparent transparent #3366cc !important;}
.drilldown .is-drilldown-submenu-parent > a:hover::before {border-color:transparent transparent transparent #fff !important;}
/* overwrite mobile Back arrow colors */
.drilldown .js-drilldown-back > a::before {border-color:transparent #3366cc transparent transparent;}
.drilldown .js-drilldown-back > a:hover::before {border-color:transparent #fff transparent transparent;}
.is-dropdown-submenu {background-color:#fafafa; border:none; white-space:nowrap; -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.5); box-shadow:3px 3px 3px rgba(0,0,0,0.5);}
/* overwrite the responsive menu icon dark color */
.menu-icon.dark {margin-right:18.75px; width: 30px; height: 24px;} /* NEW CHANGE doubled px sizes on all of the box shadows and upped the height from 1px to 3px */
.menu-icon.dark::after {height: 2.25px; box-shadow: 0 10.5px 0 #0a0a0a, 0 21px 0 #0a0a0a;} /* NEW CHANGE */
.menu-icon.dark::before {height: 2.25px; box-shadow:0 10.5px 0 #3366cc, 0 21px 0 #3366cc; background:#3366cc;} /* NEW CHANGE */
.menu-icon.dark:hover::after {height: 2.25px; background: #8a8a8a; box-shadow: 0 10.5px 0 #8a8a8a, 0 21px 0 #8a8a8a;} /* NEW CHANGE */
.menu-icon.dark:hover::before {height: 2.25px; box-shadow:0 10.5px 0 #cc3333, 0 21px 0 #cc3333; background:#cc3333;} /* NEW CHANGE */
.menu-float-right {float:none;}



/******PRODUCTS DROPDOWN*****/
.column-menu {background-color:#fafafa; position:absolute; right:-144%; width:60vw; -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.5); box-shadow:3px 3px 3px rgba(0,0,0,0.5); padding:20px;}
.column-menu-inner-box {float:left; width:25%; padding:0 10px;}
.top-bar ul li .column-menu-inner-box h4, .top-bar ul li .column-menu-inner-box h4 a {background:none !important; font-size:0.9em; color:#cc3333 !important; text-align:left; white-space:normal; padding:0.35rem 0 !important;}
.top-bar ul li .column-menu-inner-box h4 a:hover {background:none; color:#cc3333;}

/**Serives sticky side button**/
.services-side-button .sticky.is-stuck{z-index:0;}

/***************************
*       CONTENT
***************************/
#content-container {padding-top:5vh;}
.low-content {min-height:400px;}

/* Home Page Style */
#home-about {padding:10vh 10px; min-height:300px;}

.brochure-h4 {margin: 0 1rem 0 0;} /* NEW CHANGE adds space between h4 tag and brochure image*/

/***MEDIUM TO SMALL SCREEN CONTENT***/
.top-shadow {box-shadow:0 -5px 5px -5px #333;}
#content-1 {background-image: url("/images/home-meeting-application-requirements.jpg"); display:none; min-height:400px;}
#content-1-with-background {min-height:430px; background-color:#aaa; background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url("/images/home-meeting-application-requirements.jpg"); background-repeat:no-repeat; background-position:right; background-size:cover;}
#content-2 {background-image: url("/images/home-global-solutions.jpg"); display:none; min-height:400px;}
#content-2-with-background {min-height:430px; background-color:#aaa; background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url("/images/home-global-solutions.jpg"); background-repeat:no-repeat; background-position:right; background-size:cover;}
.info-wrapper {padding-top:15vh; padding-bottom:15vh; width:85%; margin:0 auto; text-align:center; color:#fff; min-height:420px;}
.info-wrapper h2 {color:#fff; font-size:2em;}
.info-wrapper p {font-weight:1.2em !important;}

/* Home Page More Info */
.more-info {background-color:#3366cc; width:100%; height:100%;}
.more-info h3 {font-size:1.65em; color:#fff; text-align:center; margin-top:0; padding:16px 0 12px 0;}
.more-info-shadow {padding:10px 10px 20px 10px; -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.5); box-shadow:0px 0px 5px 2px rgba(0,0,0,0.3);}
.more-info-section {text-align:center; margin: 5vh 0 5vh 0;}
.more-info-section h3 {color: #cc3333}
.more-info-section a:hover img {opacity:0.5;}

/* Breadcrumb Styles */
ul.breadcrumbs {padding:25px 0 0 15px;}
ul.breadcrumbs li.current {color:#cc3333;}

/* Sidebar Styles */
.sidebar {padding: 1.5vw;}
.sidebar h4 {font-size:1.75em; color:#2952a3;}
.sidebar h5 {font-size:1.0625em; color:#2952a3;}
.sidebar ul.sidebar-nav li a {color:#3366cc; text-decoration:none;}
.sidebar ul.sidebar-nav li.active a {background:#3366cc; border-radius:8px; color:#fff;}
/*.sidebar ul.sidebar-nav li.active a {background:none !important; color:#cc3333;}*/
 ul.sidebar-nav li a:hover {background-color:#cc3333; color:#fff; border-radius:8px;}
.sidebar p {font-size:0.9em;}

/* Callout Styles */
.callout {position:relative; border:1px solid #dcdcdc; border-radius:5px; background-color:#fafafa; color:#000; margin:1rem; padding:1.5rem;} /* NEW CHANGE margin */
.callout h4 {color:#cc3333; font-size:1.25em; text-align:center;}
.callout p {font-size:0.75em; text-align:center;}

/* Image Thumbnails */
.th {margin:5px; padding:5px; display:inline-block; box-shadow:5px 5px 5px rgba(0,0,0,0.2); outline:2px solid rgba(15,95,171,0.5); transition: outline 0.2s ease;}
.th:hover, .th:focus {outline:solid 2px #cc3333; box-shadow:5px 5px 5px rgba(15,95,171,0.5);}
a.th {display:block;}
h2.array, h2.array a {font-size:1em; color:#cc3333; text-align:center; margin-top:10px; line-height:110%; padding-top:0;}
h3.array, h3.array a {font-size:1em; color:#cc3333; text-align:center; margin:10px 0; line-height:110%; padding:10px 0 20px 0;}

/* Microformats */
.vcard {display:inline-block; margin:0 0 1.25em 0; padding:0.625em 0.75em;}
.vcard li {font-size:1.1em; margin:0; display:block;}
.vcard .fn {font-weight:bold; font-size:1.1em;}
.vevent .summary {font-weight:bold;}
.vevent abbr {cursor:default; text-decoration:none; font-weight:bold; border:none; padding:0 0.0625em;}

/* YouTube Video Image Overlay Load Times */
.youtube-container {background:#000000;}
.youtube-player {cursor:pointer;}
img.youtube-thumb {display:block; margin:auto; max-width:100%; width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
div.play-button {background:url("../images/play-button.png") no-repeat; height:72px; width:72px; position:absolute; left:50%; top:50%; margin-left:-36px; margin-top:-36px;}
div.play-button:hover {background:url("../images/play-button-hover.png") no-repeat;}
#youtube-iframe {width:100%; height:100%; max-height:100%; position:absolute; top:0; left:0;}

/* Standard Forms */
form {margin:0 0 19.41641px;}
label {color:#000; cursor:pointer; display:block; font-size:12px; font-weight:normal; text-align:left; margin-top:10px; margin-bottom:2px;}
label.right {float:none; text-align:right;}
label.inline {line-height:30px; margin:0 0 12px 0;}
.prefix, .postfix {display:block; position:relative; z-index:2; text-align:center; width:100%; padding-top:0; padding-bottom:0; height:30px; line-height:29px;}
a.button.prefix, a.button.postfix {padding-left:0; padding-right:0; text-align:center;}
span.prefix, span.postfix {background:#f2f2f2; border:1px solid #cc3333;}
.prefix {left:2px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; overflow:hidden;}
.postfix {right:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {background-color:#fff; font-family:inherit; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); color:rgba(0, 0, 0, 0.75); display:block; font-size:14px; margin:0 0 0 0; padding:6px; height:30px; width:100%;}
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {font-size:12px; padding:4px 6px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {background:#C4D6F9; color:#000000; outline:none !important; border-color:#3366cc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {background-color:#ddd;}
textarea {height:auto;}
select {font-family:inherit; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); color:rgba(0, 0, 0, 0.75); display:block; font-size:14px; margin:0 0 0 0; padding:4px; height:100%; width:100%;}
select:focus{outline:none;}
input:-webkit-input-placeholder {font-size:10px; color:#3366cc;}
input:-moz-placeholder {font-size:11px; color:#3366cc;}
input::placeholder, textarea::placeholder {color:#dcdcdc; font-size:0.85em;}
select::placeholder {color:#dcdcdc; font-size:0.85em;}

/* Button Styles */
.button {font-size:1.1em;}
.round {border-radius:8px;}
.learn-more {background-color:#fff; border:2px #3366cc solid; color:#3366cc; margin:20px auto 0 auto; padding:15px 30px;}
.learn-more:hover, .learn-more:active, .learn-more:focus {background-color:#cc3333; color:#fff; text-decoration:none;}
.learn-more-red {background-color:#cc3333; color:#fff; margin:0 auto; padding:20px;}
.learn-more-red:hover, .learn-more-red:active, .learn-more-red:focus {background-color:#cc3333; color:#fff; text-decoration:none;}
.button-red {background-color:#cc3333; border:2px solid #fff; color:#fff; margin:0 auto; padding:20px;}
.button-red:hover, .button-red:active, .button-red:focus {background-color:#2952a3; border:2px solid #fff; color:#fff; text-decoration:none;}
.button-blue {background-color:#3366cc; /*border:2px solid #fff;*/ color:#fff; margin:0; padding:22px;} /* NEW CHANGE margin: 0, padding: 22px from 20px, padding change done to work with adding the borders on:hover*/
/*.grid-margin-x > .cell {margin-left: 0;}*/
.button-blue + .button-blue  {margin-left: 10px;} /* NEW CHANGE adds left margin only to the right rfq button to give spacing between them*/

.button-blue:hover, .button-blue:active, .button-blue:focus {background-color:#cc3333; border:2px solid #fff; color:#fff; text-decoration:none; padding: 21px;} /* NEW CHANGE padding 21px, prevents buttons from moving when border is added/removed on hover*/
.button-white {background-color:#fff; border:2px solid #3366cc; color:#3366cc; margin:0 auto; padding:20px;}
.button-white:hover, .button-white:active, .button-white:focus {background-color:#2952a3; border:2px solid #fff; color:#fff; text-decoration:none;}
.view-products-btn {padding-top:2vh;}

/* HubSpot Form Overides */
.hs-form-required {color:#cc3333; font-size:14px; font-weight:bold;}
.inline-form .hs-form-required {display:none !important;}
ul.hs-error-msgs li, ul.inputs-list li {list-style-type:none;}
ul.hs-error-msgs li label {color:#cc3333 !important;}
ul.inputs-list li label {font-weight:normal;}
.hs-richtext {color:inherit; display:block; font-size:14px; font-weight:inherit; text-align:left; margin-top:10px; margin-bottom:2px;}
.actions {text-align:left; margin-top:20px;}
.hbspt-form ul.inputs-list {margin: 0;}
.hbspt-form [type="checkbox"] {margin-bottom: 0;}
.hbspt-form label.hs-error-msg {margin-top: 0;}
.hbspt-form label.hs-form-booleancheckbox-display {display: flex; align-items: center; flex-direction: row;}

/* HubSpot Form 2 COlumn Width Fixes */
fieldset, .form-columns-1 .hs-form-field, input[type=text], input[type="email"],input[type="tel"], input.title, textarea, select, email , .hs-form select {width:100% !important; max-width:100% !important;}
.hs-form fieldset.form-columns-1 .input {margin-right:0 !important;}

/* HubSpot Form Message */
.hbspt-form div.submitted-message {color:#cc3333; padding:25px 0 50px 0;}

/* Join Our Mailing List Form */
.hbspt-form .inline-form {display:inline; position:relative;}
.hbspt-form .inline-form .hs-form-required {display:none !important;}
.inline-form div.hs_email.field.hs-form-field {width:90%; float:left;}
.inline-form div.hs_submit {width:9%; float:right;}
.inline-form input.hs-input {font-size:12px; margin:0; vertical-align:top;}
.inline-form input.hs-button {font-size:14px !important; background-color:#3366cc; color:#fff; margin:-11px 0 0 0; padding:8px 20px 8px; vertical-align:top; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; cursor:pointer;}
.inline-form input.hs-button:hover {background-color:#cc3333;}
.inline-form input::placeholder {font-size:12px; color:#3366cc;}
.mailing {margin-bottom:20px; margin-left:10px;}

/* HubSpot Buttons */
input.hs-button {width:auto; background:#3366cc; border:none; color:#fff; cursor:pointer; display:inline-block; font-family:inherit; font-size:12px; font-weight:bold; line-height:14px; margin:0; outline:none; padding:15px 20px 14px; position:relative; text-align:center; text-decoration:none; -webkit-transition:background-color 0.15s ease-in-out; -moz-transition:background-color 0.15s ease-in-out; -o-transition:background-color 0.15s ease-in-out; transition:background-color 0.15s ease-in-out; -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.5); box-shadow:3px 3px 3px rgba(0,0,0,0.5);}
input.hs-button:hover {color:#Fff; background-color:#cc3333; text-decoration:none;}
input.hs-button:active {-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;}
input.hs-button:focus {-webkit-box-shadow:0 0 4px #cc3333, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 0 4px #cc3333, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 0 4px #cc3333, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color:#fff;}
input.hs-button.large {font-size:14px;}

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {-webkit-appearance:none;}

/* Footer Styles */
.footer {background-color:#dcdcdc;}
.footer h5 {font-size:1.25em; color:#3366cc; margin-top:3vh;}
.footer p {font-size:0.9em;}
.footer ul {margin-left:0;}
.footer hr {border:solid #3366cc;; border-width:1px 0 0; clear:both; margin:40px 0 20px 0; height:0;}
.no-line > .full > .footer > .copyright {background-color:#3366cc; font-size:0.8em; text-align:center; color:#fff; margin: 40px 0px 0px 0px; padding-top: 25px; max-width:none;} /* NEW CHANGE changed margin from all sides to top only*/
.no-line > .full > .footer > .cell {margin: 0;} /* NEW CHANGE removed other margins on cells in the footer*/
.copyright .inline-list {list-style:none;}
.copyright .inline-list li {display:inline-block; margin:auto 10px;}
.copyright a {color:#fff;}
.copyright a:hover {text-decoration:underline;}
.social-icon {font-size:2.5em;}
/*
.fa.fa-twitter {display: inline-block; font-family:sans-serif;}
.fa.fa-twitter::before {background-color: #3366CC; color: #dcdcdc; border-radius: 2px; padding: 0px 4px; content:"𝕏"; font-size:1.6rem;}
.fa.fa-twitter a {font-family: Arial, Helvetica, sans-serif;}
*/
.contact-us-list {font-size:0.9em; list-style-type:none; margin:0;}
.contact-us-list li {margin-bottom:0.5em;}
.contact-us-list li::before {color:#3366cc; font-size:2rem; vertical-align:middle; margin-right:1rem;}
.contact-us-list li img {vertical-align:middle; margin-right:1rem;}

/* Page Scroll Up */
.scrollup {background:url("../images/icon-top.png") no-repeat; display:none; width:40px; height:40px; position:fixed; bottom:100px; right:25px; text-indent:-9999px; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); zoom:1;}

/**************************
*      RESPONSIVE STYLES
****************************/
@media (max-width: 410px) { /* NEW CHANGE when buttons move to one under the other, remove left margin and add top margin, display both butons block, and lessens padding when btns are on top one another*/
	.button-blue + .button-blue {margin: 10px 0px 0px 0px}
	.button-blue {display: block;}
	.hide-for-small {display: none !important; }
}

@media print, screen and (max-width: 1150px){ /* NEW CHANGE changes hero banner font size*/
	.grid-x > .max-width-container > .medium-10 > .grid-x > .small-12 > h2 {font-size: 2.05em; padding-top: 1em;}
}

@media print, screen and (max-width: 640px) { /* NEW CHANGE changes hero banner font size*/
  	.grid-x > .max-width-container > .medium-10 > .grid-x > .small-12 > h2 {font-size: 1.8em; padding-top: 0em;}
/*	.medium-10 > .align-center > .translucent-hero-container > .grid-margin-x > .heavy-padding-top {padding-top: 1.0em;}*/
}

/* NEW CHANGE fix spacing of nav bar with new rfq btn*/
@media all and (max-width:1200px){
	.large-horizontal {-ms-flexwrap: nowrap !important; flex-wrap: nowrap !important;}
	.top-bar ul li a {font-size: 1.6vw;}
}

@media screen and (max-width:1023px) {
	.medium-10 > .align-center > .translucent-hero-container > .grid-margin-x > .heavy-padding-top {padding-top: 1.0em;}
}

@media all and (max-width:1023px) { /* max-width:1023px */
    .menu-align-bottom{margin-top:0px;}
	.drilldown li.rfq a {background: #cc3333;} /* NEW CHANGE background color of rfq btn on mobile*/
	.top-bar ul li a {font-size: 1em;}
}

@media only screen and (min-width:1200px) {
    .info-wrapper{width:85%;}
}

@media all and (min-width:1024px) { /* min-width:1024px */
    /*Top bar menu styles for non-mobile*/
    .top-bar ul ul {border-radius:0 0 8px 8px;}
    .top-bar ul li a {border-radius:8px 8px 0 0;}
    .top-bar ul ul ul li:first-child a {border-radius:8px 8px 0 0;}
    li.is-dropdown-submenu-item:last-child a {border-radius:0 0 8px 8px;}

    .top-bar ul ul ul li:only-child a {border-radius:8px 8px 8px 8px;}
    .top-bar ul ul ul {border-radius:8px 8px 8px 8px;}
    .top-bar ul ul ul li a {color: #cc3333 !important; font-size: 1em; font-weight: normal; padding: 1rem 0.7rem !important; white-space: normal;}

    /*****DESKTOP STYLES*****/
    .content-wrapper {min-height:450px; margin-bottom:40px; padding: 30px 15px;}

    .custom-responsive{
        float:right;
    }

    #content-1, #content-2 {background-repeat:no-repeat; background-position:center; background-size:cover; display:block;}
    #content-1-with-background, #content-2-with-background {height:65vh; background-image:none; display: flex; justify-content: center; align-items: center;}
    .info-wrapper {padding-top: 20px; color:#000; padding-bottom:20px; min-height:400px;}
    .info-wrapper h2 {font-size:2.2em; color:#3366cc;}
    .info-wrapper p {font-size:1.2em;}
}


.caption1 {
    font-size: 88%;
    color: #999999;
}