.valign {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.halign {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vhalign {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.noshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body,
html {
  overflow-x: hidden;
  font-family: "roboto", sans-serif;
  color: #4b5259;
  font-size: 16px;
  line-height: 24px;
}

body {
  padding-top: 148px;
}

h1,
.h1 {
  font-weight: bold;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.02em;
  text-transform: none;
  margin-bottom: 12px;
  color: #1665c2;
  font-family: "roboto", sans-serif;
}

h2,
.h2 {
  font-size: 34px;
  line-height: 40px;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 9px;
  color: #003568;
  font-family: "roboto", sans-serif;
}

h3,
.h3 {
  font-size: 26px;
  line-height: 32px;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 9px;
  letter-spacing: 0;
  color: #1665c2;
  font-family: "roboto", sans-serif;
}

h4,
.h4 {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #4b5259;
  font-family: "roboto", sans-serif;
}

h5,
.h5 {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  color: #4b5259;
  font-family: "roboto", sans-serif;
}

.subtitle {
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #4b5259;
  font-family: "roboto", sans-serif;
}

.heading:last-child {
  margin-bottom: 0;
}

.heading.black,
.black-bg .heading.black,
.image-bg .heading.black {
  color: #4b5259 !important;
}

.heading.blue,
.black-bg .heading.blue,
.image-bg .heading.blue {
  color: #1665c2 !important;
}

.heading.darkblue,
.black-bg .heading.darkblue,
.image-bg .heading.darkblue {
  color: #003568 !important;
}

.heading.white,
.black-bg .heading.white,
.image-bg .heading.white {
  color: white !important;
}

.richtext h1 a,
.richtext h2 a,
.richtext h3 a,
.richtext h4 a,
.richtext h5 a,
.heading a {
  color: #4b5259;
}

.richtext.large p,
.richtext.large ul li,
.richtext.large ol li {
  font-size: 18px;
  line-height: 26px;
}

p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
  font-weight: normal;
  color: #4b5259;
}

p:last-of-type {
  margin-bottom: 0;
}

p a {
  color: #1665c2;
  text-decoration: none;
}

p a:hover,
p a:active {
  color: #003568;
  text-decoration: none;
}

p a:focus {
  color: #003568;
}

::selection {
  background: #1665c2;
  color: white;
}

::-moz-selection {
  background: #1665c2;
  color: white;
}

.richtext a {
  color: #1665c2;
  text-decoration: none;
}

.richtext a:hover,
.richtext a:active {
  color: #003568;
  text-decoration: none;
}

.richtext a:focus {
  outline: 0;
  color: #003568;
  text-decoration: none;
}

.richtext a.button {
  color: white;
}

.richtext ul,
.block .column > ul {
  position: relative;
  padding-left: 20px;
  margin-left: 0;
  margin-bottom: 0;
}

.richtext ul li,
.block .column > ul li {
  position: relative;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  list-style-type: none;
  color: #4b5259;
}

.richtext ul li a,
.block .column > ul li a {
  color: #4b5259;
}

.richtext ul li a:hover,
.richtext ul li a:active,
.block .column > ul li a:hover,
.block .column > ul li a:active {
  color: #1665c2;
}

.richtext ul li ul,
.block .column > ul li ul {
  margin-left: 0;
  margin-top: 10px;
  padding-left: 15px;
  margin-bottom: 10px;
}

.richtext ul li:last-child,
.block .column > ul li:last-child {
  margin-bottom: 0;
}

.richtext ul li:before,
.block .column > ul li:before {
  content: "";
  color: #a1a4b1;
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 7px;
  left: -19px;
  border-radius: 100%;
  background-color: #a1a4b1;
}

.richtext ul:last-child,
.block .column > ul:last-child {
  margin-bottom: -6px;
}

.center ul li,
.text-center ul li {
  text-align: left;
}

.text-left-middle.column-has-bg {
  align-items: inherit;
}

.text-left-middle.column-has-bg > .column {
  justify-content: center;
  display: flex;
}

.text-left-middle.column-has-bg > .column > * {
  margin-left: 0;
}

.button {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: white;
  background-color: #1665c2;
  text-transform: none;
  padding: 8px 25px;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  outline: 0 !important;
  position: relative;
  font-family: "roboto", sans-serif;
  border-radius: 0;
  border: 2px solid #1665c2;
  margin-right: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button:last-child {
  margin-right: auto;
}

.button i {
  margin-right: 15px;
}

.button:hover,
.button:active {
  background-color: #ed4f2f;
  border-color: #ed4f2f;
  color: white;
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
}

.button:focus {
  background-color: #ed4f2f;
  border-color: #ed4f2f;
  color: white;
}

.button.orange {
  background-color: #ed4f2f;
  color: white;
  border-color: #ed4f2f;
}

.button.orange:hover,
.button.orange:active .button.orange:focus {
  color: white;
  background-color: #1665c2;
  border-color: #1665c2;
}

.button.white {
  background-color: white;
  color: #1665c2;
  border-color: white;
}

.button.white:hover,
.button.white:active,
.button.white:focus {
  color: #003568;
  background-color: #f1f5f9;
  border-color: #f1f5f9;
}

.button.hollow {
  background-color: transparent;
  color: #1665c2;
  border: 2px solid #1665c2;
}

.button.hollow:hover,
.button.hollow:active,
.button.hollow:focus {
  color: #003568;
  background-color: transparent;
  border-color: #003568;
}

.button-group {
  margin-bottom: -15px;
}

.button-group .button {
  margin-bottom: 15px;
}

.forms input[type="text"],
.forms input[type="email"],
.forms input[type="number"],
.forms input[type="password"],
.forms input[type="tel"],
.forms textarea,
.forms select,
.forms .bootstrap-select > button {
  color: #4b5259;
  letter-spacing: 0.02em;
  font-size: 16px;
  text-transform: none;
  background-color: #f1f5f9;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e0e5ea;
  border-radius: 0;
  width: 100%;
  padding: 0 15px;
}

.forms input[type="text"]:focus,
.forms input[type="email"]:focus,
.forms input[type="number"]:focus,
.forms input[type="password"]:focus,
.forms input[type="tel"]:focus,
.forms textarea:focus,
.forms select:focus,
.forms .bootstrap-select > button:focus {
  border-color: #1665c2 !important;
  background-color: #f1f5f9;
}

.forms .fieldset {
  justify-content: space-between;
  margin: 0 -16px;
}

.forms textarea {
  height: 76px !important;
  padding-top: 15px;
  padding-left: 15px !important;
}

.forms label {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #4b5259;
  font-family: "roboto", sans-serif;
}

.forms label .required {
  color: #4b5259;
}

.forms label:last-child {
  margin-bottom: -15px;
}

.forms .input-group {
  margin-bottom: 30px;
}

.forms .fieldset > p {
  padding: 0 15px;
}

.forms .fieldset > p:last-child {
  margin-bottom: 30px;
}

.forms .checkboxes,
.forms .radios {
  font-size: 16px;
  margin-top: 3px;
  padding-left: 0;
}

.forms .checkboxes.w25,
.forms .radios.w25 {
  width: 100%;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.forms .checkboxes.w33,
.forms .radios.w33 {
  width: 100%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.forms .checkboxes.w50,
.forms .radios.w50 {
  width: 100%;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.forms .checkboxes .checkbox,
.forms .checkboxes .radio,
.forms .radios .checkbox,
.forms .radios .radio {
  margin-top: 0;
}

.forms .checkboxes input[type="checkbox"],
.forms .checkboxes input[type="radio"],
.forms .radios input[type="checkbox"],
.forms .radios input[type="radio"] {
  margin-left: 0;
  position: static;
}

.forms .recaptcha-toggle {
  opacity: 0;
  margin-bottom: 4px;
}

.forms .recaptcha-toggle.active {
  opacity: 1;
}

.forms .bootstrap-select {
  width: 100%;
  height: 40px;
  background-color: #f1f5f9;
}

.bootstrap-select button {
  height: 40px;
  background-color: #f1f5f9;
  border: 1px solid #e0e5ea !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}

.bootstrap-select button span {
  color: #4b5259;
  font-size: 16px;
  line-height: 40px;
}

.bootstrap-select button.bs-placeholder span {
  color: #a1a4b1;
}

.bootstrap-select .dropdown-toggle .caret {
  border: 0;
  top: 10px;
  right: 30px;
}

.bootstrap-select button .caret:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f107" !important;
  color: #003568;
  font-weight: bold;
  font-size: 16px;
}

.bootstrap-select.open button .caret:before {
  content: "\f106" !important;
  color: #003568;
  font-weight: bold;
  font-size: 16px;
}

.bootstrap-select .dropdown-menu {
  max-height: 200px !important;
  margin-top: 0 !important;
  max-width: 100%;
  overflow-x: hidden;
  background-color: white !important;
  border: 0 !important;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.bootstrap-select .dropdown-menu::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #a1a4b1;
}

.bootstrap-select .dropdown-menu::-webkit-scrollbar {
  width: 4px;
  background-color: #4b5259;
  height: 20px;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #4b5259;
}

.bootstrap-select .dropdown-menu a:hover {
  background-color: #f1f5f9 !important;
}

.bootstrap-select.btn-group .dropdown-menu li:hover {
  background-color: #f1f5f9;
}

.forms .errorMessage,
.forms .input-group .error {
  position: absolute;
  color: #ed4f2f;
  bottom: -21px;
  font-weight: normal;
  font-size: 12px;
  padding-left: 0;
  background-color: transparent;
}

select[style*="1px solid red"] {
  border-color: #ed4f2f !important;
}

select[style*="1px solid red"] + .errorMessage:after {
  content: "Option";
}

.forms p.error {
  color: #ed4f2f;
  font-weight: bold;
  font-size: 14px;
}

.forms #file-uploader-image {
  height: 40px;
  line-height: 40px;
  border: 1px solid #e0e5ea;
  background-color: #f1f5f9;
}

.forms .qq-upload-button,
.forms .qq-clear-button {
  height: 40px;
  font-weight: bold;
  line-height: 40px;
}

.forms .qq-upload-button:before,
.forms .qq-clear-button:before {
  color: #4b5259;
  height: 40px;
  line-height: 40px;
}

.forms .qq-upload-button:hover:before,
.forms .qq-upload-button:active:before,
.forms .qq-clear-button:hover:before,
.forms .qq-clear-button:active:before {
  color: #1665c2;
}

.forms .qq-upload-button {
  padding-right: 15px;
}

.forms .file-uploader-items .file-wrap {
  margin-top: 0;
  margin-right: 15px;
  height: 20px;
  line-height: 20px;
}

.forms .submit {
  margin: 20px auto -15px auto;
}

.forms .submit i {
  margin-right: 10px;
}

.forms .g-recaptcha {
  margin-top: 28px;
}

.forms .w100 .g-recaptcha {
  margin-top: 0;
}

.forms .w100 .g-recaptcha > div {
  margin: 0 auto;
}

.forms + p {
  margin-top: 30px;
}

.forms input::placeholder {
  color: #a1a4b1;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  font-family: "roboto", sans-serif;
}

.forms input:-ms-input-placeholder {
  color: #a1a4b1;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  font-family: "roboto", sans-serif;
}

.forms input::-ms-input-placeholder {
  color: #a1a4b1;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  font-family: "roboto", sans-serif;
}

.forms textarea::placeholder {
  color: #a1a4b1;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  font-family: "roboto", sans-serif;
}

.forms textarea:-ms-input-placeholder {
  color: #a1a4b1;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  font-family: "roboto", sans-serif;
}

.forms textarea::-ms-input-placeholder {
  color: #a1a4b1;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  font-family: "roboto", sans-serif;
}

table,
.table {
  border: 0;
  border-top: 1px solid #a1a4b1;
  border-radius: 2px;
  width: 100%;
}

table td,
.table td {
  border: 0 !important;
  text-align: left;
  padding: 7px;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px;
}

table thead td,
.table thead td {
  background-color: #1665c2;
  color: white;
  text-align: left;
  font-weight: bold;
  font-family: "roboto", sans-serif;
}

table tbody tr:nth-child(odd) td,
.table tbody tr:nth-child(odd) td {
  background-color: white;
}

table tr,
.table tr {
  border-bottom: 1px solid #a1a4b1;
}

.image-single a {
  text-decoration: none;
  color: #4b5259;
}

.image-single p.img-caption-out {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.image-single.fill {
  overflow: visible;
}

.image-single.fill img {
  min-width: 100%;
  min-height: 100%;
  max-width: none;
}

.image-single img {
  max-width: 100%;
}

.hr {
  margin: 30px auto;
  height: 1px;
  background-color: #a1a4b1;
}

.block {
  overflow: hidden;
}
.block.remove_overflow_block{
    overflow: visible;
}

.nested .block {
  padding-bottom: 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.nested .block:first-child {
  padding-top: 0;
}

.nested .block:first-child .column {
  padding-top: 0;
}

.nested .block:last-child {
  padding-bottom: 0;
}

.nested .block:last-child .column {
  padding-bottom: 0;
}

.nested .block + .block {
  margin-top: 60px;
}
.nested.margin-fix .block + .block {
  margin-top: 25px;
}

.nested .block.has-bg {
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  padding-bottom: 40px;
  padding-top: 40px;
}

.nested .block.has-bg > .column:first-child {
  padding-left: 40px;
}

.nested .block.has-bg > .column:last-child {
  padding-right: 40px;
}

.nested .block.column-has-bg .column {
  padding-top: 40px;
  padding-bottom: 40px;
}

.block.narrow > .column > .richtext,
.block.narrow > .column > .heading {
  max-width: 830px;
}

.block.narrow.text-center-top > .column > .richtext,
.block.narrow.text-center-top > .column > .heading {
  margin-left: auto;
  margin-right: auto;
}

.column.column-has-bg-left + .column {
  padding-left: 30px;
}

.block.column-has-bg .column {
  padding-left: 30px;
  padding-right: 30px;
}

.white-bg {
  background-color: white;
}

.white-bg + .white-bg {
  padding-top: 0;
}

.gray-bg {
  background-color: #f1f5f9;
}

.gray-bg + .gray-bg {
  padding-top: 0 !important;
}

.blue-bg {
  background-color: #1665c2;
}

.blue-bg + .blue-bg {
  padding-top: 0 !important;
}

.darkblue-bg {
  background-color: #003568;
}

.darkblue-bg + .darkblue-bg {
  padding-top: 0 !important;
}

.black-bg {
  background-color: #4b5259;
}

.black-bg + .black-bg {
  padding-top: 0 !important;
}

.image-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
}

.image-bg > * {
  z-index: 2;
}

.image-bg .heading,
.image-bg .richtext,
.image-bg p,
.image-bg ul li,
.image-bg ul li:before,
.image-bg ul li a,
.image-bg .fancy a,
.image-bg .fancy li,
.image-bg p a,
.image-bg ol li,
.image-bg h1,
.image-bg h2,
.image-bg h3,
.image-bg h4,
.image-bg h5,
.image-bg .link,
.image-bg .subtitle,
.image-bg .button.hollow,
.black-bg .heading,
.black-bg .richtext,
.black-bg p,
.black-bg ul li,
.black-bg ul li:before,
.black-bg ul li a,
.black-bg .fancy a,
.black-bg .fancy li,
.black-bg p a,
.black-bg ol li,
.black-bg h1,
.black-bg h2,
.black-bg h3,
.black-bg h4,
.black-bg h5,
.black-bg .link,
.black-bg .subtitle,
.black-bg .button.hollow,
.blue-bg .heading,
.blue-bg .richtext,
.blue-bg p,
.blue-bg ul li,
.blue-bg ul li:before,
.blue-bg ul li a,
.blue-bg .fancy a,
.blue-bg .fancy li,
.blue-bg p a,
.blue-bg ol li,
.blue-bg h1,
.blue-bg h2,
.blue-bg h3,
.blue-bg h4,
.blue-bg h5,
.blue-bg .link,
.blue-bg .subtitle,
.blue-bg .button.hollow,
.darkblue-bg .heading,
.darkblue-bg .richtext,
.darkblue-bg p,
.darkblue-bg ul li,
.darkblue-bg ul li:before,
.darkblue-bg ul li a,
.darkblue-bg .fancy a,
.darkblue-bg .fancy li,
.darkblue-bg p a,
.darkblue-bg ol li,
.darkblue-bg h1,
.darkblue-bg h2,
.darkblue-bg h3,
.darkblue-bg h4,
.darkblue-bg h5,
.darkblue-bg .link,
.darkblue-bg .subtitle,
.darkblue-bg .button.hollow {
  color: white !important;
}

.image-bg .richtext ul li:before,
.image-bg .block .column > ul li:before,
.black-bg .richtext ul li:before,
.black-bg .block .column > ul li:before,
.blue-bg .richtext ul li:before,
.blue-bg .block .column > ul li:before,
.darkblue-bg .richtext ul li:before,
.darkblue-bg .block .column > ul li:before {
  background-color: white;
}

.image-bg .panel-group.mini,
.image-bg .panel-group.mini a,
.image-bg .panel-group.mini a:before,
.black-bg .panel-group.mini,
.black-bg .panel-group.mini a,
.black-bg .panel-group.mini a:before,
.blue-bg .panel-group.mini,
.blue-bg .panel-group.mini a,
.blue-bg .panel-group.mini a:before,
.darkblue-bg .panel-group.mini,
.darkblue-bg .panel-group.mini a,
.darkblue-bg .panel-group.mini a:before {
  color: white !important;
}

.image-bg .jumplinks a,
.image-bg .jumplinks .h5,
.black-bg .jumplinks a,
.black-bg .jumplinks .h5,
.blue-bg .jumplinks a,
.blue-bg .jumplinks .h5,
.darkblue-bg .jumplinks a,
.darkblue-bg .jumplinks .h5 {
  color: white;
}

#header {
  height: 148px;
  z-index: 99;
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
  background-color: white;
}

#header .constrain {
  align-items: center;
  justify-content: flex-start;
  display: flex;
  position: relative;
  width: 100%;
}

#header .header-row {
  position: relative;
  width: 100%;
}

#header .header-row:first-child {
  display: flex;
  height: 40px;
}

#header .header-row:first-child .constrain {
  padding-left: 270px;
  position: relative;
}

#header .header-row:first-child .constrain:after {
  content: "";
  height: 1px;
  width: 1000%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 250px;
  background-color: #e0e5ea;
}

