/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/
/*
	* 1. Font
	* 2. Colours
	* 3. Buttons
	* 4. Header
	* 5. Footer
	* 6. Positioning
	* 7. Navigation Menu
	* 8. The Grid
	* 9. Forms
	* 10. News
	* 11. Owl Carousel
	* 12. Media Queries
*/

button.model-btn.data-sheet.large.clamp.pum-trigger {
  margin-top: 1em;
}

.product-content-wrapper .top-content {
  float: left;
  max-width: 620px;
}

.gm-style [title~="Teconnex"] {
    z-index: 99999!Important;
}

/*
	1. Font
*/

* {
  font-family: "lato", sans-serif;
}

label#label_3_4_1 > a {
  color: white;
  text-decoration: underline;
}

label#label_3_4_1 {
  font-size: 14px;
}

/* Font: Sizes */

h1 {
  font-size: 2.6em;
}
h2 {
  font-size: 2.4em;
}
h3 {
  font-size: 2.2em;
}
h4 {
  font-size: 2em;
}
h5 {
  font-size: 1.8em;
}
h6 {
  font-size: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
}
p,
li {
  font-size: 1.1em;
}
li ul li {
  font-size: 1em;
}

/* Font: Tweak Classes */

.bold {
  font-weight: bold;
}

.regular {
  font-weight: 200 !important;
}

.uppercase {
  text-transform: uppercase;
}

p.large {
  font-size: 1.4em;
}

.txt-shadow {
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}

i.small {
  font-size: 0.9em;
  vertical-align: middle;
  margin-right: 10px;
	min-width: 25px;
}

i.v-small {
  font-size: 0.3em;
  vertical-align: middle;
}

/* 
	2. Colours 
*/

.brand-primary {
  color: #1c4676;
}
.brand-secondary {
  color: #049ee4;
}
.brand-primary-bg {
  background-color: #1c4676;
}
.brand-secondary-bg {
  background-color: #049ee4;
}
.clamp {
  color: #049ee4;
}
.power {
  color: #30ac66;
}
.bellows {
  color: #93c120;
}
.aerospace {
  color: #ea5431;
}
.automation {
  color: #f9b234;
}
.tooling {
  color: #954b96;
}
.power-bg {
  background-color: #30ac66;
}
.bellows-bg {
  background-color: #93c120;
}
.aerospace-bg {
  background-color: #ea5431;
}
.automation-bg {
  background-color: #f9b234;
}
.tooling-bg {
  background-color: #954b96;
}
.grey {
  color: #9d9d9d;
}
.grey-bg {
  background-color: #9d9d9d;
}
.white {
  color: white;
}
a.white:hover {
  color: white;
}
.black {
  color: black;
}
a.black:hover {
  color: black;
}

.center {
  text-align: center;
}

/* 
	3. Buttons 
*/
button.large {
  font-size: 16px;
  padding: 15px 20px;
  text-shadow: none;
}

button.primary {
  background-color: transparent;
  border: 1px solid;
  transition: all 0.3s;
  text-transform: uppercase;
  border-color: #1c4676;
  color: #1c4676;
}

button.primary:hover {
  border-color: #1c4676;
  background-color: #1c4676;
  color: white;
}

* {
  outline: none;
}

.career-areas button.large.blue.clamp {
  margin-top: 1em;
}

button.blue,
button.clamp {
  background-color: transparent;
  border: 1px solid;
  transition: all 0.3s;
  text-transform: uppercase;
  border-color: #049ee4;
}

button.blue:hover,
button.clamp:hover {
  color: white;
  background-color: #049ee4;
}

button.clamp.blue-bg {
	background-color: #049ee4;
	color: white;
}

button.aerospace {
  background-color: transparent;
  border: 1px solid;
  transition: all 0.3s;
  text-transform: uppercase;
  border-color: #ea5431;
}

button.aerospace:hover {
  color: white;
  background-color: #ea5431;
}

button.aerospace.orange-bg {
	background-color: #ea5431;
	color: white;
}

button.bellows {
  background-color: transparent;
  border: 1px solid;
  transition: all 0.3s;
  text-transform: uppercase;
  border-color: #93c120;
}

button.bellows:hover {
  color: white;
  background-color: #93c120;
}

button.bellows.green-bg {
	background-color: #93c120;
	color: white;
}

button.power {
  background-color: transparent;
  border: 1px solid;
  transition: all 0.3s;
  text-transform: uppercase;
  border-color: #30ac66;
}

button.power:hover {
  color: white;
  background-color: #30ac66;
}

button.power.dark-green-bg {
	background-color: #30ac66;
	color: white;
}

button.automation {
  background-color: transparent;
  border: 1px solid;
  transition: all 0.3s;
  text-transform: uppercase;
  border-color: #f9b234;
}

button.automation:hover {
  color: white;
  background-color: #f9b234;
}

button.automation.yellow-bg {
	background-color: #f9b234;
	color: white;
}

button.tooling {
  background-color: transparent;
  border: 1px solid;
  transition: all 0.3s;
  text-transform: uppercase;
  border-color: #954b96;
}

button.tooling:hover {
  color: white;
  background-color: #954b96;
}

button.tooling.purple-bg {
	background-color: #954b96;
	color: white;
}

button.clamp.blue-bg:hover, button.aerospace.orange-bg:hover, button.bellows.green-bg:hover, button.power.dark-green-bg:hover, button.automation.yellow-bg:hover, button.tooling.purple-bg:hover {
	filter: brightness(1.2);
	transition: all 0.3s;
}

