/*-------- GENERAL ---------------*/
@font-face {
  font-family: 'AdaptaTextLight';
  src: url('fonts/AdaptaText-ExtraLight.woff') format('woff2'),
    url('fonts/AdaptaText-ExtraLight') format('woff');
}

@font-face {
  font-family: 'AdaptaTextBold';
  src: url('fonts/AdaptaDisplay-ExtraBold.woff') format('woff2'),
    url('fonts/AdaptaDisplay-ExtraBold') format('woff');
}


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {

  --font-main: 'Archimoto V01';
  --font-grotesk: 'Space Grotesk';
  --color-primary: #66CDF2;
  --color-secondary: #EAE3DC;
  --color-tertiary: #FED8A3;
  --color-dblue: #002B51;
  --color-orange: #F89A5F;
  --color-b: #18242A;
  --color-w: #fff;
}

html {
  width: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

html.cut-off {
  overflow: hidden;
}

::-moz-selection {
  background-color: #32CBFF;
  color: #00406E;
  ;
}

::selection {
  background-color: #32CBFF;
  color: #00406E;
  ;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #00406E;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #32CBFF;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #25a7d4;
}

a {
  display: inline-block;
}

a,
a:hover {
  transition: all .2s ease 0s;
  cursor: pointer !important;
}

a:active {
  opacity: 0.7;
}

body {
  font-family: var(--font-grotesk);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  background-color: #fff;
  background-repeat: repeat;
  background-size: auto;
  background-position: center top;
  color: #000;
  font-weight: 400;
  letter-spacing: 0;
}

.grecaptcha-badge {
  display: none !important;
}

hr {
  margin: 20px 0;
  border-top: 1px solid #eee;
  width: 100%;
}

p {
  margin: 1em 0;
  line-height: 1.7em;
}

p,
a {
  /* color: #F7F9FB; */
  color: var(--color-secondary);
}

p a {
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
}

p a:hover {}

a:hover {}

a {
  text-decoration: none;
  cursor: pointer;
  line-height: 1.6em;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

.strong,
strong {
  display: inline-block;
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
}

h1 {
  font-size: 3em;
  line-height: 1em;
  margin: 0 0 1.6em;
  font-family: var(--font-main);
  font-weight: 700;
}

h2 {
  font-size: 2.5em;
  line-height: 1.1em;
  margin: 1em 0 1.6em;
  font-family: var(--font-main);
  font-weight: 700;
}

h3 {
  font-family: var(--font-main);
  font-size: 2.2em;
  line-height: 1.3em;
  margin: 2em 0 1.6em;
}

h4 {
  font-family: var(--font-main);
  font-size: 1.9em;
  line-height: 1.3em;
  margin: 1.6em 0 .5em;
  letter-spacing: .5px;
}

h5 {
  font-size: 1.5em;
  line-height: 1.3em;
}

h6 {
  font-size: 1.2em;
  line-height: 1.3em;
}

body,
h3,
h4,
h5,
h6,
h1 span, h2 span, h3 span{
  font-family: var(--font-main);
  font-weight: 600;
}

p,
a,
span,
li {
  font-family: var(--font-grotesk);
  font-weight: 400;
}

html,
body {
  overflow-y: visible;
  /*  overflow-x: hidden;*/
}

.to-mid-parent {
  display: table;
  height: 100%;
  width: 100%;
}

.to-mid {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

.main--wrapper {
  background: #002642;
}

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

.pad-top-0-em {
  padding-top: 0em !important;
}

.pad-top-2-em {
  padding-top: 2em !important;
}

#top .pad-top-2-em-2 {
  padding-top: 2em !important;
}

.pad-top-4-em {
  padding-top: 4em !important;
}

.pad-top-5-em {
  padding-top: 5em !important;
}

.pad-top-6-em {
  padding-top: 6em !important;
}

.pad-top-100px {
  padding-top: 100px !important;
}

.pad-top-100px-2 {
  padding-top: 100px !important;
}

.pad-top-150px,
.pad-top-150-px {
  padding-top: 150px !important;
}

.pad-top-200px,
.pad-top-200-px {
  padding-top: 200px !important;
}

.pad-bot-0-em {
  padding-bottom: 0em !important;
}

.pad-bot-2-em {
  padding-bottom: 2em !important;
}

.pad-bot-3-em {
  padding-bottom: 3em !important;
}

.pad-bot-4-em {
  padding-bottom: 4em !important;
}

.pad-bot-6-em {
  padding-bottom: 6em !important;
}

.pad-bot-7-em {
  padding-bottom: 7em !important;
}

.pad-bot-100-px,
.pad-bot-100px {
  padding-bottom: 100px !important;
}

.pad-bot-100px-2 {
  padding-bottom: 100px !important;
}

.pad-bot-150-px,
.pad-bot-150px {
  padding-bottom: 150px !important;
}

.pad-bot-200-px,
.pad-bot-200px {
  padding-bottom: 200px !important;
}

.weight-700--title h4,
.weight-700--title h3 {
  font-weight: 700 !important;
}

/* ==================== HEADER ========================*/

header.sticky {
  transition: 0.3s all ease-in;
  -webkit-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
  /*  background: #fff;*/
}

header {
  z-index: 99999;
  position: fixed;
  width: 100%;
  max-width: 100%;
  transition: 0.3s all ease-in;
  -webkit-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
  background: transparent;
}

header .header--inner {
  padding: 30px 0px;
}

header.header--opened {
  padding: 0em;
}

header .logo {
  width: 200px;
}

header .logo img {
  width: 100%;
}

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

header ul {
  padding: 0px;
  margin: 0px;
}

header ul li {
  list-style-type: none;
}

header .menu-main-menu-container {
  display: flex;
  align-items: center;
}

header .header-main--nav ul li a {
  color: #fff;
  font-weight: 600;
}

header .header-main--nav ul li,
header .header-main--nav .hamburger--menu {
  margin-left: 25px;
}

header .header-main--nav ul,
header .header-main--nav .hamburger--menu {
  display: flex;
  flex-wrap: wrap;
}

header .header-main--nav .hamburger--menu {
  align-items: center;
}

header .header-main--nav {
  display: flex;
  flex-wrap: wrap;
}

header .header-main--nav .hamburger-menu--label {
  padding-right: 10px;
}

header .header-main--nav .hamburger-menu--label p {
  margin: 0px;
  color: #fff;
  font-size: 90%;
}

header .header-main--logo {
  width: 170px;
}

.hamburger-menu--icon {
  background: #fff;
  border-radius: 50%;
  padding: 5px 11px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.hamburger-menu--icon .hamburger-menu--bars {
  background: #00406e;
  width: 100%;
  height: 2px;
  margin-bottom: 3px;
  position: absolute;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.menu--item-hidden a {
  display: none !important;
}

.menu--item-hidden ul li a {
  display: block !important;
}

.visit-chematek-menu a {
  line-height: 1.6em !important;
  letter-spacing: 0.07rem !important;
  color: #32cbff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

footer .footer-nav li.chekmatek--item a {
  color: #32cbff !important;
  font-size: 18px !important;
  letter-spacing: 0.07rem !important;
  font-weight: 700 !important;
}


.where-to-buy--item a {
  padding-top: 0.5em;
}

.page--color__ .aust--nav {
  display: none;
}

.page--color__ .main--site-nav {
  display: block;
}

.page--type.page--color__Yellow .aust--nav {
  display: block;
}

.page--type.page--color__Yellow .main--site-nav {
  display: none;
}


#top footer .aust--nav .lubricant--item ul {

  padding-top: unset !important;
}

#top footer .aust--nav .big-link--menu {
  padding: unset !important;
}



header .header--top__display .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-1 {}

header .header--top__display .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-2 {
  top: 5px;
}

header .header--top__display .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-3 {
  top: 10px;
}

.hamburger-menu--icon .hamburger-menu--bars__wrapper {
  height: 12px;
  width: 100%;
  position: relative;
}

header .header--opened {
  opacity: 0;
  visibility: hidden;
}

header .header--opened .nav-opened ul li {
  overflow: hidden;
}

header .header--opened .nav-opened ul li a {
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: all .2s;
  transition: all .2s;
  display: block;
  will-change: transform;
}

header.active-nav .header--opened .nav-opened ul li.to-capital.menu-col-2 .sub-menu li.to-capital>a {
  text-transform: uppercase;
}

header.active-nav.transition__ .header--opened .nav-opened ul li a {
  visibility: visible;
  opacity: 1;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  /*-webkit-transform: translateY(0px);
    transform: translateY(0px);
    animation: fade-in-up-sm 1100ms;*/
}

header .header--opened .nav-opened ul li a:hover {

  opacity: 0.7 !important;
}

header .header--opened .nav-opened ul li li a:hover {
  color: #32cbff !important;
}

header .header--opened .nav-opened ul li li li a:hover {
  color: #18242A !important;
}

/* Translate Tool */
.translate-widget .glink {
  padding: 2px 0 1px;
  margin: 0 6px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  letter-spacing: .5px;
}

.translate-widget .glink:first-child {
  margin-right: 9px;
}

.translate-widget .glink:first-child:after {
  content: "";
  width: 2px;
  background: #fff;
  height: 100px;
  display: block;
  position: absolute;
  right: -10px;
  height: 18px;
  top: 0;
}

.translate-widget .glink:nth-child(2) {
  color: #32cbff;
  border-bottom: 1px solid #32cbff;
}

html.translated-ltr .translate-widget .glink:nth-child(2) {
  color: #fff;
  border-bottom: none;
}

html.translated-ltr .translate-widget .glink:first-child {
  color: #32cbff !important;
  border-bottom: 1px solid #32cbff;
}

.translate-widget {
  position: relative;
  top: 10px;
  right: 2px;
}

header.active-nav .translate-widget .glink:nth-child(2) {
  color: #01406e;
}

header.active-nav .translate-widget .glink {
  color: #00406e;
}

header.active-nav .translate-widget .glink:first-child:after {
  background: #00406e;
}

html.translated-ltr .appended--header .translate-widget .glink:nth-child(2) {
  color: #00406e;
  border-bottom: none;
}

.appended--header .translate-widget .glink:nth-child(2) {
  color: #32cbff;
}

.appended--header .translate-widget {
  position: relative;
  top: 13px;
}

.appended--header .translate-widget .glink {
  color: #00406e;
}

.appended--header .translate-widget .glink:first-child:after {
  background: #00406e;
}

/* Header on Click Hamburger */
header {
  height: 100vh;
  pointer-events: none;
  transition: 0.3s all ease-in;
  -webkit-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
}

header .header--inner {
  /*pointer-events: all;*/
}

header .header--top__display {
  pointer-events: none;
}

header .header--top__display .header-main--logo,
header .header--top__display .header-main--nav,
header .header--opened {
  pointer-events: all;
}

header.active-nav {
  width: 100%;
  background: #fff;
}

header .header--opened {
  padding-top: 4em;
}

header.active-nav .header--opened {
  opacity: 1;
  visibility: visible;
}

header .header--top__display .white-logo {
  display: block;
}

header .header--top__display .dark-logo {
  display: none;
}

/* header.active-nav .header--top__display .white-logo {
  display: none;
} */

/* header.active-nav .header--top__display .dark-logo {
  display: block;
} */

header.active-nav .header--top__display .header-main--nav ul li a,
header.active-nav .header--top__display .header-main--nav p {
  color: #00406e;
}

header.active-nav .header--top__display .hamburger-menu--icon {
  background: #32cbff;
}



header.active-nav .header--top__display .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-1 {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

header.active-nav .header--top__display .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-2 {
  display: none;
}

header.active-nav .header--top__display .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-3 {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

header.active-nav .header--top__display .hamburger-menu--icon .hamburger-menu--bars {
  top: 5px !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

header .header--opened .nav-opened ul {
  display: block;
}

header .header--opened .nav-opened ul li {
  float: left;
  width: 33.333%;
  padding-top: 2em;
}

header .header--opened .nav-opened ul li:nth-child(1),
header .header--opened .nav-opened ul li:nth-child(2),
header .header--opened .nav-opened ul li:nth-child(3) {
  padding-top: 0em;
}

header .header--opened .nav-opened ul li li li {
  padding-top: 0em;
}

header .header--opened .nav-opened ul li ul {
  display: block;
  padding-top: 0em;
  padding-right: 30px;
}

header .header--opened .nav-opened ul li ul ul {
  padding-right: 0px;
}

header .header--opened .nav-opened ul li ul ul {
  padding-top: 5px;
}

header .header--opened .hide-item__ ul {
  padding-top: 0px;
}

header .header--opened .nav-opened ul li ul li {
  display: block;
  float: unset;
  width: 100%;
}

header .header--opened .nav-opened ul li li {
  padding-top: 2em;
}

header .header--opened .nav-opened ul li li:nth-child(1),
header .header--opened .nav-opened ul li li:nth-child(2),
header .header--opened .nav-opened ul li li:nth-child(3),
header .header--opened .nav-opened ul li li li:nth-child(1),
header .header--opened .nav-opened ul li li li:nth-child(2),
header .header--opened .nav-opened ul li li li:nth-child(3) {
  padding-top: 0em;
}

header .header--opened .nav-opened ul li li li {
  padding-top: 0em;
}

header .header--opened .nav-opened ul li ul li {
  padding-top: 2em !important;
}

header .header--opened .nav-opened .hide--item-1 {
  padding-top: 1.3em !important;
}

header .header--opened .nav-opened ul li ul li li {
  padding-top: 0em !important;
}

header .header--opened .nav-opened ul li li li {
  margin-top: 5px;
}

header .header--opened .nav-opened ul li a {
  color: #00406e;
  font-size: 24px;
  font-weight: 600;
  line-height: 1em;
}

header .header--opened .nav-opened ul li li a {
  line-height: 1.6em;
  letter-spacing: 0;
  color: #32cbff;
  font-size: 15px;
  font-weight: 700;
}

header .header--opened .nav-opened ul li li li a {
  color: #18242A;
  font-weight: 400;
  letter-spacing: 0;
}

header .header--opened .hide-item__ a {
  display: none !important;
}

header .header--opened .hide-item__ li a {
  display: block !important;
}



header .header--top__hide {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 30px;
  background: #fff;
  transform: translateX(100%);
  -ms-transform: translateX(100%);
}

header .header--top__hide .header-main--nav ul li a,
header .header--top__hide .header-main--nav .hamburger-menu--label p {
  color: #00406e;
}

header .header--top__hide .hamburger-menu--icon {
  background: #32cbff;
}

header .header--top__hide .hamburger-menu--icon .hamburger-menu--bars {
  top: 5px;
}

header .header--top__hide .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-1 {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

header .header--top__hide .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-2 {
  display: none;
}

header .header--top__hide .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-3 {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}


header .header--top__hide.show {
  transform: translateX(0%);
  -ms-transform: translateX(0%);
  transition: 1s ease-in-out;
}

header .header--top__hide {
  transition: 1s ease-in-out;
}



/*header.sticky {
  height: auto;
}*/
header.sticky.active-nav {
  height: 100vh;
  width: 100%;
  background: #fff;
  transition: 0.3s all ease-in;
  -webkit-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
}

header .header--opened {
  height: 0px;
  padding: 0;
}

header.sticky.active-nav .header--opened,
header.active-nav .header--opened {
  /*  padding:4em 0em;*/
}

header .nav-opened {
  padding-top: 4em;
}

header .sticky.active-nav {
  height: auto;
}

/*header.sticky .header-main--nav ul li a,
header.sticky .header-main--nav .hamburger-menu--label p {
  color:#00406e;
}*/
/*header.sticky .header--top__display .white-logo {
  display:none;
}
header.sticky .header--top__display .dark-logo {
  display:block;
}*/

/* Slider Hero */


section.hero-banner {
  position: relative;
  padding-top: 0em !important;
  margin-bottom: 4em;
}

section.hero-banner .slider-bottom--overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,002642+72&0+0,1+86 */
  background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 38, 66, 0.84) 80%, rgba(0, 38, 66, 1) 90%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 38, 66, 0.84) 80%, rgba(0, 38, 66, 1) 90%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 38, 66, 0.84) 80%, rgba(0, 38, 66, 1) 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#002642', GradientType=0);
  /* IE6-9 */

}

section.hero-banner .hero-banner--each {
  height: 100vh;
  position: relative;
  background: #022947;
}

section.hero-banner .hero-banner--each .hero-banner--overlay__top {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: bottom;
}

section.hero-banner .hero-banner--each .hero-banner--overlay-inner__bottom {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

section.hero-banner .hero-banner--each .hero-banner--overlay-inner__bottom svg {
  width: 100%;
}

section.hero-banner .hero-banner--each .hero-banner--overlay__top img {
  width: 100%;
  height: 100%;
}

section.hero-banner .hero-banner--each .hero-banner--each__content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-bottom: 25vh;
  height: 100%;
  position: relative;
}

section.hero-banner .hero-banner--each h1,
section.hero-banner .hero-banner--each h2 {
  color: #fff;
  margin: 0px;

}

section.hero-banner .hero-banner--each h1 {}

section.hero-banner .hero-banner--each h2 {
  letter-spacing: 0.15em;
}

section.hero-banner .hero-banner--each .hero-banner--title h1 {
  font-size: 4.5em;
  line-height: 1.3em;
  font-weight: 600;
}

section.hero-banner .hero-banner--each .hero-banner--title h1 span {
  font-weight: 600;
}

section.hero-banner .hero-banner--each .hero-banner--sub-title h2 {
  font-size: 1.7em;
  font-weight: 600;
}

section.hero-banner .hero-banner--sub-title {
  padding-bottom: 1em;
}

section.hero-banner .hero-banner--each__wrapper {
  max-width: 1000px !important;
}

section.hero-banner .slick-dots {
  bottom: 6em;
}

section.hero-banner .slick-dots li button:before {
  display: none;
}

section.hero-banner .slick-dots li {
  width: 35px;
  height: 5px;
  margin: 0 10px;
  padding: 0px;
  background: #fff;
  border-radius: 10px;
}

section.hero-banner .slick-dots li:before {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 0%;
  border-radius: 10px;
}

section.hero-banner .slick-dots li.slick-active:before {
  background: #32cbff;
  width: 100%;
  transition: width 5s;
  -webkit-transition: width 5s;
  -ms-transition: width 5s;
}

section.hero-banner .slick-dots li.slick-active:before {}

section.hero-banner .slick-dots li button {
  /*background: #fff;
    height: 100%;
    width: 100%;
    padding: 0px;
    border-radius: 10px;
    position: relative; */
}

section.hero-banner .slick-dots li button:before {}

section.hero-banner .slick-dots {
  display: flex;
  flex-wrap: wrap;

}

.arrow--slider {
  position: absolute;
  bottom: 0;
}

.arrow--slider__inner {
  position: relative;
  pointer-events: none;
}

.arrow--slider__inner .arrow--slider__icon {
  position: absolute;
  right: 0;
  bottom: 10em;
  pointer-events: all;

}

.arrow--slider__inner .arrow--slider__icon a:hover circle,
.slider--arrows__icon:hover circle,
.items-accordion--icon:hover circle {
  stroke: #2db9ea;
  fill: #2db9ea;

}

.arrow--slider__inner .arrow--slider__icon a:hover path,
.slider--arrows__icon:hover path,
.items-accordion--icon:hover path {
  stroke: #fff;

}

.arrow--slider__icon {
  width: 35px;
  cursor: pointer;
}

.arrow--slider__icon svg {
  width: 100%;
}

section.privacy-page {
  background: rgb(0, 38, 66);
  background: linear-gradient(0deg, rgba(0, 38, 66, 1) 0%, rgba(0, 64, 110, 1) 50%, rgba(0, 38, 66, 1) 100%);
  color: #fff;
  padding: 18em 0 6em;
}

section.privacy-page .hero-banner--title h1 {
  font-size: 4.5em;
  line-height: 1.3em;
  font-weight: 600;
}

section.privacy-page .hero-banner--sub-title h2 {
  font-size: 1.7em;
  font-weight: 600;
  letter-spacing: 0.15em;
  margin: 0;
}

section.privacy-page .hero-banner--sub-title {
  padding-bottom: 1em;
}

section.privacy-page h4 {
  color: #32cbff;
  font-size: 1.3em;
  letter-spacing: 0;
}

section.privacy-page ol {
  padding-left: 25px;
  color: #32cbff;
  font-size: 1.1em;
  letter-spacing: 0;
  font-weight: 700 !important;
  margin: 40px 0;
  font-family: var(--font-grotesk);
}

section.privacy-page ol li {
  padding: 5px 0;
}

/* Sections */


.slick-active:focus {
  outline: unset;
}

.section-pad-top-0 {
  padding-top: 0px !important;
}

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

.button--wrapper a {
  display: inline-block;
  /*padding: 8px 35px;*/
  padding: 10px 50px;
  border-radius: 100px;
  color: #32CBFF;
  border: 2px solid #32CBFF;
  font-weight: 600;
}

.button--wrapper a:hover {
  opacity: 0.8;
}

.logos--section .button--wrapper a {

  border-color: transparent;
}

.logos--section .pageTitle--title h2 {
  color: #00406E;
}

.logos--section .pageTitle--title {
  padding-bottom: 4em;
}

.button--wrapper.blue-bg a {
  background: #32CBFF;
  color: #00406E;
}

.button--wrapper.border-blue-only a {
  border: 2px solid #32CBFF;
  background: transparent;
}

.light-blue-bg-dark-blue-text a {
  color: #00406e;
  background: #32CBFF;
}

.white-bg {
  background: #fff;
}

.extra-padding {
  padding: 10em 0em !important;
}

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

.padding-bottom-0 {
  padding-bottom: 0em !important;
}

.padding-top-2em {
  padding-top: 2em !important;
}

section.section {
  padding: 4em 0em;
}

section.page--sections {
  padding: 300px 0px;
  position: relative;
}

.pad-bot-100 {
  padding-bottom: 170px !important;
}

.pad-bot-70 {
  padding-bottom: 100px !important;
}

.padding-bottom-200px {
  padding-bottom: 20px !important;
  margin-bottom: -1px;
}

section.page--sections.section-white--background {
  background: #f7f9fb;
}

section#map--output {
  padding: 130px 0px;
}

section.page--sections.section-white--background p {
  color: #383E43;
}

.row.center--row {
  justify-content: center;
}

section.page-title--section {
  text-align: center;
}

section.oil-gas {
  padding-top: 0;
  margin-top: -60px;
}

section.page-title--section .pageTitle--sub h3 {
  color: #32cbff;
  margin: 0px;
  font-size: 15px;
  line-height: 32px;
  font-weight: 700;
}

section.page-title--section h2 {
  font-weight: 600;
  font-size: 3.3em;
  line-height: 1.2em;
}

section.page-title--section h2 span {
  font-weight: 600;
}

section.page-title--section h2,
section.page-title--section p {
  color: #fff;
  margin: 0px;
}

section.page-title--section p {
  margin-bottom: 20px;
}

section.page-title--section .pageTitle--sub {
  padding-bottom: 1em
}

section.page-title--section .pageTitle--caption {
  padding-top: 2em;
}

section.page-title--section .pageTitle--caption p {
  font-size: 18px;
  line-height: 1.6em;
}

section.page-title--section .pageTitle--main {
  max-width: 850px;
  margin: auto;
}


section.blurb--section.blurb-no-caption .blurb--inner {
  text-align: center;
  margin-bottom: 4em;
}

section.blurb--section.blurb-no-caption .blurb--inner .blurb--text p {
  margin: 0px;
  color: #F7F9FB;
  font-size: 17px;
}

section.blurb--section.blurb-no-caption .blurb--inner .blurb--icon {
  margin: auto;
}

section.blurb--section.blurb-no-caption .blurb--inner .blurb--text {
  margin-top: 2em;
}

section.applications-industries-blurb .blurb--text p {
  color: #32CBFF !important;
  font-weight: 700;
}

section.section.logos--section .logo--each__inner {
  min-height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em 2em;
  height: 100%;
}

.top-globe {
  background-image: url('http://chematek.com/wp-content/uploads/2021/10/local-planet.png');
  background-size: cover;
  background-position: top;
  padding-top: 36em !important;
  margin-top: -59vh;
}

section.section.logos--section .button--wrapper {
  margin-top: 4em;
}

section.section.logos--section .logo--cols {
  position: relative;
  border-right: 2px solid #e5f9ff;
}

section.section.logos--section .logo--cols:first-child {
  border-right: 2px solid #e5f9ff;
  border-left: 2px solid #e5f9ff;
}

.col-5-blurb {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.title--button-type__top {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -3em;
}

.title--button-type__top p {
  background: #32CBFF;
  display: inline-block;
  padding: 15px 50px;
  border-radius: 100px;
  color: #00406E;
}

.content-slider--wrapper .content-slider--sub-title h4,
.content-slider--wrapper .content-slider--title h2 {
  margin: 0px;
  color: #fff;
}

.content-slider--wrapper .content-slider--sub-title h4 {
  color: #32cbff;
  margin: 0px;
  font-size: 16px;

}

.content-slider--wrapper .content-slider--sub-title {
  padding-bottom: 15px;
}

.content-slider--wrapper .content-slider--title h2 {
  font-weight: 700;
  font-size: 3.1em;
}

.content-slider--wrapper {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
}

.content-slider--wrapper .content-slider--text {
  position: relative;
  z-index: 1;
  padding-bottom: 5em;
}

.content-slider--wrapper .content-slider--gallery {}

.content-left-slider-right .content-slider--wrapper .content-slider--text {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

.content-left-slider-right .content-slider--wrapper .content-slider--gallery {
  margin-left: -5%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.content-right-slider-left .content-slider--wrapper .content-slider--text {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  order: 2;
}

.content-right-slider-left .content-slider--wrapper .content-slider--gallery {
  order: 1;
  margin-right: -5%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.content-right-slider-left .content-slider--wrapper .content-slider--gallery .content-single--image {
  position: relative;
}

.content-right-slider-left .content-slider--wrapper .content-slider--gallery .content-single--image .content-single--image__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002642', endColorstr='#007db9e8', GradientType=0);
  background-position: 0px -50px;
}

.content-right-slider-left .content-slider--wrapper .content-slider--text {
  padding-left: 7%;
}

.content-right-slider-left .content-slider--wrapper .content-slider--title {
  width: 140%;
  margin-left: -40%;
}

.content-left-slider-right .content-slider--wrapper .content-slider--title {
  width: 140%;
  margin-right: -40%;
}

.content-left-slider-right .content-slider--wrapper .content-slider--text {
  padding-right: 7%;
}

.container__ {
  position: relative;
}

.content-slider--wrapper .gallery--image__each a,
.content-slider--wrapper .gallery--image__each img {
  width: 100%;
}

.content-slider--wrapper .slider--arrows {
  position: absolute;
  bottom: 5px;
}

.content-slider--wrapper .slider--arrows .slider--arrows__icon {
  width: 35px;
  cursor: pointer;
}

.content-slider--wrapper .slider--arrows .slider--arrows__inner {
  display: flex;
  display: -ms-flex;
}

.content-slider--wrapper .slider--arrows .slider--arrows__icon.slider--arrows__right {
  margin-left: 15px;
}

.content-slider--wrapper .slider--arrows .slider--arrows__icon svg {
  width: 100%;
}


.slider--arrows {
  position: absolute;
  bottom: 5px;
}

.slider--arrows .slider--arrows__icon {
  width: 35px;
  cursor: pointer;
}

.slider--arrows .slider--arrows__inner {
  display: flex;
  display: -ms-flex;
}

.slider--arrows .slider--arrows__icon.slider--arrows__right {
  margin-left: 15px;
}

.slider--arrows .slider--arrows__icon svg {
  width: 100%;
}


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

.content-slider--wrapper .content-slider--content p {
  margin: 0px;
  line-height: 1.5em;
  color: #F7F9FB;
  font-size: 14px;
  margin-bottom: 20px;
}

.content-slider--wrapper .content-slider--content {
  padding-top: 3em;
}

.content-slider--button.button--wrapper {
  padding-top: 1em;
}

.content-right-slider-left .content-slider--button.button--wrapper {
  text-align: left;
}

.content-left-slider-right .content-slider--button.button--wrapper {
  text-align: left;
}

.sub-title--main h4,
.title--main h2 {
  margin: 0px;
}

.sub-title--main {
  padding-bottom: 5px;
}

.sub-title--main h4 {
  color: #32cbff;
  margin: 0px;
  font-size: 15px;
  line-height: 32px;
  font-weight: 700;
}

.title--main {
  padding-bottom: 10px;
}

.title--main h2 {
  font-weight: 600;
  font-size: 3.3em;
  color: #fff;
}

.caption--main p {
  color: #fff;
  font-size: 18px;
  margin: 0px;
  line-height: 1.6em;
}

section.page--sections.section-white--background .content-slider--title h2 {
  color: #00406E;
}


.content-with-image--main {
  position: relative;
}

.content-with-image--main .content-slider--wrapper {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.content-with-image--main .content-slider--wrapper.active {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.multi-content-with-image .content-slider--gallery {
  position: relative;
}

.multi-content-with-image .content-slider--gallery .slider--preloader {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.multi-content-with-image .content-slider--gallery .slider--preloader.active {
  opacity: 1;
  visibility: visible;
}

.relative__ {
  position: relative;
}

.slider-contents--multiple {
  position: relative;
}


section.section.large-cta-section {
  padding-top: 0em;
  height: 100vh;
  background-size: cover;
  background-position: center;
  padding-bottom: 0em;
}

.page-overlay--top {
  position: absolute;
  width: 100%;
  top: 0;
}

section.section.large-cta-section .large-cta--main__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
}

section.section.large-cta-section .large-cta--main__wrapper .large-cta-wrapper {
  max-width: 700px;
  margin: auto;
}

section.section.large-cta-section .large-cta--main__wrapper .title--main {
  padding-top: 16px;
}

section.section.large-cta-section .title--main h2 {
  font-weight: 600;
  font-size: 3.3em;
  line-height: 1.2em;

}

section.section.large-cta-section.title--latter-spacing .title--main h2 {
  letter-spacing: 0.15em;
}

section.section.large-cta-section .button--wrapper {
  margin-top: 2em;
}

.content-slider--section__select {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 2.5em;
}

.content-slider--section__select .content--select__title p {
  margin: 0px;
  color: #32cbff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

section.section.large-cta-section .page-overlay--top {
  position: absolute;
  height: 100%;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002642+28,7db9e8+100&1+14,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002642', endColorstr='#007db9e8', GradientType=0);
  /* IE6-9 */
}

section.blurb-with-title-section .row-2 {
  padding-top: 4em;
}

section.blurb-with-title-section .bwt--wrapper {
  padding-bottom: 6em;
  padding-right: 2em;
}

.bwt--wrapper .bwt--icon {
  padding-bottom: 25px;
  max-width: 40px;
}

.bwt--wrapper .bwt--icon {
  height: 68px;
}

.blurb-with-repeat-text .bwt--wrapper .bwt--icon {
  height: auto;
}

.bwt--wrapper .bwt--title {
  padding-bottom: 15px;
}

.bwt--wrapper .bwt--title h4,
.bwt--wrapper__inner-title h4 {
  margin: 0px;
  color: #32cbff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.bwt--wrapper .bwt-caption p,
.bwt--wrapper__inner-content a,
.bwt--wrapper__inner-content p {
  margin: 0px;
  line-height: 1.5em;
  /*color:#A6ADB3;*/
  color: #fff;
  font-size: 15px;
  margin-bottom: 15px;
}


.content--sub-title h4 {
  color: #32cbff;
  margin: 0px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.15em;
  line-height: 1.4em;
}

.content--title h2 {
  color: #fff;
  font-weight: 600;
  font-size: 3.3em;
  margin: 0px;
  line-height: 1.2em;
}

div#gform_confirmation_message_2 {
  color: #fff;
  font-size: 2.5em;
  padding: 1em;
  line-height: 1.3;
  border-radius: 14px;
  font-weight: 600;
  border: 2px solid #34cbff;
}

div#gform_confirmation_message_1 {
  color: #00406e;
  font-size: 2.5em;
  padding: 1em;
  line-height: 1.3;
  border-radius: 14px;
  font-weight: 600;
  border: 2px solid #34cbff;
}

div#gform_confirmation_message_3 {
  color: #00406e;
  font-size: 1.4em;
  padding: .8em;
  line-height: 1.3;
  border-radius: 14px;
  font-weight: 600;
  border: 2px solid #34cbff;
}

.content--title h2 span {
  font-weight: 600;
}

.section-white--background .content--title h2 {
  color: #00406E;
}

.content--content p {
  margin: 0px;
  line-height: 1.7em;
  color: #F7F9FB;
  font-size: 15px;
  margin-bottom: 2em;
}

.content--sub-title {
  padding-bottom: 2em;
}

.content--content {
  padding-top: 2.5em;
}

.quote-section .quote--wrapper {
  text-align: center;
  max-width: 1000px;
  margin: auto;
}

.quote-section .quote-message p {
  font-size: 22px;
  line-height: 1.6em;
}

.quote-section .quote-name p {
  font-size: 15px;
  color: #32CBFF;
}


/* Footer */
body #cookie-law-info-bar {
  box-shadow: 0 -1px 10px 0 rgb(6 6 6 / 30%);
  border-radius: 20px;
}

#cookie-law-info-bar {
  z-index: 999999 !important;
}

.cli-style-v2 .cli-bar-btn_container .cli_action_button {
  margin-left: 0 !important;
}

footer {
  padding: 8em 0 4em;
  position: relative;
}

footer .footer-logo {
  max-width: 180px;
}

footer .footer-logo a,
footer .footer-logo img {
  width: 100%;
  display: inline-block;
}

footer .footer-nav ul {
  display: block;
  padding: 0px;
  margin: 0px;
}

footer .footer-nav ul li {
  float: left;
  width: 33.333%;
  list-style-type: none;
}

footer .footer-nav ul li ul {
  display: block;
  padding-right: 10px;
}

footer .footer-nav ul li {
  margin-bottom: 8px;
}

footer .footer-nav ul li li {
  margin-bottom: 0px;
}

footer .footer-nav ul li ul li {
  float: unset;
  width: 100%;
  margin-bottom: 12px;
}

footer .footer-nav ul li ul ul {
  padding-bottom: 5px;
}

footer .footer-nav a {
  padding-bottom: 8px;
}

footer .footer-nav li li a {
  padding-bottom: 10px;
}

footer .footer-nav li li li a {
  padding-bottom: 0px;
}

footer .footer-nav .hide-item__ a {
  display: none;
}

footer .footer-nav .hide-item__ li a {
  display: block;
}

footer .footer-nav li a {
  font-size: 16px;
  color: #00406E !important;
  font-weight: 700;
  line-height: 1.3em;
}

footer .footer-nav li li a {
  color: #32CBFF !important;
}

footer .footer-nav li.to-capital>a {
  text-transform: uppercase;
}

footer .footer-nav li.to-capital li>a {
  text-transform: none;
}

footer .footer-nav li li a {
  font-size: 15px;
  font-weight: 600;
  color: #32CBFF;
}

footer .footer-nav li li li a {
  font-size: 15px;
  font-weight: 400;
  color: #18242A !important;
}

footer .green-color a {
  color: #48A300 !important;
}

footer .green-color li a {
  color: #32CBFF !important;
}

footer .green-color li li a {
  color: #48A300 !important;
}

footer .company-info {
  margin-bottom: 25px;
}

footer .company-info a,
footer .company-info span,
footer .company-info p {
  color: #A6ADB3;
  margin: 0px;
  line-height: 1.4em;
}

footer .company-info br {
  display: block;
  margin: 0px;
  height: 0px;
}

.company-social {
  padding-right: 1em;
}

.company-social ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  display: -ms-flex;
}

.company-social ul li {
  list-style-type: none;
  padding-right: 10px;
  padding-bottom: 10px;
}

.company-social ul li i {
  color: #fff;
}

.company-social ul li .social-icon--wrapper {
  background: #A6ADB3;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  transition: .2s;
  justify-content: center;
}

.company-social ul li .social-icon--wrapper:hover {
  background: #63d4ff;
}

.company-social ul li .social-icon--wrapper a {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.company-social ul li .social-icon--wrapper i {
  font-size: 20px;
  margin-bottom: 0px;
}

footer .company-info--block {
  padding-bottom: 16px;
}

.contact-form--wrapper label {
  display: none !important;
}

.contact-form--wrapper input,
.contact-form--wrapper textarea {
  width: 100% !important;
  border: 0px solid;
  padding: 13px 10px !important;
  text-indent: 5px;
}

.contact-form--wrapper ul {
  display: flex !important;
  flex-wrap: wrap !important;
  display: -webkit-flex !important;
}

.contact-form--wrapper ul li {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.contact-form--wrapper ul li.gfield {
  margin-top: 0px !important;
  margin-bottom: 16px !important;
  padding-right: 0px !important;
}

.contact-form--wrapper #field_1_2,
.contact-form--wrapper #field_1_4,
.contact-form--wrapper #field_5_4,
.contact-form--wrapper #field_5_2,
.contact-form--wrapper #field_6_4,
.contact-form--wrapper #field_6_2,
.contact-form--wrapper #field_8_2,
.contact-form--wrapper #field_8_4 {
  padding-right: 16px !important;
}

.contact-form--wrapper ul li .ginput_container {
  margin-top: 0px !important;
  margin-bottom: 8px;
}

.contact-form--wrapper ul li#field_1_7,
.contact-form--wrapper ul li#field_1_8,
.contact-form--wrapper ul li#field_5_8,
.contact-form--wrapper ul li#field_6_8,
.contact-form--wrapper ul li#field_5_7,
.contact-form--wrapper ul li#field_6_7,
.contact-form--wrapper ul li#field_8_7,
.contact-form--wrapper ul li#field_8_8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.contact-form--wrapper .gform_footer {
  padding-top: 0px;
  margin-top: 0px;
  text-align: right;
}

.contact-form--wrapper .gform_footer input[type="submit"] {
  display: inline-block;
  padding: 10px 50px !important;
  border-radius: 100px;
  color: #32CBFF;
  letter-spacing: 1px;
  border: 2px solid #002642;
  background: #002642;
  width: auto !important;
  margin-right: 0px;
  letter-spacing: 0;
  font-weight: 600;
}

.contact-form--wrapper .gform_footer input[type="submit"]:hover {
  color: #002642;
  border: 2px solid #32CBFF;
  background: #32CBFF;
}

.contact-form--wrapper input:focus,
.contact-form--wrapper textarea:focus {
  outline: unset !important;
}

.contact-form--content {
  position: relative;
}

.contact-form--content .icon-contact--wrapper {
  width: 35px;
  position: absolute;
  top: -60px;
  /*  -webkit-animation:spin 2.5s linear infinite;
    -moz-animation:spin 2.5s linear infinite;
    animation:spin 2.5s linear infinite;*/
}

.contact-form--content .icon-contact--wrapper svg {
  width: 100%;
}

.block--last-footer {
  display: flex;
  display: -ms-flex;
}

.block--last-footer .company-social {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

.block--last-footer .company-info {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

footer .company-social ul {
  justify-content: center;
}

.content--select__option {
  display: block;
  position: relative;
  color: #fff;
  border-color: #32CBFF;
}

.content--select__option select {
  display: none;
}

.content--select__option .select-selected {
  background-color: transparent;
  border: 1px solid #fff;
  position: relative;
  width: 100%;
  padding: 10px 10px;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 0px;
  color: #fff;
  border-color: #32CBFF !important;
  cursor: pointer;
  position: relative;
}

.content--select__option .select-selected.select-arrow-active:before {
  transform: rotate(-135deg);
}

.content--select__option .select-selected.select-arrow-active:after {
  transform: rotate(135deg);
}

.content--select__option .select-selected.select-arrow-active {
  border-bottom: 0px;
}

.content--select__option .select-items {
  position: absolute;
  background: #002642;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border: 1px solid #32CBFF;
  border-top: 0px;
}

.content--select__option .select-items div {
  color: #ffffff;
  padding: 8px 16px;
  cursor: pointer;
}

.content--select__option .select-hide {
  display: none;
}

.content--select__box .content--select__title {
  padding-bottom: 5px;
}


.select-division .select-division--selected:before {
  content: "";
  height: 13px;
  width: 2px;
  background: #32cbff;
  position: absolute;
  right: 30px;
  top: 20px;
  transform: rotate(-45deg);
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.select-division .select-division--selected:after {
  content: "";
  height: 13px;
  width: 2px;
  background: #32cbff;
  position: absolute;
  right: 22px;
  top: 20px;
  transform: rotate(45deg);
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.content-slider--section__select {
  position: relative;
  z-index: 2;
}

.select-division.active .select-division--selected:before {
  transform: rotate(-135deg);
}

.select-division.active .select-division--selected:after {
  transform: rotate(135deg);
}

.select-division {
  cursor: pointer;
}

.select-division p {
  margin: 0px;
}

.select-division.active .select-division--selected {
  border-bottom: 1px solid transparent;
}

.select-division.active .select-division--selection {
  border-top: 0px solid;
}

.select-division .select-division--selected {
  padding: 10px 20px 10px 10px;
  border: 1px solid #32CBFF;
}

.select-division .select-division--selection {
  padding: 0px 20px 10px 10px;
  border: 1px solid #32CBFF;
  position: absolute;
  border: 1px solid #32CBFF;
  background: #002642;
  width: 100%;
  border-top: 0px;
  top: 41px;
}

.select-division .select-division--selection {
  display: none;
}

.select-division.active .select-division--selection {
  display: block !important;
}

.color-white-text p {
  color: #fff;
}

.two-columns-section .two-columns--content__title {
  max-width: 400px;
}

.content--richtext p {
  margin: 0px;
  line-height: 1.8em;
  color: #F7F9FB;
  font-size: 15px;
  margin-bottom: 15px;
}
.aus-case-studies-template-default .content--richtext p {
  color: #333;
}

.testimonial--rich-text {
  max-width: 400px;
}

.testimonial--rich-text p {
  font-size: 22px;
  margin: 0px;
  margin-bottom: 15px;
  line-height: 1.6em;
}

.testimonial--wrapper .testimonial--client p {
  margin: 0px;
  color: #32cbff;
  font-size: 14px;
  line-height: 1.6em;
}

/*.content--richtext p {
    margin: 0px;
    line-height: 1.5em;
    color: #F7F9FB;
    font-size: 14px;
    margin-bottom: 20px;
}*/
.two-columns--content__wrapper .two-columns--content__richt-text {
  padding-top: 50px;
}

.two-columns-with-testimonial-section .button--inner {
  text-align: left;
}

.two-columns-with-testimonial-section .content-slider--button.button--wrapper {
  padding-top: 1.5em;
}

.two-columns-with-testimonial-section .button-main--wrapper {
  padding-top: 1em;
}

.testimonial--arrows {}

.testimonial--arrows .testimonial--arrows__inner {
  display: flex;
  display: -ms-flex;
}

.testimonial--arrows .testimonial--arrows__icon {
  width: 35px;
  cursor: pointer;
}

.testimonial--arrows .testimonial--arrows__icon.testimonial--arrows__right {
  margin-left: 15px;
}

.testimonial--arrows .testimonial--arrows__icon svg {
  width: 100%;
}

.testimonial--arrows {
  padding-top: 1em;
}

.testimonial-gallery--slider {
  margin-top: 4em;
}

.custom-table tr td {
  border: 1px solid #32CBFF;
  padding: 20px;
  text-align: center;
}

.custom-table tr td p {
  margin: 0px;
}

.content--richtext {
  padding-top: 2em;
}

.adjusted--title {
  padding-bottom: 6em !important;
}

.adjusted--title .pageTitle--main {
  max-width: 1000px !important;
}

.adjusted--title .pageTitle--caption {
  max-width: 655px;
  margin: auto;
}

.adjusted--title .pageTitle--caption p {
  font-size: 15px !important;
  line-height: 1.7em !important;
}

.adjusted--title .pageTitle--main h2 {
  font-size: 2.5em !important;
}

.adjusted--title-2 .pageTitle--main {
  max-width: 900px !important;
}

.adjusted--title-2 .pageTitle--title h2 {
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.4em;
}

.adjusted--title-2 .pageTitle--caption p {
  font-size: 16px !important;
  color: #32CBFF;
}

.right-content-multiple-only-section .multiple--content-texts {
  padding-bottom: 1em;
}

.multiple--content-texts .multiple--content-title h4 {
  margin: 0px;
  font-size: 18px;
  letter-spacing: 0.15em;
  font-weight: 600;
  color: #32cbff;
  line-height: 1.5em;
}

.background-white {
  background: #f7f9fb;
}

.blurb-image-top--title {
  padding-bottom: 2em;
  text-align: center;
  max-width: 900px;
  margin: auto;
}

.blurb-image-top--title h2 {
  margin: 0px;
  font-size: 3.3em !important;
  font-weight: 600;
}

.blurb-image-top--img {
  text-align: center;
}

.blurb-image-top--img img {
  width: 100%;
}

.padd-bottom-30-em {
  padding-bottom: 34em !important;
}

.what-type-person .container {
  margin-top: -33em;
}

.blurb-image-top--title h2 {
  color: #fff !important;
}

.blurb-image-bot--content p {
  color: #383E43;
  line-height: 1.4em;
  margin: 0px;
  margin-bottom: 15px;
}

.blurb-image-mid-icon {
  text-align: center;
}

.blurb-image-mid-text {
  text-align: center;
  padding-top: 5px;
  max-width: 220px;
  margin: auto;
}

.blurb-image-mid-text p {
  margin: 0px;
  color: #00406E;
  font-weight: 700;
  line-height: 1.4em;
}

.blurb-image-mid-wrapper {
  padding: 3em 0em;
  max-width: 220px;
  margin: auto;
}

.blurb-image-bot--content {
  max-width: 600px;
  margin: auto;
  padding-top: 3em;
}

.blurb-image-bot--button {
  padding-top: 2em;
}

.multiple--content-richtext {
  padding-top: 1em;
}

.multiple--content-richtext p {
  line-height: 1.7em;
  margin: 0px;
  margin-bottom: 15px;
}

.large-p p {
  font-size: 18px;
  line-height: 1.8em;
}

.bg-contain .content--slider__images-each {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}


.blir--title {}

.blir--title h2 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 2.9em;
  margin: 0px;
}

.blir--title h2 span {
  font-weight: 600;
}

.blir--each__content p {
  margin: 0px;
  line-height: 1.5em;
  color: #F7F9FB;
  font-size: 15px;
  margin-bottom: 15px;
  color: #32CBFF;
  letter-spacing: 0.15em;
}

.blir--each__wrapper {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding-top: 4em;
}

.blir--each__wrapper .blir--each {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-bottom: 2em;
}

.blir--each__wrapper {
  max-width: 600px;
}

.blir--each__wrapper .blir--each {
  padding-right: 1em;
}

.blir--each__content {
  max-width: 210px;
}

.blir--each__icon {
  padding-bottom: 10px;
}

.blir--image {
  max-width: 550px;
  margin: auto;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  height: 100%;
}


.dirtywhite--bg-sec h2,
.dirtywhite--bg-sec p {
  color: #00406E !important;
}

.dirtywhite--bg-sec {
  background: #F7F9FB;
}

.large-width--title .pageTitle--main {
  max-width: 1000px !important;
}

.large-width--title .pageTitle--caption {
  max-width: 628px;
  margin: auto;
}

/* ==================== LOADER ========================*/


@keyframes movePreload {
  0% {
    /*transform: translateY(0vh);*/
    margin-top: 0vh;
  }

  10% {
    /*transform: translateY(-10vh);*/
    margin-top: -10vh;
  }

  100% {
    /*transform: translateY(-200vh);*/
    margin-top: -200vh;
  }
}

/* ==================== BANNER ========================*/


/* ==================== PIINING ========================*/


/* ==================== CONTENTS ========================*/


/* Pagination */


/* ==================== GALLERY ========================*/


/* ==================== ISOTOPE ========================*/


/* ==================== FOOTER ========================*/


/**
* MEDIA SETTINGS
*/

@media screen and (max-width:1680px) {
  section.hero-banner .slider-bottom--overlay {
    background-position: 0% 70%;
  }
}

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

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

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


@media screen and (min-width:992px) {

  section.hero-banner .slick-dots,
  .arrow--slider {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 960px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .synhydrid-eni .top--icons__,
  .synhydrid-eni .content--content,
  .synhydrid-eni .content-slider--button.button--wrapper,
  .synhydrid-eni .content--title {
    margin-left: 100px;
  }
}

@media screen and (min-width:1200px) {

  .container,
  section.hero-banner .slick-dots,
  .arrow--slider,
  .arrow--slider__inner {
    max-width: 1430px;
  }
}

@media screen and (min-width:1080px) {

  .container,
  section.hero-banner .slick-dots,
  .arrow--slider,
  .arrow--slider__inner {
    padding-left: 70px;
    padding-right: 70px;
  }

}

@media screen and (min-width: 1024px) {
  .content-slider--section.no--overlap .col--first {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }

  .content-slider--section.no--overlap .col--second {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  section.logos--section.extra-padding {
    padding: 13em 0em !important;
  }

  .col-1-md {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .col-2-md {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }

  /*  header .col-md-12,
  .appended--header .col-md-12 {
    padding-left:0px;
    padding-right: 0px;
  }*/
}

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

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

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

@media screen and (min-width: 981px) {}

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

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

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

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

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

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

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




.slider--container__main {
  position: relative;
}

.slider--container__main .content--slider__data {}

.slider--container__main .content--slider__wrapper {
  position: absolute;
  z-index: 1;
  width: 400px;
  height: 100%;
  z-index: 2;
}

.content--slider__images .content--slider__images-each {
  width: 100%;
  height: 450px;

  margin-right: 30px;
  counter-increment: gallery-cell;
  background-size: cover;
  background-position: center;
}

.map--image .content--slider__images .content--slider__images-each {
  height: 500px;
}

.content--slider__images-wrapper:focus {
  outline: unset;
}

.flickity-button,
.flickity-page-dots {
  display: none;
}

.content--slider__data .content-slider--text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slider--container__main .slider--arrows {
  bottom: 0em;
}

section.content-left-slider-right .slider--arrows {
  justify-content: flex-start !important;
}

.box-cover {
  position: absolute;
  height: 100%;
  z-index: 1;
  width: 200%;
  transform-origin: right;
  right: 0;
  transform: translateX(-40.6%);
}

.slider--container__main .content--sub-title,
.slider--container__main .content--title,
.slider--container__main .content--content,
.slider--container__main .content-slider--button {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 9;
  position: relative;

}

.slider--container__main .content--title {
  width: 120%;
}

.slider--container__main .content-slider--text.active .content--sub-title,
.slider--container__main .content-slider--text.active .content--title,
.slider--container__main .content-slider--text.active .content--content,
.slider--container__main .content-slider--text.active .content-slider--button {
  animation: fade-in-up-sm 1100ms;
  visibility: visible;
  opacity: 1;
}

.content--slider__ {
  position: relative;

}

.content--slider__ .slider--preloader {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.content--slider__ .slider--preloader__wrapper {
  max-width: 55px;
  margin: auto;
}

.remove_display {
  opacity: 0;
  visibility: visible;
}

.slider--container__main .content--slider__data .content-slider--text {
  pointer-events: none;
}

.slider--container__main .content--sub-title,
.slider--container__main .content--title,
.slider--container__main .content--content,
.slider--container__main .content-slider--button {
  pointer-events: all;
}

.single--body {
  background: #002642;
}

.single--bottom-text .custom-table {
  margin-bottom: 0em;
}

.custom-table--wrapper {
  margin-bottom: 4em;
}

section.content-right-slider-left .content--slider__wrapper {
  right: 0;
}

section.content-right-slider-left .box-cover {
  transform-origin: left;
  right: 0;
  transform: translateX(87%);
}

section.content-slider--section .content--slider__wrapper .content--slider__data {
  width: 130%;
}

section.content-slider--section .content--sub-title,
section.content-slider--section .content--content {
  max-width: 260px;
}

section.content-slider--section.content-right-slider-left .content--slider__data {
  width: 130%;
}

section.content-slider--section.content-right-slider-left .content--sub-title {
  max-width: 300px;
  margin-left: auto;
}

section.content-slider--section.content-right-slider-left .content--content,
.content-right-slider-left .content-slider--button.button--wrapper {
  max-width: 300px;
  margin-left: auto;
}

.content-slider--section.no--overlap .content-slider--button.button--wrapper,
.content-no-overlap .multi-bt .content-slider--button.button--wrapper {
  margin-left: unset;
}

section.content-slider--section .content--content ul {
  padding-left: 0px;
  margin-bottom: 0px;
}

section.content-slider--section .content--content li {
  margin: 0px;
  line-height: 1.5em;
  color: #F7F9FB;
  font-size: 15px;
  margin-bottom: 1em;
}

section.content-slider--section.content-right-slider-left .top--icons__ {
  max-width: 300px;
  margin-left: auto;
}

section.content-slider--section.content-right-slider-left .slider--arrows {
  /*  right:0;*/
  justify-content: flex-start !important;
  display: flex;
  max-width: 300px;
  margin-left: auto;
  margin-left: 100px;
}

section.content-slider--section.content-right-slider-left .content--title {
  padding-left: 0px;
}

.content--slider__images-wrapper {
  transform: translateX(9.5%);
}

.content--slider__images .content--slider__images-each {
  max-width: 80%;
}

section.content-right-slider-left .content--slider__images-wrapper {
  transform: translateX(-12%);
}

section.content-right-slider-left .content--slider__images .content--slider__images-each {
  max-width: 72%;
}

.top--icons__ ul {
  display: flex;
  display: -webkit-flex;
  padding-left: 0px;
  margin-bottom: 0px;
}

.top--icons__ ul p {
  margin: 0px;
}

.top--icons__ ul li {
  list-style-type: none;
  margin-right: 15px;
  padding-bottom: 15px;
}

.top--icons__ .top--icon-item {
  max-width: 35px;
  margin: auto;
  position: relative;
  cursor: pointer;
}

.top--icons__ .top--icon-item svg,
.top--icons__ .top--icon-item img {
  width: 100%;
}

.center--blurb .row.row-2 {
  justify-content: center;
  text-align: center;
}

.center--blurb .bwt--wrapper .bwt--icon {
  margin: auto;
}

.center--blurb .title--main {
  text-align: center;
}

.top--icons__ .top--icon-item svg path {
  fill: #2db9ea;
}

.top--icons__ .top--icon-item svg circle {
  fill: transparent;
  stroke: #2db9ea;
}

.top--icons__ .top--icon-item.active svg path {
  fill: rgb(0, 77, 132);
}

.top--icons__ .top--icon-item.active svg circle {
  fill: rgb(50, 203, 255);
  stroke: rgb(50, 203, 255);
}

.top--icons__ .top--icon-item .icon--active {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.top--icons__ .top--icon-item.active .icon--active {
  opacity: 1;
  visibility: visible;
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}

.icon-second .top--icons__ .top--icon-item .icon--active {
  display: none;
}

.icon-trigger-content .top--icons__ .top--icon-item .icon--active-2,
.icon-trigger-content .top--icons__ .top--icon-item .icon--active {
  display: none;
}

.icon-trigger-content .top--icons__ .top--icon-item.active .icon--active {
  display: block;
}

.icon-trigger-content .top--icons__ .top--icon-item.active .icon--active.icon--active-2 {
  display: none;
}

.icon-second .top--icons__ .top--icon-item.active .icon--active.icon--active-2 {
  display: block;
  -webkit-animation: unset;
  -moz-animation: unset;
  animation: unset;
}

.top--icons__ .top--icon-item.active p {
  opacity: 0;
  visibility: hidden;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

.map--image .content--slider__images-each {
  background-size: 100%;
  background-position: right;
  background-repeat: no-repeat;
}

.no--overlap .content--content,
.no--overlap .content--sub-title {
  max-width: unset !important;
}

.no--overlap .content--title {
  padding-left: 0px !important;
}


section.content-items--section .button--wrapper {
  text-align: left;
}

section.content-items--section .contents--wrapper {
  max-width: 500px;
}

.items--each {
  border-bottom: 1px solid #32CBFF;
  padding: 25px 0px;
}

.items--each a {
  font-size: 15px;
  color: #32CBFF;
  letter-spacing: 0.15em;
  font-weight: 700;
}

.content-items--section .items--wrapper {
  height: 500px;
  overflow-y: auto;
}


/* width */
.content-items--section .items--wrapper::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.content-items--section .items--wrapper::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid #32CBFF;
  border-radius: 5px;
}

/* Handle */
.content-items--section .items--wrapper::-webkit-scrollbar-thumb {
  background: #32CBFF;
  border-radius: 5px;
}

/* Handle on hover */
.content-items--section .items--wrapper::-webkit-scrollbar-thumb:hover {
  background: #1da4d2;
}


section.content-contact--section .content--title {
  max-width: 285px;
}

section.content-contact--section .content--content {
  max-width: 350px;
}

.items-accordion--each {
  border-bottom: 1px solid #32CBFF;
  padding: 25px 0px;
}

.items-accordion--each:last-child.active {
  border-bottom: 1px solid transparent;
}

.items-accordion--each p {
  font-size: 17px;
  color: #32CBFF;
  letter-spacing: 0.15em;
}

.items-accordion--each .items-accordion--title p {
  margin: 0px;
  font-weight: 700;
}

.items-accordion--each {
  cursor: pointer;
}

.items-accordion--content {
  display: none;
  padding-top: 2em;
}

.items-accordion--content p {
  margin: 0px;
  line-height: 1.5em;
  color: #F7F9FB;
  font-size: 14px;
}

.items-accordion--icon {
  max-width: 35px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.items-accordion--each.active .items-accordion--icon {

  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.items-accordion--icon svg {
  width: 100%;
}

.items-accordion--title__inner {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.items-accordion--content .two-column--list {
  display: flex;
  display: -ms-flex;
}

.items-accordion--content .two-column--list .two-column--each {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.items-accordion--content .two-column--list .two-column--each li::marker,
.items-accordion--content .two-column--list .two-column--each li {
  color: #F7F9FB;

}

.items-accordion--content .two-column--list .two-column--each li {
  margin-bottom: 5px;
}

.items-accordion--content .two-column--list .two-column--each ul {
  padding: 0px;
  margin: 0px;
  padding-left: 1em;
}


.content--slider__wrapper .content--slider__data {
  pointer-events: none;
}

.content--slider__wrapper .content-slider--text {
  pointer-events: all !important;
}

.content-fade--regular .content--slider__images-wrapper {
  position: relative;
  min-height: 500px;
}

.content-fade--regular .content--slider__images-each {
  position: absolute;
  background-position: right !important;
  opacity: 0;
  visibility: hidden;
}

.content-fade--regular .content--slider__images-each.active {
  opacity: 1;
  visibility: visible;
}

.content-fade--regular .slider--arrows {
  display: none !important;
}

.content-fade--regular .content-slider--text .top--icons__ {
  position: relative;
  z-index: 0;
}

.content-fade--regular .content-slider--text.content-count-1 .top--icons__ {
  position: relative;
  /*  z-index: 9;*/
}

.content-slider--text {}

.content-fade--regular .content--slider__images-each {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.content-fade--regular .content--slider__images-each.active {
  animation: fade-in-up-sm 1100ms;
  visibility: visible;
  opacity: 1;
}


.image-content-no-animation .content--slider__images-each {

  animation: unset !important;

}

section.svg-type--image .content--slider__images-wrapper {
  transform: translateX(0%);
  transform: translateY(-10%) !important;
}

.image-content-no-animation .content--slider__images-each.content--slider__images-each-svg {
  text-align: center;
}

.image-content-no-animation .content--slider__images-each.content--slider__images-each-svg {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: 2s all ease;
  -webkit-transition: 1s all ease;
  transition-delay: 1s all ease;
}

.image-content-no-animation .content--slider__images-each.content--slider__images-each-svg.active-svg {

  opacity: 1 !important;
  visibility: visible !important;
  transition: 2s all ease;
  -webkit-transition: 1s all ease;
  transition-delay: 1s all ease;

}

.button--wrapper a,
input[type="submit"] {
  line-height: 1.6em;
}

.button--wrapper a:hover,
input[type="submit"]:hover {
  color: #32CBFF !important;
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  opacity: 1;

}

.logos--section .button--wrapper a:hover {
  color: #32CBFF;
  background: transparent !important;
  border-color: transparent !important;
}

.section-white--background .button--wrapper a:hover,
.section-white--background input[type="submit"]:hover {
  border-color: #002642 !important;
}

.section-white--background.industries-applications__ .button--wrapper a:hover {
  border-color: #32cbff !important;
}


/* Contact Module */


.contact-section--top__sub-title h2 {
  font-size: 1.8em;
  font-weight: 500;

}

.contact-section--top__title h1 {
  font-size: 4.8em;
  line-height: 125%;
  font-weight: 700;
}

.contact-section--top__title h1,
.contact-section--top__sub-title h2 {
  color: #fff;
  margin: 0px;
  letter-spacing: 4px;
}

.contact-section--top {
  padding: 10em 0em 6em;
}

.contact-module--title {
  padding-bottom: 1em;
}

.contact-module--title h3 {
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 3.1em;
  line-height: 1.2em;
}

.contact-module--text p {
  font-size: 18px;
  line-height: 1.6em;
}

.contact-module--title h3,
.contact-module--text p {
  color: #fff;
  margin: 0px;
}

.contact-module--wrapper {
  max-width: 250px;
}


.contact-module--form label {
  display: none !important;
}

.contact-module--form input,
.contact-module--form textarea,
.contact-module--form select {
  width: 100% !important;
  border: 0px solid;
  padding: 13px 10px !important;
  text-indent: 5px;
}

.contact-module--form ul {
  display: flex !important;
  flex-wrap: wrap !important;
  display: -webkit-flex !important;
}

.contact-module--form ul li {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.contact-module--form ul li.gfield {
  margin-top: 0px !important;
  margin-bottom: 16px !important;
  padding-right: 0px !important;
}

.contact-module--form #field_1_2,
.contact-module--form #field_1_4 {
  padding-right: 16px !important;
}

.contact-module--form ul li .ginput_container {
  margin-top: 0px !important;
  margin-bottom: 8px;
}

.contact-module--form ul li#field_1_7,
.contact-module--form ul li#field_1_8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.contact-module--form .gform_footer {
  padding-top: 0px;
  margin-top: 0px;
  text-align: right;
}

.contact-module--form .gform_footer input[type="submit"] {
  display: inline-block;
  padding: 10px 50px !important;
  border-radius: 100px;
  color: #32CBFF;
  letter-spacing: 1px;
  border: 2px solid #002642;
  background: #002642;
  width: auto !important;
  margin-right: 0px;
}

.contact-module--form input:focus,
.contact-module--form textarea:focus,
.contact-module--form select:focus {
  outline: unset !important;
}

.contact-module--form .gform_fields li.gfield span {
  padding-top: 0px !important;
}

.contact-module--form li#field_2_2,
.contact-module--form li#field_2_4,
.contact-module--form li#field_2_9 {
  padding-right: 16px !important;
}

.contact-module--form li#field_2_8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.contact-module--form input[type="submit"] {
  border-color: #32CBFF !important;
  background: #32CBFF !important;
  color: #002642 !important;
}

.contact-module--form input[type="submit"]:hover {
  color: #32CBFF !important;
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.content-slider--button.border-blue-only:hover a {
  background: #32CBFF !important;
  color: #002642 !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}


.contact-module--form .gform_footer.top_label {
  margin-top: 0px !important;
}

.contact-module--form li#field_2_8 {
  margin-bottom: 0px !important;
}

.section.contact-section--info {
  background: #f7f9fb;
}

.contact-info--bottom {
  background: #fff;
  padding: 4em 4em;
}

.section.contact-section--info {
  padding-bottom: 0em !important;
}

.section.contact-section--info .contact-info--image {
  padding: 4em 0em 4em;
}

.section.contact-section--info .contact-info--title h3 {
  margin: 0px;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 3.1em;
  line-height: 1.2em;
  color: #002642;
}

.contact-info--bottom p,
.contact-info--bottom a {
  color: #383E43;
  margin: 0px;
}

.contact-info--icon {
  max-width: 35px;
}

.contact-info--icon svg {
  width: 100%;
}

.contact-info--bottom .contact-info--data {
  padding-top: 2em;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.contact-info--bottom .contact-info--inner {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.contact-info--bottom .contact-info--inner_data {
  padding-left: 1em;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.contact-info--bottom .contact-info--data .contact-info--col {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

/* Custom Select Option */
.gform_body .ginput_container_select {
  position: relative;
  display: block;
}

.gform_body .ginput_container_select select {
  display: none;
  /*hide original SELECT element: */
}

.gform_body .select-selected {
  background-color: #fff;
  border: 1px solid #fff;
  position: relative;
  color: #8b758b;
  min-height: 2rem;
  padding: 13px 10px !important;
  text-indent: 5px;
}

.gform_body .select-selected:before,
.gform_body .select-selected:after {
  content: "" !important;
  position: absolute !important;
  width: 2px !important;
  height: 15px !important;
  background: #32cbff;
  top: 17px !important;
}

.gform_body .select-selected:before {
  right: 25px;
  top: 12px;
  transform: rotate(-43deg);
}

.gform_body .select-selected:after {
  right: 16px !important;
  top: 12px;
  transform: rotate(43deg);
}

/* Style the arrow inside the select element: */
.gform_body .select-selected:after {
  position: absolute;
  background-size: 10px 20px;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 5px;
  bottom: 10px;
}

/* Point the arrow upwards when the select box is open (active): */

/* style the items (options), including the selected item: */
.gform_body .select-items div,
.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  cursor: pointer;
}

/* Style items (options): */
.gform_body .select-items {
  position: absolute;
  background: #002642;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

/* Hide the items when the select box is closed: */
.gform_body .select-hide {
  display: none;
}

.gform_body .select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.synhydrid-module .content--slider__images .content--slider__images-each {
  min-height: 700px;
  background-position: right;
  background-size: 70%;
  background-repeat: no-repeat;
}

.synhydrid-module .content--slider__images {
  position: relative;
  top: -6em;
}

.synhydrid-module .content--slider__wrapper {
  width: 600px;
}

.synhydrid-module .content--sub-title,
.synhydrid-module .content--content {
  max-width: 400px !important;
}


.content-slider--regular .content--slider__images {
  position: relative;
}

.content-slider--regular .slider--arrows {
  position: relative !important;
  /* background: red; */
  z-index: 1;
}

.long-sub--title .content--sub-title {
  max-width: 400px !important;
}

.content-slider--regular .slider--arrows__inner {
  justify-content: flex-end;
  padding-top: 1em;
}

.content--slider__images .content--slider__images-each img {
  position: relative;
}

.content--slider__images-each img:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
}

.content-slider--regular .page-overlay--top {
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 38, 66, 1) 0%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 38, 66, 1) 0%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 38, 66, 1) 0%, rgba(0, 38, 66, 0.84) 28%, rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002642', endColorstr='#007db9e8', GradientType=0);
}

.side-icon-blurb-4cols .bwt--wrapper {
  display: flex;
  display: -ms-flex;
  padding-bottom: 4em;
}

.side-icon-blurb-4cols .blurb--each-inner__wrapper {
  padding-left: 15px;
}

.side-icon-blurb-4cols .bwt--icon {
  flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  max-width: 10%;
}

.side-icon-blurb-4cols .blurb--each-inner__wrapper {
  flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  max-width: 90%;
}

.side-icon-blurb-4cols .bwt--title h4 {
  font-size: 18px;
}

.content-items-2--section .content--sub-title {
  padding-top: 3em;
}

.content-items-2--section .content--content {
  padding-top: 0em;
}

.button__ .content-slider--button {
  display: inline-block;
}

.button__.button-2__wrapper .button--wrapper {
  padding-top: 1em;
}

.list-table--each {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #32CBFF;
  padding: 2em 0em;
}

.list-table--each:last-child {
  border-bottom: 1px solid transparent;
}

.list-table--text p {
  color: #32cbff;
  margin: 0px;
  font-size: 15px;
  letter-spacing: 0.15em;

}

.list-table--text .list-table--title__wrapper p {
  letter-spacing: 0.15em;
}

.list-table--text.list-table--text-left {
  flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  max-width: 32%;
}

.list-table--text.list-table--text-right {
  flex: 0 0 48%;
  -ms-flex: 0 0 48%;
  max-width: 48%;
}

.list-table--arrow {
  flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
}

.list-table--arrow svg {
  max-width: 60px;
}

.list-table--wrapper {
  max-width: 800px;
  margin-left: auto;
}

.list-table--text.list-table--text-right {
  padding-left: 8em;
}

.content-items-2--section .row-3 {
  padding-top: 2em;
}

.list-table--wrapper {
  position: relative;
}

.list-table--wrapper .list-table--inner {
  position: relative;
  display: none;
}

.list-table--wrapper .list-table--inner.active {
  display: block;
}


.to-fade {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 9;
  position: relative;
}

.to-fade.to-fade-active {
  animation: fade-in-up-sm 1100ms;
  visibility: visible;
  opacity: 1;
}

.applications--section .blurb-image-top--title h2 {
  color: #00406E !important;
}

.applications-diagram-section a,
.applications--section .button--wrapper a,
.expertise-blurbs .button--wrapper a {

  color: #32CBFF !important;
  border: 2px solid #002642 !important;
  background: #002642 !important;
}

.applications-diagram-section a:hover,
.applications--section .button--wrapper a:hover,
.expertise-blurbs .button--wrapper a:hover {
  border: 2px solid #32CBFF !important;
  background: transparent !important;
}

.blurb-with-title-section .row-3 {
  padding-top: 2em;
}

section.expertise-blurbs {
  padding-top: 0em;
}

.has-check-icon .content-slider--text .content--content ul {
  padding-left: 2em;
}

.has-check-icon .content-slider--text .content--content ul li {
  position: relative;
  list-style-type: none;
}

.has-check-icon .content-slider--text .content--content ul li::marker {
  display: none !important;
}

.has-circle .content-slider--text .content--content ul {
  padding-left: 2em;
}

.has-circle .content-slider--text .content--content ul li {
  position: relative;
  list-style-type: none;
}

.has-circle .content-slider--text .content--content ul li::marker {
  display: none !important;
}


section.eliminating-supply-chain.content-slider--section .content--sub-title,
section.eliminating-supply-chain.content-slider--section .content--content {
  max-width: 350px;
}

.footer-btn--wrapper a {
  display: inline-block;
  padding: 15px 15px;
  border-radius: 100px;
  color: #32CBFF;
  letter-spacing: 1px;
  border: 2px solid #32CBFF;
  color: #32CBFF !important;
  border: 2px solid #002642 !important;
  background: #002642 !important;
  width: 100%;
  text-align: center;
  /*  display: none;*/
}

.footer-btn--wrapper a .icon___ {
  width: 20px;
  display: inline-block;
  height: 20px;
  margin-right: 5px;
}

.footer-btn--wrapper .footer-btn--top a:hover {
  color: #002642 !important;
  background: #fff !important;
  border-color: #32CBFF !important;
  /* border: 2px solid #32CBFF !important; */
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.footer-btn--wrapper .footer-btn--bot a:hover {
  background: #FFF !important;
  transition: 0.2s all ease;
  -ms-transition: 0.2s all ease;
}

.footer-btn--wrapper {
  width: 220px;
  margin-left: auto;
  pointer-events: all;
}

.footer-btn--bot {
  margin-top: 1em;
}

.footer-btn--bot a {
  background: #32CBFF !important;
  border-color: #32CBFF !important;
  color: #002642 !important;
  letter-spacing: 0.15em;
}

.footer-btn--bot a span {
  font-weight: 600;
}

.sticky-btn--footer .col-md-12 {
  position: relative;
}

.sticky-btn--footer {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 4em;
  z-index: 999999;
  pointer-events: none;
}

@media only screen and (min-width: 641px) {
  .mfp-content .gform_wrapper textarea.medium {
    height: 90px !important;
  }
}

.accreditation-image-content .content--slider__images-each {
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-white {
  background: #fff !important;
}

.left--align {
  text-align: left !important;
}

.semi-full--width .pageTitle--main {
  max-width: 1000px !important;
  margin: unset !important;
}

.semi-full--width .col-md-10 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.button---wrapper {
  display: flex;
  display: -ms-flex;
}

.button---wrapper .button--2 {
  margin-left: 1.5em !important;
}

.refinery-services__ {}

.padding-ul ul li::marker {
  color: #32CBFF !important;
}

.title--list {
  color: #32cbff !important;
  margin: 1em 0em !important;
  font-size: 18px !important;
  line-height: 32px !important;
  font-weight: 700;
  margin-bottom: 5px !important;
}

.small-title-list .title--list {
  font-size: 15px !important;
  letter-spacing: 0.15em;
}

.padding-ul .content--content ul {
  padding-left: 1em !important;
}

.button---wrapper__top {
  padding-bottom: 2em;
}

.button---wrapper__bot {}

.refinery-services__ .image--wrapper__ {
  padding: 5em;
}

.contents--double-inner {
  display: none;
}

.contents--double-inner.active {
  display: block;
}

.multi-btn .button--inner a {
  color: #32CBFF !important;
  border: 2px solid #32CBFF !important;
  background: transparent !important;
}

.multi-btn .button--inner a.active {
  background: #32CBFF !important;
  color: #000 !important;
}

.four--columns__blurb .bwt--title {
  max-width: 250px;
  margin: auto;
}

#page .arrows--icon-custom .content--slider__images-each {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.arrows--icon-custom .top--icons__,
.arrows--icon-custom .content--content,
.arrows--icon-custom.content-right-slider-left .content-slider--button.button--wrapper {
  max-width: unset !important;
}

.arrows--icon-custom .content--content ul {
  padding-left: 1em !important;
}

.arrows--icon-custom .icon--active {
  display: none !important;
}

.arrows--icon-custom .top--icon-item.active svg path,
.arrows--icon-custom .top--icon-item:hover svg path {
  fill: rgb(0, 77, 132);
}

.arrows--icon-custom .top--icon-item.active svg circle,
.arrows--icon-custom .top--icon-item:hover svg circle {
  fill: rgb(50, 203, 255);
  stroke: rgb(50, 203, 255);
}

.arrows--icon-custom .top--icon-item.active p {
  opacity: 1;
  visibility: visible;
}

.content-table-section .content--title h2 {
  color: #00406E;

}

.content-table-section .table-content--title {
  max-width: 800px;
  padding-bottom: 4em;
}

.table--data .table--data-title h4 {
  color: #32CBFF !important;
  margin-bottom: 0px !important;
  padding-bottom: 1em;
  margin: 0px;
  font-size: 22px;
  font-weight: 700;
}

.table--data .table--data-title {
  max-width: 250px;
}

.table--data .table--content ul {
  padding-left: 1em;
}

.table--data .table--content ul li p,
.table--data .table--content ul li {
  margin: 0px;
  line-height: 1.5em;
  color: #383E43;
  font-size: 15px;
  margin-bottom: 10px;
}

.table--content-data table {
  width: 100%;
}

.table--content-data {
  overflow-x: scroll;
  max-width: 820px;
}

.table--content-data td {
  text-align: center;
  width: 25%;
}

.table--content-data tr td {
  background: #fff;
  padding: 12px;
  border: 2px solid #F7F9FB;
}

.table--content-data tr td p {
  color: #383E43;
  margin: 0px;
  font-weight: 400;
  line-height: 1.5em;
}

.table--content-data tr td:first-child p {
  font-weight: 600;
}

.table--content-data tr:first-child td {
  background: #32CBFF;
  border: 2px solid #fff;
}

.table--content-data tr:first-child td p {
  color: #00406E;
  font-weight: 600;
  font-size: 17px;
}

.infographic-content--title {
  text-align: center;
  padding-bottom: 4em;
}

.slider--buttons-image__each {
  width: 100%;
  min-height: 500px;
  height: 100%;
  margin-right: 30px;
  counter-increment: gallery-cell;
  background-size: cover;
  background-position: center;
  max-width: 68%;
}

.slider--buttons-image__each:focus,
.slider--buttons-image__each:focus-within,
.flickity-viewport:focus,
.is-draggable:focus {
  outline: unset;
}

.slider--buttons-image__wrapper {
  transform: translateX(13%);
}


.diagram--wrapper {
  position: relative;
  max-width: 800px;
  margin: auto;
}

.diagram--wrapper .diagram--image svg {
  width: 100%;
  max-height: 500px;
}

.diagram--wrapper .diagram--block {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  align-items: center;
}

.diagram--wrapper .diagram--block {
  position: absolute;
  width: auto;
}

.diagram--wrapper .diagram--block:after {
  content: "";
  position: absolute;
  width: 250px;
  height: 2px;
  background: #32CBFF;
  transform: translateX(110%);
  right: 0;
}

.diagram--wrapper .diagram--block .diagram--text p {
  margin: 0px;
  font-weight: 600;
  line-height: 1.5em;
}

.diagram--wrapper .diagram--block .diagram--text {
  padding-left: 15px;
}

.diagram--block.diagram--block-1 {
  top: 28%;
  left: -15%;
  max-width: 250px;
}

.diagram--block.diagram--block-1 .diagram--text {
  max-width: 150px;
}

.diagram--block.diagram--block-2 {
  top: 47%;
  left: -15%;
}

.diagram--block.diagram--block-2:after {}

.diagram--block.diagram--block-3 {
  top: 28%;
  right: -17%;
}

.diagram--block.diagram--block-3 .diagram--icon,
.diagram--block.diagram--block-4 .diagram--icon {
  order: 2;
  -webkit-order: 2;
}

.diagram--block.diagram--block-3 .diagram--text,
.diagram--block.diagram--block-4 .diagram--text {
  padding-left: 0px;
  padding-right: 15px;
}

.diagram--block.diagram--block-3:after {
  transform: translateX(-110%);
  left: 0;
  right: unset;
  width: 150px;
}

.diagram--block.diagram--block-4 {
  top: 47%;
  right: -17%;
}

.diagram--block.diagram--block-4:after {
  transform: translateX(-110%);
  left: 0;
  right: unset;
  width: 150px;
}

.applications-diagram-section.section-white--background .blurb-image-top--title h2 {
  color: #00406E !important;
}

.diagram--wrapper .diagram--block .diagram--icon {
  height: 55px;
  width: 55px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #32cbff;
  border-radius: 50%;
}

.diagram--wrapper .diagram--block .diagram--icon svg {
  max-width: 40px;
}

.app__ .diagram--wrapper .diagram--block.diagram--block-2 svg {
  max-width: 25px;
}

.diagram--icon:hover svg path {
  fill: #fff;
}

.diagram--icon:hover svg circle {
  fill: #fff;
  stroke: #fff;
}

.diagram--icon:hover {
  background: #32cbff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
}

.diagram--icon {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

section.full-offering-section {
  background: #f7f9fb;
}

section.full-offering-section .blurb-image-top--title h2 {
  color: #00406E !important;
}

.diagram--offering__caption p {
  color: #00406E;
  font-weight: 600;
  margin: 0px;
  line-height: 1.6em;
}

.diagram--offering__inner {
  max-width: 1200px;
  margin: auto;
}

.diagram--offering__inner .diagram--offering__image {
  padding: 100px 0em;
  max-width: 93%;
  margin: auto
}

.diagram--offering__captions {
  position: relative;
  width: 100%;
  display: flex;
  display: -ms-flex;
  justify-content: center;
}

.diagram--offering__captions .diagram--offering__caption {
  text-align: center;
  -ms-flex: 0 0 16.6666%;
  flex: 0 0 16.6666%;
  max-width: 16.6666%;

}

.diagram--offering__captions .diagram--offering__caption p {
  position: relative;
  font-size: 16px;
}

.diagram--offering__captions .diagram--offering__caption p {
  max-width: 120px;
  margin: auto;
}

.diagram--offering__caption.diagram--offering__caption-1 p {
  margin: unset;
  top: -60%;
  left: 12%;
}

.diagram--offering__caption.diagram--offering__caption-2 p {
  top: -20%;
  left: -4%;
}

.diagram--offering__caption.diagram--offering__caption-3 p {
  top: -100%;
  left: 0%;
  max-width: 100px;
}

.diagram--offering__caption.diagram--offering__caption-4 p {
  top: -60%;
  left: 5%;
}

.diagram--offering__caption.diagram--offering__caption-5 p {
  top: -90%;
  left: 10%;
}

.diagram--offering__caption.diagram--offering__caption-6 p {
  top: -50%;
  left: 10%;
}

.slider--buttons__each.slider--buttons__each-1 {
  padding-top: 0em;
}

.slider--buttons__wrapper .slider--buttons__each-2 {
  padding-top: 1em;
}

.slider--with-buttons {
  position: relative;
}

.slider--with-buttons .slider--buttons-content {
  position: absolute;
  z-index: 1;
  width: 400px;
  height: 100%;
  z-index: 2;
}

.slider--with-buttons .button--wrapper {
  text-align: left !important;
}

.slider--buttons-image .slider--buttons-image__wrapper {
  transform: translateX(16%);
}

.slider--buttons__content--inner ul {
  margin-bottom: 0px;
  padding-left: 1em !important;
}

.slider--buttons__content--inner p {
  margin: 0px;
}

.slider--buttons__content--inner li {}

.slider--buttons__content--inner li::marker {
  color: #32CBFF !important;
}

.slider--buttons__content {
  padding-top: 2em;
}

.slider--buttons-image .box-cover {
  transform: translateX(-34%);
  background: #002642;
}

.slider--with-buttons .slider--buttons__each a,
.content-items-2--section .button__ a {
  border: 2px solid #32CBFF !important;
  background: transparent !important;
  color: #32CBFF;
}

.slider--with-buttons .slider--buttons__each a:hover,
.content-items-2--section .button__ a:hover {
  background: #32CBFF !important;
  color: #000 !important;
}

.slider--with-buttons .slider--buttons__each.active a,
.content-items-2--section .button__.active a {
  background: #32CBFF !important;
  color: #000 !important;
}

.slider--with-buttons .slider--buttons__content--inner {
  display: none;
}

.slider--with-buttons .slider--buttons__content--inner.active {
  display: block;
}

.synhydrid-module .custom-diagram--main .custom-diagram--item svg {
  /*    height: 950px;
    width: 100%;
    margin-top: -130px;
    position: relative;
    left: 100px;*/
  height: 900px;
  width: 100%;
  margin-top: -145px;
  position: relative;
  left: unset;
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  right: -21%;
}

.synhydrid-module .custom-diagram--inner {
  position: relative;
}

.synhydrid-module .custom-diagram--dots__wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.synhydrid-module .custom-diagram--main p {
  margin: 0px;
}

.synhydrid-module .custom-diagram--main .diagram-dot--caption__text p {
  margin-bottom: 0px;
  color: #00406E !important;
}

.synhydrid-module .custom-diagram--main .custom-diagram--dot__block {
  position: absolute;
}

.synhydrid-module .custom-diagram--main .diagram-dot--caption {
  position: absolute;
  display: none;
}

.synhydrid-module .custom-diagram--main .custom-diagram--dot__spot svg {
  height: 55px;
}

.custom-diagram--dot__block .diagram-dot {
  cursor: pointer;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.custom-diagram--dot__block .diagram-dot:hover {
  transform: scale(1.1);
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.custom-diagram--dot__spot {
  position: relative;
}

.custom-diagram--dot__spot .diagram-dot {
  position: relative;

}

.custom-diagram--dot__spot .diagram-dot:after {
  content: "";
  position: absolute;
  width: 55px;
  height: 19px;
  top: 18.4px;
  width: 19px;
  background: #fff;
  animation: pulse1 2s ease 0s infinite;
  left: 33.3px;
  border-radius: 50%;
}

.custom-diagram--dot__block-1 .diagram-dot:after {
  animation-delay: 0.4s;
}

.custom-diagram--dot__block-2 .diagram-dot:after {
  animation-delay: 1.3s;
}

.custom-diagram--dot__block-3 .diagram-dot:after {
  animation-delay: 0.7s;
}

.custom-diagram--dot__block-4 .diagram-dot:after {
  animation-delay: 0.10s;
}

@keyframes pulse1 {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  80% {
    opacity: 0;
    transform: scale(3);
  }

  100% {
    opacity: 0;
    transform: scale(6);
  }
}

/*@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
}
 50% {
 -webkit-transform: scale(1.1, 1.1);
}
 100% {
 -webkit-transform: scale(1, 1);
};
}

@keyframes pulse {
 0% {
 transform: scale(1, 1);
}
 50% {
 transform: scale(1.1, 1.1);
}
 100% {
transform: scale(1, 1);
};
}*/

.custom-diagram--dot__block-1 {
  left: 79%;
  top: 130px;
}

.custom-diagram--dot__block-2 {
  left: 67%;
  top: 305px;
}

.custom-diagram--dot__block-3 {
  left: 49%;
  top: 365px;
}

.custom-diagram--dot__block-4 {
  left: 66.6%;
  top: 485px;
}

.synhydrid-module .diagram-dot--caption__text ul li::marker {
  color: #00406E !important;
}

.synhydrid-module .custom-diagram--main .diagram-dot--caption.active {
  display: block;
}

.synhydrid-module .custom-diagram--main .diagram-dot--caption {
  border-top: 2px solid #32CBFF;
  background: rgb(255 255 255);
  box-shadow: 0px 4px 20px rgb(83 83 83 / 5%);
  padding: 1em;
  width: 300px;
  right: 0;
  /*    transform: translate(100%, -30%);
    -ms-transform: translate(100%, -30%);
    -webkit-transform: translate(100%, -30%);*/
}

.synhydrid-module .custom-diagram--main .custom-diagram--dot__block-1 .diagram-dot--caption {
  /*   transform: translate(-30%, -30%);
   -ms-transform: translate(-30%, -30%);
    -webkit-transform: translate(-30%, -30%);*/
}

.custom-diagram--dot__block-1 .diagram-dot--caption {
  right: 370px !important;
}

.to-fade-caption {
  opacity: 0;
  visibility: hidden;
  transform: translate(100%, -30%);
  -webkit-transform: translate(100%, -30%);
  z-index: 9;
  position: relative;
}

.to-fade-caption.to-fade-active-caption {
  animation: fade-in-up-sm-new 500ms;
  visibility: visible;
  opacity: 1;
}





.request-sample--form input,
.request-sample--form textarea {
  background: #F7F9FB;
}

.request-sample--form #field_3_2,
.request-sample--form #field_3_3 {
  padding-right: 16px !important;
}

.request-sample--form #field_3_9,
.request-sample--form #field_3_8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.request-sample--form input[type="submit"] {
  background: #32CBFF !important;
  border-color: #32CBFF !important;
  color: #002642 !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.request-sample--form input[type="submit"]:hover {
  background: #fff !important;
  color: #32CBFF !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.request-sample--form .request-form--title h4 {
  color: #004D84;
  margin: 0px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.request-form--icon svg {
  width: 40px;
}

.request-sample--form .request-form--title__wrapper {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.request-sample--form .request-form--title__wrapper .request-form--title {
  padding-left: 15px;
}

.request-sample--form .gform_wrapper .gform_footer {
  margin-top: 0px;
}

.request-form--text p {
  margin: 0px;
  margin-bottom: 15px;
  color: #383E43;
  line-height: 24px;
  font-size: 16px;
}

.request-sample--form .request-form--title__wrapper {
  padding-bottom: 1.5em;
}

.request-sample--form .request-form--text {
  padding-bottom: 1em;
}

.mfp-bg.mfp-fade.mfp-ready {
  z-index: 999999;
}

.mfp-wrap.mfp-ready {
  z-index: 999999;
}

.request-sample--form {
  max-width: 800px;
  margin: auto;
  background: #fff;
  padding: 3em;
  position: relative;
  margin-top: 4em;
}

.mfp-content .close-btn__ {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  background: #32CBFF;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.close-form--request {
  display: flex;
  align-items: center;
  display: -webkit-flex;
  justify-content: center;
  height: 100%;
}

.close-form--request .line__ {
  position: absolute;
  height: 20px;
  width: 2px;
  background: #004D84;
  top: 10px;
}

.close-form--request .line__.line--1 {
  transform: rotate(43deg);
}

.close-form--request .line__.line--2 {
  transform: rotate(-43deg);
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border-top: 0px solid !important;
  border-bottom: 0px solid !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper .validation_message {
  padding: 5px 10px !important;
}

.max-width-700--title .pageTitle--title {
  max-width: 700px;
  margin: auto;
}

.product--range .contents--wrapper {
  max-width: 300px;
}

.max-wrapper-300 .bwt--wrapper,
.max-wrapper-300 .contents--wrapper {
  max-width: 300px !important;
  margin: auto;
}

.product--range .contents--wrapper {
  margin-left: unset !important;
}

.max-wrapper-350 .contents--wrapper {
  max-width: 350px !important;
  margin: auto;
}

.no--scroll .items--wrapper {
  height: auto;
}

.large-cta--600 .large-cta-wrapper {
  max-width: 600px !important;
  margin: auto;
}

.eliminating-supply-chain .content--slider__images-each {
  max-width: 72%;
}

.eliminating-supply-chain .content--slider__images-wrapper {
  transform: translateX(13.5%);
}

.eliminating-supply-chain .content--title {
  width: 130%;
}

.eliminating-supply-chain .content--content {
  max-width: 320px !important;
}

.eliminating-supply-chain .box-cover {
  transform: translateX(-36.5%);
}


.content--slider__images-each-svg svg {
  width: 80% !important;
}

.content--slider__images-each .small-device--image {
  display: none;
}

section.icon-trigger-content.content-right-slider-left .content--slider__images-wrapper {
  transform: translateX(0%);
}


.infograph-diagram {

  position: relative;
}

.infograph--slider__each-inner-wrapper {
  margin-top: -1em;
}

.infograph--slider__button-wrapper {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.infograph--slider__button-wrapper .infograph--slider__button {
  width: 25px;
  pointer-events: all;
  cursor: pointer;
}

.infograph--slider__button-wrapper .infograph--slider__button svg {
  width: 100%;
  height: auto;
}

.infograph--slider__button-right {
  margin-left: 12px;
}

.infograph--slider {
  max-width: 420px;
  margin-left: auto;
  margin-right: 7%;
}

.infograph--slider__inner p {
  margin: 0px;
  font-size: 14px;
  color: #383E43;
}

.infograph--slider__each-num p {
  color: #32cbff;
}

.infograph--slider__each-title h4 {
  color: #383E43;
  margin: 0px;
  font-size: 22px;
}

.infograph--slider__each-content ul li {}

.infograph--slider__each-content ul {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
}

.infograph--slider .infograph--slider__inner {
  background: #fff;
  padding: 2em 2em 2em 2em;
  position: relative;
}

.infograph--slider__each-num {
  padding-top: 5px;
}

.infograph--slider__each-title {
  padding: 5px 0px;
}

.infograph--slider {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  align-items: center;
  width: 100%;
}

.infograph--slider__wrapper-outside {
  display: block;
  /*transform: translateY(35%);*/
}

/*.infograph--slider .slick-track {
  width:100% !important;
}*/

.infograph--slider__wrapper-outside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0px;
}

.infograph--slider__each-skip {
  display: flex;
  flex-wrap: wrap;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.infograph--slider__each-skip button:focus {
  outline: unset;
}

.infograph--slider__each-skip a {
  display: inline-block;
  padding: 10px 50px;
  border-radius: 100px;
  color: #00406E;
  letter-spacing: 1px;
  border: 2px solid #32CBFF;
  background: #32CBFF;
  margin-right: 2em;
  transform: translateY(50%);
}

.infograph--slider__each-skip a:hover {
  color: #32CBFF !important;
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}





/* Changes Added CSS */


.choose-division__main {
  padding-top: 2em;
  padding-bottom: 6em;
  background: rgb(0, 38, 66);
  background: linear-gradient(180deg, rgb(0 38 66) 0%, rgb(0 38 66) 100%);
}

.choose-division__main .choose-division__content {
  padding-top: 2em !important;
}

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

.choose-division__select--list {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.choose-division__select--options {
  position: relative;
}

.choose-division__options--wrapper {
  position: absolute;
  background: #00406e;
  width: 100%;
  text-align: left;
  padding: 5px 10px 10px 10px;
  display: none;
  border: 2px solid #32cbff;
}

.opened-select .choose-division__options--wrapper {
  border-top: 2px solid transparent;
}

.choose-division__inner .row.row-1 {
  position: relative;
  z-index: 1;
}

.dp-block {
  display: block;
}

.choose-division__title h3 span {
  font-weight: 600;
  line-height: 1.4em;
}

.choose-division__title h3 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  font-size: 1.8em;
  margin: 0px;
}

.choose-division__content--wrapper {
  display: none;
}

.choose-division__content--wrapper.active {
  display: block;
}

.choose-division__options--wrapper.opened {
  display: block !important;
}

.choose-division__btn {
  padding-top: 2em;
}

.choose-division__btn a {
  display: inline-block;
  padding: 10px 35px;
  border-radius: 100px;
  background: #32CBFF;
  color: #00406E;
  letter-spacing: 0.15em;
  border: 2px solid #32CBFF;
  font-size: 15px;
  font-weight: 600;
}

.choose-division__btn a:hover {
  color: #32CBFF !important;
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.choose-division__options--wrapper p {
  color: #fff;
  margin: 0px;
  cursor: pointer;
  padding: 0px 7px;
}

.choose-division__options--wrapper ul {
  padding: 0px;
  margin: 0px;
}

.choose-division__options--wrapper li {
  list-style-type: none;

}

.choose-division__select--selected {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 300px;
  border: 2px solid #32CBFF;
  border-right: 0px;
  padding: 10px 15px;
  cursor: pointer;
}

.opened-select .choose-division__select--selected {
  border-bottom: 2px solid transparent;
}

.choose-division__select--arrow {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transition: 0.3s all ease-in;
  -webkit-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
}

.opened-select .choose-division__select--arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transition: 0.3s all ease-in;
  -webkit-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
}

.choose-division__select--btn span {
  background: #32CBFF;
  color: #00406E;
  height: 100%;
  width: 100%;
  border: 6px solid #32CBFF;
  padding: 14px 22px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: inline;
  letter-spacing: 1px;
  border-bottom: 5px solid #32CBFF;
}

.choose-division__select--arrow {
  width: 20px;
}

.choose-division__select--arrow svg {
  width: 100%;
}

.choose-division__select--selected p {
  margin: 0px;
  opacity: 0.6;
  font-weight: 400;
  font-size: 15px;
  font-family: 'AdaptaTextLight';
}

.choose-division__diagram {
  height: 500px;
}

.choose-division__icon--wrapper {
  width: 70px;
  height: 70px;
  margin: auto;
  position: relative;
}

.choose-division__main .row.row-2 {
  margin-top: 6em;
}

.choose-division__icons--each--wrapper {
  position: absolute;
  top: 0;
}

.choose-division__icon--main {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #32cbff;
  padding: 10px;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  background: #063458;
  z-index: 1;
  position: relative;
}

.choose-division__icon--main svg {
  width: 100%;
}

.choose-division__diagram--wrapper {
  position: relative;
  height: 500px;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.choose-division__icons--each {
  position: absolute;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.choose-division__icons--each p {
  margin: 0px;
  opacity: 0.6;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
}

.choose-division__icon--box {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  border: 2px solid #32cbff;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin: auto;
  background: #033253;
  position: relative;
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.choose-division__icons--each:hover .choose-division__icon--box {
  -ms-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

.title--top .choose-division--title {
  padding-bottom: 1em;
}

.title--bot .choose-division--title {
  padding-top: 1em;
}

.choose-division--title {
  text-align: center;
  width: 100%;
}

.choose-division__icons--each.title--bot .choose-division--title {
  order: 2;
  -ms-order: 2;
  -webkit-order: 2;
}

.choose-division__icons--each.title--bot .choose-division__icon--box {
  order: 1;
  -ms-order: 1;
  -webkit-order: 1;
}

.choose-division__icons--each.icon-count-1 {
  top: -210px;
  right: -150px;
}

.choose-division__icons--each.icon-count-2 {
  top: -100px;
  right: -300px;
}

.choose-division__icons--each.icon-count-3 {
  top: 60px;
  right: -540px;
}

.choose-division__icons--each.icon-count-4 {
  top: 115px;
  right: -225px;
}

.choose-division__icons--each.icon-count-5 {
  top: 100px;
  right: 35px;
}

.choose-division__icons--each.icon-count-6 {
  top: -30px;
  right: 120px;
  width: 150px;
}

.choose-division__icons--each.icon-count-7 {
  top: -170px;
  right: 20px;
}

.choose-division__icons--each:before {
  content: "";
  position: absolute;
  height: 200px;
  width: 1px;
  background: #32cbff;
}

section.section.choose-division__main--section .col-md-7 {
  position: relative;
  z-index: 1;
}

.choose-division__icons--each.icon-count-1:before {
  transform: rotate(16deg);
  top: 67px;
  right: 95px;
}

.choose-division__icons--each.icon-count-2:before {
  transform: rotate(72deg);
  top: -6px;
  right: 161px;
}

.choose-division__icons--each.icon-count-3:before {
  transform: rotate(96deg);
  top: -200px;
  right: 273px;
  height: 410px;
}

.choose-division__icons--each.icon-count-4:before {
  /*      transform: rotate(
127deg
 );
    top: -127px;*/
  transform: rotate(128deg);
  top: -120px;
  height: 180px;
}

.choose-division__icons--each.icon-count-5:before {
  transform: rotate(53deg);
  top: -95px;
  height: 150px;
  right: -8px;
}

.choose-division__icons--each.icon-count-6:before {
  transform: rotate(88deg);
  right: -37px;
  top: -38px;
}

.choose-division__icons--each.icon-count-7:before {
  transform: rotate(140deg);
  right: 7px;
  height: 150px;
  top: 58px;
}

.choose-division--buttons .choose-division--button__inner {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.choose-division--buttons .choose-division--button__inner a {
  display: inline-block;
  padding: 10px 35px;
  border-radius: 100px;
  letter-spacing: 0.15em;
  border: 2px solid #32CBFF;
  font-weight: 600;
  font-size: 15px;
  background: #32CBFF;
  color: #00406E;
}

.choose-division--buttons .choose-division--button__inner a:hover {
  color: #32CBFF !important;
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.choose-division--buttons .choose-divisions--button__each {
  margin: 0px 10px;
  margin-bottom: 20px;
}

.choose-division--buttons {
  margin-bottom: 5em;
}


/*.home-hero--banner__sticky {
      position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 11;
}
*/


.home-bottom--cta {
  margin-top: -25em;
  opacity: 0;
}

.home-bottom--cta .title--main h2 {
  letter-spacing: 0.15em !important;
}

.cta-fading {
  opacity: 0;
}

.page-overlay--top.page-overlay--top--reverse {
  transform: rotate(180deg);
  display: none;
  background: -moz-linear-gradient(top, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 15%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 15%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 15%, rgba(125, 185, 232, 0) 100%);
  transform: translateY(-100%) rotate(180deg);
  -ms-transform: translateY(-100%) rotate(180deg);
  -webkit-transform: translateY(-100%) rotate(180deg);
  pointer-events: none;
}

.has-overlay--top-reverse .page-overlay--top.page-overlay--top--reverse {
  display: block;
}

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

.center--aligned .bwt--icon {
  margin: auto;
}

.how-we-deliver--area .content--slider__images-each svg {
  width: 140% !important;
  margin-top: -5em;
  position: relative;
}

.how-we-deliver--area .content--sub-title,
.how-we-deliver--area .content--content {
  max-width: 330px !important;
}

.has-stroke-width-one {
  stroke-width: 1px;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.has-stroke-width-one-hover {
  stroke-width: 1px !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.accreditation-slider--diagram .has-stroke-width-two {
  stroke: #32cbff;
  stroke-width: 2px !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  opacity: 1 !important;
}

.accreditation-slider--diagram .has-stroke-width-opacity-half {
  opacity: 0.5 !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.accreditation-slider--diagram .has-stroke-width-two-hover {
  stroke: #32cbff;
  stroke-width: 2px !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  opacity: 1 !important;
}

.has-stroke-width-three {
  stroke-width: 3px !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  opacity: 1 !important;
}

.has-stroke-width-three-hover {
  stroke-width: 3px;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  opacity: 1 !important;
}

.opacity-half {
  opacity: 0.5 !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.opacity-one {
  opacity: 1 !important;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

/*.diagram-icon-1,
.diagram-icon-2,
.diagram-icon-3,
.diagram-icon-4,
.diagram-icon-5 {
  cursor: pointer;
}*/


path.diagram-icon-1 {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.svg--diagram__wrapper {
  position: relative;
}

.svg--diagram__inner-2 {
  position: absolute;
  top: 3em;
  left: 0;
  height: 100%;
  width: 100%;
}

.svg--diagram__wrapper .icon--click {
  width: 50px;
  height: 50px;
  position: absolute;
  cursor: pointer;

}

.svg--diagram__wrapper .icon--click-1 {
  top: 12.5%;
  left: 25.8%;
  height: 60px;
}

.svg--diagram__wrapper .icon--click-2 {
  top: 36%;
  left: 16%;
}

.svg--diagram__wrapper .icon--click-3 {
  top: 38.5%;
  left: 42%;
  width: 90px;
  height: 90px;
}

.svg--diagram__wrapper .icon--click-4 {
  top: 30%;
  left: 68%;
  width: 60px;
  height: 60px;
}

.svg--diagram__wrapper .icon--click-5 {
  top: 49.5%;
  left: 77.4%;
  width: 60px;
  height: 60px;
}


.eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click {
  height: 80px;
  width: 80px;
}

.eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-1 {
  top: 0.5%;
  left: 34.8%;
}

.eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-2 {
  top: 22%;
  left: 61%;
}

.eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-3 {
  top: 64%;
  left: 61%;
}

.eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-4 {
  top: 85%;
  left: 34.7%;
}

.eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-5 {
  top: 64%;
  left: 8.7%;
}

.eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-6 {
  top: 22%;
  left: 8.7%;
}




#top .big-link--menu {
  padding-top: 1.8em !important;
}

#top .big-link--menu a {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.3em !important;
}

.appended--header-section {
  padding: 30px 0px;
  position: relative;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
}

.logo--appended {
  width: 170px;
  position: relative;
}

.appended--header {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 3em 0em;
  height: 100%;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
  z-index: 99;
  pointer-events: none;
}

.appended--header__inner {
  pointer-events: all;
}

.logo--appended img {
  width: 100%;
}

.logo--appended .white-logo {
  position: absolute;
  top: 0;
  left: 0;
}

section.white-bg,
section.bg-white,
section.section-white--background,
footer,
.dirtywhite--bg-sec {
  z-index: 99999;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
}

section.bg-white .logo--appended .white-logo,
section.white-bg .logo--appended .white-logo,
section.section-white--background .logo--appended .white-logo,
footer .logo--appended .white-logo,
.dirtywhite--bg-sec .white-logo {
  display: none;
}

section.bg-white .appended--header__inner,
section.white-bg .appended--header__inner,
section.section-white--background .appended--header__inner,
footer .appended--header__inner,
.dirtywhite--bg-sec .appended--header__inner {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  margin: auto;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
}

section.section {
  overflow: hidden;
}

section.section.choose-division__main--section {
  padding-top: 0em;
  padding-bottom: 0em;
}


.appended--header .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-1 {
  background: #fff;
}

.appended--header .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-2 {
  top: 5px;
  background: #fff;
}

.appended--header .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-3 {
  top: 10px;
  background: #fff;
}

.appended--header .header-main--nav {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  margin-top: 4px;
  align-items: center;
}

.appended--header .hamburger--menu {
  display: flex;
  flex-wrap: wrap;
  margin-left: 25px;
  align-items: center;
}

.appended--header .hamburger-menu--label {
  padding-right: 10px;
}

.appended--header .hamburger-menu--label p {
  margin: 0px !important;
  color: #00406e !important;
  font-size: 90%;
  position: relative;
  top: 1px;
}

.appended--header .hamburger-menu--icon {
  background: #00406e;
}

.appended--header.active--nav .hamburger-menu--icon {
  background: #32cbff;
}

.appended--header.active--nav .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-1 {
  top: 5px !important;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.appended--header.active--nav .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-2 {
  display: none;
  top: 5px !important;
}

.appended--header.active--nav .hamburger-menu--icon .hamburger-menu--bars.hamburger-menu--bar-3 {
  top: 5px !important;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);

}

.appended--header.active--nav .hamburger-menu--icon .hamburger-menu--bars {
  background: #00406e;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}

.z-index--high header {
  z-index: 99999999;
}

.welcome-to-chematek .pageTitle--main {
  max-width: 600px !important;
}

.choose-division__main {
  padding-bottom: 1em;
}

.home-logos--section .button--inner a {
  font-weight: 700;
  letter-spacing: 0.15em;
}

.homepage-slider--image {
  padding-top: 10em;
}

.homepage-slider--image .content--content {
  max-width: 200px !important;
}

.home-fifth-section--title-block {
  padding-top: 8em !important;
  padding-bottom: 0em !important;
}

.home-bottom--cta.has-overlay--top-reverse {
  overflow: visible;
}

footer .big-link--menu {
  display: none !important;
}

footer .menu-col-1 {
  max-width: 220px;
}

footer .footer-nav ul li ul li {
  margin-bottom: 10px !important;
}

footer .menu-item-has-children.menu-item-59,
footer .menu-item-has-children.menu-item-24 {
  margin-bottom: 0px !important;
}

footer .menu-col-1 ul.sub-menu {
  padding-top: 3px;
}

footer .menu-col-2>ul {
  padding-top: 27px;
}

footer .menu-col-2 .menu-col-2-sub>ul {
  padding-bottom: 0px !important;
}

#top footer .margin-btm-0 {
  margin-bottom: 0px !important;
}

footer ul li.last-main-item a {
  text-transform: uppercase;
}

header .remove-on-header {
  display: none !important;
}




.content-height {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;

}

.content-height--inner {
  height: 700px;
  width: 200px;
  background: orange;
  position: relative;
  border: 1px solid;
}

/*    .content-height--inner.active {
      background: red;
    }*/
.content-height--inner:last-child {
  height: 1400px;
}

.content-slider--section {
  overflow: hidden;
}

.tailored-product-and-distribution-solutions .pageTitle--main {
  max-width: 700px;
}

.tailored-product-and-distribution-blurb .bwt--wrapper {
  max-width: 350px;
}

.interested-in-a-career .title--main {
  max-width: 600px;
  margin: auto;
}

.content-slider--section__post-type .content--title {
  max-width: 350px;
}

.tailored-product-and-distribution-solutions .pageTitle--main {
  max-width: 700px;
}

.so-many-clients .pageTitle--main {
  max-width: 680px;
}

.business-principles .col-second__ .two-columns--content__richt-text {
  padding-top: 4em !important;
}

.were-a-family-business .pageTitle--main {
  max-width: 850px !important;
}

.were-a-family-business .pageTitle--caption {
  max-width: 600px;
}

.excellent-opportunities .multiple--content-richtext {
  max-width: 300px;
}

.excellent-opportunities .columns--image-wrapper {
  max-width: 600px;
  margin: auto;
}

.business-principles .two-columns--content__title {
  max-width: 350px;
}

.we-see-ourselves .pageTitle--main {
  max-width: 800px !important;
}

.we-see-ourselves {
  padding-top: 7em !important;
}

.tailored-product-and-distribution-solutions .pageTitle--caption {
  max-width: 700px;
  margin: auto;
}

.experience-to-make-a-difference .pageTitle--caption {
  max-width: 588px;
  margin: auto;
}

.refinery-services--slide .content--title {
  max-width: 400px;
}

.refinery-services--slide .content--content {
  max-width: 205px !important;
}

.aligned-item--title .content--title {
  max-width: 300px;
}

.aligned-item--title .content--title,
.aligned-item--title .content--sub-title,
.aligned-item--title .content--content,
.aligned-item--title .top--icons__,
.aligned-item--title .content-slider--button {
  margin-left: unset !important;
}

.icon-hover--color {}

.image--block .content--slider__images-each {
  background-image: unset !important;
}

.image--block .content--slider__images-each img {
  display: block !important;
  margin: auto;
  max-width: 600px;
}

.seamless-integration .content--slider__images-each img {
  margin-top: 5em;
}

.always-accountable .content--slider__images-each img {
  max-width: 650px;
  margin-top: -2em;
}

.always-accountable .content--sub-title,
.always-accountable .content--title,
.always-accountable .content--content,
.always-accountable .content-slider--button {
  margin-left: auto !important;
}

.seamless-integration .content--slider__images-each {
  display: flex;
  display: -webkit-flexbox;
  display: -ms-flex;
  align-items: center;
}

.content-fade--regular .content--slider__images-each {
  left: 0 !important;
}

.content-fade--regular .flickity-slider {
  transform: unset !important;
  -ms-transform: unset !important;
  -webkit-transform: unset !important;
}

.always-accountable {
  padding-bottom: 15em !important;
}

.continuous-supply .circle--diagram {
  margin-left: auto;
}

.continuous-supply .content--content {
  max-width: 350px !important;
}

.circle--diagram .circle--diagram__side {
  cursor: pointer;
}

.continuous-supply .coded-diagram--wrapper {
  -webkit-transform: unset !important transform: unset !important;
}

.content-fade--regular.continuous-supply .content--slider__images-each,
.content-fade--regular.continuous-supply .content--slider__images-each.active

/*,
.seamless-integration .content--slider__images-each,
.seamless-integration .content--slider__images-each.active*/
  {
  animation: unset !important;
}

.icon-active--removed .icon--active {
  display: none !important;
}

.what-can-you-expect--sub-title,
.what-can-you-expect--title {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.what-can-you-expect--sub-title h3 {
  color: #32cbff;
  margin: 0px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.2em;
}

.what-can-you-expect--title h2 {
  font-size: 4.5em;
  line-height: 125%;
  font-weight: 600;
  letter-spacing: 2px;
  color: #fff;
  margin: 0px;
}

.what-can-you-expect--wrapper {
  position: relative;
  text-align: center;
}

.what-can-you-expect--title__wrapper {
  text-align: center;
  max-width: 800px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
  z-index: 1;
}

.what-can-you-expect {
  display: none;
}

.seamless-integration .what-can-you-expect,
.why-choose-dmds .what-can-you-expect {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  display: flex;
  display: -ms-flexbox;
  width: 100%;
  align-items: center;
  z-index: 11;
  padding-top: 7em;
}

.what-can-you-expect--image {
  opacity: 0.3;
  max-width: 800px;
  margin: auto;
}

.why-choose-dmds .what-can-you-expect--image {
  max-width: 500px;
}

.what-can-you-expect--sub-title {
  margin-bottom: 20px;
}

.seamless-integration .what-can-you-expect,
.why-choose-dmds .what-can-you-expect {
  position: absolute;
  top: 0;
  width: 100%;
}

.why-choose-dmds .what-can-you-expect {
  padding-bottom: 0em;
  padding-top: 0em;
}

.what-can-you-expect--inner {
  width: 100%;
}

.what-can-you-expect {
  background: #002642;
}

.what-can-you-expect--title__inner--wrapper {
  cursor: pointer;
}

.why-choose-dmds .what-can-you-expect--icons .top--icons__ ul {
  justify-content: center;
}


/* New Added CSS */

.content_with_2_buttons_custom_html_left .button--inner {
  margin-top: 1em;
}

.content_with_2_buttons_custom_html_left .content-slider--button {
  text-align: left;
}

.content_with_2_buttons_custom_html_left .richtext--wrapper {
  text-align: left;
  max-width: 200px;
  margin-left: auto;
}

.content_with_2_buttons_custom_html_left .row--1 {
  margin-bottom: 8em;
}

.content_with_2_buttons_custom_html_left {
  background-repeat: no-repeat;
  background-size: 600px;
  background-position: center 8%;
}

.table--data__row {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.table--data__row .table--data__col {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
  border-bottom: 1px solid #32CBFF;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}

.table--data__row .table--data__col:first-child {
  border-right: 1px solid #32CBFF;
  padding-left: 0em;
}

.table--data__row:last-child .table--data__col {
  border-bottom: 0px solid;
}

.table--data__row .table--data__col {
  padding: 1em;
}

.table--data__row .table--data__col p {
  margin-bottom: 0px;
  color: #32CBFF;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.table--data {
  /*  margin-top: -1em;*/
}

.list-table--inner .list-table--each:first-child {
  padding-top: 0em;
}

.content_with_list_items_3 .row.row-2 {
  margin-top: 5em;
}

.list-table--text p {
  font-weight: 700;
}

.content_with_list_items_3 .list-table--text p {
  color: #32cbff !important;
}

.list-table--each {
  padding: 1.5em 0em;
}

.large--title h2,
.content_with_2_buttons_custom_html_left h2 {
  font-size: 4.5em !important;
  line-height: 125% !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}

.chematek--delivers__image {
  position: relative;
}

.chematek--delivers__image--title {
  position: absolute;
  bottom: 150px;
  max-width: 300px;
}

.chematek--delivers__image--title h3 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 3.3em;
  margin: 0px;
  line-height: 1.2em;
}

.chematek--delivers__content--title {
  padding-bottom: 45px;
}

.chematek--delivers__content--title h3 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 3.1em;
  margin: 0px;
  line-height: 1.2em;
}

.chematek--delivers__content {
  position: relative;
  padding-bottom: 37px;
  max-width: 550px;
  margin-left: auto;
  margin-right: 60px;
}

.on-hand-support .chematek--delivers__content:last-child {
  padding-bottom: 0em !important;
}

.chematek--delivers__center-image {
  position: absolute;
  left: -150px;
  max-width: 32%;
  top: -20px;
}

.on-hand-support .chematek--delivers__center-image {
  max-width: 32%;
  top: 0px;
}

.chematek--delivers__image {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  height: 100%;
}

.chematek--delivers-2 .chematek--delivers__center-image,
.chematek--delivers-3 .chematek--delivers__center-image {
  max-width: 22%;
  top: -16px;
}

.chematek--delivers__center-image svg {
  width: 100% !important;
}

.chematek--delivers__image--wrapper {
  position: relative;
  width: 100%;
}

.chematek--delivers__texts .chematek--delivers__content .chematek--delivers__title h3 {
  color: #32cbff;
  margin: 0px;
  font-size: 18px;
  letter-spacing: 0.15em;
  line-height: 32px;
  font-weight: 700;
}

.chematek--delivers__texts .chematek--delivers__content.odd__ {
  margin-left: 65px;
}

.chematek--delivers__image--inner {
  max-width: 500px;
  margin-left: auto;
  margin-right: 5%;
}

.chematek--delivers__texts {
  padding-top: 15px;
  position: relative;
}

.the-white--bg {
  background: #f7f9fb !important;
}

.the-white--bg h2,
.the-white--bg p {
  color: #00406E;
}

.left-align--blurb.four--columns__blurb .bwt--title {
  margin: unset !important;
}

.contents-with--image__inner .content--content {
  max-width: 350px;
}

.creating-value .content--content {
  max-width: 300px !important;
  margin-left: unset;
}

.partners-slide--section .content--content {
  max-width: 212px !important;
}

.fuel-additives-list .contents--wrapper {
  margin: unset !important;
}

.comprehensive-range-dyes .items--each a {
  text-transform: uppercase;
}

.comprehensive-range-dyes {
  padding-bottom: 15em !important;
}

.fuel-additives-list .items--each {
  padding-right: 1em;
}

.fuel-additives-list .items--each a {
  pointer-events: none;
}

.list-pointnone .items--each a {
  pointer-events: none;
}

.product--range .content--content {
  max-width: 250px;
}

.page-id-688 .hero-banner--title {
  max-width: 600px;
}

.synhydrid-banner .hero-banner--title {
  max-width: 750px;
}

.custom-diagram--dots__top-text p {

  color: #32CBFF;
  font-weight: 700;

}

.custom-diagram--dots__top-text {
  position: absolute;
  right: 3%;
  top: 85px;
}

.four-cols-blurb .row-2 .col-md-4 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.reduction-actions {
  padding-top: 4em;
}

.reduction-actions .row.row-2 {
  padding-top: 15px;
}

.reduction-actions .content--sub-title h4 {
  font-size: 18px;
}

.reduction-actions .row.row-2 .contents--wrapper {
  max-width: 450px;
}

.section.catalyst-sulfiding--blurbs .bwt--wrapper {
  padding-bottom: 6em;
}

.contents_image_right_text_left .title--list {
  color: #32cbff;
  margin: 0px;
  font-size: 18px !important;
  letter-spacing: 0.15em;
  line-height: 32px;
  font-weight: 700;
}

.what-can-you-expect {
  opacity: 1;
  visibility: visible;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
}

.fadeaway {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
}

.synhydrid-eni .content--slider__images-each {
  background-image: unset !important;
}

.synhydrid-eni .content--slider__images-each img {
  display: block !important;
  margin-left: auto !important;
  max-width: 550px;
}

.synhydrid-eni .content-slider--text {
  padding-top: 3em;
}

.helping-develop-your-business .content--slider__images-each {
  background-image: unset !important;
}

.helping-develop-your-business .content--slider__images-each img {
  display: block !important;
  max-width: 600px;
  margin: auto;
}

.partnering-with-us .bwt-caption {
  max-width: 320px;
}

.helping-develop-your-business {
  padding-bottom: 10em !important;
}

/*.helping-develop-your-business .container {
  max-width: 1320px;
}*/
.font-weight-600 p {
  font-weight: 600;
}

.modified-synhydrid .large-cta-wrapper {
  max-width: 100% !important;
}

.modified-synhydrid .title--main h2 {
  letter-spacing: 0.15em !important;
}

.has-overlay--bottom {}

.page-overlay--bot {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(to bottom, rgba(0, 38, 66, 1) 0%, rgba(0, 38, 66, 0.84) 10%, rgba(125, 185, 232, 0) 30%);
  background: -webkit-linear-gradient(to bottom, rgba(0, 38, 66, 1) 0%, rgba(0, 38, 66, 0.84) 10%, rgba(125, 185, 232, 0) 30%);
  background: linear-gradient(to bottom, rgba(0, 38, 66, 1) 0%, rgba(0, 38, 66, 0.84) 10%, rgba(125, 185, 232, 0) 30%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002642', endColorstr='#007db9e8', GradientType=0);
  transform: rotate(180deg);
}

.has-overlay--bottom .page-overlay--bot {
  display: block;
}

.overlay-top-adjust .has-overlay--bottom .page-overlay--top {
  margin-top: -10vh !important;
}

.modified-synhydrid .page-overlay--top {
  background: -moz-linear-gradient(to bottom, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 25%, rgba(125, 185, 232, 0) 50%);
  background: -webkit-linear-gradient(to bottom, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 25%, rgba(125, 185, 232, 0) 50%);
  background: linear-gradient(to bottom, rgba(0, 38, 66, 1) 14%, rgba(0, 38, 66, 0.84) 25%, rgba(125, 185, 232, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002642', endColorstr='#007db9e8', GradientType=0);
}

.list-table--each.two-list--items {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.list-table--each.two-list--items .list-table--text {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.list-table--wrapper--title {
  display: flex;
  display: -webkit-flexbox;
  display: -ms-flex;
  flex-wrap: wrap;
  padding: 1.5em 0em;
  border-bottom: 1px solid #32CBFF;
}

.list-table--wrapper--title .list-table--wrapper--title__item {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  max-width: 100%;
}

.list-table--wrapper--title.list-table--wrapper--title-two .list-table--wrapper--title__item {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
}

.list-table--wrapper--title__item p {
  color: #fff;
  margin: 0px;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 700;
}

.list-table--wrapper.list-has-title .list-table--inner .list-table--each:first-child {
  padding-top: 1.5em;
}

.list-table--wrapper.list-table--wrapper-right__text {
  margin-left: unset;
}

/* width */
.list-table--each__wrapper.has-scroll--list__wrapper::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.list-table--each__wrapper.has-scroll--list__wrapper::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid #32CBFF;
  border-radius: 5px;
}

/* Handle */
.list-table--each__wrapper.has-scroll--list__wrapper::-webkit-scrollbar-thumb {
  background: #32CBFF;
  border-radius: 5px;
}

/* Handle on hover */
.list-table--each__wrapper.has-scroll--list__wrapper::-webkit-scrollbar-thumb:hover {
  background: #1da4d2;
}

.list-table--each__wrapper.has-scroll--list__wrapper {
  height: 500px;
  overflow-y: auto;
  padding-right: 20px;
}

.synhydri-api-lists .list-table--each__wrapper.has-scroll--list__wrapper {
  height: 810px;
}

.has-scroll--list__wrapper-col .list-table--wrapper--title {
  margin-right: 30px;
  padding-top: 0em;
}

.synhydri-api-lists .contents--wrapper {
  max-width: 300px;
  margin-left: auto;
}

.synhydri-api-lists {
  padding-bottom: 15em !important;
}

.synhydrid-applications--sec .pageTitle--title h2 {
  color: #00406E !important;
}

.synhydrid-applications--description p {
  color: #383E43 !important;
}

.applications--diagram__main svg {
  width: 100% !important;
}

.synhydrid-applications--sec,
.synhydrid-applications--diagram {
  padding-bottom: 0em !important;
}

.synhydrid-applications--diagram {
  padding-top: 200px !important;
}

.synhydrid-applications--description .pageTitle--main {
  max-width: 600px !important;
}

.synhydrid-applications--description .button--wrapper.blue-bg a {
  color: #32CBFF;
  background: #00406E;
  border-color: #00406E;
}

.synhydrid-applications--description .button--wrapper.blue-bg a:hover {
  background: #32CBFF !important;
  color: #00406E !important;
  opacity: 1;
}

.synhydrid-applications--description {
  padding-top: 2em !important;
  padding-bottom: 10em !important;
}

.applications--diagram__main--inner {
  max-width: 1100px;
  margin: auto;
}

.eliminate-supply-chain-disruption .content--content {
  padding-top: 1em !important;
}

.eliminate-supply-chain-disruption .coded-diagram--wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  text-align: center;
}

.eliminate-supply-chain-disruption .container {
  max-width: 1200px;
}

.eliminate-supply-chain-disruption .coded-diagram--wrapper svg {
  max-width: 400px;
  margin-top: -3em;
  margin-right: -10%;
}

.container-management-packaging-options .content--title {
  width: 200% !important;
}

.container-management-packaging-options .content--content {
  max-width: 300px;
}

.chematek-difference-cta .title--main h2 {
  letter-spacing: 0.15em !important;
}

.expertise-blurbs .bwt-caption p {
  font-weight: 500;
  color: #18242A !important;
  font-size: 15px;
  line-height: 1.4em !important;
}

.modified-synhydrid .caption--main p {
  font-size: 20px;
}

.verus--slider .content-count-1 .content--title {
  width: 100%;
}

.verus--slider .content--content {
  max-width: 315px !important;
}

.verus-chematek-blurb .bwt--title {
  max-width: 250px;
  margin: auto;
}

.eni-lubricants .title--main h2 {
  letter-spacing: 10px;
}

.eni-australia--slider {}

.eni-australia--slider .content-slider--button {
  padding-top: 3em !important;
}

.eni-australia--slider .slider--arrows {
  position: absolute !important;
  z-index: 9;
}

.choose-a-division {
  padding-top: 2em !important;
}

.what-type-of-person {
  padding-bottom: 15em !important;
}

/*.solving-problems-creating-value .two-columns--content__wrapper {
  max-width: 500px;
  margin-left: auto;
}*/
.case-studies--slider {
  padding-bottom: 4em !important;
}

.creating-value .content--content {
  margin-left: unset !important;
}

/*.your-fine-chemicals-specialist .two-columns--content__wrapper {
    max-width: 500px;
    margin-left: auto;
}*/
.our-product--range .button--wrapper a {
  padding: 10px 40px !important;
}

/*.an-integrated-solution .two-columns--content__wrapper {
    max-width: 500px;
    margin-left: auto;
}*/
.chematek-is-your-fuel-additive-specialist .pageTitle--title {
  max-width: 600px;
  margin: auto;
}

.chematek-is-your-fuel-additive-specialist .pageTitle--caption {
  max-width: 700px;
  margin: auto;
}

/*.your-specialist-for-solvent .two-columns--content__wrapper {
  max-width: 600px;
  margin-left: auto;
}*/
.the-chematek-difference-blurb .bwt--wrapper {
  max-width: 340px !important;
  margin: auto;
}

.comprehensive-range-dyes .items--wrapper,
.no--scroll .items--wrapper {
  height: auto !important;
  overflow-y: unset !important;
}

.chematek-is-your-refinery .pageTitle--caption {
  max-width: 650px;
  margin: auto;
}

.accreditations-memberships-banner .hero-banner--title {
  max-width: 500px;
}

.modified-synhydrid--title .pageTitle--caption {
  max-width: 700px;
  margin: auto;
}

.expanding-knowledge .content--sub-title {
  max-width: 100% !important;
}

.expanding-knowledge .content--slider__images-each img {
  margin-top: -3em;
}

.new-api-pathways .content--slider__images-each img {
  margin-top: -3em;
}

.new-api-pathways .content--slider__wrapper,
.expanding-knowledge .content--slider__wrapper {
  /*      width: 500px;
      margin-right: -100px*/
  ;
}

.new-api-pathways .content--content,
.expanding-knowledge .content--content {
  max-width: 100% !important;
}

.we-accompany-industrial .quote--wrapper {
  max-width: 820px;
}

.dp-none {
  display: none !important;
}

#page .accreditation-image-content .content--slider__images-each {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
}

#page .accreditation-image-content .content--slider__images-each.active {
  opacity: 1 !important;
  visibility: visible !important;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
}

#page .accreditation-image-content .content--slider__images-each {
  padding-left: 5%;
}


.disabled-element__ {
  pointer-events: none;
}

.disabled-element__ .items-accordion--icon {
  display: none;
}

.accreditation-slider--diagram .svg--diagram__wrapper .icon--click-1 {
  top: 27%;
  left: 40%;
  height: 70px;
  width: 70px;
}

.accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
  top: 81%;
  left: 28%;
  width: 75px;
  height: 70px;
}

.accreditation-slider--diagram .svg--diagram__wrapper .icon--click-3 {
  top: 10.5%;
  left: 4%;
  width: 70px;
  height: 70px;
}

.accreditation-slider--diagram .svg--diagram__wrapper .icon--click {}

#page .accreditation-image-content .content--slider__images-each defs rect {
  opacity: 1 !important;
  visibility: visible;
}

.the-synhydrid-difference .content--title {
  max-width: 100%;
}

.the-synhydrid-difference .content--slider__images-each img {
  margin-top: -3em;
}

.the-synhydrid-difference {
  padding-top: 0em !important;
}

.the-synhydrid-difference .content--content {
  max-width: 360px !important;
}

.modified-synhydrid {
  height: 120vh;
}

.modified-synhydrid .page-overlay--top {
  margin-top: -10vh !important;
}

.modified-synhydrid {}

.synhydri-api-lists .list-table--each {
  visibility: visible !important;
  opacity: 1 !important;
}

.diagram-2 .full-diagram svg {
  width: 100% !important;
}

.content-slider--button__2 a {
  margin: 0px 12px;
}

.margin-left__auto .content--sub-title,
.margin-left__auto .content--title,
.margin-left__auto .content--content,
.margin-left__auto .content-slider--button {
  margin-left: auto !important;
}

.margin-left__auto .content--sub-title,
.margin-left__auto .content--title,
.margin-left__auto .content--content,
.margin-left__auto .content-slider--button {
  max-width: 100% !important;
}

.epc-services.content-slider--section .small-device--image {
  max-width: 500px;
}

.epc-lists__ .content-slider--button a {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 100px;
  background: #32CBFF;
  color: #00406E;
  letter-spacing: 1.5px;
  border: 2px solid #32CBFF;
  font-weight: 600;
  margin-bottom: 1em;
  background: #32CBFF !important;
}

#page .epc-lists__ .content-slider--button a:hover {
  color: #32CBFF !important;
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.epc-lists__ .button--inner {
  text-align: left;
}

.epc-lists__ .contents--wrapper {
  padding-top: 65px;
  max-width: 300px;
  margin-left: auto;
}

.epc-lists__ .list-table--wrapper__main {
  max-width: 700px;
}

#page .list-table--title__content p {
  margin: 0px;
  line-height: 1.7em;
  color: #F7F9FB !important;
  font-size: 15px;
  margin-bottom: 2em;
  font-weight: 400;
}

#page .epc-lists__ .list-table--title__content p {
  letter-spacing: unset;
}

.list-table--title__content {
  padding-top: 0.5em;
  display: none;
}

.list-table--title__wrapper {
  cursor: pointer;
}

.list-table--wrapper__box {
  position: relative;
  padding-left: 90px;
}

.list-table--wrapper__box:before {
  padding-left: 100px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-size: 59px;
  height: 100%;
  width: 80px;
  background-repeat: no-repeat;
  top: 10px;
}

.list-table--wrapper__box .content--title {
  padding-bottom: 1.5em;
}

.epc-lists__ .list-table--wrapper {
  padding-bottom: 5.25em;
}

.epc-lists__ .list-table--wrapper:last-child {
  padding-bottom: 0em !important;
}

.blurb-with-title-section.section-white--background .title--main h2 {
  color: #00406E;
}

.full-service-solutions .pageTitle--caption {
  max-width: 450px;
  margin: auto;
}

.align-left--main__title {
  text-align: left !important;
}

.align-left--main__title .pageTitle--main {
  max-width: 100% !important;
}

.align-left--main__title .row.center--row {
  justify-content: flex-start;
}

.available-technologies .content--content p {
  font-size: 18px;
}

.available-technologies .col-1-md .contents--wrapper {
  max-width: 300px;
}

.section.logos--section {
  padding: 200px 0px;
}

.blurb--title__has-letter-spacing .bwt--title h4 {
  letter-spacing: 0.15em;
}

.content-items--section .items--each:last-child {
  border-bottom: 1px solid transparent;
}

.applications-industries-title .pageTitle--caption {
  max-width: 550px;
  margin: auto;
}

.unclickable-list__ .items--each a {
  pointer-events: none;
}

.width-full-list .col-md-6 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.width-full-list .contents--wrapper {
  max-width: 100% !important;
  padding-bottom: 4em;
}

.water-treatment-case-study .large-cta-wrapper {
  max-width: 600px !important;
}

.epc-diagram .content--slider__images-each svg {
  right: -2%;
  width: 95% !important;
  margin-top: -5em;
  position: relative;
}

.epc-diagram .svg--diagram__wrapper .icon--click-2 {
  top: 9%;
  left: 21%;
  width: 65px;
  height: 65px;
}

.epc-diagram .svg--diagram__wrapper .icon--click-1 {
  top: 34.5%;
  left: 10.8%;
  width: 70px;
}

.epc-diagram .svg--diagram__wrapper .icon--click-3 {
  top: 37.5%;
  left: 39.5%;
  width: 100px;
}

.epc-diagram .svg--diagram__wrapper .icon--click-4 {
  top: 28%;
  left: 67.5%;
}

.epc-diagram .svg--diagram__wrapper {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform-origin: bottom;
  margin-top: 5em;
}

.overflow--unset {
  overflow: unset !important;
}

.overflow--unset__wrapper .content--slider__images-each {
  overflow: unset !important;
}

.slider-image-section__content {
  text-align: center;
}

.slider-image-section__each {
  margin: 0em 2em;
}

.slider-image-section__content .slider-image-section__title h4 {
  margin: 0px;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 700;
  color: #32cbff;
  letter-spacing: 0.15em;
}

.slider-image-main {
  position: relative;

}

.slider-image-section__overlay {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

.slider-image-section__overlay .slider-image-section__overlay-left,
.slider-image-section__overlay .slider-image-section__overlay-right {
  /*  background: -moz-linear-gradient(top, rgba(0,38,66,1) 25%, rgba(0,38,66,0.84) 50%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,38,66,1) 25%,rgba(0,38,66,0.84) 50%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(0,38,66,1) 25%,rgba(0,38,66,0.84) 50%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002642', endColorstr='#007db9e8',GradientType=0 );*/

  width: 160%;
  height: 100%;
  position: relative;
}

.slider-image-section__overlay .slider-image-section__overlay-left {

  /*    transform: rotate(
-90deg
 ) translateY(0%);*/
  left: -10%;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 38, 66, 1) 67%);
}

.slider-image-section__overlay .slider-image-section__overlay-right {

  /*    transform: rotate(
90deg
 ) translateY(0%);*/

  right: -10%;
  background: rgb(255, 255, 255);
  background: linear-gradient(-270deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 38, 66, 1) 67%);
}

.slider-image-section__btn-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  z-index: 2;
  justify-content: space-between;
}

.slider-image-section__btn-wrapper .slider--arrows__inner {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  z-index: 2;
  justify-content: space-between;
  width: 100%;
  margin-top: -8em;
}

.slider-image-main .slick-arrow {
  display: none !important;
}

.slider-image-main .slider--arrows__icon {
  cursor: pointer;
  pointer-events: all;
}

.slider-image-section__btn-wrapper {
  pointer-events: none;
}

.slider-image-section__each .slider-image-section__img {
  min-height: 455px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.slider-image-section__each .slider-image-section__img img {
  width: 100%;
}

.oil-and-gas-slider .slider-image-section__each .slider-image-section__img {
  max-width: 300px;
  margin: auto;
  padding-bottom: 2em;
}

.slider-image-main .slider-image-section__inner {
  width: 120%;
  margin-left: -10%;
}

.high-performance-oil-lubricants .pageTitle--title {
  max-width: 500px;
  margin: auto;
}

.oil-lubricants-diagram-1 .content--content {
  max-width: 300px !important;
}

.oil-lubricants-diagram-2 .content--title {
  max-width: 350px !important;
}

.oil-lubricants--slider .content--content {
  padding-top: 0em;
}

.oil-lubricants--slider .content--content {
  max-width: 220px !important;
}

.align-right-diagram .coded-diagram--wrapper {
  text-align: right;
}

.align-right-diagram .svg--diagram__wrapper {
  width: 500px;
  margin-left: auto;
}

.align-right-diagram .svg--diagram__wrapper svg {
  width: 100%;
}

.oil-lubricants-diagram-1 .svg--diagram__wrapper {
  transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -webkit-transform: translateY(-20%);
}

.oil-lubricants-diagram-1 .svg--diagram__wrapper .icon--click {
  width: 100px !important;
  height: 100px !important;
}

.oil-lubricants-diagram-1 .svg--diagram__wrapper .icon--click-1 {
  top: 1.5%;
  left: 40.8%;
}

.oil-lubricants-diagram-1 .svg--diagram__wrapper .icon--click-2 {

  top: 42%;
  left: 82%;
}

.oil-lubricants-diagram-1 .svg--diagram__wrapper .icon--click-3 {
  top: 80.5%;
  left: 40.5%;
}

.oil-lubricants-diagram-1 .svg--diagram__wrapper .icon--click-4 {
  top: 42%;
  left: -2%;
}

circle.diagram-icon-1 {
  stroke-width: 1;
}

.what-to-expect-blurbs {
  padding-top: 250px !important;
  padding-bottom: 200px !important;
}

.two_column_image_and_btn--wrapper {
  text-align: center;
  padding: 10em 0em;
}

.two_column_image_and_btn--wrapper.two_column_image_and_btn--wrapper-1 {
  border-right: 1px solid #32CBFF;
}

.two_column_image_and_btn-button {
  margin-top: 4em;
}

.content-contact--section-blue-bg input[type="submit"],
.two_column_image_and_btn-button a {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 100px;
  background: #32CBFF;
  color: #00406E !important;
  letter-spacing: 1.5px;
  border: 2px solid #32CBFF;
  font-weight: 600;
  margin-bottom: 1em;
  background: #32CBFF !important;
}

.content-contact--section-blue-bg input[type="submit"]:hover,
.two_column_image_and_btn-button a:hover {
  color: #32CBFF !important;
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

section.hero-banner.contact--banner .hero-banner--each .hero-banner--overlay__top {
  background-position: center 20em;
  background-repeat: no-repeat;
}

section.hero-banner.contact--banner .slider-bottom--overlay {
  background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 70%, rgba(0, 38, 66, 0.84) 86%, rgba(0, 38, 66, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 70%, rgba(0, 38, 66, 0.84) 86%, rgba(0, 38, 66, 1) 100%);
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 70%, rgba(0, 38, 66, 0.84) 86%, rgba(0, 38, 66, 1) 100%);
}

section.hero-banner.contact--banner .hero-banner--each .hero-banner--each__content {
  align-items: center !important;
}

.blurb-with-repeat-text .bwt--wrapper {
  padding-bottom: 6em;
}

.blurb-with-repeat-text .bwt--wrapper__inner-content--each {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding-bottom: 2em;
}

.blurb-with-repeat-text .bwt--wrapper__inner-content .bwt--wrapper__inner-content--each:nth-child(2) {
  align-items: flex-start;
}

.blurb-with-repeat-text .bwt--wrapper__inner-content .bwt--wrapper__inner-content--each .bwt-caption {
  padding-top: 5px;
}

.blurb-with-repeat-text .title--container {
  padding-bottom: 4em;
}

.blurb-with-repeat-text .bwt--wrapper__inner-content--each .bwt--icon {
  margin-right: 15px;
  padding-bottom: 0px;
  max-width: 35px;
}

.blurb-with-repeat-text .bwt-caption p,
.blurb-with-repeat-text .bwt-caption a {
  margin: 0px;
}

.blurb-with-repeat-text .bwt--wrapper__inner-content--each .bwt--wrapper__inner-title {
  padding-bottom: 1.5em;
}

.blurb-with-repeat-text .bwt--wrapper__inner-title {
  padding-bottom: 2em;
}

.contactpage-top-title .pageTitle--caption {
  max-width: 600px;
  margin: auto;
}

.selector-map__wrapper {
  display: none;
  padding-top: 1em;
}

.contactpage-top-title .selector-map__wrapper {
  display: block;
}

.selector-map__inner {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
}

.selector-map__inner .selector-map__column {
  margin: 0px 12px;
  min-width: 220px;
  position: relative;
}

section.contactpage-top-title {
  overflow: visible;
}

.selector-map__wrapper .selector-map__select {
  display: inline-block;
  padding: 10px 40px 10px 40px;
  border-radius: 25px;
  letter-spacing: 1.5px;
  border: 2px solid #32CBFF;
  font-weight: 600;
  background: #32CBFF;
  cursor: pointer;
  width: 100%;
  margin-bottom: 0px;

}

.selector-map__column.active .selector-map__select {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.selector-map__wrapper .selector-map__select p {
  margin: 0px !important;
  color: #00406E !important;
  font-weight: 600;
}

.selector-map__wrapper .selector-map__select:hover {

  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  opacity: 1;
}

.selector-map__wrapper .selector-map__select:hover p {
  color: #32CBFF !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.selector-map__wrapper .selector-map__select:hover .arrow-line__ {
  background: #32CBFF;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.selector-map__wrapper .arrow-line__,
.selector-map__wrapper .active .arrow-line__ {
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.arrow-down--box {
  width: 30px;
  position: relative;
  margin-left: 10px;
}

.selector-map__wrapper .selector-map__select .selector-map__select--inner {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
}

.selector-map__wrapper .selector-map__select .arrow-line__ {
  width: 2px;
  position: absolute;
  background: #00406E;
  height: 13px;
  top: 6px;
}

.selector-map__wrapper .selector-map__select .arrow-line__1 {
  right: 9px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.selector-map__wrapper .selector-map__select .arrow-line__2 {
  right: 0;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}



.selector-map__wrapper .selector-map__column.active .selector-map__select .arrow-line__1 {
  right: 9px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.selector-map__wrapper .selector-map__column.active .selector-map__select .arrow-line__2 {
  right: 0;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.selector-map__dropdown {
  /*background: #32CBFF;
    padding: 10px 1px;
    text-align: left;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 1px;
    display: none;*/
}

.selector-map__dropdown {
  cursor: pointer;
}

.selector-map__dropdown p {
  font-weight: 600;
  margin: 0px !important;
  color: #32CBFF !important;
}

.select-map__drop--option {
  padding: 10px 22px 10px 22px;
  cursor: pointer;
}

.select-map__drop--option:hover {
  background: #32CBFF !important;

  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.select-map__drop--option:hover p {
  color: #00406E !important;
  transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
}

.selector-map__dropdown {
  margin-top: 0px;
  display: none;
  position: absolute;
  z-index: 999999;
  width: 100%;
  border: 1px solid #32CBFF;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-top: 1px;
  overflow: hidden;
  background: #002642;
  border-top: 0px solid;
}

.selector-map__dropdown .select-map__drop {
  text-align: left;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.blir--each__content p,
.blir--each__content p span {
  font-weight: 700;
}

.map-option-output--wrapper .bwt-caption a {
  line-height: 1.5em;
  /* color: #A6ADB3; */
  font-size: 16px;
}

.map-option-output--wrapper .sub-title--main,
.map-option-output--wrapper .title--main {
  padding-bottom: 2em;
}

.map-option-output--wrapper .bwt--wrapper__inner-content--each:nth-child(2) {
  align-items: flex-start;
}

.map-option-output--wrapper .title--main h2 {
  color: #00406E;
}

.map-option-output--wrapper .bwt-caption a,
.map-option-output--wrapper .bwt-caption p {
  color: #383E43;
}

.map-option-output--wrapper .bwt-caption p {
  margin: 0px;
  line-height: 1.5em;
  font-size: 16px;
}

.map-option-map_data {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.map-option-map_data .map-option-map_data--wrapper {
  width: 100%;
  height: 100%;
  pointer-events: all;
}

.map-option-map_data .row,
.map-option-map_data .row .col-md-6 {
  height: 100%;
}

.map-option-map_data--wrapper,
.map-option-map_data--wrapper .mapouter,
.map-option-map_data--wrapper .gmap_canvas,
.map-option-map_data--wrapper iframe {
  height: 100%;
  width: 100%;
}

.content-contact--section .company-social ul li .social-icon--wrapper {
  background: #32CBFF;
  border: 1px solid #32CBFF;
}

.content-contact--section .company-social ul li .social-icon--wrapper i {
  color: #00406E;
}

.content-contact--section .social-icon--wrapper:hover {
  border: 1px solid #32CBFF;
  /* color: #32CBFF !important; */
  background: #002642 !important;
  border-color: #32CBFF !important;
  transition: 0.3s all ease;
}

.content-contact--section .social-icon--wrapper:hover i {
  color: #32CBFF !important;
}

.blue-grey-text .bwt-caption p {
  color: #A6ADB3;
}

.tailored-product-and-distribution-blurb .bwt-caption p {
  font-size: 14px;
}

.large--paragraph .content--content p {
  font-size: 18px;
}

.your-fine-chemicals-specialist .content--sub-title {
  width: 120%;
  !important
}

.solvent-markers-and-dyes--banner .hero-banner--title {
  max-width: 600px;
}

.oil-lubricants--banner .hero-banner--title {
  max-width: 600px;
}

.oil-lubricants-diagram-1 .content--sub-title {
  max-width: 500px !important;
}

.to-center--contents.content-right-slider-left .content--slider__images-each img {
  max-width: 500px;
}

.expertise-from-expertise .large-p p {
  font-size: 15px;
  line-height: 1.7em !important;
}

.helping-develop-your-business.to-center--contents.content-right-slider-left .content--slider__images-each img {
  max-width: 600px !important;
}

.always-accountable.to-center--contents.content-right-slider-left .content--slider__images-each img {
  max-width: 600px !important;
}

.careers-quote .quote--wrapper {
  max-width: 650px;
}

.map-option-output--each {
  display: none;
}

.map-option-output--each.active {
  display: block;
}
.map-option-output--wrapper {
    text-align: left;
}
section.section.page--sections.page-title--section.blurb-with-repeat-text.pad-bot-0-em.contact--locations .bwt--wrapper__inner-main {
    text-align: left;
}
.why-choose-dmds .to-sticky-trigger {
  padding-top: 5vh !important;
}

.why-choose-dmds .content--slider__images-each.active {
  animation-name: unset !important;
}

.remove--animation {
  animation-name: unset !important;
}

.the-result--wrapper {
  padding-top: 100px;
}

.two-columns-with-testimonial-section .two-columns-section-col-2 .gallery--image__each {
  min-height: 20em;
}

.section.content-contact--section {
  padding: 170px 0px 100px;
}

.no-letter-spacing .bwt--title h4 {
  letter-spacing: unset;
}

.oil-lubricants-diagram-1 .content-slider--text.active .content--sub-title,
.oil-lubricants-diagram-1 .content-slider--text.active .content--title,
.oil-lubricants-diagram-2 .content-slider--text.active .content--sub-title {
  opacity: 1;
  visibility: visible !important;
  animation: unset !important;
}

.accreditation-slider--diagram .top--icons__,
.accreditation-slider--diagram .content--content,
.accreditation-slider--diagram .content-slider--button {
  margin-left: unset !important;
}

.accreditation-slider--diagram .content--content {
  padding-left: 18px;
}

#page .accreditation-slider--diagram .content--slider__images-wrapper {
  transform: translateX(0%);
  transform: translateY(0%) !important;
}

.accreditation-slider--diagram .content--slider__wrapper {
  display: flex;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
}

.accreditation-slider--diagram .content--slider__data {
  position: relative;
}

.accreditation-slider--diagram .content--slider__wrapper {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}

.accreditation-slider--diagram .content--slider__data {
  position: relative;
}

.diagram-asymble__inner {
  position: relative;
}

.diagram-asymble__box {
  width: 650px;
  margin: auto;
  position: relative;
  height: 550px;
}

.applications--diagram__asymble {
  padding-top: 5em;
}

.diagram-asymble__each {
  position: absolute;
}

.diagram-asymble__each-1 {
  right: 0;
  z-index: 1;
}

.diagram-asymble__each-2 {
  right: -12px;
  top: 172px;
  z-index: 2;
}

.diagram-asymble__each-3 {
  right: 164px;
  top: 231px;
  z-index: 3;
}

.diagram-asymble__each-4 {
  right: 282px;
  top: 231px;
  z-index: 4;
}

.diagram-asymble__each-5 {
  right: 329px;
  top: 17px;
  z-index: 2;
}

.diagram-asymble__each-6 {
  right: 329px;
}

.applications--diagram__asymble-title {
  text-align: center;
}

.applications--diagram__asymble-title .pageTitle--title h2 {
  color: #00406E !important;
  font-weight: 600;
  font-size: 3.3em;
  line-height: 1.2em;
  margin: 0px;
}

.applications--diagram__asymble-title .pageTitle--main {
  max-width: 850px;
  margin: auto;
}

.aligned-sub-title .content--sub-title {
  margin-left: unset !important;
  max-width: unset !important;
}

.diagram--offering svg {
  width: 100% !important;
}

.synhydrid-diagram--icons {
  background: transparent !important;
}

.synhydrid-diagram--icons .diagram--offering__caption p {
  max-width: 150px;
  color: #fff !important;
  margin: auto;
  font-size: 15px;
  font-weight: 400;
  left: 0;
  right: 0;
  margin: auto;
}

.synhydrid-diagram--icons .diagram--offering__captions {
  width: 105%;
  margin-left: -2.5%;
}

.synhydrid-diagram--icons .diagram--offering__captions {
  margin-top: -50px;
}

.diagram-asymble__captions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.diagram-asymble__caption-text {
  padding-left: 10px;
  max-width: 130px;
  margin-left: 15px;
}

.diagram-asymble__caption-text p {
  color: #004D84;
  margin: 0px;
  line-height: 1.4em;
  letter-spacing: 0.15em;
  font-weight: 700;
}

.diagram-asymble__caption-wrapper {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  padding-right: 10px;
}

.diagram-asymble__caption-icon {
  border: 1px solid #32CBFF;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.diagram-asymble__caption-icon svg {
  width: 75%;
}

.diagram-asymble__captions-each {
  display: inline-block;
  position: absolute;
  z-index: 100;
}

.diagram-asymble__caption-wrapper {
  position: relative;
}

.diagram-asymble__captions-each:after {
  content: "";
  position: absolute;
  height: 2px;
  background: #32CBFF;
  width: 200px;
  right: 0;
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  top: 50%;
}

.diagram-asymble__captions-each-left {
  padding-right: 10px;
}

.diagram-asymble__captions-each-right {
  padding-left: 10px;
  right: 0;
}

.diagram-asymble__captions-each-right .diagram-asymble__caption-text {
  max-width: 185px;
  text-align: right;
  margin-left: 0;
  padding-left: 0;
  padding-right: 10px;
  margin-right: 15px;
}

.diagram-asymble__captions-each-right:after {
  right: unset;
  left: 0;
  transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

.diagram-asymble__captions-each-right .diagram-asymble__caption-icon {
  order: 2;
}

.diagram-asymble__captions-each-right .diagram-asymble__caption-text {
  order: 1;
}

.diagram-asymble__captions-each-1:after {
  width: 170%;
}

.diagram-asymble__captions-each-2:after {
  width: 100%;
}

.diagram-asymble__captions-each-3:after {
  width: 180%;
}

.diagram-asymble__captions-each-4:after {
  width: 75%;
}

.diagram-asymble__captions-each-5:after {
  width: 130%;
}

.diagram-asymble__captions-each-6:after {
  width: 115%;
}

.diagram-asymble__captions-each.diagram-asymble__captions-each-1 {
  top: 100px;
}

.diagram-asymble__captions-each.diagram-asymble__captions-each-2 {
  top: 200px;
}

.diagram-asymble__captions-each.diagram-asymble__captions-each-3 {
  top: 300px;
}

.diagram-asymble__captions-each.diagram-asymble__captions-each-4 {
  top: 100px;
}

.diagram-asymble__captions-each.diagram-asymble__captions-each-5 {
  top: 200px;
}

.diagram-asymble__captions-each.diagram-asymble__captions-each-6 {
  top: 300px;
}

.diagram-asymble__caption-wrapper:hover path {
  fill: #fff;
  /* transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;*/
}

.diagram-asymble__caption-wrapper:hover .diagram-asymble__caption-icon {
  background: #32CBFF;
  /*transition: 0.2s all ease-in;
  -webkit-transition: 0.2s all ease-in;
  -moz-transition: 0.2s all ease-in;
  -o-transition: 0.2s all ease-in;*/
}

.synhydrid-applications--diagram {
  min-height: 100vh;
}

section.svg-type--image.how-we-deliver--area .content--slider__images-wrapper {
  transform: translateX(0%);
  transform: translateY(0%) !important;
}

.seamless-integration .content--title {
  max-width: 350px;
}


.icon-trigger-content .content--slider__wrapper .content-slider--text {
  opacity: 0;
}

.icon-trigger-content .content--slider__wrapper .content-slider--text.active {
  opacity: 1;
}

.synhydrid-module .box-cover {
  display: none;
}

.footer-btn--wrapper .footer-btn--top {
  display: none !important;
}

.hide__ {
  display: none !important;
}

.container-management-packaging-options .coded-diagram--wrapper {
  opacity: 1 !important;
  visibility: visible !important;
}

.container-management-packaging-options .content--slider__images {
  width: 70%;
  margin-left: auto;
}

.container-management-packaging-options .content--slider__images-wrapper {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-end;
}

.container-management-packaging-options .content--slider__images-wrapper .coded-diagram--wrapper {
  /*  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: flex-end;
  height: 100%;
  flex-direction: column;*/
}

.container-management-packaging-options .containers--slider {
  margin-top: 200px;
}

.containers--slider .slick-arrow {
  display: none !important;
}

.containers--slider .slider--arrows {
  display: block !important;
  position: relative !important;
}

.containers--slider .slider--arrows .slider--arrows__inner {
  justify-content: center;
}

.container--slider__arrows {
  padding-top: 30px;
}

.containers--slider .container--text {
  padding-top: 10px;
  text-align: center;
}

.containers--slider .container--text p {
  color: #32cbff;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.main--wrapper {
  overflow: hidden;
}

.oil-lubricants-diagram-1 .content-slider--section__inner__wrapper {
  padding-top: 100px;
}

.sticky-icons-trigger-scroll.content-fade--regular .content--slider__images-each.active {
  opacity: 1 !important;
  visibility: visible !important;
  animation: unset !important;
}

.sticky-icons-trigger-scroll.content-fade--regular .content--slider__images-each.coded-diagram--wrapper.slide--count__1 svg defs {
  opacity: 1 !important;
  visibility: visible !important;
}

.sticky-icons-trigger-scroll.content-fade--regular .content--slider__images-each.coded-diagram--wrapper {
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
}


@-webkit-keyframes fade-in-up-sm-new {
  0% {
    -webkit-transform: translate(100%, -20%);
    transform: translate(100%, -20%);
    opacity: 0
  }

  100% {
    transform: translate(100%, -30%);
    -webkit-transform: translate(100%, -30%);
    opacity: 1
  }
}

@-webkit-keyframes fade-in-up-sm-new__ {
  0% {
    -webkit-transform: translate(0%, -20%);
    transform: translate(0%, -20%);
    opacity: 0
  }

  100% {
    transform: translate(0%, -30%);
    -webkit-transform: translate(0%, -30%);
    opacity: 1
  }
}

@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@media screen and (min-width:1280px) {
  .fuel-additives-list .col-md-6:first-child {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .fuel-additives-list .col-md-6:last-child {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }

  footer .desktop-footer .col-md-6 {
    -ms-flex: 0 0 56%;
    flex: 0 0 56%;
    max-width: 56%;
  }

  footer .desktop-footer .col-md-4 {
    -ms-flex: 0 0 25.333333%;
    flex: 0 0 25.333333%;
    max-width: 25.333333%;
  }

  footer .desktop-footer .last-main-item {
    padding-left: 3em;
    width: 30.333%;

  }

  footer .products-services-menu {
    width: 36.333% !important;
    padding-left: 2em;
  }

  .how-we-deliver--area .content--slider__images-each svg {
    right: -3em;
  }

  header .menu-col-1 {
    width: 30% !important;
  }

  header .menu-col-2 {
    width: 36.333% !important;
  }

}

@media screen and (max-width:1400px) {
  .top-globe {
    padding-top: 28em !important;
    margin-top: -67vh;
  }
}

@media screen and (min-width:1366px) {
  .choose-division__title {
    width: 120%;
  }

  footer .footer-nav ul li.second-main-item ul li {
    margin-bottom: 7px;
  }

  .expertise-from-expertise .two-columns--content__richt-text {
    padding-top: 60px;
  }

  .to-center--contents.content-right-slider-left .content--slider__images-each img {
    margin-left: 10%;
  }

  .to-center--contents.content-right-slider-left .content--slider__wrapper {
    right: 10%;
  }

  .to-center--contents.content-left-slider-right .content--slider__images-each img {
    margin-right: 10%;
  }

  .to-center--contents.content-left-slider-right .content--slider__wrapper {
    left: 10%;
  }

  .accreditation-image-content .content--slider__images-each.content--slider__images-each-svg {
    text-align: left !important;
  }
}

@media screen and (max-width:1366px) {
  section.content-right-slider-left .content--slider__images .content--slider__images-each {
    max-width: 72% !important;
  }

  section.content-right-slider-left .content--slider__images-wrapper {
    transform: translateX(-14%);
  }

  section.svg-type--image .content--slider__images-wrapper {
    transform: translateX(0%);
    transform: translateY(-20%) !important;
  }

  .image-content-no-animation .content--slider__images-each.content--slider__images-each-svg {
    text-align: center;
  }

  .synhydrid-eni .content--slider__images-wrapper {
    transform: translateX(0%);
  }

  .synhydrid-eni .content--slider__images .content--slider__images-each {
    max-width: 100%;
    background-position: center !important;
    right: 0;
  }

  .synhydrid-eni .content--slider__images-each img {
    margin-right: 10%;
  }

  .synhydrid-eni .content--slider__images .content--slider__images-each {}

  #page .continuous-supply .content--slider__images .content--slider__images-each {
    overflow: auto;
    overflow-x: hidden;
    padding-top: 2em;
    padding-right: 2em;
  }

  .diagram-asymble__captions-each-1:after {
    width: 160%;
  }

  .diagram-asymble__captions-each-3:after {
    width: 165%;
  }

  .diagram-asymble__captions-each-6:after {
    width: 105%;
  }

}

@media screen and (max-width:1280px) {
  .content--slider__images .content--slider__images-each {
    max-width: 73%;
  }

  section.content-left-slider-right .box-cover {
    transform: translateX(-37%);
  }

  section.content-right-slider-left .content--slider__images .content--slider__images-each {
    max-width: 70% !important;
  }

  section.content-right-slider-left .box-cover {
    transform: translateX(85.5%);
  }

  section.content-slider--section .content--slider__images .content--slider__images-each {
    overflow: hidden;
  }

  .sticky-btn--footer {
    bottom: 2em;
  }

  .synhydrid-module .custom-diagram--main .diagram-dot--caption {
    -webkit-transform: translate(0%, -30%) !important;
    transform: translate(0%, -30%) !important;
  }

  .to-fade-caption {
    transform: translate(0%, -20%) !important;
    -webkit-transform: translate(0%, -20%) !important;
  }

  .to-fade-caption.to-fade-active-caption {
    animation: fade-in-up-sm-new__ 500ms;
    visibility: visible;
    opacity: 1;
  }

  section.synhydrid-module .content--slider__images-wrapper {
    z-index: 9;
    position: relative;
  }

  .large-cta-section.home-bottom--cta {
    margin-top: -10em;
  }

  .home-fifth-section--title-block {
    padding-bottom: 5em !important;
  }
}

@media screen and (max-width: 1280px) {
  .svg--diagram__wrapper .icon--click-1 {
    top: 16.5%;
    left: 20.8%;
  }

  .svg--diagram__wrapper .icon--click-2 {
    top: 37%;
    left: 10%;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-1 {
    top: 37% !important;
    left: 10% !important;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-2 {
    top: 16.5% !important;
    left: 20.8% !important;
  }

  .svg--diagram__wrapper .icon--click-3 {
    top: 37.5%;
    left: 35%;
  }

  .svg--diagram__wrapper .icon--click-4 {
    top: 31%;
    left: 62%;
  }

  .svg--diagram__wrapper .icon--click-5 {
    top: 46.5%;
    left: 71.4%;
  }

  .chematek--delivers__center-image {
    max-width: 180px;
  }

  .chematek--delivers-2 .chematek--delivers__center-image,
  .chematek--delivers-3 .chematek--delivers__center-image {
    max-width: 150px;
    top: 10px;
  }
}

@media screen and (max-width: 1180px) {
  .svg--diagram__wrapper .icon--click-1 {
    top: 22.5%;
    left: 19.8%;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-2 {
    top: 22.5%;
    left: 19.8%;
    height: 60px;
  }

  #page .continuous-supply .content--slider__images .content--slider__images-each {
    transform: translateX(30%);
  }

  .always-accountable .content--slider__images-each img {
    max-width: 400px;
    margin-top: 0em;
  }

  section.seamless-integration.content-right-slider-left .content--slider__images .content--slider__images-each {
    max-width: 50% !important;
    /* min-height: 350px; */
  }

  #page .continuous-supply .content--slider__images .content--slider__images-each {
    transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
}

@media screen and (min-width:992px) and (max-width: 1280px) {

  .content--slider__images-each .small-device--image {
    height: auto !important;
    display: block !important;
  }

  #page .content--slider__images .content--slider__images-each {
    /*min-height: 100vh !important;*/
    background-image: unset !important;
  }

  section.content-slider--section .content--slider__images .content--slider__images-each.coded-diagram--wrapper {
    width: 100%;
    max-width: 100%;
  }

  section.content-slider--section .content--slider__images .content--slider__images-each.coded-diagram--wrapper .svg--diagram__wrapper {
    width: 50%;
  }

  .oil-lubricants-diagram-1 .svg--diagram__wrapper {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  .to-center--contents.content-right-slider-left .content--slider__images-each img {
    max-width: 400px;
    width: 100%;
  }

  .helping-develop-your-business {
    padding-bottom: 0em !important;
  }
}

@media screen and (min-width:1025px) and (max-width: 1280px) {
  .svg--diagram__wrapper .icon--click-1 {
    top: 16.5%;
    left: 25.8%;
  }

  .svg--diagram__wrapper .icon--click-2 {
    top: 37%;
    left: 17%;
  }


  .how-we-deliver--area .svg--diagram__wrapper .icon--click-1 {
    top: 37% !important;
    left: 17% !important;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-2 {
    top: 16.5% !important;
    left: 25.8% !important;
  }



  .svg--diagram__wrapper .icon--click-3 {
    top: 37.5%;
    left: 43%;
  }

  .svg--diagram__wrapper .icon--click-4 {
    top: 31%;
    left: 68%;
  }

  .svg--diagram__wrapper .icon--click-5 {
    top: 46.5%;
    left: 77.4%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
    left: 32%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-1 {
    left: 47%;
  }

  .custom-diagram--dot__block-1 .diagram-dot--caption {
    right: 70px !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__inner-2 {
    width: 125%;
  }
}

@media screen and (min-width:992px) and (max-width: 1024px) {
  .svg--diagram__wrapper .icon--click-1 {
    top: -4.5%;
    left: 19.8%;
  }

  .svg--diagram__wrapper .icon--click-2 {
    top: 25%;
    left: 10%;
  }



  .how-we-deliver--area .svg--diagram__wrapper .icon--click-1 {
    top: 25% !important;
    left: 10% !important;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-2 {
    top: -4.5% !important;
    left: 19.8% !important;
  }




  .svg--diagram__wrapper .icon--click-3 {
    top: 23.5%;
    left: 34%;
  }

  .svg--diagram__wrapper .icon--click-4 {
    top: 15%;
    left: 60%;
  }

  .svg--diagram__wrapper .icon--click-5 {
    top: 40.5%;
    left: 70.4%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-1 {
    left: 47%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
    left: 32%;
  }

  .custom-diagram--dot__block-1 .diagram-dot--caption {
    right: 70px !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__inner-2 {
    width: 125%;
  }
}

@media screen and (min-width: 856px) and (max-width: 991px) {
  .eliminate-supply-chain-disruption .svg--diagram__inner-2 {
    width: 100%;
    margin-left: 0%;
  }
}

@media screen and (min-width: 768px) and (max-width: 850px) {
  .eliminate-supply-chain-disruption .svg--diagram__inner-2 {
    width: 130%;
    margin-left: -15%;
  }
}

@media screen and (min-width: 768px) and (max-width:991px) {
  .what-type-person .container {
    margin-top: -24em !important;
  }

  .svg-type--image .content--slider__images-each svg {
    transform: translateY(-10%);
    transform: translateY(0%);
    transform-origin: bottom;
  }

  section.content-slider--section .top--icons__ {
    margin-left: unset !important;
  }

  section.icon-trigger-content .slider--container__main {
    width: 100%;
  }

  section.icon-trigger-content .slider--container__main .content--slider__wrapper,
  section.icon-trigger-content .slider--container__main .content--slider__images {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
  }

  section.icon-trigger-content .content--slider__images-wrapper {
    display: flex;
    display: -ms-flex;
    align-items: center;
  }

  section.icon-trigger-content .slider--container__main .content--slider__wrapper {
    padding-left: 4em;
    padding-top: 0em;
    padding-bottom: 0em !important;
  }

  .adjusted-diagram-tablet.svg-type--image .content--slider__images-each svg {
    width: 100%;
    height: 300px;
  }

}

@media screen and (max-width:1180px) {
  .content--slider__images .content--slider__images-each {
    max-width: 65%;
    /*min-height: 350px;*/
  }

  .content--slider__images-wrapper {
    transform: translateX(17%);
  }

  section.content-left-slider-right .box-cover {
    transform: translateX(-32.7%);
  }

  section.content-right-slider-left .box-cover {
    transform: translateX(80%) !important;
  }

  section.content-right-slider-left .content--slider__images-wrapper {
    transform: translateX(-20%);
  }

  section.content-right-slider-left .content--slider__images .content--slider__images-each {
    max-width: 58% !important;
    /*  min-height: 350px;*/
  }

  section.content-right-slider-left .box-cover {
    transform: translateX(85.5%);
  }

  .content--slider__images-each .small-device--image {
    display: block;
    width: auto;
    height: 100%;
    margin: auto;
  }
}

@media screen and (max-width:1024px) {
  footer .menu-col-2>ul {
    padding-top: 7px;
  }

  .infograph--slider {
    position: relative;
    margin: auto;
    overflow: visible;
  }

  .blurb-no-caption .col-md-2 {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }

  .what-type-person .container {
    margin-top: -28em;
  }

  .testimonial__ {
    padding-bottom: 30em !important;
  }

  .chematek-max-min .slider--container__main .content--slider__wrapper {
    max-width: 300px;
  }

  section.content-right-slider-left.chematek-max-min .content--slider__images .content--slider__images-each {
    max-width: 50% !important;
  }

  section.full-offering-section {
    padding-top: 0em;
  }

  section.content-slider--section.content-right-slider-left .top--icons__,
  section.content-slider--section.content-right-slider-left .content--content,
  .content-right-slider-left .content-slider--button.button--wrapper,
  section.content-slider--section.content-right-slider-left .content--sub-title {
    max-width: 350px;
  }

  section.content-slider--section.icon-trigger-content .content--sub-title {
    padding-top: 0.5em;
  }

  section.svg-type--image .content--slider__images-wrapper {
    transform: translateY(-10%) !important;
  }

  .list-table--text.list-table--text-right {
    padding-left: 6em;
  }

  .content--slider__images .content--slider__images-each {
    height: auto;
  }

  .epc-diagram .content--slider__images-each svg {
    margin-top: unset !important;
  }

  .large--title h2,
  .content_with_2_buttons_custom_html_left h2 {
    font-size: 4em !important;
  }

  .chematek--delivers__center-image svg {}

}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .svg-type--image .svg--diagram__wrapper svg {
    width: 80%;
    height: auto;
  }

  .content--title h2 {
    font-size: 2.5em;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .tailored-product-and-distribution-blurb {
    padding-bottom: 0em !important;
  }
}

@media screen and (max-width: 991px) {
  .home-bottom--cta {
    margin-top: 0px;
  }

  .choose-division__diagram {
    transform: translateX(-10%) scale(0.8);
  }

  .choose-division__main .row.row-2 .col-md-5,
  .choose-division__main .row.row-2 .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  section.hero-banner .slick-dots,
  .arrow--slider {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 960px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 720px;
  }

  section.hero-banner {
    margin-bottom: 0em;
  }

  footer .col-md-2,
  footer .col-md-6,
  footer .col-md-4 {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  footer .footer-nav ul li {
    float: unset;
    width: 100% !important;

  }

  header .header--opened .nav-opened ul li ul li {
    padding-top: 1em !important;
  }

  section.hero-banner .hero-banner--each .hero-banner--title h1,
  .contact-section--top__title h1 {
    font-size: 3.5em;
  }

  section.hero-banner .hero-banner--each .hero-banner--sub-title h2,
  .contact-section--top__sub-title h2 {
    font-size: 1.4em;
  }

  .content--title h2,
  section.page-title--section h2,
  .contact-module--title h3,
  .section.contact-section--info .contact-info--title h3 {
    font-size: 2.5em;
  }

  h2 {
    line-height: 1.3em;
  }

  .content--slider__images-each-svg svg {
    width: 100% !important;
  }

  .what-type-person .container {
    margin-top: -26em;
  }

  .chematek-max-min {
    padding-bottom: 0em !important;
  }

  .four--columns__blurb .col-md-4 {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }

  .slider--buttons-image__each {
    min-height: 400px;
  }

  .contact-module--wrapper {
    max-width: 100%;
  }

  .blurb-6-cols__ .row.row-2 {
    padding-top: 0em;
  }

  .slider--container__main .content--slider__wrapper {
    position: relative !important;
    width: 100%;
    order: 2;
    padding-top: 4em;
  }

  .slider--container__main .content--slider__data .content-slider--text {
    display: none;
    position: relative !important;

  }

  .slider--container__main .content--slider__data .content-slider--text.active {
    display: block;
    height: auto !important;
  }

  /* .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-2.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-3.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-4.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-5.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-6.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-7.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-8.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-9.active,
 .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.content-count-10.active {
    padding-top: 65px;
  }*/
  .icon-trigger-content.sticky-on-scroll .slider--container__main .content--slider__data .content-slider--text.active {
    padding-top: 30px;
  }

  .slider--container__main .slider--arrows {
    position: relative !important;
  }

  section.content-slider--section .content--slider__wrapper .content--slider__data {
    height: auto !important;
  }

  section.content-slider--section .box-cover {
    display: none !important;
  }

  section.content-slider--section .content--slider__images-wrapper {
    transform: translateX(0%) !important;
  }

  section.content-slider--section .content--slider__images .content--slider__images-each {
    max-width: 100% !important;
    min-height: 350px;
  }

  section.content-slider--section .slider--container__main {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
  }

  section.content-slider--section .content--slider__images {
    width: 100%;
  }

  section.content-slider--section .row {
    height: auto !important;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
  }

  section.content-slider--section .content--sub-title,
  section.content-slider--section .content--content {
    max-width: unset !important;
  }

  section.content-slider--section .content--slider__wrapper .content--slider__data {
    width: 100%;
  }

  section.content-slider--section.icon-trigger-content .content--slider__wrapper .top--icons__ {
    opacity: 0;
    visibility: hidden;
    display: none;
  }

  section.content-slider--section.icon-trigger-content .content--slider__wrapper .content-slider--text.content-count-1 .top--icons__ {
    opacity: 1;
    visibility: visible;
    display: block;
  }

  .icon-trigger-content .content-slider--text {
    pointer-events: none;
  }

  .icon-trigger-content .content-slider--text .content--title,
  .icon-trigger-content .content-slider--text .content--content,
  .icon-trigger-content .content-slider--text .content-slider--button {
    pointer-events: all;
  }

  .content-slider--text .top--icons__ {
    pointer-events: all;
  }

  .content-slider--text.content-count-1 .top--icons__ {
    pointer-events: all;
  }

  section.content-slider--section.icon-trigger-content .content--slider__wrapper .content-slider--text.content-count-1 {
    /*display: block;*/
    height: 0px;
  }

  section.content-slider--section.icon-trigger-content .content--slider__wrapper .content-slider--text.content-count-1.active {
    height: auto;
  }

  .content--slider__data .content-slider--text {
    display: none;
  }

  /*.synhydrid-eni {
    padding-bottom: 0em !important;
    padding-top: 0em !important;
  }*/
  section.content-slider--section .slider--arrows {
    margin-left: 0px !important;
    padding-top: 2em;
  }

  section.content-slider--section.icon-trigger-content .content--slider__images-each {
    margin-right: 0px;
  }

  .content--slider__images-each .small-device--image {
    display: none;
  }

  section.icon-trigger-content .container {
    height: auto !important;
  }

  .side-icon-blurb-4cols .row-2 .col-md-4 {
    -ms-flex: 0 0 33.333% !important;
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
  }

  section.synhydrid-blurb,
  section.synhydrid-blurb .row-2 {
    padding-bottom: 0em !important;
    padding-top: 0em !important;
  }

  .list-table--text.list-table--text-right {
    padding-left: 4em;
  }

  .button--wrapper a {
    padding: 10px 40px;
  }

  .list-table--arrow {
    display: flex;
    display: -ms-flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
  }

  .diagram--block.diagram--block-1 {
    top: 0%;
    left: 5%;
  }

  .diagram--block.diagram--block-2 {
    top: 85%;
    left: 5%;
  }

  .diagram--block.diagram--block-3 {
    top: 0%;
    right: 0%;
  }

  .diagram--block.diagram--block-4 {
    top: 80%;
    right: 0%;
  }

  .diagram--wrapper .diagram--block:after {
    width: 28vw;
  }

  .diagram--block.diagram--block-1:after {
    transform: rotate(30deg);
    right: -55%;
    width: 15vw;
    top: 180%;
  }

  .diagram--block.diagram--block-2:after {
    transform: rotate(-50deg);
    width: 18vw !important;
    top: -155%;
    right: -65%;
  }

  .diagram--block.diagram--block-2:after {
    transform: rotate(-50deg);
    width: 15vw !important;
    top: -135%;
    right: -35%;
  }

  .diagram--block.diagram--block-3:after {
    transform: translateX(-110%) rotate(290deg);
    left: unset;
    right: -10%;
    width: 12vw;
    top: 209%;
  }

  .diagram--block.diagram--block-4:after {
    transform: translateX(-110%) rotate(70deg);
    left: 75%;
    right: unset;
    width: 15vw;
    top: -140%;
  }

  .list-table--wrapper .list-table--text {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    display: -webkit-flex;
  }

  .list-table--wrapper .list-table--text {
    flex: 0 0 40% !important;
    -ms-flex: 0 0 40% !important;
    max-width: 40% !important;
    text-align: left;
  }

  .list-table--text.list-table--text-right {
    padding-left: unset !important;
  }

  .synhydrid-module .flickity-viewport {
    height: auto !important;
  }

  .synhydrid-module .content--slider__images-each,
  section.synhydrid-module .content--slider__images-wrapper {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .synhydrid-module .custom-diagram--main,
  .synhydrid-module .custom-diagram--main .custom-diagram--inner,
  .synhydrid-module .custom-diagram--main .custom-diagram--item {
    height: 100%;
  }

  .synhydrid-module .custom-diagram--main .custom-diagram--item svg {
    height: 100% !important;
    margin-top: unset !important;
    left: unset !important;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform-origin: top;
  }

  .synhydrid-module .content--slider__wrapper {
    padding-top: 0em;
  }

  .synhydrid-module .slider--container__main .content--slider__wrapper {
    order: unset;
    padding-bottom: 4em;
  }

  .custom-diagram--dot__block-1 {
    left: 55%;
    top: 115px;
  }

  .custom-diagram--dot__block-2 {
    left: 43%;
    top: 240px;
  }

  .custom-diagram--dot__block-3 {
    left: 25%;
    top: 275px;
  }

  .custom-diagram--dot__block-4 {
    left: 42%;
    top: 350px;
  }

  section.content-slider--section.synhydrid-module .content--slider__images .content--slider__images-each {
    overflow: visible;
  }

  section.page--sections {
    padding: 5em 0em;
  }

  .eliminating-supply-chain .content--title {
    width: 100%;
  }

  .map--image .content--slider__images-each {
    background-size: 100%;
    background-position: center;
  }

  .powerful-outcomes {
    padding-bottom: 4em !important;
  }

  .custom-table--wrapper {
    overflow-x: scroll;
  }

  .custom-table--wrapper .custom-table {
    width: 100%;
  }

  .custom-table--wrapper::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .custom-table--wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  .custom-table--wrapper::-webkit-scrollbar-thumb {
    background: #888;
  }

  /* Handle on hover */
  .custom-table--wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  section.chematek-max-min.custom--icons .content--slider__wrapper {
    padding-bottom: 6em;
  }

  section.content_slider_or_image_buttons .slider--buttons-content {
    position: relative;
    width: 100%;
    padding-bottom: 4em;
  }

  section.content_slider_or_image_buttons .slider--buttons-image .slider--buttons-image__wrapper {
    transform: translateX(0%);
  }

  section.content_slider_or_image_buttons .slider--buttons-image .slider--buttons-image__wrapper {
    transform: translateX(0%);
  }

  section.content_slider_or_image_buttons .slider--buttons-image .slider--buttons-image__wrapper .flickity-slider {
    left: 0px;
    transform: translateX(0%);
  }

  section.content_slider_or_image_buttons .slider--buttons-image .slider--buttons-image__wrapper .slider--buttons-image__each {
    width: 100% !important;
    max-width: 100% !important;
  }

  section.content-right-slider-left.chematek-max-min .content--slider__images .content--slider__images-each {
    max-width: 100% !important;
  }

  .svg--diagram__wrapper .icon--click-1 {
    top: 7.5%;
  }

  .svg--diagram__wrapper .icon--click-2 {
    top: 25%;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-1 {
    top: 25% !important;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-2 {
    top: 7.5% !important;
  }


  .svg--diagram__wrapper .icon--click-3 {
    top: 25.5%;
    left: 35.5%;
  }

  .svg--diagram__wrapper .icon--click-4 {
    top: 20%;
    left: 62%;
  }

  .svg--diagram__wrapper .icon--click-5 {
    top: 34.5%;
  }

  #top .big-link--menu {
    padding-top: 1em !important;
  }

  footer .menu-col-2>ul {
    padding-top: 0px;
  }

  .continuous-supply .circle--diagram {
    margin: auto;
  }

  #page .continuous-supply .content--slider__images .content--slider__images-each {
    transform: translateX(0%);
    padding-right: 0px;
    margin: 0px;
  }

  section.content-slider--section.always-accountable .content--slider__images .content--slider__images-each {
    margin-bottom: 4em;
    position: relative !important;
  }

  .what-can-you-expect--title h2 {
    font-size: 3.5em;
  }

  .slider--container__main .content--title {
    width: 100% !important;
  }

  .svg-type--image .svg--diagram__inner {
    text-align: center;
  }

  #page .accreditation-image-content .content--slider__images-each {
    padding-left: 0em !important;
  }

  .icon-trigger-content .content--slider__images {
    min-height: 700px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
  }

  .icon-trigger-content .content--slider__images-wrapper {
    width: 100%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-1 {
    left: 59%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
    left: 45%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-3 {
    left: 15%;
  }

  .epc-lists__ .list-table--wrapper .list-table--text {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: left;
    justify-content: flex-start;
  }

  .epc-lists__ .row-2 .content-repeat--col-1 {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 1;
    -ms-order: 1;
    -webkit-order: 1;
  }

  .epc-lists__ .row-2 .content-repeat--col-2 {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 2;
    -ms-order: 2;
    -webkit-order: 2;
  }

  .epc-lists__ .contents--wrapper {
    max-width: 100%;
    padding-bottom: 4em;
  }

  .epc-lists__ .content-slider--button a {
    margin-left: 1em;
    margin-right: 1em;
  }

  .epc-lists__ {
    padding-bottom: 10em !important;
  }

  .content--slider__images-each .small-device--image {
    width: 100%;
  }

  .content_with_2_buttons_custom_html_left .button--inner {
    margin-top: 0em !important;
  }

  section.page-title--section .button--wrapper a {
    margin-bottom: 20px;
  }

  section.what-to-expect-blurbs {
    padding-bottom: 0em !important;
    padding-top: 7em !important;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-3 {
    top: 44.5%;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-1 {
    top: 41.5%;
    left: 11.8%;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-2 {
    top: 19%;
    left: 23%;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-4 {
    top: 36%;
    left: 69.5%;
  }

  .epc-diagram .content--slider__images-each svg {
    right: unset !important;
  }

  .large--title h2,
  .content_with_2_buttons_custom_html_left h2 {
    font-size: 2.5em;
  }

  .chematek--delivers__center-image {
    display: none;
  }

  .chematek--delivers__texts .chematek--delivers__content.odd__ {
    margin-left: unset;
  }

  .chematek--delivers__content {
    max-width: unset;
    margin-right: 0;
  }

  .chematek--delivers__image--title {
    position: relative;
  }

  section.available-technologies {
    padding-top: 0em !important;
  }

  .tablet-bottom-2em {
    padding-bottom: 2em !important;
  }

  .tablet-bottom-0em {
    padding-bottom: 0em !important;
  }

  .pad-top-0-em {
    padding-top: 0em !important;
  }

  .pad-top-2-em {
    padding-top: 2em !important;
  }

  .pad-top-4-em {
    padding-top: 4em !important;
  }

  .pad-top-5-em {
    padding-top: 5em !important;
  }

  .pad-top-6-em {
    padding-top: 6em !important;
  }

  .pad-top-100px {
    padding-top: 2.5em !important;
  }

  .pad-top-200px,
  .pad-top-200-px {
    padding-top: 5em !important;
  }

  .pad-bot-0-em {
    padding-bottom: 0em !important;
  }

  .pad-bot-2-em {
    padding-bottom: 2em !important;
  }

  .pad-bot-3-em {
    padding-bottom: 3em !important;
  }

  .pad-bot-4-em {
    padding-bottom: 4em !important;
  }

  .pad-bot-6-em {
    padding-bottom: 6em !important;
  }

  .pad-bot-7-em {
    padding-bottom: 7em !important;
  }

  .pad-bot-100-px {
    padding-bottom: 2.5em !important;
  }

  .pad-bot-100px {
    padding-bottom: 2.5em !important;
  }

  .pad-bot-200-px {
    padding-bottom: 5em !important;
  }

  .pad-bot-200px {
    padding-bottom: 5em !important;
  }

  .large--title h2,
  .content_with_2_buttons_custom_html_left h2 {
    line-height: 1.2em !important;
  }

  section.our-product--range {
    padding-top: 0em !important;
  }

  .chematek--delivers-1,
  .chematek--delivers-2,
  .chematek--delivers-3 {
    padding-top: 0em !important;
  }

  .content_with_list_items_3 .row.row-2 {
    margin-top: 2em !important;
  }

  .content-slider--button.button--wrapper {
    margin-top: 0em;
  }

  .continuous-supply .content--slider__images-wrapper {
    margin-bottom: 4em;
  }

  .seamless-integration .what-can-you-expect {
    display: none;
  }
}



@media screen and (min-width: 768px) {

  .table--content-data {
    overflow-x: unset;
  }

  .two--columns__blurb .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .four--columns__blurb .col-md-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .three--columns__blurb .col-md-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .two--columns__blurb .bwt--wrapper {
    max-width: 530px;
  }

  .side-icon-blurb-4cols .row-2 .col-md-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .expertise-from-expertise .col-first__ {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .expertise-from-expertise .col-second__ {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  footer .desktop-footer {
    display: block;
  }

  footer .mobile-footer {
    display: none;
  }

}

@media screen and (max-width:850px) {
  .diagram--block.diagram--block-1:after {
    transform: rotate(30deg);
    right: -28%;
    width: 15vw;
    top: 180%;
  }

  .diagram--block.diagram--block-2:after {
    transform: rotate(-48deg);
    width: 20vw !important;
    top: -120%;
    right: -65%;
  }

  .diagram--block.diagram--block-4:after {
    transform: translateX(-110%) rotate(70deg);
    left: 75%;
    right: unset;
    width: 20vw;
    top: -140%;
  }
}

@media screen and (max-width: 768px) {
  .translate-widget .glink {
    font-size: 14px;
  }

  body #page section.section:nth-child(2).top-globe {
    margin-top: 0;
    padding-top: 17em !important;
  }

  .appended--header .translate-widget {
    position: relative;
    top: 11px;
  }

  .footer-block.block--last-footer {
    display: block !important;
  }

  footer .company-social ul {
    justify-content: flex-start;
    padding-bottom: 1em;
  }

  header .header--opened .nav-opened ul li {
    padding-top: 1em;
  }

  .what-type-person {
    margin-top: -5em;
  }

  #page section.section:nth-child(2) {
    padding-top: 0em !important;
  }

  .slider--buttons-image__each {
    min-height: 300px;
  }

  .slider--buttons-image .box-cover {
    transform: translateX(-32%);
  }

  .slider--buttons-image__each {
    max-width: 60%;
  }

  .choose-division__select--selected {
    min-width: 180px;
  }

  .choose-division__btn a {
    font-size: .8em;
  }

  header .header-main--logo {
    width: 150px;
  }

  .logo--appended {
    width: 150px;
  }

}

@media screen and (max-width:767px) {
  section.section.choose-division__main--section .col-md-7 {
    z-index: 0;
  }

  .content--sub-title h4 {
    line-height: 1.8em;
  }

  .slider--container__main .content--title {
    width: 100%;
  }

  section.white-bg .appended--header__inner,
  section.section-white--background .appended--header__inner,
  footer .appended--header__inner,
  .dirtywhite--bg-sec .appended--header__inner {
    top: -15px;
  }

  .content-slider--regular .slider--container__main .slider--arrows {
    left: 0px;
  }

  .choose-division__diagram {
    /* transform: translateX(-10%); */
  }

  .choose-division__diagram--inner {
    width: 600px;
  }

  .choose-division__content {
    padding-top: 4em;
  }

  .choose-division__diagram {
    transform: scale(1);
  }

  .choose-division__main .row.row-2 {
    margin-top: 0em;
  }

  .choose-division__icons--each.icon-count-3 {
    right: -340px;
  }

  .choose-division__icons--each.icon-count-3:before {
    transform: rotate(102deg);
    top: -130px;
    right: 193px;
    height: 265px;
  }

  /* width */
  .choose-division__diagram::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .choose-division__diagram::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;

  }

  /* Handle */
  .choose-division__diagram::-webkit-scrollbar-thumb {
    background: #32CBFF;

  }

  /* Handle on hover */
  .choose-division__diagram::-webkit-scrollbar-thumb:hover {
    background: #b30000;
  }

  section.content-slider--section .content--slider__images .content--slider__images-each,
  .content-fade--regular .content--slider__images-wrapper {
    min-height: 300px;
  }

  header .header-main--display {
    flex-wrap: unset !important;
  }

  header .header-main--nav {
    justify-content: flex-end;
  }

  section.hero-banner .slick-dots,
  .arrow--slider {
    max-width: 540px;
  }

  .logos--section .logo--cols {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
  }

  header .menu-main-menu-container {
    display: none !important;
  }

  header .header--inner {
    padding: 15px 0px;
  }

  footer .desktop-footer {
    display: none;
  }

  footer .mobile-footer {
    display: block;
  }

  footer .mobile-footer .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .mobile-footer .footer-block.block--last-footer {
    padding-top: 2.5em;
  }

  section.content-contact--section .content--title {
    max-width: 100%;
  }

  .content--content {
    padding-top: 1em;
  }

  section.page--sections {
    padding: 6em 0em;
  }

  #page .gform_wrapper li.field_sublabel_below .ginput_complex {
    margin-top: 0px !important;
  }

  #page .gform_wrapper ul li.gfield span {
    padding-top: 0px !important;
  }

  .contact-form--content {
    padding-bottom: 1em;
  }

  section.hero-banner .hero-banner--each {
    height: auto;
    padding-top: 10em;
  }

  section.hero-banner .hero-banner--each .hero-banner--title h1 {
    line-height: 1.2em;
  }

  section.hero-banner .hero-banner--each .hero-banner--sub-title h2 {
    line-height: 1.3em;
    font-size: 1.2em;
  }

  section.hero-banner .hero-banner--each .hero-banner--sub-title {
    max-width: 300px;
  }

  section.content-slider--section .content--content li,
  .large-p p,
  section.page-title--section .pageTitle--caption p {
    font-size: 16px;
  }

  section.content-slider--section .content--content ul {
    padding-left: 1em;
  }

  section.content-right-slider-left .content--slider__wrapper {
    right: unset;
  }

  section.content-slider--section.content-right-slider-left .content--slider__data {
    width: 100%;
  }

  section.content-right-slider-left .content--slider__images .content--slider__images-each {
    max-width: 100% !important;
  }

  .image-content-no-animation .box-cover {
    display: none;
  }

  .slider--container__main .slider--arrows {
    bottom: 1em;
    left: 1em;
  }

  .content--slider__images-each-svg svg {
    height: 100%;
  }

  section.svg-type--image .content--slider__images-wrapper {
    transform: translateY(0%) !important;
  }

  .content--title h2,
  section.page-title--section h2,
  .adjusted--title .pageTitle--main h2 {
    font-size: 2.5em !important;
  }

  .max-wrapper-300 .bwt--wrapper,
  .max-wrapper-300 .contents--wrapper {
    max-width: unset !important;
  }

  .items-accordion--each p,
  .content--content p,
  .items--each a {
    font-size: 16px;
  }

  .items-accordion--each {
    padding: 15px 0px;
  }

  .right-content-multiple-only-section .columns--image-wrapper {
    padding-bottom: 4em;
  }

  .blurb-image-mid-wrapper {
    padding: 1em 0em;
  }

  .what-type-person .container {
    margin-top: -18em;
  }

  .what-type-person .blurb-image-top--top {
    padding-bottom: 2em;
  }

  .blurb-image-top--title h2 {
    font-size: 2em !important;
  }

  .four--columns__blurb .col-md-4 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .icon-trigger-content .box-cover {
    display: none;
  }

  .icon-trigger-content .slider--container__main .content--slider__wrapper {
    max-width: 100%;
    width: 100%;
  }

  section.content-right-slider-left.chematek-max-min .content--slider__images .content--slider__images-each {
    max-width: 100% !important;
  }

  .content-table-section .table--data {
    padding-top: 2em;
  }

  .diagram--offering__captions .diagram--offering__caption p {
    max-width: 200px;
    width: 200px;
  }

  .diagram--offering__inner .diagram--offering__image {
    max-width: 100%;
  }

  .diagram--offering__caption.diagram--offering__caption-1 p {
    top: -310%;
    left: -98%;
  }

  .diagram--offering__caption.diagram--offering__caption-2 p {
    top: -80%;
    left: -80%;
  }

  .diagram--offering__caption.diagram--offering__caption-3 p {
    top: -400%;
    left: -80%;
  }

  .diagram--offering__caption.diagram--offering__caption-4 p {
    top: -80%;
    left: -55%;
  }

  .diagram--offering__caption.diagram--offering__caption-5 p {
    top: -335%;
    left: -50%;
  }

  .diagram--offering__caption.diagram--offering__caption-6 p {
    top: -80%;
    left: -30%;
  }

  .full-offering-section .diagram--offering {
    margin-top: 4em;
  }

  .slider--buttons-image .box-cover {
    display: none;
  }

  .slider--buttons-image .slider--buttons-image__wrapper {
    transform: translateX(0%);
  }

  .slider--buttons-image .slider--buttons-image__each {
    width: 100% !important;
    max-width: 100% !important;
  }

  .content_slider_or_image_buttons .row {
    height: auto !important;
  }

  .content_slider_or_image_buttons .slider--buttons-content {
    position: relative;
    width: 100%;
    padding-bottom: 3em;
  }

  .content_slider_or_image_buttons .slider--buttons-image {
    height: 300px;
    position: relative;
  }

  .contact-module--wrapper {
    padding-bottom: 2em;
  }

  .contact-info--bottom {
    padding: 2em 2em;
  }

  .contact-info--bottom .contact-info--data .contact-info--col {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .contact-info--bottom .contact-info--inner .contact-info--icon {
    width: 40px;
  }

  section.content-slider--section.content-right-slider-left .top--icons__,
  section.content-slider--section.content-right-slider-left .content--content,
  .content-right-slider-left .content-slider--button.button--wrapper,
  section.content-slider--section.content-right-slider-left .content--sub-title {
    margin-left: unset;
    max-width: unset;
  }

  section.content-slider--section .content--slider__wrapper .content--slider__data {
    width: 100%;
  }

  .two-columns-section .two-columns--content__title {
    max-width: 100%;
  }

  .no--scroll .items--wrapper {
    padding-top: 2em;
  }

  .content-slider--section.no--overlap .content-no-overlap {
    padding-top: 2em;
  }

  .content-slider--button.button--wrapper {
    margin-top: 2.5em;
    padding-top: 1em;
  }

  .refinery-services__ .image--wrapper__ {
    padding: 2em;
  }

  .refinery-services__ {
    padding-top: 0em !important;
  }

  .content-slider--section .multi-btn .button--wrapper.button--2 {
    margin-left: 1em;
  }

  .content-items--section .items--wrapper {
    margin-top: 4em;
  }

  .diagram--wrapper .diagram--block {
    right: 0 !important;
    left: 0 !important;
    margin: auto;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    top: 10px;
  }

  .diagram--wrapper .diagram--block.active-block {
    animation: fade-in-up-sm 1100ms;
    opacity: 1;
    visibility: visible;
  }

  .diagram--wrapper .diagram--block:after {
    display: none;
  }

  .diagram--wrapper .diagram--image svg {
    max-height: 350px;
    margin-top: 2em;
  }

  .diagram--block.diagram--block-3 .diagram--icon,
  .diagram--block.diagram--block-4 .diagram--icon {
    order: unset;
  }

  .diagram--wrapper .diagram--block .diagram--text {
    padding-left: 15px !important;
  }

  .diagram--image path {
    cursor: pointer;
  }

  .list-table--wrapper {
    margin-top: 3em;
  }

  .list-table--text p {
    font-size: 15px;
  }

  .side-icon-blurb-4cols .row-2 .col-md-4 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .applications-diagram-section.app__ ..blurb-image-bot--content {
    padding-top: 0em;
  }

  .synhydrid-module .custom-diagram--main .custom-diagram--dot__block-1 .diagram-dot--caption {
    right: -50px;
  }

  .synhydrid-module .custom-diagram--main .custom-diagram--dot__block-2 .diagram-dot--caption {
    left: -128px;
  }

  .synhydrid-module .custom-diagram--main .custom-diagram--dot__block-3 .diagram-dot--caption {
    right: -135px;
  }

  .synhydrid-module .custom-diagram--main .custom-diagram--dot__block-4 .diagram-dot--caption {
    right: -87px;
  }

  section.testimonial___ {
    padding-bottom: 25em !important;
  }

  .two-columns-with-testimonial-section .two-columns--content__title {
    margin-top: 4em;
  }

  .custom-table--wrapper {
    overflow-x: unset;
  }

  .content-left-items-right.content-items--section .items--wrapper {
    margin-top: 0em;
    margin-bottom: 4em;
  }

  section.content-items--section.content-left-items-right .items-accordion {
    padding-bottom: 4em;
  }

  section.how-we-deliver--area.content-slider--section .content--slider__images .content--slider__images-each,
  .content-fade--regular.how-we-deliver--area .content--slider__images-wrapper {
    min-height: 350px;
  }

  section.how-we-deliver--area .svg--diagram__wrapper,
  section.how-we-deliver--area .svg--diagram__wrapper--inner,
  section.how-we-deliver--area .svg--diagram__inner {
    height: 100%;
  }

  .how-we-deliver--area .content--slider__images-each svg {
    margin-top: 0em;
  }

  .svg--diagram__wrapper {}

  /* width */
  .svg--diagram__wrapper::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .svg--diagram__wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  .svg--diagram__wrapper::-webkit-scrollbar-thumb {
    background: #32cbff;
  }

  /* Handle on hover */
  .svg--diagram__wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  .svg--diagram__wrapper .icon--click-2 {
    top: 28%;
    left: 10.5%;
  }

  .svg--diagram__wrapper .icon--click-3 {
    top: 29.5%;
    left: 35.5%;
  }

  .svg--diagram__wrapper .icon--click-4 {
    top: 23%;
    left: 62%;
  }

  .svg--diagram__wrapper .icon--click-5 {
    top: 39.5%;
  }

  .svg--diagram__wrapper .icon--click-2 {
    top: 41%;
    left: 8.5%;
  }

  .svg--diagram__wrapper .icon--click-1 {
    left: 18.8%;
    top: 21.5%;
  }




  .how-we-deliver--area .svg--diagram__wrapper .icon--click-1 {
    top: 41% !important;
    left: 8.5% !important;
  }

  .how-we-deliver--area .svg--diagram__wrapper .icon--click-2 {
    left: 18.8%;
    top: 21.5%;
  }


  .svg--diagram__wrapper .icon--click-3 {
    top: 45.5%;
    left: 35.5%;
    height: 60px;
    width: 60px;
  }

  .svg--diagram__wrapper .icon--click-4 {
    top: 38%;
    left: 61%;
    width: 40px;
    height: 40px;
  }

  .svg--diagram__wrapper .icon--click-5 {
    top: 51.5%;
  }

  section.logos--section.extra-padding {
    padding: 4em 0em !important;
  }

  .choose-division__diagram--inner {
    width: 100%;
  }

  .continuous-supply .circle--diagram {
    transform: scale(0.7);
  }

  section.content-slider--section.always-accountable .content--slider__images .content--slider__images-each {
    padding-bottom: 0em;
  }

  .always-accountable .content--slider__images-each img {
    width: 100%;
  }

  section.content-slider--section.always-accountable .content--slider__images .content--slider__images-each {
    padding-bottom: 0em;
    min-height: auto;
  }

  section.content-slider--section.always-accountable .flickity-viewport {
    height: auto !important;
  }

  section.content-slider--section.seamless-integration .flickity-viewport {
    height: auto;
  }

  .seamless-integration .content--slider__images-each img {
    width: 95%;
    margin: auto;
  }

  .svg-type--image .svg--diagram__wrapper svg {
    width: 100%;
    height: auto;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-1 {
    top: 28%;
    left: 61%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
    top: 78%;
    left: 43%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-3 {
    top: 13.5%;
    left: 6%;
  }

  /*#page .accreditation-slider--diagram .content--slider__images-wrapper {
      min-height: 300px;
    }*/
  .svg-type--image .content--slider__images {
    min-height: auto;
  }

  section.svg-type--image.content-slider--section .content--slider__images .content--slider__images-each {
    min-height: 100%;
  }

  section.svg-type--image .content--slider__images-wrapper {
    min-height: 500px;
  }


  .map-option-map_data {
    position: relative;
    height: 600px;
  }

  .map-options__ {
    padding-bottom: 0em !important;
  }

  .map-option-map_data .row .col-md-6:first-child {
    height: 0;
  }

  .map-option-output--wrapper {
    padding-bottom: 4em;
  }

  .epc-diagram.hand-picked {
    padding-top: 0em !important;
  }

  .svg-type--image .content--slider__wrapper {
    padding-top: 4em !important;
  }

  .chematek--delivers__image--inner {
    margin-right: 0px;
  }

  .chematek--delivers__image--title {
    position: absolute;
    bottom: 0;
  }

  .chematek--delivers__content {
    padding-top: 2em;
  }

  .button__.button-2__wrapper .button--wrapper {
    margin-top: 0em !important;
  }

  .epc-lists__ {
    padding-top: 0em !important;
  }

  .epc-lists__ .contents--wrapper {
    padding-top: 0em !important;
  }

  section.blurb-with-title-section .bwt--wrapper {
    padding-bottom: 3em;
  }

  section.full-service-solutions {
    padding-bottom: 0em !important;
  }

  .table--data__row .table--data__col {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
    border-right: 0px solid !important;
    padding: 1em 0em !important;
  }

  .table--data__row .table--data__col:first-child {
    padding-left: 0em !important;
  }

  .content_with_2_buttons_custom_html_left .richtext--wrapper {
    text-align: left;
    max-width: 100%;
  }

  .content-slider--button.button--wrapper {
    margin-top: 0em !important;
  }

  .container-management-packaging-options .containers--slider {
    margin-top: 0px;
  }
}


@media screen and (max-width: 600px) {
  header .header--opened .nav-opened ul {
    display: flex;
    flex-wrap: wrap;
  }

  header .header--opened .nav-opened ul li {
    align-self: flex-start;
    width: 100% !important;
    padding-top: 2em !important;
  }

  header .nav-opened {
    padding-top: 2em !important;
  }

  header .header--opened .nav-opened ul li {
    padding-top: 1.5em !important;
  }

  body.activated-mobile-menu {
    position: fixed;
  }

  .activated-mobile-menu .header--opened {
    height: 100vh;
    overflow: hidden;
  }

  .activated-mobile-menu .header--opened .container {
    height: 100%;
    overflow: scroll;
    padding-bottom: 10em;
  }

  .blurb-no-caption .col-md-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }



  .content--slider__images .box-cover {
    background: #002642;
    width: 300%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    transform: translateX(-50%);
  }

  .content--slider__images-wrapper {
    transform: translateX(0%);
  }

  .content--slider__images .content--slider__images-each {
    max-width: 100%;
  }

  .slider--container__main .content--slider__wrapper {
    padding: 10px;
  }

  .content--slider__data .content-slider--text {
    padding: 30px 10px 10px 10px;
  }

  .slider--container__main .content--slider__wrapper {
    width: 100%;
  }

  .block--last-footer .company-info {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  footer {
    padding: 5em 0em;
  }

  .mobile-footer .footer-block.block--last-footer {
    padding-top: 25px;
  }

  section.hero-banner .hero-banner--each .hero-banner--title h1 {
    font-size: 3em;
  }

  .full-offering-section .diagram--offering__captions .diagram--offering__caption p {
    opacity: 0;
    visibility: hidden;
  }

  .full-offering-section .diagram--offering__captions {
    position: absolute;
    width: 100%;
    top: 45%;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .diagram--offering__captions .diagram--offering__caption p {
    position: relative;
    top: -40px !important;
    left: 0px !important;
  }

  .full-offering-section .diagram--offering__captions .diagram--offering__caption:hover p {
    opacity: 1;
    visibility: visible;
  }

  .diagram--offering__caption.diagram--offering__caption-2 p {
    left: -75px !important;
  }

  .diagram--offering__caption.diagram--offering__caption-3 p {
    top: -50px !important;
    left: -66px !important;
  }

  .diagram--offering__caption.diagram--offering__caption-4 p {
    left: -65px !important;
  }

  .diagram--offering__caption.diagram--offering__caption-5 p {
    left: -65px !important;
  }

  .diagram--offering__caption.diagram--offering__caption-6 p {
    left: unset !important;
    right: 115px;
    top: -130% !important;
  }

  .full-offering-section .diagram--offering {
    margin-top: 0px;
  }

  .diagram--offering__inner {
    margin-top: 2em;
  }

  /* width */
  .table--content-data::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .table--content-data::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  .table--content-data::-webkit-scrollbar-thumb {
    background: #888;
  }

  /* Handle on hover */
  .table--content-data::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  .side-icon-blurb-4cols .row-2 .col-md-4 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .side-icon-blurb-4cols .bwt--icon {
    flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    max-width: 15%;
  }

  .slider--container__main .content--slider__wrapper {
    padding: 10px 0px;
  }

  .slider--container__main .content--slider__data .content-slider--text {
    padding-left: 0px;
    padding-right: 0px;
  }

  .diagram--wrapper .diagram--image svg {
    max-height: 275px;
    margin-top: 4em;
  }

  .testimonial___ .pageTitle--title h2 {
    font-size: 2em !important;
  }

  .company-social {
    margin-bottom: 25px;
  }

  section.hero-banner .slick-dots li {
    width: 25px;
    margin: 0 5px;
  }

  section.hero-banner {
    height: auto;
  }

  section.hero-banner .slick-dots {
    bottom: 5em;
  }

  .arrow--slider__inner .arrow--slider__icon {
    bottom: 4em;
  }

  #page section.section:nth-child(2) {
    padding-top: 5em !important;
  }

  section.hero-banner .hero-banner--wrapper {
    height: 100%;
  }

  section.hero-banner .hero-banner--wrapper .hero-banner--inner__wrapper {
    height: 100%;
    margin-bottom: 0em;
  }

  section.hero-banner {
    padding-bottom: 0em;
  }

  .choose-division__diagram {
    transform: scale(0.6);
  }

  /*section.hero-banner .slick-dots {
      bottom:0em;
      position: relative;
    }
    section.hero-banner .hero-banner--each .hero-banner--each__content {
      padding-bottom: 4em;
    }*/
  .continuous-supply .circle--diagram {
    transform: scale(0.7);
  }

  .what-can-you-expect--title h2 {
    font-size: 3em;
  }

  .footer-btn--wrapper {
    text-align: right;
  }

  .footer-btn--wrapper a {
    padding: 10px 25px;
    border-radius: 100px;
    width: auto;
    text-align: center;
    font-size: 13px;
  }

}

@media screen and (max-width: 482px) {
  footer .mobile-footer .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #page .contact-form--wrapper ul li,
  #page .contact-module--form ul li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px !important;
    margin-bottom: 10px !important;
  }

  .what-type-person .container {
    margin-top: -17em;
  }

  .testimonial___ {
    padding-bottom: 25em !important;
  }

  .four--columns__blurb .col-md-4 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .contact-module--form .gform_body .select-selected {
    min-height: 2rem;
    padding: 13px 10px !important;
    text-indent: 5px;
  }

  .title--main h2 {
    font-size: 2.5em;
  }

  #page .continuous-supply .content--slider__images .content--slider__images-each {
    min-height: auto;
  }

  .continuous-supply .circle--diagram {
    transform: scale(0.7);
    transform-origin: center;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-1 {
    top: 31%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
    top: 78%;
    left: 43%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-3 {
    top: 13.5%;
    left: 6%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
    top: 71%;
    left: 41%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-3 {
    top: 19.5%;
    left: 4%;
  }

}

@media screen and (max-width: 480px) {
  .slider-image-section__each .slider-image-section__img {
    padding-left: 10%;
    padding-right: 10%;
  }

  .slider-image-section__each .slider-image-section__img img {
    width: 80%;
  }

  .slider-image-section__content {
    max-width: 80%;
    margin: auto;
  }

  .slider-image-section__overlay .slider-image-section__overlay-left,
  .slider-image-section__overlay .slider-image-section__overlay-right {
    width: 50%;
  }

  section.section.large-cta-section .title--main h2 {
    letter-spacing: 0px;
  }
}

@media screen and (max-width:380px) {
  .what-type-person .container {
    margin-top: -15.5em;
  }

  .custom-table--wrapper {
    overflow-x: scroll;
  }

  .home-bottom--cta .title--main h2 {
    letter-spacing: 2px !important;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-3 {}

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-2 {
    top: 66%;
  }

  .accreditation-slider--diagram .svg--diagram__wrapper .icon--click-3 {
    top: 22.5%;

  }
}

@media screen and (max-width:350px) {
  .logos--section .logo--cols {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .what-type-person .container {
    margin-top: -26em;
  }

  .diagram--offering__caption.diagram--offering__caption-5 p {
    left: -95px !important;
  }

  .diagram--offering__caption.diagram--offering__caption-5 p {
    left: -130px !important;
  }

  .diagram--offering__caption.diagram--offering__caption-6 p {
    right: 140px !important;
  }

  .choose-division__diagram {
    transform: scale(0.5);
  }
}


.pin--removed {
  inset: auto !important;
  margin: 0px !important;
  display: block !important;
  position: relative !important;
  box-sizing: content-box !important;
  min-height: 689px !important;
  height: auto !important;
  padding-top: 1000px !important;
  padding-bottom: 0px !important;
}

.pin--removed .diagram-section {
  position: relative !important;
  margin: auto !important;
  inset: 0px auto auto 0px !important;
  box-sizing !important:
    border-box !important;
  width: 100% !important;
}

html {
  scroll-behavior: smooth;
}

.pointer-all {
  pointer-events: all;
}

.pointer-none {
  pointer-events: none !important;
}

.top-overlay-50.content-slider--regular .page-overlay--top {
  top: -50px;
}

.section.content-slider--regular.map--image {
  padding-bottom: 10em;
}

.diagram--adjusted__ .content--slider__images-wrapper {
  width: 50%;
  margin-left: auto;
  transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

@media screen and (max-width: 1440px) {
  .diagram-asymble {
    transform: scale(0.85);
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
  }

  .oil-lubricants-diagram-1 .content-slider--section__inner__wrapper {
    padding-top: 50px;
  }
}


@media screen and (max-width: 1280px) {
  .first-content-has-space .content-count-1.active.added-height {
    height: 450px;
  }

  .first-content-has-space .content--slider__data {
    height: 100%;
    position: relative;
  }

  .first-content-has-space .slider--arrows.relative-arrow {
    position: relative !important;
  }

  .blir--title h2 span {
    display: inline !important;
  }

  .new-api-pathways .content--slider__images-each img {
    margin-top: 0em;
  }

  .diagram-asymble__captions-each-1:after {
    width: 135%;
  }

  .diagram-asymble__captions-each-3:after {
    width: 140%;
  }

  .diagram-asymble__box {
    transform: scale(0.85);
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
  }

  .eliminate-supply-chain-disruption .svg--diagram__inner.svg--diagram__inner-1 {
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .diagram-asymble {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }

  .diagram-asymble__box {
    transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
  }

  .diagram-asymble__captions-each-1:after {
    width: 85%;
  }

  .diagram-asymble__captions-each-2:after {
    width: 65%;
  }

  .diagram-asymble__captions-each-3:after {
    width: 100%;
  }

  .diagram-asymble__captions-each-4:after {
    width: 40%;
  }

  .diagram-asymble__captions-each-5:after {
    width: 85%;
  }

  .diagram-asymble__captions-each-6:after {
    width: 50%;
  }

  .helping-develop-your-business.to-center--contents.content-right-slider-left .content--slider__images-each img {
    max-width: 450px !important;
  }
}

@media screen and (min-width: 992px) {
  .assymble-diagram__mobile {
    display: none;
  }

  .diagram-asymble {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .applications--diagram__asymble-title .pageTitle--title h2 {
    font-size: 2.5em !important;
  }

  .synhydrid-applications--diagram {
    min-height: unset;
  }

  .assymble-diagram__mobile {
    display: block;
  }

  .diagram-asymble {
    display: none;
  }

  .assymble-diagram__mobile svg {
    width: 100%;
    height: auto !important;
  }

  .blir--each__content p span {
    display: inline !important;
  }

  .diagram--adjusted__ .content--slider__images-wrapper {
    width: 100%;
  }

  .epc-diagram .svg--diagram__wrapper {
    margin-top: 0em;
  }

  section.seamless-integration.content-right-slider-left .content--slider__images .content--slider__images-each {
    max-width: 100% !important;
  }

  .icon-trigger-content.synhydrid-eni .content--slider__images {
    min-height: auto;
  }

  .synhydrid-eni .content--slider__wrapper {
    padding-top: 0em;
  }

  .diagram-asymble__captions-each-1:after {
    width: 80px;
  }

  .diagram-asymble__captions-each-2:after {
    width: 70px;
  }

  .diagram-asymble__captions-each-3:after {
    width: 35px;
  }

  .diagram-asymble__captions-each-4:after {
    width: 30px;
  }

  .diagram-asymble__captions-each-5:after {
    width: 25px;
  }

  .diagram-asymble__captions-each-6:after {
    width: 20px;
  }

  .diagram-asymble__captions-each-6 .diagram-asymble__caption-text {
    max-width: 140px;
  }

  /*
.diagram-asymble__captions-each.diagram-asymble__captions-each-1 {
    top: 15px;
    left: 16%;
}

  }
  .diagram-asymble__captions-each:after {
    display: none;
  }
  .diagram-asymble__captions-each-1:after {
      width: 70%;
      transform: rotate(
  50deg);
      top: 85px;
      right: -110px;
  }

.diagram-asymble__captions-each.diagram-asymble__captions-each-2 {
    top: 150px;
    left: -31%;
}
  .diagram-asymble__captions-each-2:after {
      width: 65%;
      transform: rotate(
  60deg);
      top: 85px;
      right: -100px;
  }
.diagram-asymble__captions-each.diagram-asymble__captions-each-3 {
    top: 330px;
    left: -49%;
    right: unset;
}
  .diagram-asymble__captions-each-3:after {
      width: 30%;
      transform: rotate(
  40deg);
      top: 55px;
      right: -50px;
  }
.diagram-asymble__captions-each.diagram-asymble__captions-each-4 {
    top: 0;
    right: -57%;
}
.diagram-asymble__captions-each.diagram-asymble__captions-each-5 {
    top: 200px;
    right: -25%;
}

.diagram-asymble__captions-each.diagram-asymble__captions-each-6 {
    top: 265px;
    right: -47%;
}
  .diagram-asymble__captions-each-6:after {
      width: 50%;
      transform: rotate(
  55deg);
      top: -40px;
      left: -60px;
  }
  .diagram-asymble__captions-each {
    position: relative;
  }*/
  /* .blur--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    transform: translate(-5%, -5%);
    -webkit-filter: blur(8px);
    background: #fff;
    height: 110%;
    opacity: 0.7;
  }*/


  .why-choose-dmds {
    padding: 6em 0em !important;
  }


  section.content-slider--section.icon-trigger-content .content--slider__wrapper .content-slider--text.content-count-1 {
    height: auto !important;
  }

  .container-management-packaging-options .coded-diagram--wrapper {
    position: relative;
  }
}

@media screen and (min-width:992px) and (max-width: 1280px) {
  .synhydrid-eni .content--slider__images-each .small-device--image {
    max-width: 400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin: unset;
  }

  #page .synhydrid-eni .content--slider__images .content--slider__images-each {
    min-height: unset !important;
  }

  #page .synhydrid-eni .content--slider__images .content--slider__images-wrapper {
    min-height: 400px;
  }

  section.content-slider--section .content--slider__images .content--slider__images-each.coded-diagram--wrapper .svg--diagram__wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  .desktop--arrows__ {
    display: block !important;
  }

  .mobile--arrows__ {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .mobile--arrows__ {
    display: block !important;
  }

  .desktop--arrows__ {
    display: none !important;
  }

  .synhydrid-module {
    padding-bottom: 100px !important;
  }

  .the-synhydrid-difference .content--slider__images-each img {
    margin-top: 0em;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #top .content--slider__images .content--slider__images-each .small-device--image {
    max-width: 500px !important;
  }
}

@media screen and (max-width: 991px) {
  .section.logos--section {
    padding: 100px 0px;
  }

  section.adjusted--title {
    padding-bottom: 4em !important;
  }

  .what-type-of-person {
    padding-bottom: 5em !important;
  }

  .list-table--each,
  .items--each {
    padding: 1em 0em;
  }

  .content-repeat--row .content-repeat--col-1,
  .content-repeat--row .content-repeat--col-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .oil-lubricants-diagram-1 .svg--diagram__wrapper {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  .align-right-diagram .svg--diagram__wrapper {
    margin-left: unset;
    margin: auto;
  }

  .two_column_image_and_btn--wrapper .two_column_image_and_btn-image {
    max-width: 200px;
    margin: auto;
  }

  section.blurb-with-title-section .bwt--wrapper {
    padding-right: 0em;
  }

  .synhydri-api-lists .content-repeat--row .content-repeat--col-1,
  .synhydri-api-lists .content-repeat--row .content-repeat--col-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .synhydri-api-lists .contents--wrapper {
    max-width: 100%;
  }

  .synhydri-api-lists .content-repeat--row .content-repeat--col-1 {
    order: 1 !important;
    -webkit-order: 1 !important;
    -ms-order: 1 !important;
    padding-bottom: 6em;
  }

  .synhydri-api-lists .content-repeat--row .content-repeat--col-2 {
    order: 2 !important;
    -webkit-order: 2 !important;
    -ms-order: 2 !important;

  }

  .synhydri-api-lists .list-table--wrapper .list-table--text {
    flex: 0 0 50% !important;
    -ms-flex: 0 0 50% !important;
    max-width: 50% !important;
    text-align: left;
  }

  .synhydri-api-lists .list-table--each__wrapper.has-scroll--list__wrapper {
    height: auto !important;
  }

  .button--wrapper a {
    padding: 10px 30px;
  }

  .list-table--arrow svg {
    max-width: 60px;
    margin: auto;
  }

  .synhydrid-module .content--slider__wrapper {
    order: 2 !important;
    -webkit-order: 2 !important;
    -ms-order: 2 !important;
  }

  .synhydrid-module .content--slider__images {
    order: 1 !important;
    -webkit-order: 1 !important;
    -ms-order: 1 !important;
  }

  .synhydrid-module .custom-diagram--main .custom-diagram--item svg {
    right: 0px;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-1 {
    left: 45.8%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-2 {
    left: 67%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-3 {
    left: 67%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-4 {
    left: 45.8%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-5 {
    left: 25%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-6 {
    left: 25%;
  }

  .synhydrid-blurb.four-cols-blurb .row-2 .col-md-4 {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .synhydrid-module .custom-diagram--main .custom-diagram--item svg {
    transform-origin: left;
  }

  .synhydrid-module .content--slider__images {
    top: 0em;
  }

  .custom-diagram--dot__block-1 .diagram-dot--caption {
    right: 0px !important;
  }

  .custom-diagram--dot__block-1 .diagram-dot--caption {
    right: -50px !important;
  }

  .list-table--each__wrapper.has-scroll--list__wrapper {
    overflow-y: unset !important;
  }

  .list-table--text.list-table--text-right {
    padding-left: 20px !important;
  }

  .how-we-deliver--area .content--slider__images-each svg {
    margin-top: unset !important;
  }

  .how-we-deliver--area .svg--diagram__inner-2 {
    top: 120px;
  }

  /*.how-we-deliver--area .content--slider__images,
  .how-we-deliver--area .content--slider__images-wrapper {
    min-height: auto !important;
  }*/
  .how-we-deliver--area {
    padding-top: 0em !important;
  }

  .how-we-deliver--area .slider--container__main .content--slider__wrapper {
    padding-top: 0em !important;
  }

  section.content-slider--section.icon-trigger-content .content--slider__wrapper .content-slider--text .top--icons__ {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  .icon-trigger-content.sticky-on-scroll .content-slider--text .top--icons__ {
    pointer-events: all !important;
  }

  .icon-trigger-content.sticky-on-scroll .content-slider--text.active {
    opacity: 1 !important;
  }

  .why-choose-dmds {
    padding-top: 0em !important;
  }

  .display-cover--mobile.sticky-on-scroll .cover-on-sticky {
    display: block !important;
    padding-bottom: 6em !important;
    position: relative;
  }

  .sticky-on-scroll .cover-on-sticky .what-can-you-expect--image,
  .sticky-on-scroll .cover-on-sticky .what-can-you-expect--icons {
    display: none;
  }

  .sticky-on-scroll .cover-on-sticky .what-can-you-expect--title__wrapper {
    position: relative;
  }

  .sticky-on-scroll .cover-on-sticky.fadeaway {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media screen and (max-width:768px) {
  .oil-lubricants-diagram-2 .icon--click-4 {
    left: 67.5%;
  }

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

  .content--title {
    margin: auto;
    width: 100% !important;
    max-width: 100% !important;
  }

  .slider--container__main .content--title {
    margin: unset;
  }
}

@media screen and (max-width:767px) {
  .how-we-deliver--area .svg--diagram__inner-2 {
    top: 0em !important;
  }

  .two_column_image_and_btn--wrapper.two_column_image_and_btn--wrapper-1 {
    border-right: 0px solid;
  }

  .two_column_image_and_btn--wrapper {
    padding: 4em 0em;
  }

  .infograph-diagram-inner svg {
    height: 50vw;
    margin-bottom: 2em !important;
    padding-left: 0.5em !important;
  }

  .col-6-first {
    order: 2;
    -ms-order: 2;
    -webkit-order: 2;
  }

  .col-6-second {
    order: 1;
    -ms-order: 1;
    -webkit-order: 1;
  }

  section.testimonial___ {
    padding-bottom: 5em !important;
  }

  .col-6-second {
    padding-bottom: 4em;
  }

  .blir--each__wrapper .blir--each {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }

  .epc-lists__ .list-table--wrapper__box {
    padding-left: 0px !important;
  }

  .epc-lists__ .list-table--wrapper__box:before {
    display: none;
  }

  .epc-lists__ .contents--wrapper {
    padding-bottom: 2em !important;
  }

  section.hero-banner .hero-banner--each .hero-banner--sub-title {
    max-width: 100% !important;
  }

  .epc-lists__ .content-slider--button a {
    margin-left: 0em;
    margin-right: 2em;
  }

  .oil-and-gas-slider .slider-image-section__each .slider-image-section__img {
    padding-bottom: 0em !important;
  }

  .chematek--delivers__content {
    padding-bottom: 0em !important;
  }

  .chematek--delivers__content:last-child {
    padding-bottom: 4em !important;
  }

  .content-repeat--row .content-repeat--col-1,
  .content-repeat--row .content-repeat--col-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .align-right-diagram .svg--diagram__wrapper {
    width: 100% !important;

  }

  .align-right-diagram .svg--diagram__wrapper svg {
    height: auto !important;
  }

  section.content-slider--section .content--slider__images .content--slider__images-each,
  .content-fade--regular .content--slider__images-wrapper {
    min-height: 100%;
    background-image: unset !important;
  }

  .content--slider__images-each .small-device--image {
    display: block !important;
  }

  .your-fine-chemicals-specialist .content--sub-title {
    width: 100% !important;
  }

  .content--content {
    padding-top: 2em;
  }

  .partnering-with-us .bwt-caption {
    max-width: 100%;
  }

  section.content-items--section .contents--wrapper {
    padding-bottom: 4em;
  }

  .diagram-asymble__box {
    margin-left: -12%;
  }

  /*  .diagram-asymble__svg svg {
    width: 100%;
  }*/
  .expertise-blurbs .col-md-4 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .synhydrid-blurb.four-cols-blurb .row-2 .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .diagram-asymble__captions-each {
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }

  .diagram-asymble__captions-each-1:after {
    width: 50px;
    right: 20px;
  }

  .diagram-asymble__captions-each-2:after {
    width: 30px;
  }

  .diagram-asymble__captions-each-3:after {
    width: 75px;
  }

  .diagram-asymble__captions-each-4:after {
    width: 10px;
  }

  .synhydrid-applications--diagram {
    padding-top: 6em !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-1 {
    left: 39.8% !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-2 {
    left: 81% !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-3 {
    left: 80% !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-4 {
    left: 39.8% !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-5 {
    left: 0% !important;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-6 {
    left: 0% !important;
  }

  section.map--image .content--slider__images-each .small-device--image {
    height: auto !important;
  }

  section.map--image .content--slider__images-each,
  section.map--image .flickity-viewport {
    height: 100% !important;
  }

  section.map--image .content--slider__images .content--slider__images-each {
    position: relative !important;
  }

  section.section.logos--section .logo--each__inner {
    min-height: 100px;
    padding: 2em 1.5em;
  }

  section.section.large-cta-section .title--main h2 {
    font-size: 3em;
  }

  .chematek--delivers__image--title h3,
  .chematek--delivers__content--title h3 {
    font-size: 3em !important;
  }

  .chematek--delivers__content--title {
    padding-bottom: 0px;
  }

  .modified-synhydrid .caption--main p {
    font-size: 16px;
  }

  .comprehensive-range-dyes {
    padding-bottom: 6em !important;
  }

  .accreditation-image-content.svg-type--image .content--slider__wrapper {
    padding-top: 2em !important;
  }

  .how-we-deliver--area .slider--container__main .content--slider__wrapper {
    padding-top: 1em !important;
  }

  .two-col-btn-section {
    padding-bottom: 0em !important;
  }

  .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text {
    padding-top: 20px;
    margin-top: 40px;
  }

  .icon-trigger-content .slider--container__main .content--slider__data .content-slider--text.active {}

  .seamless-integration {
    padding-bottom: 0em !important;
  }

  .continuous-supply .content--slider__images-wrapper {
    margin-bottom: 0em;
  }

  .footer-btn--wrapper {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
  }

  .footer-btn--wrapper span {
    display: none;
  }

  .footer-btn--wrapper span.icon___ {
    display: block;
  }

  .footer-btn--bot {
    margin-top: 0em;
    margin-left: 10px;
  }

  .footer-btn--top .icon___ {
    width: 15px !important;
  }

  .footer-btn--wrapper a {
    border-color: #32CBFF !important;
  }

  .footer-btn--wrapper {
    justify-content: flex-end;
  }

  .sticky-btn--footer {
    bottom: 1em;
  }

  .request-sample--form .gform_footer.top_label:before {
    position: relative !important;
  }

  .request-form--form .gform_footer input[type="submit"] {
    margin-top: 2em !important;
  }

  .request-sample--form .gform_footer.top_label {
    text-align: left;
  }

  .contact-form--wrapper ul li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .request-sample--form #field_3_2,
  .request-sample--form #field_3_3 {
    padding-right: 0px !important;
  }

  .table--filtering__inner {
    flex-wrap: wrap;
  }

  .table--filtering__search {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
    order: 2;
    padding-right: 0em !important;
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .table--filtering__dropdown {
    width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
  }

  .table-with-listings__filter .table-with-listings__items-col_2 .arrow--more {
    margin-left: 20px !important;
  }

  .table-with-listings__filter .table-with-listings__items-col_2 {
    min-width: unset !important;
  }
}

@media screen and (max-width: 600px) {
  .diagram--offering__inner .diagram--offering__image {
    padding-top: 0em;
    padding-bottom: 0em;
  }

  .synhydri-api-lists .list-table--wrapper .list-table--text p {
    word-break: break-all;
  }

  .synhydri-api-lists .list-table--wrapper .list-table--text-1 {
    padding-right: 10px;
  }

  .diagram-asymble__box {
    transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }

  .diagram-asymble__captions-each.diagram-asymble__captions-each-1 {
    top: 135px;
  }

  .diagram-asymble__captions-each.diagram-asymble__captions-each-2 {
    top: 215px;
  }

  .diagram-asymble__captions-each.diagram-asymble__captions-each-4 {
    top: 135px;
  }

  .diagram-asymble__captions-each.diagram-asymble__captions-each-5 {
    top: 215px;
  }
}

@media screen and (max-width:560px) {
  .selector-map__inner {
    display: block !important;
  }

  .selector-map__inner .selector-map__column {
    margin-bottom: 20px;
  }

}

@media screen and (max-width: 480px) {
  .choose-division--buttons .choose-division--button__inner {
    display: block;
  }

  .choose-division--buttons {
    margin-bottom: 0em;
  }

  .synhydrid-blurb.four-cols-blurb .row-2 .col-md-4,
  .expertise-blurbs .col-md-4 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center;
  }

  .synhydrid-blurb.four-cols-blurb .bwt--icon,
  .expertise-blurbs .bwt--icon {
    margin: auto;
  }
}

@media screen and (max-width: 450px) {
  .blir--each__wrapper .blir--each {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .blir--each__content {
    max-width: unset;
  }

  .blir--each__wrapper .blir--each {
    max-width: 250px;
    margin: auto;
    text-align: center;
  }

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

@media screen and (max-width: 400px) {
  .continuous-supply .circle--diagram {
    transform: scale(0.6);
    position: relative;
    left: 15%;
    transform-origin: left;
  }

  .continuous-supply .content--slider__images-wrapper {
    margin-bottom: 0em;
  }
}

@media screen and (max-width: 350px) {
  .continuous-supply .circle--diagram {
    left: 9%;
  }
}

button,
input,
optgroup,
select,
textarea {
  font-family: var(--font-grotesk) !important;
}

/*.content-height-1 {
  background: red;
}
.content-height-2 {
  background: green;
}
.content-height {
  opacity: 1 !important;
}*/

.contact-adjusted-title-block .selector-map__wrapper {
  display: none !important;
}

#contact--form.content-contact--section.content-contact--section-blue-bg {
  background: #fff;
}

.map-option-output .selector-map__wrapper {
  display: block !important;
  padding-bottom: 2em;
}

.map-option-output .selector-map__inner {
  justify-content: flex-start !important;
}

.map-option-output .selector-map__inner .selector-map__column {
  margin: 0px !important;
}

.map-option-output .selector-map__wrapper .selector-map__select {
  background: transparent !important;
}

.pic--first p {
  display: none;
}

.pic--first p:first-child {
  display: block;
}

.thank-you--event .content--slider__images-each {
  background-image: unset !important;
}

.thank-you--event .content--slider__images-each img {
  display: block !important;
}

.thank-you--event .content--title h2 {
  font-size: 3.7em;
}

.thank-you--event .content--slider__images-each {
  max-width: 100%;
  right: 0;
  left: unset !important;
  position: relative !important;
  margin-left: auto;
  height: auto !important;
}

.thank-you--event .flickity-slider,
.thank-you--event .content--slider__images-wrapper {
  transform: unset !important;
  -ms-transform: unset !important;
  -webkit-transform: unset !important;
}

.thank-you--event .box-cover {
  display: none !important;
}

.thank-you--event .slider--container__main .content--slider__wrapper {
  position: relative !important;
}

.thank-you--event .content--slider__data .content-slider--text {
  position: relative !important;
}

.thank-you--event .slider--container__main {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}

.thank-you--event .slider--container__main .content--slider__wrapper,
.thank-you--event .content--slider__images {
  width: 50% !important;
}

.thank-you--event .content--slider__wrapper .content--slider__data,
.thank-you--event .slider--container__main .content--title {
  width: 100% !important;
}

.thank-you--event .content--title {
  max-width: 400px;
}

.thank-you--event .flickity-viewport {
  height: auto !important;
}

.thank-you--event .content--content {
  max-width: 100% !important;
}

.text-under--button {
  padding-top: 2em;
}

.text-under--button p {
  margin-top: 0px;
}

.thank-you--event .content--slider__images-each:before {
  content: '';
  background-image: url(../img/synhydrid-molecule.png);
  background-size: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: -10em;
  background-repeat: no-repeat;
  right: -30%;
}

.no--header-footer .header-main--nav,
.no--header-footer footer {
  display: none !important;
}

.thank-you--event {
  padding-top: 10em !important;
  padding-bottom: 200px;
}

.unset--animation__image .content--slider__images-each {
  opacity: 0;
  visibility: hidden;
}

.unset--animation__image .content--slider__images-each.active {
  animation: unset !important;
  -ms-animation: unset !important;
  -webkit-animation: unset !important;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

#page .unset--animation__image .content--slider__images-each {
  opacity: 0;
  visibility: hidden;
}

#page .unset--animation__image .content--slider__images-each.active-svg.active__ {
  opacity: 1 !important;
  visibility: visible !important;
}

.fixed-scroll-trigger.epc-diagram .diagram-icon-1.opacity-half {
  stroke-width: 0px;
  opacity: 0.5;
}

.fixed-scroll-trigger .diagram-icon__.opacity-half,
#page .fixed-scroll-trigger.oil-lubricants-diagram-2 path.diagram-icon__ {
  opacity: 0.5 !important;
}
/*
.fixed-scroll-trigger path.diagram-icon__.opacity-half {
  opacity: 1 !important;
} */

.fixed-scroll-trigger path.diagram-icon-1.diagram-icon__.opacity-half {
  opacity: 0.5 !important;
}

.fixed-scroll-trigger.how-we-deliver--area path.diagram-icon-2.diagram-icon__.opacity-half {
  opacity: 0.5 !important;
}
/*
.fixed-scroll-trigger.how-we-deliver--area path.diagram-icon-2.diagram-icon__.has-stroke-width-three {
  opacity: 1 !important;
} */

.fixed-scroll-trigger .diagram-icon-2 {
  stroke-width: 1px;
}

.fixed-scroll-trigger.oil-lubricants-diagram-1 .diagram-icon__.opacity-half {
  stroke-width: 3px;
}

.fixed-scroll-trigger.oil-lubricants-diagram-2 .diagram-icon__2 {
  stroke-width: 1px;
}

.fixed-scroll-trigger .diagram-icon-1 {
  stroke-width: 3;
  opacity: 1;
}

#page .disable--active.fixed-scroll-trigger .content--slider__images-each.active {
  opacity: 0 !important;
  visibility: hidden !important;
}

#page .disable--active.fixed-scroll-trigger .content--slider__images-each.active.active__,
#page .diagram-type-2.disable--active.fixed-scroll-trigger .content--slider__images-each.active,
#page .diagram-type-2.disable--active.fixed-scroll-trigger .circle--diagram__side.active {
  opacity: 1 !important;
  visibility: visible !important;
}

#page .oil-lubricants-diagram-2.fixed-scroll-trigger .svg--diagram__wrapper svg g {
  opacity: 1 !important;
}

#page .oil-lubricants-diagram-2.fixed-scroll-trigger .diagram-icon-1.opacity-half {
  stroke-width: 1px !important;
}

#page .fixed-scroll-trigger.oil-lubricants-diagram-2 path.diagram-icon__.has-stroke-width-three {
  opacity: 1 !important;
}

.table-with-listings__filter .content--select__title p {
  color: #32CBFF !important;
}

.table-with-listings__filter .content--title {
  text-align: left !important;
}

.table-with-listings__filter .table-with-listings__items-col {
  flex: unset !important;
}

.table-with-listings__filter .table-with-listings__items-row {
  flex-wrap: unset !important;
  justify-content: space-between;
  padding-right: 2em;
}

.table-with-listings__filter .table-with-listings__items-col_2 {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  min-width: 220px;
  justify-content: space-between;
}

.table-with-listings__filter .table-with-listings__items-col_2 .arrow--more {
  margin-left: 100px;
}

.table-with-listings__filter .table-with-listings__items-col_2 .arrow--more svg {
  width: 16px;
}

.table-with-listings__filter .table-with-listings__items-col_1 p {
  color: #32CBFF;
}

.table-with-listings__filter .table-with-listings__items-col_2 p {
  color: #fff;
}

.page--type.page--color__Blue .table-with-listings__filter .table-with-listings__items-row {
  border-bottom: 1px solid #32CBFF;
}

.table--filtering__inner {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-end;

}

.table--filtering__search {
  width: 100%;
  padding-right: 10em;
  padding-bottom: 5px;
}

.table--filtering__search input::placeholder {
  color: #A6ADB3;
}

.table--filtering__search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #A6ADB3;
}

.table--filtering__search input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #A6ADB3;
}

.table--filtering__search input {
  width: 100%;
  border: 0px;
  padding: 10px;
}

.table--filtering__search input:active,
.table--filtering__search input:focus {
  outline: none;
}

.table--filtering__dropdown {
  width: 300px;
  position: relative;
  z-index: 1;
}




/* width */
.page--type.page--color__Blue .table-with-listings__filter .table-with-listings__items::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.page--type.page--color__Blue .table-with-listings__filter .table-with-listings__items::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid #32CBFF;
  border-radius: 5px;
}

/* Handle */
.page--type.page--color__Blue .table-with-listings__filter .table-with-listings__items::-webkit-scrollbar-thumb {
  background: #32CBFF;
  border-radius: 5px;
}

/* Handle on hover */
.page--type.page--color__Blue .table-with-listings__filter .table-with-listings__items::-webkit-scrollbar-thumb:hover {
  background: #1da4d2;
}



@media screen and (max-width: 1280px) {
  section.thank-you--event .content--slider__images .content--slider__images-each {
    overflow: unset !important;
  }
}

@media screen and (max-width: 991px) {
  .thank-you--event .slider--container__main .content--slider__wrapper {
    order: 1 !important;
  }

  .thank-you--event .slider--container__main .content--slider__wrapper,
  .thank-you--event .content--slider__images {
    width: 100% !important;
  }

  .thank-you--event .content--slider__images-each:before {
    width: 60%;
    top: -10%;
    right: 0;
  }
}

.globe--image {
  padding: 0px !important;
}

.globe--image .container {
  max-width: 1200px;
  padding: 0px;
}

.home-logos--section {
  margin-top: -20vh;
}

@media screen and (max-width: 992px) {
  .home-logos--section {
    margin-top: 10vh;
  }
}

@media screen and (max-width: 767px) {
  .home-logos--section {
    margin-top: 0vh;
  }
}

.home-logos--section.has-overlay--top-reverse {
  overflow: unset;

}

.home-logos--section.has-overlay--top-reverse .page-overlay--top.page-overlay--top--reverse {
  height: 400px;
  background: -moz-linear-gradient(top, rgba(0, 38, 66, 1) 5%, rgba(0, 38, 66, 0.84) 15%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 38, 66, 1) 5%, rgba(0, 38, 66, 0.84) 15%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 38, 66, 1) 5%, rgba(0, 38, 66, 0.84) 15%, rgba(125, 185, 232, 0) 100%);
}

.globe--image .image-only--wrapper {
  text-align: center;
}

@media screen and (max-width:1024px) {
  .home-logos--section.has-overlay--top-reverse .page-overlay--top.page-overlay--top--reverse {
    height: 300px;
  }
}

@media screen and (max-width:768px) {
  .home-logos--section.has-overlay--top-reverse .page-overlay--top.page-overlay--top--reverse {
    height: 200px;
  }
}

@media screen and (max-width:767px) {
  .home-logos--section.has-overlay--top-reverse .page-overlay--top.page-overlay--top--reverse {
    height: 150px;
  }
}

@media screen and (max-width:550px) {
  .home-logos--section.has-overlay--top-reverse .page-overlay--top.page-overlay--top--reverse {
    height: 100px;
  }
}

@media screen and (max-width:420px) {
  .home-logos--section.has-overlay--top-reverse .page-overlay--top.page-overlay--top--reverse {
    height: 75px;
  }
}



/* Added Fix CSS */

section.section.logos--section .logo--each__inner img {
  width: auto !important;
}

.accreditation-slider--diagram .svg--diagram__wrapper {
  transform: scale(0.8);
}



.how-we-deliver--area .svg--diagram__wrapper .icon--click-1 {
  top: 36.2%;
  left: 15.75%;
}

.how-we-deliver--area .svg--diagram__wrapper .icon--click-2 {
  top: 15.5%;
  left: 25.6%;
  height: 60px;
}

.how-we-deliver--area .svg--diagram__wrapper .icon--click-3 {
  top: 38.5%;
  left: 41.8%;
}
.how-we-deliver--area .svg--diagram__wrapper .icon--click-3:before {
  width: 40px;
  height: 40px;
}

.how-we-deliver--area  .svg--diagram__wrapper .icon--click-4 {
  top: 30.8%;
  left: 67.8%;
}
.how-we-deliver--area  .svg--diagram__wrapper .icon--click-5 {
  top: 48.5%;
  left: 77.3%;
}

.eliminate-supply-chain-disruption .content--slider__wrapper {
  padding-top: 5em;
}

.eliminate-supply-chain-disruption .content--slider__wrapper .content--slider__data {

  position: relative;
  width: 100% !important;
}

.synhydri-api-lists .list-table--each__wrapper.has-scroll--list__wrapper {
  height: auto;
  overflow-y: unset;
}


@media screen and (max-width: 1440px) {
  .epc-diagram .content--slider__images-each svg {
    margin-top: 0em;
  }

  section.eliminate-supply-chain-disruption.svg-type--image .content--slider__images-wrapper {
    transform: translateY(0%) !important;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-1 {
    top: 42.5%;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-2 {
    top: 20%;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-3 {
    top: 45.5%;
  }

  .epc-diagram .svg--diagram__wrapper .icon--click-4 {
    top: 37%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .oil-lubricants-diagram-1 .content-slider--section__inner__wrapper {
    padding-top: 120px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  header .header--opened .nav-opened ul li ul li {
    padding-top: 1.5em !important;
  }

  header .nav-opened {
    padding-top: 2em;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {}

@media screen and (min-width: 992px) and (max-width: 1280px) {

  .oil-lubricants-diagram-2 .content--slider__images-wrapper .content--slider__images-each,
  .epc-diagram .content--slider__images-wrapper .content--slider__images-each {
    height: 600px !important;
  }

  .oil-lubricants-diagram-1 .svg--diagram__wrapper {
    transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
  }

  .epc-diagram .svg--diagram__wrapper {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  .continuous-supply .content--slider__images-wrapper {
    transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-2 {
    top: 21%;
    left: 57%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-3 {
    left: 57%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-4 {
    left: 35.7%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-5 {
    left: 14.7%;
  }

  .eliminate-supply-chain-disruption .svg--diagram__wrapper .icon--click-6 {
    left: 14.7%;
  }
}

@media screen and (min-width:992px) {
  .what-can-you-expect--title__inner--wrapper {
    position: relative;
  }

  .what-can-you-expect--sub-title,
  .what-can-you-expect--title,
  .what-can-you-expect--image {
    position: relative;
    z-index: 2;
  }

  .what-can-you-expect--title__inner--wrapper:after {
    content: "";
    position: absolute;
    width: 5000px;
    height: 1000px;
    bottom: 0;
    background: #002642;
    right: 0;
    transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    -webkit-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
  }

  .continuous-supply .content-slider--section__inner__wrapper {
    padding-top: 6em !important;
  }
}

/*ITALY LANGUAGE FIX LAYOUTS*/


html[lang="it"] .choose-division__icons--each.icon-count-4:before {
  transform: rotate(132deg);
  top: -104px;
  height: 150px;
  left: 20px;
}

html[lang="it"] .choose-division__icons--each.icon-count-6:before {
  transform: rotate(79deg);
  right: -37px;
  top: -22px;
}

html[lang="it"] .what-type-of-person .blir--title h2 {
  letter-spacing: 0px !important;
}

html[lang="it"] .epc-lists__ .content-slider--button a {
  padding: 10px 30px;
}

html[lang="it"] .our-product--range .richtext--wrapper {
  max-width: 300px !important;
}

html[lang="it"] .sticky-btn--footer .footer-btn--wrapper a {
  padding: 15px 10px;
}

html[lang="it"] .how-we-deliver--area .slider--container__main .content-slider--text.first-item .content--title h2 span span {
  display: inline-block !important;
}

@media screen and (max-width: 991px) {
  html[lang="it"] .our-product--range .button--wrapper a {
    padding: 10px 18px !important;
  }
}



html[lang="it"] .seamless-integration .content--content,
html[lang="it"] .oil-lubricants-diagram-1 .content--content,
html[lang="it"] .oil-lubricants-diagram-2 .content--content,
html[lang="it"] .continuous-supply .content--content {
  padding-top: 0.5em !important;
}


.section-content-with-image__type-2-image {
  max-width: 500px;
  margin: auto;
}

.section-content-with-image__type-2-text {
  max-width: 600px;
}



.translate-widget .glink {
  line-height: 2em;
}

.appended--header .translate-widget {
  top: 1px !important;
}

header .header-main--nav {
  align-items: center;
}

.translate-widget {
  top: 0px !important;
}

.translate-widget .glink:first-child:after {
  top: 0;
  transform: translateY(50%);
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
}

.gtranslate_wrapper {
	display: none;
}