#header .header-row:nth-child(2) {
  height: 50px;
  border-bottom: 1px solid #e0e5ea;
}

#header .header-row:nth-child(2) .constrain {
  padding-left: 270px;
  position: relative;
}

#header .header-mobile {
  display: none;
}

#header .logo {
  height: 90px;
  width: 250px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  border-right: 1px solid #e0e5ea;
}

#header .logo img {
  max-height: 60px;
  display: block;
  margin: 15px auto 0 0;
}

#header .language-toggle {
  max-height: 38px;
  max-width: 200px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: 0 auto auto 0;
  padding: 0;
  -webkit-transition: none 0.3s ease-in-out;
  -ms-transition: none 0.3s ease-in-out;
  transition: none 0.3s ease-in-out;
  z-index: 21;
}

#header .language-toggle li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 200px;
  border-bottom: 1px solid #e0e5ea;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
}

#header .language-toggle li:last-child {
  border-bottom: 0;
}

#header .language-toggle li.active {
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  line-height: 38px;
  background-color: white;
}

#header .language-toggle li.active a:after {
  display: inline-block;
}

#header .language-toggle img {
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

#header .language-toggle a {
  color: #4b5259;
  font-size: 14px;
  line-height: 38px;
  display: inline-block;
  width: 100%;
  padding: 0 3px;
}

#header .language-toggle a:after {
  font-family: "Font Awesome 5 Pro", sans-serif;
  content: "\f107";
  color: #4b5259;
  display: none;
  padding-left: 10px;
}

#header .language-toggle a:hover {
  color: #1665c2;
}

#header .language-toggle:hover {
  max-height: 470px;
  background-color: #f1f5f9;
  -webkit-transition: max-height 0.3s ease-in-out;
  -ms-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

#header .language-toggle:hover li.active a:after {
  content: "\f106";
}

#header .link {
  font-size: 14px;
  line-height: 40px;
  font-family: "roboto", sans-serif;
  letter-spacing: 0.02em;
  color: #4b5259;
  margin-right: 25px;
  display: inline-block;
}

#header .link i {
  color: #1665c2;
  margin-right: 6px;
  position: relative;
  top: 1px;
}

#header .link:hover,
#header .link:active {
  color: #1665c2;
}

#header .link:hover i,
#header .link:active i {
  color: #003568;
}

#header .link.blue {
  background-color: #1665c2;
  color: white;
  padding: 0 20px;
  margin: 0;
}

#header .link.blue i {
  color: white;
}

#header .link.blue:hover,
#header .link.blue:active {
  background-color: #003568;
  color: white;
}

#header .link.orange {
  background-color: #ed4f2f;
  color: white;
  padding: 0 20px;
  margin: 0;
}

#header .link.orange i {
  color: white;
}

#header .link.orange:hover,
#header .link.orange:active {
  background-color: #003568;
  color: white;
}

#header .search-container {
  width: 78%;
}

#header .search-form {
  border: 0;
  max-width: 100%;
}

#header .search-form input {
  color: #4b5259;
  border: 0;
  padding-left: 0;
  padding-right: 30px;
  font-size: 14px;
  width: 100%;
}

#header .search-form button {
  left: auto;
  right: 0;
}

#header .search-form button:hover:after {
  color: #1665c2;
}

#header .search-form button:after {
  color: #003568;
  font-weight: bold;
}

#header .tel {
  font-weight: bold;
  font-size: 19px;
  line-height: 50px;
  font-family: "roboto", sans-serif;
  color: #003568;
  margin-left: 10px;
  padding-left: 20px;
  width: 22%;
  margin-right: 0;
  text-align: right;
  border-left: 1px solid #e0e5ea;
  white-space: nowrap;
}

#header .tel i {
  font-weight: bold;
  color: #ed4f2f;
  margin-right: 7px;
  font-size: 16px;
}

#header nav {
  float: none;
  text-align: center;
  width: auto;
  margin-left: 0;
  padding-left: 0;
  width: 100%;
}

#header nav > ul {
  margin: 0 auto;
  padding: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

#header nav > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}

#header nav > ul > li:first-child {
  margin-left: 0;
}

#header nav > ul > li:last-child {
  padding-right: 0;
  margin-right: 0;
}

#header nav > ul > li:last-child:after {
  display: none;
}

#header nav > ul > li > a {
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  color: #003568;
  text-transform: uppercase;
  display: block;
  font-family: "roboto", sans-serif;
  text-decoration: none;
  text-align: left;
  padding: 18px 0 16px 0;
  letter-spacing: 0.04em;
}

#header nav > ul > li > i {
  display: none;
  color: #1665c2;
  font-size: 18px;
  top: 20px;
  right: -17px;
  position: absolute;
}

#header nav > ul > li:hover > a,
#header nav > ul > li:hover > i {
  color: #1665c2;
}

#header nav > ul > li:hover > ul {
  opacity: 1;
  max-height: 1000px;
  pointer-events: all;
  overflow: visible;
  -webkit-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#header nav > ul > li > ul {
  background-color: white;
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  max-height: 0;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  width: 230px;
  border-radius: 0;
  top: 58px;
  z-index: 2;
  padding-top: 5px;
  padding-bottom: 5px;
}

#header nav > ul > li > ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
}

#header nav > ul > li > ul li.parent > a:before {
  font-family: "Font Awesome 5 Pro", sans-serif;
  content: "\f061";
  font-weight: bold;
  color: #4b5259;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header nav > ul > li > ul li a {
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding: 7px 35px 7px 10px;
  font-weight: normal;
  position: relative;
  font-family: "roboto", sans-serif;
  text-transform: none;
  color: #4b5259;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#header nav > ul > li > ul li i {
  display: none;
}

#header nav > ul > li > ul li:hover > a {
  background-color: #1665c2;
  color: white;
}

#header nav > ul > li > ul li:hover > a:before {
  color: white;
}

#header nav > ul > li > ul li:hover > i:before {
  content: "\f061";
}

#header nav > ul > li > ul > li:hover > ul,
#header nav > ul > li > ul > li.hover > ul {
  left: 230px;
  opacity: 1;
  pointer-events: all;
}

#header nav > ul > li > ul ul {
  padding: 0;
  position: absolute;
  left: 0;
  pointer-events: none;
  background-color: white;
  opacity: 0;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  width: 230px;
  min-height: 100%;
  top: -5px;
  z-index: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}