button.data-sheet {
  background-color: transparent;
  border: 1px solid;
  transition: background-color 0.3s !important;
  text-transform: uppercase;
}

button.data-sheet.clamp {
  border-color: #049ee4;
}

button.data-sheet.clamp:hover {
  color: white;
  background-color: #049ee4;
}

button.data-sheet.aerospace {
  border-color: #ea5431;
}

button.data-sheet.aerospace:hover {
  color: white;
  background-color: #ea5431;
}

button.data-sheet.power {
  border-color: #30ac66;
}

button.data-sheet.power:hover {
  color: white;
  background-color: #30ac66;
}

button.data-sheet {
  padding: 9.5px 20px;
}

button.data-sheet > img {
  display: inline-block;
}

button.data-sheet > span {
  display: inline-block;
  vertical-align: middle;
}

/* 
	4. Header 
*/

.header-main {display: flex;justify-content: space-between;align-items: flex-end;}

.header-wrapper,
.header-wrapper > .x-bar-content,
.header-container,
.header-content {
  display: block;
}

.header-content {
  background-color: #fff;
}

.header-content:after {
  display: table;
  content: "";
  clear: both;
}

.header-top {
  background-color: #e8e8e8;
  padding: 0.7em 0;
}

.header-main,
.header-top-inner {
  max-width: 88%;
  margin: 0 auto;
}

.header-top-inner::after {
  content: "";
  display: table;
  clear: both;
}

.linkedin {
  float: left;
}

.translator {
  float: left;
  margin-left: 6px;
  margin-top: 2px;
}

#flags.size18 a[title="English"],
#flags.size18 a[title="German"],
#flags.size18 a[title="Spanish"],
#flags.size18 a[title="Romanian"],
#flags.size18 a[title="Chinese (Traditional)"],
#flags.size18 a[title="Hindi"] {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  width: 28px !important;
  height: 28px !important;
  margin-right: 6px;
}

#flags.size18 {
	width:auto!important;
}

#flags li {
    display: inline-flex;
}

#flags.size18 a[title="English"] {
  background: url(https://txsawordpress001.blob.core.windows.net/wordpress-prod-media/wp-content/uploads/2020/06/uk.png);
}

#flags.size18 a[title="German"] {
  background: url(https://txsawordpress001.blob.core.windows.net/wordpress-prod-media/wp-content/uploads/2020/06/German.png);
}

#flags.size18 a[title="Spanish"] {
  background: url(https://txsawordpress001.blob.core.windows.net/wordpress-prod-media/wp-content/uploads/2023/11/mexico-icon-1.png);
}

#flags.size18 a[title="Romanian"] {
  background: url(https://txsawordpress001.blob.core.windows.net/wordpress-prod-media/wp-content/uploads/2020/06/Romania.png);
}

#flags.size18 a[title="Chinese (Traditional)"] {
  background: url(https://txsawordpress001.blob.core.windows.net/wordpress-prod-media/wp-content/uploads/2021/12/chinese-flag-1.png);
}

#flags.size18 a[title="Hindi"] {
  background: url(https://txsawordpress001.blob.core.windows.net/wordpress-prod-media/wp-content/uploads/2021/12/indian-flag.png);
}

.print-logo {
  display: none;
}

/*
	5. Footer
*/

.footer-logos-made img {
    max-width: 200px;
    margin: 10px;
}

.footer-logos-made {
    text-align: center;
}

.footer-wrapper,
.footer-wrapper > .x-bar-content,
.footer-container,
.footer-content {
  display: block;
}

.footer-wrapper {
  position: initial;
}

.footer-wrapper > .x-bar-content {
  max-width: 89.5%;
  margin: 0 auto;
  padding: 1em;
}

.footer-content:after,
.footer-top-left:after,
.footer-top-right:after {
  display: table;
  content: "";
  clear: both;
}

.footer-main > div:first-child {
  width: 33%;
}

.footer-main > div {
  width: 22%;
  display: inline-block;
  vertical-align: top;
  padding: 1em 0;
}

.footer-main > div > p {
  margin-bottom: 10px;
}

.footer-bottom-wrapper > .x-bar-content {
  max-width: 89.5%;
  margin: 0 auto;
  padding: 1em;
}

.footer-bottom-container {
  width: 88%;
}

.footer-bottom {
  background-color: #102a45;
  padding: 1em 0;
  display: flex;
}

.footer-bottom > p {
  display: inline-block;
  margin-bottom: 0;
  flex-basis: 50%;
}

.footer-bottom > p:nth-child(2) {
  text-align: center;
}

.footer-bottom > p:nth-child(3) {
  text-align: right;
}

@media screen and (max-width: 1020px) {
  .footer-bottom-container {
    width: 100%;
  }
  .footer-bottom {
    flex-direction: column;
  }
  .footer-bottom > p {
    flex-basis: 100%;
    text-align: center;
    padding: 1em 0;
  }
  .footer-bottom > p:nth-child(3) {
    text-align: center;
  }
}

/* 
	6. Positioning 
*/

.absolute {
  position: absolute;
}

.x-main.full {
    min-height: 50vh;
}

.top-left {
  left: 0;
  top: 0;
}

.middle-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

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

.hidden {
  display: none;
}

/* 
	7. Navigation Menu 
*/

.ubermenu-item-level-0 li a {
    text-align: center;
}

.e69-1.x-bar-content {
    height: auto!important;
}

#menu-item-74 > ul,
#menu-item-90 > ul,
#menu-item-97 > ul {
  right: -20%;
  width: 200%;
  left: initial;
  border: none;
  box-shadow: none;
  padding-top: 22px;
}

#menu-item-303,
#menu-item-89,
#menu-item-77,
#menu-item-82,
##menu-item-2865 {
  text-align: center;
}

#menu-item-91 > a,
#menu-item-1843 > a,
#menu-item-94 > a,
#menu-item-95 > a,
#menu-item-101 > a,
#menu-item-654 > a,
#menu-item-655 > a,
#menu-item-656 > a,
#menu-item-2665 > a,
#menu-item-2375 > a,
#menu-item-2549 > a,
#menu-item-2555 > a {
  padding: 0 1px 0 0;
  border-bottom: none;
}

#menu-item-75 > a,
#menu-item-77 > a,
#menu-item-82 > a,
#menu-item-2865 > a,
#menu-item-88 > a,
#menu-item-85 > a,
#menu-item-303 > a,
#menu-item-89 > a {
  padding: 0 1px 0 0;
  border-bottom: none;
}

ul.ubermenu-submenu-id-75 {
  padding-bottom: 20px !important;
}

ul.ubermenu-submenu-id-75 #menu-item-76 a {
  border: 1px solid #1c4676 !important;
  background-color: transparent !important;
  padding: 20px 0 !important;
  width: 142px !important;
  margin: 0 auto 10px !important;
}

ul.ubermenu-submenu-id-75 #menu-item-76 a:hover {
  background-color: #1c4676 !important;
}

ul.ubermenu-submenu-id-75 #menu-item-76 a:hover > span {
  color: white !important;
}

ul.ubermenu-submenu-id-75 #menu-item-76 a span {
  font-size: 16px !important;
}

#menu-item-75 > a {
  border-color: transparent;
}

#menu-item-77 > a {
  border-color: #ea5431;
}

#menu-item-82 > a,
#menu-item-2865 > a {
  border-color: #30ac66;
}

#menu-item-88 > a {
  border-color: transparent;
}

#menu-item-85 > a {
  border-color: transparent;
}

#menu-item-303 > a {
  border-color: #954b96;
}

#menu-item-89 > a {
  border-color: #1c4676;
}

.ubermenu .ubermenu-autoclear > .ubermenu-column-1-4:nth-child(4n + 1) {
  clear: none !important;
}

#menu-item-101 > a span,
#menu-item-654 > a span,
#menu-item-655 > a span,
#menu-item-656 > a span,
#menu-item-2162 > a span,
#menu-item-2665 > a span,
#menu-item-2549 > a span{
  padding-bottom: 33px;
  margin-top: 38px;
  text-transform: uppercase;
}

#menu-item-2665 > a span {
	padding-bottom: 0px!important;
}

#menu-item-75 > a span,
#menu-item-85 > a span,
#menu-item-88 > a span {
  margin-top: 28px;
  text-transform: uppercase;
}

#menu-item-88 > a span,
#menu-item-303 > a span,
#menu-item-89 > a span,
#menu-item-77 > a span,
#menu-item-82 > a span, {
  margin-top: 33px;
  text-transform: uppercase;
  padding-bottom: 33px;
}

#menu-item-2865 > a span, #menu-item-77 > a span, #menu-item-303 > a span {
	margin-top: 20px!important;
}

#menu-item-2865 > a span {
	padding-bottom: 20px!important;
}

#menu-item-94 > a span,
#menu-item-95 > a span,
#menu-item-91 > a span,
#menu-item-2375 > a span,
#menu-item-1843 > a span,
#menu-item-2555 > a span {
  margin-top: 33px;
  text-transform: uppercase;
  padding-bottom: 33px;
}

#menu-item-82 ul,
#menu-item-2375 ul,
#menu-item-91 ul {
  padding-left: 19px;
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above {
  text-align: center;
}


.ubermenu-target-title {
  color: #1c4676 !important;
}

.ubermenu-target-title:hover {
  color: #049ee4 !important;
}

.ubermenu-skin-minimal.ubermenu-responsive-toggle {
  font-size: 22px;
}

li#menu-item-1843 a span {
	text-transform: uppercase;
}

.single-news-post p {
    color: black;
}

/*
	8. The Grid
*/

.tg-grid-area-top1 .tg-filters-holder {
  width: 100%;
  display: flex;
  margin: 0;
}

#grid-202 .tg-grid-area-top1 .tg-nav-color,
#grid-815 .tg-grid-area-top1 .tg-nav-color {
  color: white;
}

#grid-202 .tg-grid-area-top1 .tg-filter:not(.tg-dropdown-item):before,
#grid-202 .tg-grid-area-top1 .tg-filter:not(.tg-dropdown-item):after,
#grid-815 .tg-grid-area-top1 .tg-filter:not(.tg-dropdown-item):before,
#grid-815 .tg-grid-area-top1 .tg-filter:not(.tg-dropdown-item):after {
  border-bottom: none;
}

#grid-202 .tg-filters-holder .tg-filter {
  background-color: #049ee4;
}

#grid-815 .tg-filters-holder .tg-filter {
  background-color: #93c120;
}

.tg-grid-area-top1 .tg-filters-holder {
  margin-top: 10px !important;
  width: 100%;
}

.tg-grid-area-top1 .tg-filters-holder .tg-filter:first-child {
  background-color: transparent !important;
  text-align: left;
  width: 190px;
}

#grid-202
  .tg-grid-area-top1
  .tg-filters-holder
  .tg-filter:first-child
  .tg-nav-color,