#header nav > ul > li > ul ul li {
  margin-left: 0;
}

#header nav > ul > li > ul ul li a {
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding: 7px 35px 7px 10px;
  font-weight: normal;
  font-family: "roboto", sans-serif;
  text-transform: none;
  color: #4b5259;
}

#header nav > ul li.meganav {
  position: static;
}

#header nav > ul li.meganav ul {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 2;
}

#header nav > ul li.meganav li.hover > ul {
  display: block;
  pointer-events: all;
  opacity: 1;
  background-color: white;
}

#header nav > ul li.meganav > ul {
  width: 400px;
  position: absolute;
  left: 0;
}

#header nav > ul li.meganav > ul:before {
  content: "";
  display: block;
  background-color: white;
  width: 1000%;
  height: 100%;
  position: absolute;
  left: -500%;
  top: 0;
}

#header nav > ul li.meganav > ul:after {
  content: "";
  display: block;
  background-color: #e0e5ea;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

#header nav > ul li.meganav > ul li {
  position: relative;
}

#header nav > ul li.meganav > ul > li > a {
  padding: 2px 35px 2px 10px;
}

#header nav > ul li.meganav > ul > li ul {
  left: 400px;
  position: absolute;
  width: 400px;
  background-color: white;
}

#header nav > ul li.meganav a {
  display: flex;
  align-items: center;
}

#header nav > ul li.meganav .image {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin-right: 15px;
}

#header nav > ul li.meganav .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#header .mobile-utility {
  display: none;
}

.search-container input::placeholder {
  font-weight: normal;
  font-size: 14px;
  color: #a1a4b1;
  padding: 0;
  text-transform: none;
  letter-spacing: 0.01em;
  font-family: "roboto", sans-serif;
}

.search-container input:-ms-input-placeholder {
  font-weight: normal;
  font-size: 14px;
  color: #a1a4b1;
  padding: 0;
  text-transform: none;
  letter-spacing: 0.01em;
  font-family: "roboto", sans-serif;
}

.search-container input::-ms-input-placeholder {
  font-weight: normal;
  font-size: 14px;
  color: #a1a4b1;
  padding: 0;
  text-transform: none;
  letter-spacing: 0.01em;
  font-family: "roboto", sans-serif;
}

#mobile-menu {
  position: fixed;
  top: 94px;
  right: -2000px;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 98;
  -webkit-transition: right 0.5s ease-in-out;
  -ms-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  pointer-events: none;
  opacity: 0;
}

#mobile-menu.active {
  right: 0;
  opacity: 1;
  pointer-events: all;
}

#mobile-menu .menu-header {
  display: flex;
  height: 90px;
}

#mobile-menu .menu-title {
  position: absolute;
  left: 15px;
  font-size: 30px;
  line-height: 40px;
  margin-top: 50px;
}

#mobile-menu .close-trigger {
  padding: 20px;
  margin-top: 10px;
  margin-left: auto;
}

#mobile-menu .close-trigger i {
  font-size: 20px;
  color: #ed4f2f;
  font-weight: normal;
}

#mobile-menu .back {
  font-weight: bold;
  background-color: transparent;
  border: 0;
  padding: 0 0 10px 0;
  font-size: 16px;
  position: absolute;
  top: -73px;
  letter-spacing: 0.01em;
  color: #ed4f2f;
}

#mobile-menu .back:before {
  font-family: "Font Awesome 5 Pro", sans-serif;
  content: "\f060";
  margin-right: 5px;
}

#mobile-menu ul {
  padding: 0 15px;
  position: relative;
}

#mobile-menu ul li {
  position: relative;
  list-style-type: none;
}

#mobile-menu ul li a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #4b5259;
  display: block;
  padding: 10px 30px 10px 0;
  position: relative;
  font-weight: normal;
  text-decoration: none !important;
}

#mobile-menu ul li i {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  top: 0;
  display: none;
  z-index: 2;
  color: #4b5259;
  margin-right: -10px;
}

#mobile-menu ul li.parent > i {
  display: block;
}

#mobile-menu > ul > li#mobile_124 > a:before {
  font-family: "Font Awesome 5 Pro", sans-serif;
  content: "\f0ad";
  color: #1665c2;
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
}

#mobile-menu > ul > li#mobile_126 > a:before {
  font-family: "Font Awesome 5 Pro", sans-serif;
  content: "\f2bd";
  color: #1665c2;
  font-weight: bold;
  margin-right: 10px;
}

#mobile-menu > ul > li#mobile_125 > a {
  background-color: #ed4f2f;
  color: white;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  padding: 8px 25px;
  letter-spacing: 0.04em;
  display: inline-block;
  margin-top: 10px;
}

#mobile-menu > ul ul {
  position: absolute;
  left: 100%;
  -webkit-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  z-index: 3;
  background-color: white;
  width: 100%;
  height: 100%;
  top: 0;
}

#mobile-menu > ul li.open {
  position: static;
}

#mobile-menu > ul li.open > ul {
  left: 0;
}

#mobile-menu .button {
  margin-left: 15px;
  margin-top: 3px;
}

#search-drawer {
  position: fixed;
  width: 100%;
  display: block;
  background-color: white;
  z-index: 9;
  pointer-events: none;
  top: -100px;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-top: 1px solid #a1a4b1;
  border-bottom: 1px solid #a1a4b1;
}

#search-drawer.active {
  pointer-events: all;
  top: 90px;
}

#search-drawer form {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 15px 8px 15px;
}

#search-drawer fieldset {
  position: relative;
}

#search-drawer input[type="text"] {
  border: 0;
  /* padding-left: 40px; */
  color: #4b5259;
  font-size: 16px;
}

#search-drawer input[type="text"]:focus {
  outline: 0;
}

#search-drawer button {
  left: 0;
  right: auto;
  color: #1665c2;
  top: 0;
}

#search-drawer button:after {
  font-size: 16px;
  font-weight: bold;
}

#search-drawer button:hover:after,
#search-drawer button:active:after {
  color: #003568;
}

#search-drawer .search-close {
  font-size: 27px;
  color: #ed4f2f;
  position: absolute;
  right: 5px;
  top: 20px;
  display: block;
}

#search-drawer .search-close:hover,
#search-drawer .search-close:active {
  color: #ed4f2f;
}

#search-drawer input::placeholder {
  color: #a1a4b1;
  font-size: 16px;
}

#search-drawer input:-ms-input-placeholder {
  color: #a1a4b1;
  font-size: 16px;
}

#search-drawer input::-ms-input-placeholder {
  color: #a1a4b1;
  font-size: 16px;
}

#home-banner,
#home-banner > div,
#home-banner .slide,
#home-banner .constrain {
  height: 520px;
}

#home-banner {
  margin: -50px auto;
}

#home-banner .slick-slide {
  outline: 0 !important;
}

#home-banner .slide {
  display: flex;
}

#home-banner .constrain {
  width: 100%;
}

#home-banner .caption {
  text-align: left;
  padding: 35px 35px 75px 35px;
  background-color: white;
  width: 100%;
  max-width: 700px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

#home-banner video {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  object-fit: cover;
  min-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#home-banner .h1 {
  font-size: 44px;
  line-height: 52px;
  letter-spacing: -0.02em;
  margin-top: 15px;
  font-family: "roboto", sans-serif;
}

#home-banner .subtitle {
  color: #003568;
}

#home-banner p {
  margin-top: 15px;
}

#home-banner .button {
  bottom: 0;
  left: 0;
  position: absolute;
  padding: 10px 70px 10px 60px;
  white-space: nowrap;
}

#home-banner .button i {
  font-size: 32px;
  position: absolute;
  left: 30px;
  top: 7px;
}

#home-banner .slick-dots {
  bottom: 35px;
  text-align: center;
  padding-left: -webkit-calc(50vw - 608px);
  padding-left: -moz-calc(50vw - 608px);
  padding-left: calc(50vw - 608px);
}

#main-content {
  position: relative;
  z-index: 2;
  min-height: 500px;
}

#main-content > .block-1 .column.gray-bg {
  background-image: url("/assets/images/template/swirl-overlay-for-ips.png") !important;
  background-size: 350px;
  background-repeat: no-repeat;
  background-position: top right;
}

#breadcrumbs {
  position: absolute;
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 0 auto;
  height: 34px;
  z-index: 4;
  left: 0;
  right: 0;
}

#breadcrumbs .crumb-container {
  position: relative;
  z-index: 4;
  margin-top: 0;
}

#breadcrumbs .crumb {
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
  padding: 0 20px;
  color: #4b5259;
  position: relative;
}

#breadcrumbs .crumb:first-child {
  padding-left: 0;
}

#breadcrumbs .crumb:first-child:after {
  display: none;
}

#breadcrumbs .crumb:after {
  font-family: "Font Awesome 5 Pro", sans-serif;
  content: "\f105";
  position: absolute;
  left: -3px;
  top: -4px;
  font-size: 16px;
  color: #1665c2;
  font-weight: bold;
  display: block;
}

#breadcrumbs .crumb.current {
  color: #4b5259;
  font-weight: bold;
}

#breadcrumbs a {
  color: #4b5259;
  text-decoration: none !important;
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
  color: #1665c2;
}

#breadcrumbs i {
  font-size: 16px;
  color: #1665c2;
}

#breadcrumbs + #content-wrap #main-content > .block-1 {
  padding-top: 60px;
}

#breadcrumbs + #content-wrap #main-content > .block-1.column-has-bg {
  padding-top: 0;
}

#breadcrumbs + #content-wrap #main-content > .block-1.column-has-bg .column {
  padding-top: 80px;
}

.statistics {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: -20px auto;
}

.statistics .statistic {
  display: flex;
  align-items: center;
}

.statistics .stat {
  font-size: 34px;
  line-height: 40px;
  color: white;
  font-weight: bold;
  margin-right: 15px;
}

.statistics .caption {
  font-weight: bold;
}

.statistics.is-vertical .statistic {
  text-align: center;
  padding: 0 15px;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.statistics.is-vertical .stat {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.statistics.is-vertical .caption {
  width: 100%;
  text-align: center;
}

#quick-product-search {
  background-color: white;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  display: flex;
  text-align: left;
}

#quick-product-search .w66 {
  padding: 50px 340px 50px 40px;
  background: url("/assets/images/template/engineers-with-circle.png") right
    bottom no-repeat transparent;
}

#quick-product-search .w33 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  background: url("/assets/images/template/quick-product-search-background.jpg")
    center bottom no-repeat #1a64bb;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
}

#quick-product-search .w33 h3 {
  color: white;
}

#quick-product-search .w33 p {
  margin-top: 0;
  color: white;
}

#quick-product-search .search-form {
  background-color: white;
  color: #1665c2;
  margin-top: 15px;
}

#quick-product-search .search-form input {
  height: 40px;
  font-size: 16px;
  color: #1665c2;
  font-weight: bold;
  letter-spacing: 0.02em;
}

#quick-product-search .search-form button:after {
  color: #1665c2;
  font-weight: bold;
}

#quick-product-search input::placeholder {
  color: #1665c2;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: bold;
  font-family: "roboto", sans-serif;
}

#quick-product-search input:-ms-input-placeholder {
  color: #1665c2;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: bold;
  font-family: "roboto", sans-serif;
}

#quick-product-search input::-ms-input-placeholder {
  color: #1665c2;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: bold;
  font-family: "roboto", sans-serif;
}

#process {
  background-color: white;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  display: flex;
  position: relative;
  min-height: 327px;
}

#process .utility {
  position: relative;
  width: 289px;
  height: 279px;
  display: block;
  margin: 20px auto 0 auto;
}

#process .circle {
  position: relative;
}

#process .caption {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100px;
  margin-top: 5px;
}

#process .buttons {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#process button {
  border: 0;
  background-color: transparent;
  color: #1665c2;
  font-size: 44px;
  position: absolute;
  font-weight: bold;
  width: 80px;
  height: 80px;
  line-height: 44px;
  border: 10px solid transparent;
  border-radius: 100%;
  display: block;
  padding: 0;
}

#process button.step-1 {
  top: -1px;
  left: 105px;
}

#process button.step-2 {
  top: 78px;
  left: 209px;
}

#process button.step-3 {
  top: 199px;
  left: 168px;
}

#process button.step-4 {
  top: 195px;
  left: 40px;
}

#process button.step-5 {
  left: 0;
  top: 76px;
}

#process button.active {
  background-color: #1665c2;
  color: white;
  border-color: #8bb2e1;
}

#process button:hover,
#process button:active {
  background-color: #1665c2;
  color: white;
}

#process .steps {
  text-align: left;
  padding-right: 30px;
  padding-top: 40px;
  padding-bottom: 50px;
}

#process .step {
  display: none;
}

#process .step.active {
  display: block;
}

#process .step img {
  position: absolute;
  right: 30px;
  bottom: 15px;
}

#process h3 {
  margin: 0;
}

#process p {
  z-index: 2;
  position: relative;
}

#process .button {
  margin-top: 25px;
  z-index: 2;
  position: relative;
}

.buckets-default {
  margin-bottom: -30px;
}

.buckets-default .bucket {
  margin-bottom: 30px;
}

.buckets-default a {
  height: 265px;
  width: 100%;
  position: relative;
  display: block;
  text-decoration: none !important;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
}

.buckets-default .image {
  height: 205px;
  display: block;
  width: 100%;
  position: relative;
}

.buckets-default .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.buckets-default .content {
  height: 265px;
  position: absolute;
  top: 205px;
  width: 100%;
  height: 100%;
  background-color: #1665c2;
  color: white;
  text-align: center;
  padding: 20px 15px 60px 15px;
  -webkit-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

.buckets-default .content h5 {
  color: white;
}

.buckets-default .content p {
  color: white;
  margin-top: 10px;
}

.buckets-default .learnmore {
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  background-color: white;
  color: #1665c2;
  font-weight: bold;
  line-height: 60px;
}

.buckets-default .learnmore i {
  margin-left: 25px;
}

.buckets-circle {
  margin-bottom: -15px;
}

.buckets-circle a {
  text-decoration: none !important;
}

.buckets-circle .image {
  background-color: #1665c2;
  border-radius: 100%;
  width: 109px;
  height: 109px;
  border: 11px solid #d0e0f3;
  position: relative;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.buckets-circle .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  padding: 15px;
}

.buckets-circle h5 {
  margin-top: 14px;
  margin-bottom: 5px;
  display: block;
}

.buckets-circle .learnmore {
  font-weight: bold;
  color: #ed4f2f;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.buckets-circle .learnmore i {
  margin-left: 20px;
}

.buckets-mini {
  margin-bottom: -30px;
  justify-content: flex-start;
}

.buckets-mini .bucket {
  margin-bottom: 30px;
}

.buckets-mini a {
  background-color: white;
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid transparent;
  -webkit-transition: border-color 0.3s ease-in-out;
  -ms-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.buckets-mini .image {
  width: 150px;
  height: 100px;
  padding: 10px 0 10px 10px;
}

.buckets-mini .image img {
  -webkit-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transform-origin: center;
  max-height: 100%;
  text-align: center;
  display: block;
  margin: auto;
}

.buckets-mini .content {
  width: 70%;
  height: 90px;
  display: flex;
  justify-content: center;
  padding: 0 30px 0 15px;
}

.buckets-mini .content .h5 {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  position: relative;
}

.buckets-mini .content i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: normal;
  right: -15px;
}

.buckets-square {
  margin: 0 -8px -20px -8px;
}

.buckets-square .bucket {
  margin-bottom: 20px;
  padding: 0 8px;
}

.buckets-square a {
  background-color: white;
  position: relative;
  height: 200px;
  display: block;
}

.buckets-square .image {
  width: 100px;
  height: 100px;
  position: absolute;
  margin: 20px auto 0 auto;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.buckets-square .image img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.buckets-square .content {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  color: white;
  height: auto;
  padding: 0 10px;
}

.buckets-square .content .h5 {
  margin: 0;
  display: block;
}

.buckets-square .button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -30px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media (min-width: 1200px) {
  .buckets-default a:hover .content,
  .buckets-default a:active .content {
    top: 0;
  }
  .buckets-circle a:hover .image,
  .buckets-circle a:active .image {
    background-color: #ed4f2f;
    border-color: #f1d1cb;
  }
  .buckets-circle a:hover .learnmore,
  .buckets-circle a:active .learnmore {
    opacity: 1;
  }
  .buckets-mini a:hover,
  .buckets-mini a:active {
    border-color: #ed4f2f;
  }
  .buckets-mini a:hover img,
  .buckets-mini a:active img {
    transform: scale(1.1);
  }
  .buckets-square a:hover .image,
  .buckets-square a:active .image {
    opacity: 0.3;
  }
  .buckets-square a:hover .button,
  .buckets-square a:active .button {
    opacity: 1;
  }
}

.video-block + .richtext {
  margin-top: 15px;
}

.video-block + .richtext p {
  margin-bottom: 6px;
}

.video {
  max-width: 100%;
}

.video:hover .play i:before {
  color: #ed4f2f;
}

.video.image-bg:hover:before {
  opacity: 0;
}

.video.image-bg:before {
  background-color: transparent;
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.video:after {
  background-color: #1665c2;
}

.video .play {
  margin-top: -10px;
  background-color: transparent !important;
}

.video .play i {
  border: 0;
  background-color: transparent !important;
  margin: 0;
}

.video .play i:before {
  font-family: "Font Awesome 5 Pro", sans-serif;
  content: "\f330";
  font-weight: bold;
  color: #1665c2;
  font-size: 34px;
  top: -10px;
  z-index: 2;
  position: relative;
  background-color: white;
  border-radius: 100%;
  padding: 10px;
}

.video .play i:after {
  content: "";
  background-color: white;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
}

.gallery.default {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 0 -15px;
  max-width: none;
}

.gallery.default .img-wrapper {
  margin: 0 -1px 30px -1px;
  padding: 0;
  height: 180px;
}

.gallery.default a {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.gallery.default img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gallery.default[data-count="4"] .img-wrapper {
  width: 25%;
}

.gallery.default[data-count="3"] .img-wrapper {
  width: 33.33%;
}

.gallery.carousel {
  padding: 0;
}

.gallery.carousel .buckets {
  margin-bottom: 0;
}

.gallery.carousel .img-wrapper {
  height: 200px;
  margin: 0 16px;
}

.gallery.carousel .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
}

.gallery.carousel a {
  outline: 0 !important;
  text-decoration: none !important;
}

.gallery.carousel .slick-prev {
  left: -35px;
  background-color: transparent;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  z-index: 3;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.gallery.carousel .slick-prev:hover,
.gallery.carousel .slick-prev:active {
  background-color: transparent;
}

.gallery.carousel .slick-prev:hover:before,
.gallery.carousel .slick-prev:active:before {
  color: #003568;
}

.gallery.carousel .slick-prev:before {
  content: "\f177";
  color: #d0e0f3;
  opacity: 1;
  font-size: 24px;
  font-weight: 300;
}

.gallery.carousel .slick-next {
  right: -35px;
  left: auto;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-color: transparent;
  z-index: 3;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.gallery.carousel .slick-next:hover,
.gallery.carousel .slick-next:active {
  background-color: transparent;
}

.gallery.carousel .slick-next:hover:before,
.gallery.carousel .slick-next:active:before {
  color: #003568;
}

.gallery.carousel .slick-next:before {
  content: "\f178";
  color: #d0e0f3;
  opacity: 1;
  font-size: 24px;
  font-weight: 300;
}

.gallery.carousel .slick-dots {
  position: relative;
  bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.gallery.carousel[data-count="1"] {
  padding: 0;
}

.gallery.carousel[data-count="1"] .img-wrapper {
  margin: 0;
  height: auto;
}

.gallery.content {
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  text-align: left;
  float: none;
  margin-bottom: 40px;
}

.gallery.content .slick-track {
  display: flex;
}

.gallery.content .block {
  display: flex;
  max-width: none;
  height: auto;
  width: 100% !important;
}

.gallery.content .slick-dots {
  bottom: -40px;
}

.gallery.content .block.column-has-bg + .block {
  padding-top: 0;
}

.slick-dots li:first-child {
  margin-left: 0;
}

.slick-dots li:first-child:last-child {
  display: none;
}

.slick-dots li {
  margin-right: 15px;
}

.slick-dots li button:before {
  opacity: 1;
  background-color: #e0e5ea;
  border: none;
  font-size: 0;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 100%;
  overflow: hidden;
  line-height: 0;
}

.slick-dots li button:hover:before {
  border-color: #a1a4b1;
  background-color: #a1a4b1;
}

.slick-dots li.slick-active button:before {
  background-color: #ed4f2f;
  opacity: 1;
}

.image-text-blocks {
  text-align: left;
  margin-bottom: -30px;
  padding: 15px 30px;
  display: flex;
  width: 100%;
  justify-content: center;
}

.image-text-blocks:first-child:last-child {
  margin: -20px 0 -50px 0;
  padding: 0;
}

.image-text-blocks .image-text-block {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}

.image-text-blocks .image {
  max-height: 40px;
  width: 40px;
  margin: 0 15px 0 0;
}

.image-text-blocks h4 {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;
  font-weight: 300;
  margin: 0;
}

.tabbed-content {
  background-color: transparent;
  border-radius: 4px;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
}

.tabbed-content .nav-tabs {
  background-color: white;
  border: 0 !important;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  border-radius: 4px;
  border-bottom: 1px solid #1665c2 !important;
  justify-content: flex-start;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.tabbed-content .nav-tabs li {
  padding: 0 13px;
  background-color: white;
  margin-bottom: 0;
}

.tabbed-content .nav-tabs li:first-child {
  padding-left: 0;
}

.tabbed-content .nav-tabs li a {
  background-color: transparent;
  border: 0 !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-transform: none;
  color: #a1a4b1;
  padding: 21px 10px 17px 10px;
  margin: 0 0 -2px 0;
  text-align: center;
  border-bottom: 4px solid transparent !important;
}

.tabbed-content .nav-tabs li a:hover,
.tabbed-content .nav-tabs li a:active {
  color: #1665c2;
  background-color: transparent;
}

.tabbed-content .nav-tabs li.active a {
  background-color: white;
  color: #4b5259;
  border-bottom: 4px solid #1665c2 !important;
}

.tabbed-content .tab-content {
  border: 0;
  padding: 0;
}

.tabbed-content .block .column + .column {
  padding-right: 30px;
  padding-left: 30px;
}

.tabbed-content .block .column {
  background-position: center center !important;
}

.tabbed-content .block .column > ul:last-child {
  margin-bottom: 0;
}

.tabbed-content.tabs-left .nav-tabs a {
  font-size: 13px;
}

.simplesearch-results {
  font-weight: bold;
  margin-bottom: 30px;
}

.simplesearch-result a {
  color: #1665c2;
}

.simplesearch-result a:hover,
.simplesearch-result a:active {
  color: #003568 !important;
  text-decoration: none !important;
}

.simplesearch-result a:focus {
  text-decoration: none !important;
}

#sitemap ul ul {
  margin-top: 20px;
}

#sitemap ul li a {
  color: #4b5259;
}

#sitemap ul li a:hover,
#sitemap ul li a:active {
  color: #1665c2;
}

.files {
  margin-bottom: -15px;
  padding-left: 0 !important;
  display: inline-block;
  width: 100%;
}

.files li {
  list-style-type: none;
  width: 100%;
}

.files li:before {
  display: none !important;
}

.files li a:hover,
.files li a:active {
  color: #4b5259 !important;
}

.files li a {
  display: block;
  border: 2px solid #1665c2 !important;
  background-color: white;
  padding-left: 50px;
  padding-right: 15px;
  width: 100%;
  text-align: left;
  position: relative;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.3s ease-in-out;
  -ms-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.files li a:hover,
.files li a:active {
  border-color: #ed4f2f !important;
}

.files li a:hover .title:before,
.files li a:active .title:before {
  background-color: #ed4f2f;
}

.files .title {
  color: #1665c2;
  font-weight: bold;
  float: none;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.files .title:before {
  background-color: #1665c2;
  color: white;
  height: 100%;
  width: 40px;
  line-height: 35px;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 0;
  top: 0;
  font-weight: bold;
}

.button + .files {
  margin-left: 25px !important;
}

.panel-group {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  padding: 0 15px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #a1a4b1;
}

.panel-default {
  border: 0;
}

.panel-group .panel {
  border-bottom: 1px solid #a1a4b1;
  border-radius: 0;
}

.panel-group .panel:last-child {
  border-bottom: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-group .panel-heading {
  border-radius: 0;
  border: 0;
  background-color: white;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-radius: 0;
  border: 0;
  text-align: left;
}

.panel-group .panel-body {
  padding: 0 0 15px 0;
}

.panel-group .panel-heading a {
  font-size: 16px;
  text-transform: none;
  padding: 22px 15px 20px 40px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #4b5259;
  text-align: left;
  border: 0;
  height: auto;
  display: flex;
  align-items: center;
}

.panel-group .panel-heading a:before {
  content: "\f055";
  left: 0;
  right: auto;
  color: #1665c2;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  width: 64px;
  height: 100%;
  top: 3px;
  line-height: 56px;
  text-align: left;
  font-weight: bold;
}

.panel-group .panel-heading a:hover,
.panel-group .panel-heading a:active {
  color: #1665c2;
}

.panel-group .panel-heading a[aria-expanded="true"] {
  color: #4b5259;
  background-color: white;
}

.panel-group .panel-heading a[aria-expanded="true"]:before {
  content: "\f056";
  left: 0;
  right: auto;
  color: #1665c2;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  width: 64px;
  height: 100%;
  top: 0;
  line-height: 56px;
  text-align: left;
  font-weight: bold;
}

.panel-group .block .column {
  border-radius: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.panel-group .block .column.w100 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.posts {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.posts .post-item {
  width: 100%;
  margin-bottom: 30px;
  padding: 30px 0;
  border-bottom: 1px solid #a1a4b1;
}

.posts .post-item:first-child {
  padding-top: 0;
}

.posts h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
  color: #4b5259;
  margin-top: 5px;
}

.posts h2 a {
  color: #4b5259;
  text-decoration: none;
}

.posts h2 a:hover,
.posts h2 a:active {
  color: #1665c2;
}

.posts .date {
  display: block;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #4b5259;
}

.posts .date i {
  color: #1665c2;
  font-weight: bold;
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.posts .button {
  margin-top: 20px;
}

.posts p {
  margin-top: 15px;
}

.posts .paging {
  margin: 0 auto;
}

.posts .paging li {
  position: relative;
}

.posts .paging li.control {
  display: none;
}

.posts .paging li:after {
  content: "|";
  display: inline-block;
  color: #4b5259;
  position: absolute;
  left: -2px;
  top: 5px;
}

.posts .paging li:first-child:after,
.posts .paging li.control + .control + li:after {
  display: none;
}

.posts .paging a {
  display: block;
  width: 40px;
  text-align: center;
  text-decoration: none;
}

.posts .paging a:hover,
.posts .paging a:active {
  color: #1665c2;
}

.posts .paging a.active {
  color: #1665c2;
}

.post-navigation {
  width: 100%;
  text-align: center;
  border-top: 1px solid #a1a4b1;
  padding-top: 40px;
  padding-bottom: 10px;
}

.post-navigation i {
  font-size: 16px;
  position: relative;
  top: 1px;
  margin-left: 5px;
  margin-right: 5px;
}

.post-navigation a {
  color: #4b5259;
  float: none;
  padding: 0 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.post-navigation a:hover,
.post-navigation a:active {
  color: #1665c2;
}

.post-entry .post-info{
    margin-top: 15px;
    margin-bottom: 0;
}
.post-info h1{
    margin-bottom: 0;
    margin-top: 15px;
}

.story-heading {
  margin: 30px 0 0 0;
}

.story-heading h1 {
  margin: 0;
}

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

.catalog-buttons .button {
  background-color: white;
  border: 0;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
  padding: 35px 0 8px 0;
  width: 160px;
  letter-spacing: 0;
  color: #4b5259;
  margin: 0 10px 0 0;
}

.catalog-buttons .button:last-child {
  margin: 0;
}

.catalog-buttons .button:hover,
.catalog-buttons .button:active {
  background-color: #1665c2;
  color: white;
}

.catalog-buttons .button:hover i,
.catalog-buttons .button:active i {
  color: white;
}

.catalog-buttons i {
  position: absolute;
  color: #1665c2;
  top: 12px;
  -webkit-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.iframe-map {
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden;
}

.iframe-map iframe {
  position: absolute;
  margin-top: -200px;
  margin-left: -150px;
}

.social-media {
  display: flex;
  align-items: center;
  margin-top: 22px;
  display: inline-block;
}

.social-media a {
  margin-right: 15px;
  display: inline-block;
  padding-right: 15px;
}

.social-media a i {
  color: #1665c2;
}

.support-cta {
  display: flex;
  align-items: center;
  margin: -20px 0;
}

.support-cta p {
  margin: 0;
}

.support-cta .button {
  margin: 0 auto;
}

.mixit-controls {
  margin-bottom: 40px;
  margin-top: 40px;
}

.mixit-controls .control-group {
  width: 320px;
}

.mixit-controls h4 {
  position: absolute;
  top: -40px;
}

.mixit-controls .controls {
  width: 320px;
}

.mixit-controls .control:after {
  font-size: 20px;
  color: #4b5259;
}

.mixit-controls .control.mixitup-control-active {
  width: 320px;
}

#mixit-search {
  width: 100%;
  position: relative;
  display: block;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  text-align: left;
  background-color: white;
  border: 1px solid #979797;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 10px;
  border-radius: 3px;
}

#mixit-search + i {
  position: absolute;
  right: 0;
  color: #4b5259;
  pointer-events: none;
  right: 14px;
  top: 12px;
}

#white-papers {
  width: 100%;
  margin: 0;
}

#white-papers .mixit-header {
  background-color: #1665c2;
  color: white;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  align-items: center;
  display: flex;
}

#white-papers .mixit-header > div {
  padding: 15px;
}

#white-papers .items,
#white-papers .mixit-items {
  width: 100%;
}

#white-papers .item {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f5f9;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #4b5259;
  background-color: white;
  cursor: default;
}

#white-papers .item a {
  color: #4b5259;
  display: block;
}

#white-papers .item a:hover,
#white-papers .item a:active {
  color: #003568;
}

#white-papers .item > div {
  padding: 15px;
}

#white-papers .column-1 {
  width: 60%;
}