#grid-815
  .tg-grid-area-top1
  .tg-filters-holder
  .tg-filter:first-child
  .tg-nav-color {
  color: rgb(28, 70, 118);
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}

#grid-202 .tg-grid-area-top1 .tg-filter-active span:not(.tg-filter-count),
#grid-815 .tg-grid-area-top1 .tg-filter-active span:not(.tg-filter-count) {
  color: white;
}

.tg-grid-area-top1
  .tg-filters-holder:first-child
  .tg-filter:first-child.tg-filter-active,
.tg-grid-area-top1
  .tg-filters-holder:nth-child(2)
  .tg-filter:first-child.tg-filter-active,
.tg-grid-area-top1
  .tg-filters-holder:nth-child(3)
  .tg-filter:first-child.tg-filter-active {
  box-shadow: none;
  background-color: transparent !important;
}

.tg-grid-area-top1 .tg-filters-holder .tg-filter {
  display: inline-block !important;
  color: white;
  text-align: center;
  background-color: rgb(28, 70, 118);
  width: 220px;
  margin-right: 2% !important;
  border-radius: 20px !important;
  padding: 4px 0;
  text-transform: uppercase;
}

.tg-grid-area-top1 .tg-filters-holder:first-child .tg-filter.tg-filter-active,
.tg-grid-area-top1 .tg-filters-holder:nth-child(2) .tg-filter.tg-filter-active,
.tg-grid-area-top1 .tg-filters-holder:nth-child(3) .tg-filter.tg-filter-active {
  background-color: rgb(28, 70, 118) !important;
}

.tg-grid-area-top1 .tg-filter .tg-filter-name {
  padding-bottom: 0;
}

.tg-filter .tg-nav-font {
  font-size: 13px !important;
}

#grid-202 .tg-quito-custom .tg-element-3,
#grid-815 .tg-quito-custom .tg-element-3 {
  min-height: 66px;
}

/*
	9. Forms
*/

#gform_wrapper_1 {
  position: relative;
}

form#gform_1 #field_1_6 {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  margin: 0;
}

form#gform_1 li input,
form#gform_1 li textarea, 
form#gform_8 li input, 
form#gform_8 li textarea, 
form#gform_11 li input, 
form#gform_11 li textarea,  {
  padding: 2em;
  border-radius: 0;
  border-color: #e6e6e6;
  box-shadow: none !important;
  color: #1c4676;
}

form#gform_1 li input::placeholder,
form#gform_1 li textarea::placeholder {
  color: #1c4676;
}

form#gform_1 li select, form#gform_8 li select {
  height: 53px;
  padding-left: 2em;
  color: #1c4676;
  border-radius: 0;
}

/* Join our team*/

ul#gform_fields_8,
ul#gform_fields_11 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
}

ul#gform_fields_8 li,
ul#gform_fields_11 li {
    margin: 0!Important;
}

div#gform_wrapper_8 input, 
div#gform_wrapper_8 select, 
div#gform_wrapper_8 textarea
div#gform_wrapper_11 input, 
div#gform_wrapper_11 select, 
div#gform_wrapper_11 textarea {
    width: 100%!important;
}

ul#gform_fields_8 li,
ul#gform_fields_11 li {
    grid-column: 1/2;
}

ul#gform_fields_8 #field_8_6,
ul#gform_fields_11 #field_11_6 {
    grid-column: 2/3;
    grid-row: 1/7;
}

ul#input_8_9 li input, 
.gform_footer.top_label input#gform_submit_button_8,
ul#input_11_9 li input, 
.gform_footer.top_label input#gform_submit_button_11 {
    width: auto!important;
}

input#input_8_12,
input#input_11_12 {
    padding: 0!important;
}

form#gform_1 #field_1_9 {
  width: 49%;
  margin-right: 1%;
  display: inline-block;
}

form#gform_1 #field_1_7 {
  width: 49%;
  display: inline-block;
}

form#gform_1 #field_1_7::after {
  display: table;
  clear: both;
  content: "";
}

#gform_submit_button_1 {
  text-shadow: none;
}

@media only screen and (min-width: 641px) {
  #gform_1 textarea.large {
    height: 424px;
  }
}

/* Downloads Form */

form#gform_2 li input {
  padding: 1em;
  font-size: 30px;
  border-radius: 0;
  border-color: #e6e6e6;
  box-shadow: none !important;
  color: #1c4676;
  width: 100%;
  text-align: center;
}

form#gform_2 li input::placeholder {
  color: #1c4676;
}

form#gform_2 li input:focus::placeholder {
  color: transparent;
}

form#gform_2 .gform_footer {
  text-align: center;
}

#gform_confirmation_message_2 {
  text-align: center;
  font-size: 30px;
}

#gform_submit_button_2 {
  text-shadow: none;
  margin: 0 auto;
  font-size: 25px;
  width: 300px;
}

input#choice_3_4_1 {
  margin-top: -9px;
  margin-right: 10px;
}

#gform_wrapper_3 h3.gform_title {
  color: white;
}

#gform_3 h3.gform_title {
  color: white;
}

#gform_3 input {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

#gform_3 input:focus::placeholder {
  opacity: 0;
}

#gform_submit_button_3 {
  background-color: #049ee4;
  color: white;
  text-shadow: none;
}

#gform_9, #gform_16 {
	background-color: #134778;
	padding: 3em;
}

#gform_9 label.gfield_label, #gform_16 label.gfield_label {
	font-size: 1.3em;
	font-weight: 400;
}

#gform_9 label, #gform_16 label {
	color: white;
}