#white-papers .column-2 {
  width: 20%;
  text-transform: capitalize;
}

#white-papers .column-3 {
  width: 20%;
  text-align: center;
  margin-left: auto;
}

#white-papers .column-3 a {
  color: #1665c2;
}

#white-papers .column-3 a:hover,
#white-papers .column-3 a:active {
  color: #003568;
}

.action-buttons {
  margin-bottom: -15px;
}

.action-buttons .button {
  margin-bottom: 15px;
}

.multistep-form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.multistep-form .slick-slide {
  height: auto;
  border: 0;
}

.multistep-form h3 {
  margin-left: 15px;
  margin-bottom: 18px;
  width: 100%;
}

.multistep-form .slick-prev,
.multistep-form .slick-next {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: 0.01em;
  background-color: #ed4f2f;
  padding: 10px 20px;
  color: white;
  width: auto;
  height: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: auto;
  bottom: 50px;
  left: auto;
  right: auto;
  margin: 0 auto;
  position: absolute;
}

.multistep-form .slick-prev:before,
.multistep-form .slick-next:before {
  display: none;
}

.multistep-form .slick-prev.slick-disabled,
.multistep-form .slick-next.slick-disabled {
  opacity: 0 !important;
}

.multistep-form .slick-prev {
  left: 30px;
  opacity: 1 !important;
}

.multistep-form .slick-next {
  right: 30px;
}

.multistep-buttons {
  width: 25%;
  position: relative;
  padding-right: 30px;
}

.multistep-buttons .slick-dots {
  position: relative;
  bottom: auto;
}

.multistep-buttons .slick-dots li {
  font-weight: bold;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  height: auto;
  color: #4b5259;
}

.multistep-buttons .slick-dots li.slick-active .button {
  background-color: #1665c2;
  color: white;
}

.multistep-buttons .slick-dots .button {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  color: #4b5259;
  padding: 10px 20px;
  letter-spacing: 0;
  background-color: white;
  border: 0;
  border-bottom: 2px solid #f1f5f9;
  text-align: left;
  justify-content: flex-start;
}

.multistep-buttons .slick-dots .button:hover,
.multistep-buttons .slick-dots .button:active {
  color: #1665c2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.multistep-buttons .slick-dots .button:before {
  display: none;
}

.multistep-slider {
  width: 75%;
  background-color: white;
  padding: 30px 30px 90px 30px !important;
}

.multistep-nav {
  width: 75%;
  position: absolute;
  right: 0;
  bottom: 10px;
}

.multistep-nav .button {
  text-transform: capitalize;
}

#technical-form,
#rfq {
  background-color: white;
  padding: 30px;
}

.phone-number .tel {
  font-weight: bold;
  font-size: 19px;
  line-height: 50px;
  font-family: "roboto", sans-serif;
  color: #003568;
  margin-right: 0;
  text-align: left;
}

.phone-number .tel i {
  font-weight: bold;
  color: #ed4f2f;
  margin-right: 7px;
  font-size: 16px;
}

#locations-cta {
  margin: -50px 0;
}

#locations-accordion {
  display: flex;
  margin: 0 -15px;
}

#locations-accordion .item {
  width: 25%;
  padding: 0 15px;
}

#locations-accordion .info-toggle {
  display: block;
  background-color: #1665c2;
  color: white;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 4px;
  text-transform: uppercase;
  position: relative;
  padding: 10px 15px;
  width: 100%;
  cursor: pointer;
}

#locations-accordion .info-toggle:hover {
  background-color: #003568;
}

#locations-accordion .info-toggle i {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 25px;
  font-weight: 300;
}

#locations-accordion .info-toggle.active + .info {
  display: block;
}

#locations-accordion .info-toggle.active i:before {
  content: "\f107";
}

#locations-accordion .info {
  background-color: white;
  padding: 25px 15px;
  display: none;
}

#locations-accordion h3 {
  margin: 0;
}

#locations-accordion p {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
}

#locations-accordion .location {
  margin: 0 0 20px 0;
}

#locations-accordion a {
  display: block;
  position: relative;
  width: 100%;
  color: #1665c2;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
}

#locations-accordion a i {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

#locations-accordion a:hover,
#locations-accordion a:active {
  color: #003568;
}

#locations-container {
  display: flex;
  flex-wrap: wrap;
}

#locations-buttons {
  width: 100%;
}

#locations-buttons .button.active {
  background-color: #ed4f2f;
  border-color: #ed4f2f;
}

#locations-buttons .button:hover {
  background-color: #ed4f2f;
  border-color: #ed4f2f;
}

#locations-map-outer {
  width: 75%;
  margin-top: 20px;
}

#locations-map {
  width: 100%;
  height: 600px;
  margin-left: -100px;
  padding-right: 50px;
}

#locations-map .jvectormap-zoomin,
#locations-map .jvectormap-zoomout {
  display: none;
}

.locations-dropdown #locations {
  width: 25%;
  position: relative;
  margin-top: 100px;
}

.locations-dropdown #locations .location {
  width: 100%;
  max-width: 270px;
  margin: 0;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
}

.locations-dropdown #locations .location.active {
  pointer-events: all;
  opacity: 1;
}

.locations-dropdown #locations .country {
  background-color: #ed4f2f;
  color: white;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  text-align: center;
  padding: 15px;
  display: block;
  width: 100%;
}

.locations-dropdown #locations .content {
  background-color: white;
  width: 100%;
  padding: 20px;
}

.locations-dropdown #locations h5,
.locations-dropdown #locations h5 a {
  color: #4b5259;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  position: relative;
  margin: 0;
  text-decoration: none;
  display: block;
}

.locations-dropdown #locations h5 a:hover {
  color: #1665c2;
}

.locations-dropdown #locations i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  color: #ed4f2f;
  font-weight: bold;
  left: auto;
}

.locations-dropdown #locations p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
  margin-top: 10px;
}

.locations-dropdown #locations .button {
  margin-top: 15px;
}

#quick-contact-section,
#contact-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

#quick-contact-section .column,
#contact-section .column {
  background-color: white;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  padding: 50px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#quick-contact-section .column > .w33,
#contact-section .column > .w33 {
  border-right: 1px solid #e0e5ea;
  width: 30%;
}

#quick-contact-section .column > .w66,
#contact-section .column > .w66 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 30px;
  width: 70%;
}

#quick-contact-section .column > .w66 p,
#contact-section .column > .w66 p {
  width: 70%;
}