body #gform_9 .gfield_required, body #gform_16 .gfield_required {
	color: white;
	font-size: .9em;
}

#gform_9 input, #gform_9 textarea, #gform_9 input, #gform_16 textarea {
	border-radius: 0;
}

#gform_submit_button_9, #gform_submit_button_16 {
	font-size: 1.3em;
	padding: .5em 2.4em;
}

/* Search Form */

#searchform {
  margin: 0;
}

.searchBox {
  position: absolute;
  right: 7%;
  top: 12px;
  background: #323333;
  height: 30px;
  border-radius: 0;
}

.searchBox:hover > .searchInput {
  width: 240px !important;
  padding: 0 6px 10px !important;
  background-color: transparent !important;
  box-shadow: none;
}

.searchBox:hover > .searchButton {
  background: white;
  color: #2f3640;
}

.searchButton {
  color: white;
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 0;
  background: #1c4676;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  border: none;
}

.searchInput {
  border: none !important;
  background-color: transparent !important;
  outline: none !important;
  float: left !important;
  padding: 0 !important;
  color: white !important;
  font-size: 16px !important;
  transition: 0.4s !important;
  line-height: 40px !important;
  width: 0px !important;
}

header #searchform {
  float: right;
  width: 200px;
  margin-right: 6%;
  margin-top: 16px;
}

.news-search > #searchform {
  width: 200px;
}

@media screen and (max-width: 620px) {
  .searchInput {
    width: 240px !important;
    padding: 0 6px !important;
  }
}

/*
	10. News
*/

/* Index.php */

.news-wrapper {
  padding-bottom: 50px;
}

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

.news-post {
  padding: 1.2em 0;
}

.news-post > .entry-featured {
  width: 300px;
  height: 300px;
  background-position: center;
  background-size: cover;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  padding: 4px;
  border: 1px solid #ede8e2;
  box-shadow: none;
}

.news-post.hasImg > .content,
.news-post > .content {
  display: inline-block;
  padding: 2em;
  border: 1px solid #ede8e2;
}

.news-post > .content {
  width: 100%;
}

.news-post.hasImg > .content {
  width: calc(100% - 320px);
  min-height: 300px;
}

.news-post > .content h2 {
  margin-top: 0;
}

.news-search {
  position: relative;
  float: right;
  margin-top: 50px;
}

.news-search .searchBox {
  position: relative;
  top: 35px;
}

.x-bar-widget-area .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.news-widget-post {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-basis: 30%;
  border: 1px solid #dddddd;
}

.news-widget-post .entry-featured {
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: none;
  margin: 25px 25px 0;

}

.news-widget-content {
  padding: 2em;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.news-widget-content > h2 {
  text-transform: none;
  margin-top: 0.5em;
}

.news-widget-post > .date {
  position: absolute;
  color: white;
  padding: 1em;
  line-height: 1em;
  top: 0;
  left: 0;
  background-color: #1c4676;
  text-align: center;
  z-index: 1;
}

.more-link {
  display: none;
}

/* Single Post */

.single-news-post {
  margin-top: 45px;
  padding: 0em;
}

.single-news-post > .entry-featured {
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: none;
  min-height: 700px;
  background-position: center;
}

/* Latest News - Banner  */

.latest-news {
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.latest-news.active {
  opacity: 1;
  height: auto;
}

.banner-posts {
  display: none;
}

.banner-posts .post {
  margin-bottom: 20px;
}

.banner-posts h3 {
  font-size: 1.8em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.banner-posts .post .entry-featured {
  min-height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-posts .post p.large {
  margin-bottom: 0;
}

/* 
	11. Owl Carousel 
*/

/*
	12. Banners
*/

.home-banner .x-bg-layer-lower-image {
  transition: all 0.5s;
}

.banner-title {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 5.5em;
}

.banner-title > span {
  font-size: 0.8em;
  font-weight: 100;
}

/* 
	13. Products Pages
*/

/* Products Single */

.product-content-wrapper .clamp {
  color: #049ee4 !important;
}

.product-content-wrapper .bellows {
  color: #93c120 !important;
}

button.data-sheet.large.clamp {
  border-color: #049ee4;
}
button.data-sheet.large.clamp:hover {
  background-color: #049ee4;
  color: white !important;
}

button.data-sheet.large.bellows {
  border-color: #93c120;
}
button.data-sheet.large.bellows:hover {
  background-color: #93c120;
  color: white !important;
}

.single-product-wrapper {
  max-width: 88%;
  margin: 0 auto;
  padding: 1em 0 3em;
}

.product-image-wrapper {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.product-image-container {
  width: 90%;
  border: 2px solid #e7e7e7;
  text-align: center;
  margin-top: 2.8em;
}

.product-image-container > .entry-featured {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  box-shadow: none;
  border: 2px solid #e7e7e7;
}

.product-content-wrapper {
  display: inline-block;
  width: 49%;
  position: relative;
}

.product-content-wrapper::after {
  display: table;
  content: "";
  clear: both;
}

.product-content-wrapper h1 span.regular {
  font-size: 0.5em;
  color: #999999;
}

.product-content-wrapper .top-content {
  float: left;
}

.product-content-wrapper h1 {
  font-size: 3em;
  margin-top: 0.2em;
}

.product-content-wrapper p {
  font-size: 1.1em;
}

.product-content-wrapper .download-btns {
  float: right;
  margin-top: 3em;
}

.product-thumbnails {
  margin-top: 2em;
}

.product-thumbnail {
  display: inline-block;
  width: 24%;
  height: 216px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #d3d3d3;
}

.related-products {
  margin-top: 30px;
}

.related-products .tg-grid-wrapper .tg-item .tg-item-title {
  min-height: 66px;
}

.matching-products {
  float: left;
  margin: 20px 0 0;
  font-weight: bold;
}

.specs {
  display: flex;
  flex-wrap: wrap;
  column-gap: 26px;
  float: left;
  clear: left;
}

.specs::after {
  display: table;
  content: "";
  clear: both;
}

.specs h3 {
  width: 100%;
  margin-bottom: 0.8em;
}

.specs p {
  margin-bottom: 0px;
}

.specs small {
  display: block;
  margin: 10px 0 5px;
  line-height: 1.4em;
}

.spec-left {
  flex: 1;
}

.spec-right {
  flex: 1;
}

.specs .spec-sub-title {
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1em;
  font-size: 1.2em;
}

/*
	14. Other
*/

.img-text-4 > img {
  padding: 1em;
}

.img-text > img {
  padding: 1em;
}

.img-text > div > p {
  margin: 0 !important;
}

.single-product-wrapper.clamps {
  height: auto !important;
}

#map {
  height: 700px;
  width: 100%;
}

#map h2.brand-primary {
  margin-top: 0;
}

/* Timeline */

.timeline-img,
.timeline-content {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
}

/* Directors */

#directors > .person {
  position: unset;
}

#directors > .person > .bio {
  display: none;
  position: fixed;
  width: 53%;
  top: 54%;
  z-index: 9999;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4em 2em 2em;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 1.3em;
  color: black;
}

/* #directors > .person > .x-image:hover {
	cursor: pointer;
}*/

#directors > .person > .bio.open {
  display: block;
}