#quick-contact-section .column > .w66 .tel,
#contact-section .column > .w66 .tel {
  font-weight: bold;
  font-size: 19px;
  line-height: 28px;
  width: 30%;
  text-align: center;
  color: #003568;
  padding-left: 40px;
  white-space: nowrap;
}

#quick-contact-section .column > .w66 .tel i,
#contact-section .column > .w66 .tel i {
  font-weight: bold;
  color: #ed4f2f;
  margin-right: 5px;
}

#quick-contact-section .subtitle,
#contact-section .subtitle {
  color: #003568;
}

#quick-contact-section .h2,
#contact-section .h2 {
  margin-top: 7px;
  color: #1665c2;
  margin-bottom: 0;
}

#quickContact,
#contact {
  margin-top: 20px;
}

#quickContact .input-group,
#contact .input-group {
  margin-bottom: 18px;
}

#contact-section {
  padding: 20px 0;
}

#back-top {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: white;
  border-radius: 100%;
  -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
  position: fixed;
  right: 15px;
  bottom: 15px;
  opacity: 1;
  z-index: 15;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 32px;
}

#back-top i {
  color: #1665c2;
}

#back-top:hover,
#back-top:active {
  background-color: #d0e0f3;
}

#footer-top {
  background-color: #003568;
}

#footer-top .h4 {
  color: white;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 5px 0;
}

#footer-middle {
  background: url("/assets/images/template/footer-swirl.png") -15px 200px no-repeat
    transparent;
  padding: 50px 0;
}

#footer-middle .constrain {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

#footer-middle h5 {
  margin-bottom: 5px;
  color: #003568;
}

#footer-middle h5 a {
  color: #003568;
}

#footer-middle h5 i {
  color: #1665c2;
  margin-right: 10px;
}

#footer-middle ul {
  margin: 0;
  padding: 0;
}

#footer-middle ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footer-middle ul li a {
  color: #4b5259;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 0;
  display: block;
}

#footer-middle ul li a:hover,
#footer-middle ul li a:active {
  color: #1665c2;
}

#footer-middle .w50 {
  display: flex;
  flex-wrap: wrap;
}

#footer-middle .w50 h5 {
  width: 100%;
}

#footer-middle .w50 ul {
  width: 50%;
}

#footer-middle .w25:nth-child(4) ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

#footer-middle #newsletter {
  height: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

#footer-middle #newsletter h5 {
  margin-right: 30px;
}

#footer-middle #newsletter .fieldset {
  display: flex;
  width: 50%;
}

#footer-middle #newsletter input[type="email"] {
  width: 80%;
}

#footer-middle #newsletter .button {
  width: 20%;
  padding: 6px 0;
  margin: 0;
  height: 40px;
}

#footer-middle #newsletter .g-recaptcha {
  margin-top: 15px;
  margin-bottom: 40px;
  margin-left: -16px;
}

#footer-middle .w100:last-child {
  margin-top: 30px;
}

#footer-bottom {
  background-color: #1665c2;
  padding: 20px 0;
}

#footer-bottom .constrain {
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
}

#footer-bottom #copyright {
  font-size: 16px;
  line-height: 24px;
  font-family: "roboto", sans-serif;
  letter-spacing: 0.02em;
  color: white;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  width: 70%;
}

#footer-bottom #copyright a {
  color: white;
  padding: 0 5px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#footer-bottom #copyright a:hover,
#footer-bottom #copyright a:active {
  opacity: 0.7;
}

#footer-bottom .social-media {
  width: 30%;
  text-align: right;
  margin-top: 0;
}

#footer-bottom .social-media a {
  color: white;
  display: inline-block;
  padding: 0 10px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#footer-bottom .social-media a i {
  font-size: 16px;
  color: white;
}

#footer-bottom .social-media a:hover,
#footer-bottom .social-media a:active {
  opacity: 0.7;
}

h3 + .subtitle {
  margin-top: -7px;
}

h3 + h2 {
  margin-top: 0px;
}

.subtitle + h3 {
  margin-top: 6px;
}

.subtitle + h2,
.subtitle + h1 {
  margin-top: 9px;
}

.richtext + .phone-number,
.richtext + ul.files {
  margin-top: 10px;
}

.subtitle + .richtext {
  margin-top: 14px;
}

h1 + .richtext {
  margin-top: 15px;
}

h2 + h5,
h3 + p,
h4 + .richtext {
  margin-top: 16px;
}

h3 + h4 {
  margin-top: 18px;
}

h5 + .richtext,
.richtext p + ul,
h3 + .richtext,
p + .button,
.richtext ul + p,
.files + .richtext {
  margin-top: 20px;
}

.richtext + .files,
.richtext + ul,
h3 + .nested,
h2 + .gallery.content,
.richtext + .action-buttons,
.richtext + .nested {
  margin-top: 25px;
}

h2 + .buckets,
.richtext + .buckets,
h3 + .carousel,
.richtext + .tabbed-content,
ul + .button,
.social-media + .iframe-map,
.richtext + #quick-product-search,
.richtext + #process,
.richtext + .button,
.image-single + h3,
.richtext + .richtext,
* + .button-group,
.button-group + * {
  margin-top: 30px;
}

.buckets + .button,
.richtext + .buckets-circle,
.buckets + .nested {
  margin-top: 40px;
}

h2 + .nested,
.image-single + .catalog-buttons {
  margin-top: 50px;
}

.locations-dropdown #locations .dropdown-list .button{
    width: 100%;
    text-align: left;
    margin: 0;
    line-height: 40px;
}
.locations-dropdown #locations .dropdown-list.active .location-dropdown{
    display: block;
}
.locations-dropdown #locations .dropdown-list .location-dropdown{
    display: none;
    height: 344px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: white;
    -webkit-box-shadow: 5px 10px 24px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 24px rgb(0 0 0 / 10%);
    width: 100%;
}
.locations-dropdown #locations-map-outer {
    width: 70%;
    margin-top: 25px;
    padding-left: 75px;
}
.locations-dropdown #locations .dropdown-list .location-dropdown .location{
    opacity: 1;
    position: unset;
    background-color: white;
    margin: 0 45px 0 15px;
    box-shadow: none;
    border-bottom: 1px solid #DCE4E7;
    pointer-events: all;
}
.locations-dropdown #locations .dropdown-list .button i{
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
}
.locations-dropdown #locations .dropdown-list.active .button{
    background-color: #ed4f2f;
    border-color: #ed4f2f;
    color: white;
    -webkit-box-shadow: 0px 6px 12px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 12px rgb(0 0 0 / 10%);
}
.locations-dropdown #locations{
    width: 25%;
    position: relative;
    margin-top: 0;
}
.locations-dropdown #locations .dropdown-list.active .button .fa-caret-up:before{
    content: "\f0d7";
}
.locations-dropdown #locations .dropdown-list .location-dropdown::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}
.locations-dropdown #locations-test-map {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.locations-dropdown #locations-test-map .location-pins a {
    position: absolute;
    display: block;
    width: 26px;
    height: 25px;
    background-image: url('/assets/images/template/map-marker.png');
}
.locations-dropdown #locations-test-map .location-pins a:hover .location-logo {
    display: block;
}
.locations-dropdown #locations-test-map .location-logo {
    position: relative;
    bottom: 0;
    left: 15px;
    top: -30px;
    z-index: 1;
    display: none;
    width: 100%;
}
.locations-dropdown #locations-test-map .location-logo .logo{
    background: #FFFFFF;
    border: 2px solid #ED4F2F;
    box-sizing: border-box;
    border-radius: 7px;
    width: 148px;
}
.locations-dropdown #locations-test-map .location-logo .logo h2{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4B5259;
    margin: 0px 10px;
}
.locations-dropdown #locations .dropdown-list .location-dropdown::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.richtext.black p{
    color: #4b5259 !important;
}
.richtext.blue p{
    color: #1665c2 !important;
}
.richtext.darkblue p{
    color: #003568 !important;
}
.richtext.offwhite p{
    color: #ecf0f1 !important;
}
.richtext.white p{
    color: white !important;
}
.button.center{
    margin-right: auto;
    margin-bottom: 5px;
}
.button.center + .button.center{
    margin: 5px 0;
}
.button-group.stack a{
    margin-right: auto;
}
.gallery.has-arrows .slick-next{
    right: 20px;
}
.gallery.has-arrows .slick-prev{
    left: 20px;
}
.gallery.has-arrows .slick-next:before{
    color: #1665c2;
}
.gallery.has-arrows .slick-prev:before{
    color: #1665c2;
}
.galleryl.has-arrows .slick-next:hover:before, .gallery.has-arrows .slick-next:active:before{
    color: #003568;
}
.gallery.content.banner-height .block{
    height: 500px;
}
#locations .location-dropdown .location a.button.orange{
    margin-top: 15px;
    width: 145px;
}
/*modal announcement*/
#home-announcement .modal-dialog {
    margin-top:150px;
}
#home-announcement .modal-dialog.modal-lg {
    width:80%;
    max-width:800px;
}
#home-announcement .modal-content {
    max-width:unset;
}
#home-announcement .modal-header {
    padding: 5px;
    border-bottom: none;
}
#home-announcement .modal-footer {
    border-top: none;
}