#directors > .person > .bio > .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  opacity: 1;
}

#directors > .person > .bio > .pic {
  width: 35%;
  display: inline-block;
  vertical-align: top;
}

#directors > .person > .bio > .bio-text {
  width: 64%;
  display: inline-block;
  padding-left: 2em;
}

#directors > .person > .bio > .bio-text > .name {
  font-size: 2em;
  line-height: 1.2em;
  margin: 0;
}

#directors > .person > .bio > .bio-text > .role {
  font-size: 1.6em;
  line-height: 1.2em;
  color: #049ee4;
  font-weight: bold;
}

/* Accordians */

.our-values button {
  background-color: #325984 !important;
}

.our-mission button {
  background-color: #496b91 !important;
}

.x-acc .x-acc-header-indicator {
  display: none;
}

.x-acc .x-acc-header-content:after {
  font-family: fontawesome;
  content: "\f068";
  float: right;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  font-size: 150%;
  color: #fff;
  transition: all 0.3s ease;
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.x-acc button.x-acc-header.x-active .x-acc-header-content:after {
  content: "\f078";
}

.img-text > div {
  display: inline-block;
  width: 49.8%;
  padding: 0.5em;
  float: left;
}

/* Popups */

.rounded-box {
  width: 90%;
  padding: 13px 0;
  border-radius: 30px;
}

span.x-image.toggle, a.x-image.toggle, div.x-image.toggle {
  transition: all 0.3s;
}

span.x-image.toggle.active, a.x-image.toggle.active, div.x-image.toggle.active {
  transition: all 0.3s;
  margin-right: -10px;
}

span.x-image.toggle:hover, a.x-image.toggle:hover, div.x-image.toggle:hover {
  transition: all 0.3s;
  margin-right: -10px;
}


span.toggle.clamp:hover, a.toggle.clamp:hover, div.toggle.clamp:hover {
  background-color: #009fe3 !important;
}

span.toggle.bellows:hover, a.toggle.bellows:hover, div.toggle.bellows:hover {
  background-color: #94c120 !important;
}

span.toggle.aerospace:hover, a.toggle.aerospace:hover, div.toggle.aerospace:hover {
  background-color: #ea5431 !important;
}

span.toggle.power:hover, a.toggle.power:hover, div.toggle.power:hover {
  background-color: #30ac66 !important;
}

span.toggle.automation:hover, a.toggle.automation:hover, div.toggle.automation:hover {
  background-color: #f9b234 !important;
}

span.toggle.tooling:hover, a.toggle.tooling:hover, div.toggle.tooling:hover {
  background-color: #954b96 !important;
}

#popmake-1456 #pum_popup_title_1456 {
  text-align: center !important;
  font-weight: bold;
}

#popmake-1456 h3 {
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: 400;
  color: white !important;
}

/*
	15. Media Queries
*/

@media screen and (min-width: 1921px) {
  .power-image.animate {
    right: -350px;
  }
}