@media (max-width: 1199px) {
  body {
    overflow: hidden;
    padding-top: 94px;
  }
  *:focus {
    outline: 0 !important;
  }
  a[href*="tel:"] {
    pointer-events: all;
  }
  a:hover,
  a:active {
    text-decoration: none !important;
  }
  ul.fancy.columnlist-3,
  ul.fancy.columnlist-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .image-single.fill {
    margin-top: 50px;
  }
  .block.wide .column:first-child {
    padding-left: 0 !important;
  }
  .block.wide .column:last-child {
    padding-right: 0 !important;
  }
  .block.column-has-bg {
    padding-left: 15px;
    padding-right: 15px;
  }
  .block.column-has-bg.full {
    padding-left: 0;
    padding-right: 0;
  }
  .block.column-has-bg .column:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .block.column-has-bg .column:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .block .w25 + .w50 + .w25 .button:first-child:last-child {
    margin-top: 7px;
  }
  .black-bg.has-bg {
    padding-left: 0;
    padding-right: 0;
  }
  .forms .t50 {
    width: 50%;
  }
  .forms .checkboxes,
  .forms .radios {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
  .nested {
    margin-left: -15px;
    margin-right: -15px;
  }
  .nested .column:first-child {
    padding-left: 0 !important;
  }
  .nested .column:last-child {
    padding-right: 0 !important;
  }
  .w100 .nested {
    margin-left: 0;
    margin-right: 0;
  }
  .t100 .heading.text-right {
    text-align: center;
  }
  #header {
    height: 94px;
  }
  #header .header-row {
    display: none !important;
  }
  #header .header-mobile {
    display: flex !important;
    border-bottom: 1px solid #e0e5ea;
  }
  #header .header-mobile:last-child {
    height: 54px;
    border-bottom: 0;
  }
  #header .constrain {
    height: 100%;
  }
  #header .tel {
    line-height: 40px;
    padding-left: 0;
    border-left: 0;
    margin-left: 15px;
    width: auto;
  }
  #header .link {
    width: 40px;
    padding: 0 !important;
    text-align: center;
  }
  #header .link.orange {
    margin-right: 25px;
  }
  #header .link i {
    margin-right: 0;
  }
  #header .tel + .link {
    margin-left: auto !important;
    margin-right: 10px;
  }
  #header .logo {
    height: auto;
    width: 164px;
    border-right: 0;
    position: static;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
  }
  #header .logo img {
    margin: auto;
  }
  #header .menu-trigger {
    font-size: 16px;
    line-height: 54px;
    color: #003568;
    padding-right: 25px;
    padding-left: 15px;
  }
  #header .menu-trigger.active i {
    font-size: 17px;
  }
  #header .menu-trigger.active i:before {
    content: "\f00d";
  }
  #header .search-trigger {
    color: #003568;
    line-height: 54px;
    padding: 0 15px;
  }
  #header .search-trigger i {
    font-weight: bold;
    font-size: 16px;
    margin-top: 2px;
  }
  #header .language-toggle a {
    line-height: 27px;
  }
  #header .language-toggle li.active a {
    font-size: 0;
  }
  #header .language-toggle li.active a:after {
    font-size: 16px;
    position: relative;
    top: 5px;
  }
  #mobile-menu {
    display: block;
  }
  #breadcrumbs {
    padding-left: 15px;
  }
  #breadcrumbs .crumb-container {
    margin-top: 0px;
  }
  #breadcrumbs .crumb.first ~ .crumb {
    display: none;
  }
  #breadcrumbs .crumb.first {
    padding-left: 25px;
    position: relative;
  }
  #breadcrumbs a {
    color: #1665c2;
  }
  #breadcrumbs i {
    font-weight: normal;
    font-size: 16px;
    left: 0;
    top: -1px;
    position: absolute;
    color: #4b5259;
  }
  #breadcrumbs + #content-wrap #main-content > .block-1 {
    padding-top: 60px;
  }
  #home-banner,
  #home-banner .slide,
  #home-banner .constrain,
  #home-banner > div {
    height: 480px;
  }
  #home-banner h1,
  #home-banner .h1 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 13px;
  }
  #home-banner .subtitle {
    font-size: 16px;
    line-height: 24px;
  }
  #home-banner .caption {
    max-width: 75%;
    margin-left: 15px;
    margin-right: 15px;
  }
  #home-banner p {
    font-size: 16px;
    line-height: 24px;
  }
  #home-banner img {
    max-width: none;
  }
  #home-banner .slick-dots {
    padding-left: 15px;
  }
  .statistics .statistic {
    flex-wrap: wrap;
  }
  .statistics .stat {
    font-size: 28px;
    line-height: 32px;
  }
  #quick-product-search {
    display: flex;
    flex-wrap: wrap;
  }
  #quick-product-search .w66 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }
  #quick-product-search .w33 {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 27px;
  }
  #process {
    display: flex;
    flex-wrap: wrap;
  }
  #process .w33 {
    width: 100%;
  }
  #process .w66 {
    width: 100%;
    padding: 0 15px 0 15px;
  }
  #process .steps {
    padding-top: 15px;
  }
  #process .utility {
    margin-top: 20px;
  }
  .buckets-circle .bucket {
    width: 33.33% !important;
  }
  .buckets-circle .learnmore {
    opacity: 1;
    margin-bottom: 15px;
  }
  .buckets-mini .bucket {
    width: 50%;
  }
  .tabbed-content.has-dropdown .nav-tabs:after {
    font-family: "Font Awesome 5 Pro", sans-serif;
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 11px;
    color: #4b5259;
  }
  .tabbed-content.has-dropdown .nav-tabs.open:after {
    content: "\f106";
  }
  .tabbed-content.has-dropdown .nav-tabs li a {
    text-align: left;
    padding-left: 0;
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .tabbed-content.has-dropdown .tab-content {
    margin-top: 30px;
  }
  .tabbed-content.has-dropdown .tab-content .block.column-has-bg {
    padding-left: 0;
    padding-right: 0;
  }
  .tabbed-content .column:first-child {
    padding-left: 0 !important;
  }
  .tabbed-content .column:last-child {
    padding-right: 0 !important;
  }
  .tabbed-content .t100 .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .tabbed-content .t100 .column + .column {
    margin-top: 35px;
  }
  .image-text-block {
    width: 33.33% !important;
  }
  .gallery.carousel {
    padding: 0 50px;
  }
  .gallery.carousel .slick-prev {
    left: 0;
  }
  .gallery.carousel .slick-next {
    right: 0;
  }
  .gallery.content .block.column-has-bg {
    padding-left: 0;
    padding-right: 0;
  }
  .mixit-controls .control-group,
  .mixit-controls .controls,
  .mixit-controls .control.mixitup-control-active {
    width: 200px;
  }
  .mixit-controls h4 {
    top: -25px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  .support-cta {
    display: block;
  }
  .support-cta .button {
    margin-top: 12px;
  }
  .multistep-buttons {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .multistep-slider {
    width: 100%;
  }
  .multistep-nav {
    width: 100%;
  }
  #quick-contact-section {
    padding: 60px 15px;
  }
  #quick-contact-section .column > .w33 {
    width: 100%;
    border-right: 0;
  }
  #quick-contact-section .column > .w66 {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  #contact-section {
    padding: 10px 0;
  }
  #contact-section .column > .w33 {
    width: 100%;
    border-right: 0;
  }
  #contact-section .column > .w66 {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  #locations-accordion {
    flex-wrap: wrap;
    margin-bottom: -30px;
  }
  #locations-accordion .item {
    width: 100%;
    margin-bottom: 30px;
  }
  #locations-accordion .info-toggle {
    font-size: 16px;
    line-height: 28px;
  }
  #locations-accordion h3 {
    font-size: 19px;
    line-height: 28px;
  }
  #locations-map {
    padding-right: 15px;
    margin-left: 0;
    height: 450px;
  }
  #locations {
    width: 100%;
    margin-top: 20px;
    height: 300px;
  }
  #locations .location {
    margin: 0 auto;
    max-width: 500px;
    left: 0;
    right: 0;
  }
  #quickContact .w33 .g-recaptcha {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    margin-left: -32px;
  }
  #footer-middle #newsletter {
    right: 15px;
    bottom: 40px;
  }
  #footer-middle #newsletter .fieldset {
    width: 100%;
    margin: 0;
  }
  .locations-dropdown #locations .dropdown-list .location-dropdown{
    height: 160px;
  }
  #breadcrumbs + #content-wrap #main-content > .block-1.column-has-bg.map-image-marker .column{
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    #locations-container{
            height: 450px;
    }
  
}

@media (max-width: 767px) {
  .swap-mobile .column:first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .swap-mobile .column:last-child {
    margin-top: 0 !important;
    margin-bottom: 30px;
  }
  .swap-mobile .column:last-child.column-has-bg-left,
  .swap-mobile .column:last-child.column-has-bg-right {
    margin-bottom: 0;
  }
  h1,
  .h1 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
  }
  h2,
  .h2 {
    font-size: 24px;
    line-height: 32px;
  }
  h3,
  .h3 {
    font-size: 19px;
    line-height: 28px;
  }
  .subtitle {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.08em;
  }
  .subtitle + h1 {
    margin-top: 5px;
  }
  p {
    font-size: 16px;
    line-height: 24px;
  }
  .m100 .heading.text-right {
    text-align: center;
  }
  .block {
    padding-bottom: 35px;
    padding-top: 35px;
  }
  .block + .block {
    padding-top: 0;
  }
  .block.has-bg,
  .block.has-bg + .block,
  .block.column-has-bg + .block {
    padding-top: 35px;
  }
  .nested .block.has-bg{
      padding-left:20px;
      padding-right:20px;
  }
  .block.column-has-bg > .column {
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 0 !important;
  }
  .block.column-has-bg > .column.w33,
  .block.column-has-bg > .column.w40,
  .block.column-has-bg > .column.w50,
  .block.column-has-bg > .column.w60 {
    min-height: 250px;
  }
  .block.m100 .column + .column {
    margin-top: 30px;
  }
  .block.m100 .column + .column[class*="column-has-bg"] {
    margin-top: 0;
  }
  .block.m100.gold-bg.full .column + .column {
    margin-top: 15px;
  }
  .nested .block.m100.column-has-bg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nested .block.m100 > .column + .column {
    margin-top: 0 !important;
    padding-top: 20px;
  }
  .nested .block.m100 > .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nested .block + .block {
    margin-top: 20px;
  }
  .block.column-has-bg .column.white-bg {
    margin-bottom: 0;
  }
  .button-group .button {
    width: 100%;
    text-align: left;
  }
  .forms .input-group,
  .forms .input-group.w50 {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .forms .fieldset {
    margin: 0 auto;
  }
  .forms p {
    padding: 0;
  }
  .forms .submit {
    position: static;
  }
  .forms .checkboxes,
  .forms .radios {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .table-responsive table {
    min-width: 767px;
    width: auto;
  }
  .image-single.fill {
    margin-left: -16px;
    margin-right: -16px;
    height: 250px;
    margin-top: 0;
  }
  .image-single.fill:last-child {
    margin-bottom: -40px;
  }
  .image-single.fill img {
    max-height: 100%;
  }
  .image-single.fill img[src*="engineers_with_circle.png"] {
    min-width: 0;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .image-single.fill img[src*="customizable_solutions_with_circle.png"] {
    min-width: 0;
  }
  .column:first-child > .image-single.fill {
    margin-top: -40px;
    margin-bottom: 0;
  }
  #home-banner,
  #home-banner > div,
  #home-banner .slide,
  #home-banner .constrain {
    height: auto;
  }
  #home-banner {
    margin: -50px auto -35px auto;
  }
  #home-banner .slide {
    flex-direction: column-reverse;
  }
  #home-banner .caption {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    max-width: 100%;
    margin: 40px 0;
  }
  #home-banner .subtitle {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 4px;
  }
  #home-banner .slick-dots {
    text-align: right;
    bottom: 50px;
  }
  #home-banner .button {
    margin-bottom: 0;
  }
  .statistics {
    margin: -10px 0;
    flex-wrap: wrap;
  }
  .statistics .statistic {
    width: 100%;
    flex-wrap: wrap;
    padding: 7px 0;
    justify-content: center;
  }
  .statistics .stat {
    font-size: 24px;
    line-height: 32px;
  }
  .statistics .caption {
    font-size: 14px;
    line-height: 20px;
  }
  .statistics.is-vertical .statistic {
    margin-bottom: 15px;
  }
  .statistics.is-vertical .statistic:last-child {
    margin-bottom: 0;
  }
  #quick-product-search h3 {
    font-size: 24px;
    line-height: 32px;
  }
  #quick-product-search .w66 {
    padding-right: 30px;
    padding-bottom: 270px;
  }
  .buckets-default{
      margin:0;
  }
  .buckets-default .bucket {
    width: 100% !important;
  }
  .buckets-default a {
    height: auto;
  }
  .buckets-default .image {
    height: 120px;
  }
  .buckets-default .content {
    position: relative;
    top: auto;
    bottom: 0;
    height: auto;
    padding: 12px 15px;
  }
  .buckets-default h5,
  .buckets-default .h5 {
    margin: 0;
  }
  .buckets-default p,
  .buckets-default .learnmore {
    display: none;
  }
  .buckets-circle {
    margin-bottom: -30px;
  }
  .buckets-circle .bucket {
    width: 50% !important;
  }
  .buckets-circle .learnmore {
    margin-bottom: 30px;
  }
  .buckets-circle h5,
  .buckets-circle .h5 {
    font-size: 14px;
    line-height: 20px;
  }
  .buckets-mini {
    margin-bottom: -16px;
  }
  .buckets-mini .bucket {
    width: 100%;
    margin-bottom: 16px;
  }
  .buckets-mini .image {
    width: 24%;
  }
  .buckets-mini img {
    max-height: 91px;
  }
  .buckets-mini .content {
    width: 76%;
  }
  .buckets-mini .content i {
    right: -5px;
  }
  .panel-group .panel-heading a:before {
    right: 0;
  }
  .panel-group .panel-heading a[aria-expanded="true"]:before {
    right: 0;
  }
  .panel-group .panel-body {
    padding-left: 0;
    padding-right: 0;
  }
  .tabbed-content .block .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0;
  }
  .tabbed-content .block .column + .column {
    padding-top: 35px !important;
  }
  .gallery.carousel .img-wrapper {
    width: 100%;
    text-align: center;
  }
  .image-text-blocks .image-text-block {
    width: 100% !important;
    justify-content: flex-start;
  }
  .image-text-blocks .image-text-block .image {
    max-height: 30px;
  }
  .video {
    max-width: 100%;
    height: 340px;
  }
  .video .play {
    margin-top: 0;
  }
  .video .play i:before {
    font-size: 40px;
  }
  .posts .item {
    width: 100%;
  }
  .posts .image {
    height: 100%;
    background-color: #f1f5f9;
  }
  .posts .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 114px;
    max-width: 140px;
  }
  .post-entry .post-info{
      margin-top: 25px;
  }
  .action-buttons .button {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
  }
  .action-buttons .button:last-child {
    margin-bottom: 0;
  }
  .catalog-buttons .button {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .catalog-buttons .button:last-child {
    margin-bottom: 0;
  }
  .mixit-controls {
    width: 100%;
  }
  .mixit-controls .controls {
    width: 100%;
    z-index: 9;
  }
  .mixit-controls .controls.open {
    z-index: 999;
  }
  .mixit-controls .control.mixitup-control-active {
    width: 100%;
  }
  .mixit-controls .control-group {
    height: 40px;
    width: 100%;
  }
  .mixit-controls .control-group + .control-group {
    margin-top: 35px;
  }
  #white-papers .mixit-header {
    font-size: 14px;
    line-height: 20px;
  }
  #white-papers .mixit-header .column-3 {
    font-size: 0;
    color: transparent;
  }
  #white-papers .item {
    font-size: 14px;
    line-height: 20px;
  }
  #white-papers .column-1 {
    width: 80%;
  }
  #white-papers .column-2 {
    display: none;
  }
  #white-papers .column-3 {
    width: 20%;
  }
  #quick-contact-section,
  #contact-section {
    padding: 30px 15px;
  }
  #quick-contact-section .subtitle,
  #contact-section .subtitle {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 4px;
  }
  #quick-contact-section .column,
  #contact-section .column {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #quick-contact-section .column > .w66,
  #contact-section .column > .w66 {
    flex-wrap: wrap;
  }
  #quick-contact-section .column > .w66 p,
  #contact-section .column > .w66 p {
    width: 100%;
  }
  #quick-contact-section .column > .w66 .tel,
  #contact-section .column > .w66 .tel {
    width: 100%;
    padding-left: 0;
    text-align: left;
    margin: 15px 0;
  }
  #quick-contact-section .h2,
  #contact-section .h2 {
    margin-top: 0;
  }
  #quickContact .w33 .g-recaptcha {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    margin-left: 0;
  }
  #quickContact .g-recaptcha {
    margin-top: 5px;
  }
  #contact-section {
    padding: 0;
  }
  #locations-cta {
    margin: -35px 0;
  }
  #locations-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -24px;
  }
  #locations-buttons .button {
    width: 48%;
    margin: 0 0 24px 0;
    display: block;
  }
  #footer-top {
    padding: 13px 15px 12px 15px;
  }
  #footer-top .h4 {
    padding: 0;
  }
  #footer-middle {
    padding: 30px 0;
  }
  #footer-middle .w25 {
    width: 100%;
  }
  #footer-middle h5 + ul,
  #footer-middle h5 + ul + ul {
    display: none;
  }
  #footer-middle h5 a {
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
    position: relative;
    padding-left: 30px;
  }
  #footer-middle h5 a i {
    position: absolute;
    left: 0;
    margin-top: 3px;
  }
  #footer-middle #newsletter {
    position: relative;
    right: auto;
    left: 0;
    width: 100%;
    bottom: auto;
    height: auto;
    padding: 0;
    margin-top: 20px;
  }
  #footer-middle .w100:last-child h5 a {
    display: inline-block;
  }
  #footer-middle .w100:last-child p {
    font-size: 14px;
    line-height: 20px;
  }
  #footer-bottom .constrain {
    flex-wrap: wrap;
  }
  #footer-bottom #copyright {
    width: 100%;
    text-align: center;
  }
  #footer-bottom .social-media {
    width: 100%;
    text-align: center;
  }
  .buckets-square .content .h5{
    font-size:14px;
    line-height:1.2;
  }
  #locations-container.locations-dropdown{
    display:block;
  }
  .locations-dropdown #locations{
    width: 100%;
    height: auto;
  }
  .locations-dropdown #locations-map-outer{
    padding: 0;
    width: 100%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .text-left-middle.column-has-bg > .column {
    display: block;
  }
  .forms,
  .forms .fieldset {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 1400px) {
    #breadcrumbs + #content-wrap #main-content > .block-1.column-has-bg.map-image-marker .column{
        background-size: 730px 345px;
        background-repeat: no-repeat; 
    }
}