/* Large Desktop */
@media screen and (min-width: 1200px) {
  /* Parallax */

  #clamp-section,
  .power-section,
  .aerospace-section {
    height: 700px !important;
    overflow: hidden !important;
  }

  .e69-1.x-bar {
    height: auto !important;
  }

  .img-text > img {
    width: 50%;
    padding: 0em 1em 1em 0em;
  }

  .img-text-4 > img {
    width: 18%;
    padding: 0 1em 1em 0;
  }

  .animate {
    transition: all 1s ease-out;
  }

  /*.clamp-image {
    left: -100%;
    position: absolute;
    display: block;
    top: 50px;
  }

  .clamp-image.animate {
    left: 0;
  }*/

  .clamp-triangle,
  .power-triangle,
  .aerospace-triangle {
    position: relative;
    transform: translateY(-800px);
  }

  .power-triangle {
    float: right;
  }

  .clamp-triangle.animate,
  .power-triangle.animate,
  .aerospace-triangle.animate {
    transform: translateY(30px);
  }

  .clamp-title,
  .aerospace-title,
  .power-title {
    position: relative;
    transform: translateY(-370px);
  }
  .clamp-title.animate,
  .aerospace-title.animate,
  .power-title.animate {
    transform: translateY(0);
  }

  .clamp-text,
  .aerospace-text {
    position: relative;
    transform: translate(1000px, 20px);
  }
  .clamp-text.animate,
  .aerospace-text.animate {
    transform: translate(0%, 20px);
  }

  .clamp-button,
  .aerospace-button {
    position: relative;
    transform: translate(1000px, 20px);
  }
  .clamp-button.animate,
  .aerospace-button.animate {
    transform: translate(0, 20px);
  }

  .power-text {
    position: relative;
    transform: translate(-1000px, 20px);
  }
  .power-text.animate {
    transform: translate(0%, 20px);
  }

  .power-button {
    position: relative;
    transform: translate(-1000px, 20px);
  }
  .power-button.animate {
    transform: translate(0, 20px);
  }

  /*.aerospace-image {
    position: absolute;
    width: 200%;
    left: -1000px;
    top: 1000px;
  }

  .aerospace-image.animate {
    left: -448px;
    top: -88px;
  }

  .aerospace-cloud-left {
    width: 180%;
    left: -1000px;
    position: absolute;
    top: 122px;
  }
  .aerospace-cloud-left.animate {
    left: -142px;
  }

  .aerospace-cloud-right {
    width: 180%;
    right: -1000px;
    position: absolute;
    top: -369px;
  }
  .aerospace-cloud-right.animate {
    right: -200px;
  }*/
}

/* Small Desktop */
@media screen and (max-width: 1200px) {
  .footer-main > div {
    width: 49%;
    text-align: center;
  }
  .footer-main > div:first-child {
    width: 49%;
  }
  .news-post .content {
    width: 100%;
    margin-top: 20px;
  }
  .news-widget-post {
    flex-basis: 48%;
    margin-top: 1em;
  }
  .news-widget-post:last-child {
    flex-basis: 100%;
  }
  .news-widget-post .entry-featured {
    height: 300px;
  }
  .x-acc .x-acc-content {
    padding: 2em 3em !important;
  }
}

@media screen and (max-width: 1086px) {
  #ubermenu-main-2 {
    margin-top: 0;
  }
	
	.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
		text-align: left!important;
	}

  #ubermenu-nav-main-2 .ubermenu-image {
    display: none;
  }

  #menu-item-74 > ul,
  #menu-item-90 > ul,
  #menu-item-97 > ul {
    padding-top: 0;
  }

  #menu-item-303,
  #menu-item-89,
  #menu-item-77,
  #menu-item-82 {
    text-align: left;
  }

  #menu-item-77 > a,
  #menu-item-303 > a,
  #menu-item-82 > a {
    border: none;
  }
/*
  #menu-item-77 > a span,
  #menu-item-303 > a span,
  #menu-item-82 > a span {
    padding-left: 38px;
  }
*/
  #menu-item-75 > ul,
  #menu-item-76 a {
    padding-bottom: 0;
  }

  #menu-item-85 > a span,
  #menu-item-88 > a span,
  #menu-item-89 > a span,
  #menu-item-91 > a span,
  #menu-item-2375 > a span,
  #menu-item-94 > a span,
  #menu-item-101 > a span,
  #menu-item-654 > a span,
  #menu-item-655 > a span,
  #menu-item-77 > a span,
  #menu-item-303 > a span,
  #menu-item-2162 > a span,
  #menu-item-2665 > a span,
  #menu-item-2549 > a span {
    margin-top: 20px;
    padding-bottom: 0;
  }

  #menu-item-95 > a span,
  #menu-item-82 > a span,
  #menu-item-656 > a span,
  #menu-item-2555 > a span,{
    margin-top: 20px;
    padding-bottom: 20px;
  }

  #menu-item-75 > a span,
  #menu-item-88 > a span {
    margin-top: 10px;
  }

  #directors > .person > .bio > .pic,
  #directors > .person > .bio > .bio-text {
    width: 100%;
    display: block;
  }

  #directors > .person > .bio > .bio-text {
    margin-top: 2em;
  }

  #directors > .person > .bio > .bio-text > .role {
    margin-bottom: 0.2em;
  }
}

/* Large Tablet */
@media screen and (max-width: 979px) {
  .header-main {
    width: 100%;
    max-width: 100%;
    padding: 0 1em;
  }

  .clamp-image > img {
    width: 100%;
  }

  #clamp-section .clamp-button {
    margin-bottom: 2em;
  }

  .clamp-triangle,
  .aerospace-triangle {
    position: absolute;
    z-index: -1;
    width: 80%;
    top: 20px;
    left: 50px;
  }

  .aerospace-section {
    padding: 2em 0 !important;
  }

  .aerospace-triangle {
    width: 60%;
  }

  .aerospace-cloud-left,
  .aerospace-cloud-right {
    display: none;
  }

  .power-section {
    padding: 2em 0 4em !important;
  }

  .power-section .x-row-inner {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap;
  }

  .power-triangle {
    position: absolute;
    z-index: -1;
    right: 30px;
    top: 0;
    width: 40%;
  }

  form#gform_1 li input,
  form#gform_1 li select {
    width: 100%;
  }

  form#gform_1 #field_1_6 {
    position: relative;
    width: 100%;
    margin-top: 1.313em;
  }

  form#gform_1 .gform_footer {
    width: 100%;
    float: none;
    margin-top: 1.313em;
  }
  .banner-posts {
    text-align: center;
  }

  .product-image-container {
    border: none;
    width: 100%;
    padding: 1em;
  }

  .product-image-wrapper,
  .product-content-wrapper {
    width: 100%;
    display: block;
  }

  .product-content-wrapper h2 {
    margin-top: 0;
  }

  .single-news-post > .entry-featured {
    min-height: 250px;
  }

  .news-widget-post {
    flex-basis: 100%;
  }

  .product-content-wrapper .download-btns {
    right: 0px;
  }
  .tg-grid-area-top1 .tg-filters-holder {
    display: block !important;
  }
  .tg-filters-holder .tg-filter {
    width: 100% !important;
  }
}

@media screen and (max-width: 959px) {
  #ubermenu-main-2 {
    margin-top: 0;
  }
  .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    margin-top: 20px;
    color: #1c4676 !important;
  }
  .ubermenu-image {
    display: none !important;
  }
  #menu-item-74:hover {
    height: 500px!important;
  }
 /* #menu-item-74:hover > .ubermenu-submenu-id-74 {
    min-height: 500px!important;
 }*/
}

/* Medium Tablet */
@media screen and (min-width: 780px) {
	a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
    text-align: center;
	}
}
@media screen and (max-width: 780px) {
  .news-post {
    text-align: center;
  }
  .news-heading {
    width: 100%;
    text-align: center;
  }
  .news-post > .entry-featured {
    width: 100%;
    border-bottom: 0;
  }
  .news-post.hasImg > .content {
    width: 100%;
    margin-top: 0px;
    border-top: 0;
  }
  .news-search {
    width: 300px;
    margin: 0 auto;
    float: none;
  }
  .news-search .searchBox {
    top: 0;
    right: 0;
  }
  .news-search .searchBox > .searchInput,
  .searchBox > .searchInput {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-radius: 0px;
    box-shadow: none;
    line-height: 29px !important;
    padding-left: 10px;
  }
  .searchBox:hover > .searchInput {
    padding-left: 10px;
  }
  .tg-filters-holder {
    margin: 0 auto !important;
  }
  .tg-filter {
    width: 48%;
    margin-right: 1%;
  }
  .tg-filters-holder .tg-filter:first-child {
    width: 100%;
    text-align: center;
    font-weight: bold;
  }
  .tg-filters-holder .tg-filter:first-child .tg-nav-font {
    font-size: 15px !important;
  }
  .home-banner .banner-text {
    font-size: 0.8em !important;
  }
  .product-content-wrapper .top-content {
    float: none;
  }
  .product-content-wrapper .download-btns {
    position: relative;
    right: inherit;
    top: inherit;
  }
	ul#gform_fields_8 {
		display: inline-block;
		width: 100%;
	}

	ul#gform_fields_8 li {
		margin-bottom: 1em!important;
	}
	
}

@media screen and (max-width: 600px) {
  .footer-main > div {
    width: 100%;
  }
  .single-news-post > .entry-featured {
    min-height: 200px;
  }
}

/* Mobile */
@media screen and (max-width: 480px) {
  .header-top {
    padding: 0.7em 0 0 0;
  }
  .header-top-inner {
    display: block;
    margin-top: 6px;
    width: 100%;
    padding: 0 0.5em;
    justify-content: center;
    max-width: 100%;
  }
  header #searchform {
    width: 38%;
    margin-bottom: 20px;
  }
  .news-post > .entry-featured {
    width: 300px;
    height: 250px!important;
}

  .translator {
    width: auto;
    text-align: center;
    float: left;
  }
  .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    margin-top: 0px;
  }
  .header-main img.logo {
    width: 300px;
    display: block;
	  margin:0 auto;
  }
  .tg-filter {
    width: 100%;
    margin-right: 0;
  }
  .specs h3 {
    font-size: 1.8em;
  }
  .spec-left {
    flex: 1 1 100%;
    font-size: 0.8em;
  }
  .spec-right {
    flex: 1 1 100%;
    font-size: 0.8em;
  }
  .clamp-text,
  .power-text,
  .aerospace-text {
    padding: 0 1em !important;
  }
  .news-widget-post > .date {
    padding: 1em 1.4em;
  }
  .footer-main > div:first-child {
    width: 100%;
    text-align: center;
  }
  #directors > .person > .bio {
    width: 100%;
    font-size: 0.9em;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
  #directors > .person > .bio > .pic {
    width: 45%;
    margin: 0 auto;
  }
}

@media print {
  .footer-wrapper,
  footer p:nth-child(2),
  #ubermenu-main-2,
  .ubermenu-responsive-toggle,
  .x-global-block,
  .related-products,
  .header-top,
  #searchform,
  .download-btns,
  .logo-link {
    display: none !important;
  }

  .print-logo {
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    width: 250px;
  }

  .product-content-wrapper {
    display: block;
    width: 100%;
    margin-top: -180px;
  }

  header.x-masthead {
    margin-bottom: 80px !important;
    margin-top: 0px;
  }

  .specs h3 {
    margin-top: 0em;
  }

  .product-image-wrapper {
    display: block;
    width: 200px;
    float: right;
  }

  .footer-bottom-wrapper {
    margin-top: 0;
  }
}

@media screen and (min-width: 1087px) {
  .header-wrapper {
    max-height: 179px !important;
  }
}
.m1fy-0 .x-bar-content {
	display:block!important;
}