.header-row .search-container {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#search-drawer {
    display: flex;
    align-items: center;
}

/*PDF buckets*/
#pdf-buckets-container .pdf-bucket {
    width: 100%;
    text-align:
    center;
    padding: 16px;
    /* border: 1px solid #a1a4b1; */
}

#pdf-buckets-container .pdf-bucket:hover {
    background:#f1f5f9;
}

#pdf-buckets-container .pdf-bucket .pdf-title {
    font-size:20px;
    font-weight:bold;
}

#pdf-buckets-container .pdf-bucket .pdf-category {
    color:#a1a4b1;
}

.post-item {
    display:flex;
    gap:10px;
}
.post-item .post-body {
    flex:0 1 calc(100% - 170px);
}
.post-item .post-img {
    flex: 0 1 160px;
}
@media screen and (max-width: 600px) {
    .post-item {
        flex-wrap:wrap;
    }
    .post-item .post-body,
    .post-item .post-img {
        flex: 0 1 100%;
    }
}

/*new search form*/
#header .search-form.search-2btn .search-buttons {
    position:absolute;
    left:auto;
    right:0;
    top:0;
    display:flex;
    flex-wrap:wrap;
}
#search-drawer .search-form.search-2btn .search-buttons{
    display:flex;
    margin-top:10px;
}
#header .search-form.search-2btn .sb-wrapper,
#search-drawer .search-form.search-2btn .sb-wrapper{
    background:#f1f5f9;
    position:relative;
    margin:0 5px;
}
#search-drawer .search-form.search-2btn .sb-wrapper {
    flex: 0 1 48%
}
#header .search-form.search-2btn button,
#search-drawer .search-form.search-2btn button{
    position:relative;
    left:unset;
    right:unset;
    width:unset;
    display:inline;
    font-size:12px;
    background: transparent;
    width:80px;
    z-index:1;
    transition:all .25s ease-in-out;
}
#search-drawer .search-form.search-2btn button {
    width:100%;
}
#header .search-form.search-2btn button:before,
#search-drawer .search-form.search-2btn button:before{
    color: #003568;
    font-weight: bold;
    transition:all .25s ease-in-out;
}
.search-form.search-2btn button:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f002';
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 200;
    margin-right:4px;
}
.search-form.search-2btn button:after {
    display:none;
}
#header .search-form.search-2btn .sb-wrapper.site:after,
#search-drawer .search-form.search-2btn .sb-wrapper.site:after{
    position:absolute;
    background:#1665c2;
    content:'';
    width:100%;
    height:2px;
    top:unset;
    bottom:0;
    left:0;
    transition:all .25s ease-in-out;
}
#header .search-form.search-2btn .sb-wrapper.part:after,
#search-drawer .search-form.search-2btn .sb-wrapper.part:after {
    position:absolute;
    background:#ed4f2f;
    content:'';
    width:100%;
    height:2px;
    top:unset;
    bottom:0;
    left:0;
    transition:all .25s ease-in-out;
}
#header .search-form.search-2btn .sb-wrapper:hover:after,
#search-drawer .search-form.search-2btn .sb-wrapper:hover:after{
    height:100%;
}
#header .search-form.search-2btn .sb-wrapper.part,
#search-drawer .search-form.search-2btn .sb-wrapper.part{
    margin-right:0;
}
#header .search-form.search-2btn input {
    padding-right:160px;
}
#search-drawer .search-form.search-2btn input::placeholder {
    font-size:12px;
}
#header .search-form.search-2btn button:is(:hover,:focus,:active),
#header .search-form.search-2btn button:hover:before,
#search-drawer .search-form.search-2btn button:is(:hover,:focus,:active),
#search-drawer .search-form.search-2btn button:hover:before{
    color:#FFF;
}
#header .search-form.search-2btn input:focus + .search-buttons .sb-wrapper,
#search-drawer .search-form.search-2btn input:focus + .search-buttons .sb-wrapper{
    box-shadow: 0px 0px 3px 0px rgb(184 184 184);
}
.sb-tt-wrapper {
    opacity:0;
    pointer-events:none;
    position: absolute;
    width: 250px;
    height:auto;
    bottom: -65px;
    right: 0;
    left:50%;
    transform:translateX(-50%);
    box-shadow: 0px -2px 10px 2px rgb(0 0 0 / 25%),0px 2px 4px 1px rgb(0 0 0 / 15%);
    background: #ed4f2f;
    color:#FFF;
    z-index: 1;
    transition:all .25s ease-in-out;
}
.sb-tt {
    position:relative;
}
.sb-tt-inner {
    font-size:16px;
    font-weight:700;
    text-align:center;
    padding:15px;
}
.sb-tt-inner:before,
.sb-tt-inner:after {
    position:absolute;
    content:'';
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ed4f2f;
    top:-10px;
}
.sb-tt-inner:before {
    left:75px;
}
.sb-tt-inner:after {
    right:75px;
}
.sb-tt-wrapper.show-grow {
    opacity:1;
    animation: horizontal-shaking 0.25s 3;
}
.posts.application-wrap .post-item{
    display: inline-block;
}

#pdf-buckets-container.buckets-default a.pdf-link{
    height: 350px;
    width: 100%;
    position: relative;
    display: block;
    text-decoration: none !important;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1);
}
#pdf-buckets-container.buckets-default a.pdf-link .pdf-thumbnail{
    height: 280px;
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}
#pdf-buckets-container.buckets-default a.pdf-link .pdf-content{
    position: absolute;
    display: flex;
    top: 280px;
    width: 100%;
    height: 70px;
    padding: 15px 20px 15px;
    background-color: #1665c2;
    color: white;
    text-align: center;
    -webkit-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: center;
}
#pdf-buckets-container.buckets-default a.pdf-link:hover .pdf-thumbnail{
    background: #DBDBDB;
}
#pdf-buckets-container.buckets-default a.pdf-link:hover .pdf-content{
    background-color: #ed4f2f;
    color: white;
    border-color: #ed4f2f;
}
.dropdown.button-dropdown{
    margin-top: 30px;
}
.dropdown.button-dropdown .dropbtn icon{
    padding: 0 5px 0 0;
}
.dropdown.button-dropdown .dropbtn {
    background-color : #ed4f2f; 
    border: none; color: white; 
    font-size: 16px; 
    line-height: 24px; 
    font-weight: 700; 
    text-align: center; 
    font-family: "roboto", sans-serif;
    text-transform: none;
    padding: 8px 25px; 
    letter-spacing: 0.04em; 
    cursor: pointer; 
    transition: all 0.3s ease-in-out; webkit-transition: all 0.3s ease-in-out;
}

.dropdown.button-dropdown .dropbtn:hover{
    background-color:#1665c2;
}

.dropdown.button-dropdown:hover .dropbtn {
    background-color: #1665c2 !important;
}

.dropdown.button-dropdown .dropdown-content a:hover {
    background-color: #f1f5f9;
}

.dropdown.button-dropdown{
    position: relative; 
    display: inline-block;
}

.dropdown.button-dropdown .dropdown-content {
    display: none;
    position: absolute;
    min-width: 190px;
    background-color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

.dropdown.button-dropdown .dropdown-content a {
    color: #333;  
    font-size: 16px; 
    line-height: 24px; 
    font-weight: 700;
    padding: 8px 25px; 
    letter-spacing: 0.04em; 
    cursor: pointer; 
    padding: 12px 16px; 
    display: block;
}

.dropdown.button-dropdown .dropdown-content a:hover {
    background-color: #f1f5f9;
    
}
.dropdown.button-dropdown:hover .dropdown-content {
    display: block;
    
}
/*width fixes for part no button in diff languages*/
body[data-context="de"] #header .search-form.search-2btn button.site-btn {
    width:85px;
}
body[data-context="es"] #header .search-form.search-2btn button.part-btn,
body[data-context="mx"] #header .search-form.search-2btn button.part-btn,
body[data-context="br"] #header .search-form.search-2btn button.part-btn,
body[data-context="kr"] #header .search-form.search-2btn button.part-btn,
body[data-context="de"] #header .search-form.search-2btn button.part-btn,
body[data-context="fr"] #header .search-form.search-2btn button.part-btn {
    width:120px;
}
#pdf-buckets-container.mixit .item{
    width: 100%;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    cursor: pointer;
}
#pdf-buckets-container.mixit .item .pdf-title{
    font-weight: 900;
    font-size: 16px;
}

@keyframes horizontal-shaking {
 0% { transform: translateX(-50%) }
 25% { transform: translateX(calc(-50% + 5px)) }
 50% { transform: translateX(calc(-50% - 5px)) }
 75% { transform: translateX(calc(-50% + 5px)) }
 100% { transform: translateX(-50%) }
}

/*switch layout bugfix*/
@media only screen and (max-width: 767px){
    .block:not(.m25):not(.m50):not(.m100) .column,
    .block:not(.m25):not(.m50):not(.m100) .column + .column {
        width: 100%;
    }
    .block.m100 .column + .column {
        margin-top: 30px;
    }
}