@font-face {
    font-family: 'Chalet-NewYorkNineteenSixty';
    src: url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-NewYorkNineteenSixty.eot');
    src: url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-NewYorkNineteenSixty.eot#iefix') format('embedded-opentype'),
        url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-NewYorkNineteenSixty.woff2') format('woff2'),
        url('httphttps://f.hubspotusercontent10.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-NewYorkNineteenSixty.woff2s://f.hubspotusercontent10.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-NewYorkNineteenSixty.woff') format('woff'),
        url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-NewYorkNineteenSixty.ttf') format('truetype'),
        url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-NewYorkNineteenSixty.svg#Chalet-NewYorkNineteenSixty') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Chalet-LondonNineteenSixty';
    src: url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-LondonNineteenSixty.eot');
    src: url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-LondonNineteenSixty.eot#iefix') format('embedded-opentype'),
        url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-LondonNineteenSixty.woff2') format('woff2'),
        url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-LondonNineteenSixty.woff') format('woff'),
        url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-LondonNineteenSixty.ttf') format('truetype'),
        url('https://1582016.fs1.hubspotusercontent-na1.net/hubfs/1582016/Pearl_Technology_2020/Fonts/Chalet/Chalet-LondonNineteenSixty.svg#Chalet-LondonNineteenSixty') format('svg');
    font-weight: 500;
    font-style: normal;
}


* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
body {
  font-family: 'Chalet-LondonNineteenSixty';
  font-weight: 500;
  color: #707070;
  font-size: 18px;
  line-height: 25px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Chalet-NewYorkNineteenSixty';
  margin-top: 0px;
  text-transform: uppercase;
}
h1 {
  font-size: 60px;
  line-height: 80px;
}
h2 {
  font-size: 50px;
  line-height: 55px;
  margin: 0 0 40px;
}
h3, h4 {
  font-size: 24px;
  line-height: 28px;
  color: #07A1E2;
}
h4 {
  font-family: 'Chalet-LondonNineteenSixty';
  font-weight: 500;
}
ul {
  margin: 0px;
  padding: 0px;
}
ul li {
  list-style: none;
}
p {
  margin: 0px 0px 25px;
}
p:last-child {
  margin: 0px;
}
a, button, input[type="submit"] {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a {
  color:;
}
a:hover, a:focus {
  text-decoration: none;
}
:focus {
  outline: none;
}
.cta_button,
body form.hs-form input[type="submit"] {
  color: #707070;
  display: inline-block;
  border-radius: 40px;
  border: 2px solid #707070;
  padding: 13.5px 33px 15.5px;
  margin: 40px 0px 0px;
  font-family: 'Chalet-NewYorkNineteenSixty';
  background-color: transparent;
  font-size: 17px;
}
.cta_button:hover,
body form.hs-form input[type="submit"]:hover,
.family-cta a:hover,
.post-link a.more-link:hover,
a.red-more:hover,
.blog-pagination a:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.cta_button:hover,
body form.hs-form input[type="submit"]:hover {
  background-color: transparent;
  color: #707070;
}
.container-fluid .row-fluid .page-center {
/*   max-width: 1410px; */
  max-width: 1170px;
}
.family-listing-section-top h2,
.vision-section h2,
.whitepaper-section h2,
.contact-section h2 {
  margin: 0 0 30px;
}
.single-colum-bottom,
.family-listing-main {
  margin: 70px 0px 0px;
}
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}
.wow:nth-child(1) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
.wow:nth-child(2) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
.wow:nth-child(3) {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}
.wow:nth-child(4) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.wow:nth-child(5) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.wow:nth-child(6) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.wow:nth-child(7) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.body-container-wrapper ul {
  text-align: left;
  margin: 0px 0px 25px;
}
.body-container-wrapper {
  padding-top: 109px;
}
.body-container-wrapper ul li {
	position: relative;
	padding-left: 20px;
	margin: 0 0 5px;
}
.body-container-wrapper ul li:last-child {
  margin: 0px;
}
.body-container-wrapper ul li::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #07a1e2;
	border-radius: 50%;
	left: 0;
	top: 9px;
}
.body-container-wrapper ul.slick-dots,
.body-container-wrapper .contact-section ul,
.body-container-wrapper form.hs-form ul,
.body-container-wrapper .firma-overlay-section ul,
.body-container-wrapper .card-contact-details ul {
  margin: 0px;
}
.body-container-wrapper ul.slick-dots li,
.body-container-wrapper .contact-section ul li,
.body-container-wrapper form.hs-form ul li,
.body-container-wrapper .firma-overlay-section ul li,
.body-container-wrapper .card-contact-details ul li {
	padding-left: 0px;
	margin-bottom: 0px;
}
.body-container-wrapper ul.slick-dots li::before,
.body-container-wrapper .contact-section ul li::before,
.body-container-wrapper form.hs-form ul li::before,
.body-container-wrapper .firma-overlay-section ul::before,
.body-container-wrapper .card-contact-details ul li::before {
  display: none;
}

/*========== Header Section ==========*/

.header-container,
.small-header .header-container {
  padding: 0px;
}
.main-header {
  padding: 24px 0px 18px;
}
.main-header .page-center > .row-fluid-wrapper > .row-fluid,
.header-right > .row-fluid-wrapper > .row-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-header .page-center > .row-fluid-wrapper > .row-fluid::before,
.main-header .page-center > .row-fluid-wrapper > .row-fluid::after,
.header-right > .row-fluid-wrapper > .row-fluid::before,
.header-right > .row-fluid-wrapper > .row-fluid::after {
  display: none;
}
.main-header .page-center > .row-fluid-wrapper > .row-fluid > *,
.header-right > .row-fluid-wrapper > .row-fluid > * {
  width: auto;
  margin-left: 0px;
}
.header-container .hs_cos_wrapper_type_logo a::after,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > a::after {
	display: none;
}
.header-container .hs_cos_wrapper_type_logo a img {
  max-width: 301px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.custom-menu-primary .hs-menu-wrapper > ul,
.small-header .custom-menu-primary .hs-menu-wrapper > ul {
  padding: 17px 0px 0px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li {
  text-transform: inherit;
  margin-right: 60px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
  margin-right: 0px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
  padding: 0px;
  font-size: 20px;
  line-height: 23px;
  color: #363535;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover {
  font-weight: 900;
}
.custom-menu-primary .hs-menu-wrapper > ul ul {
  left: 0px !important;
  background: #F5F5F5 0% 0% no-repeat padding-box;
  padding: 27px 25px 26px;
  border: 0px solid #ccc;
  border-radius: 0px;
  min-width: 254px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul::before {
  display: none;
}
.custom-menu-primary .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: inline-block;
  padding: 0px;
  font-size: 20px;
  line-height: 35px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover,
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover a,
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover {
  background-color: transparent;
  color: #363635;
  font-weight: 900;
}
.header-language {
	padding: 24px 0px 0px 30px;
}

/*========== Banner Section ==========*/

.pearl-banner {
	min-height: 538px;
	background-size: cover;
	background-position: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #ffffff;
  padding: 100px 0px;
}
.pearl-banner.banner-with-product {
  min-height: 889px;
}
.pearl-banner > .page-center {
  width: 100%;
}
.pearl-banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(70, 70, 78, 0.41);
}
.pearl-inner-banner {
  position: relative;
}
.main-text-banner h1 {
  text-transform: uppercase;
  margin: 0px;
}
.banner-with-product .pearl-inner-banner {
  max-width: 793px;
}
.pearl-sub-text {
	font-size: 24px;
	line-height: 26px;
	text-transform: uppercase;
	display: block;
	margin: 0 0 30px;
}
.banner-product {
	position: absolute;
	background-color: #fff;
	right: 0;
	bottom: 0;
  max-width: 554px;
  padding: 77px 78px 56px;
}
.banner-product-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.banner-product-content {
  margin: 60px 0px 0px;
}
.banner-product-content h3 {
  margin: 0px 0px 24px;
}
.banner-product-content,
.banner-product-content p {
  color: #707070;
}
.banner-product-image {
  text-align: center;
}


/*========== Single col with three Section ==========*/

.single-column-section-with-three {
	padding: 90px 0px 60px;
}
.container-fluid .row-fluid .single-column-section-with-three .page-center {
  max-width: 984px;
}
.single-column-section-top {
  text-align: center;
}
.single-colum-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-col-box {
  max-width: 28.863%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28.863%;
  flex: 0 0 28.863%;
}
.single-column-section-with-three .single-col-box h3{
  min-height: 56px;
}

/*========== Listing Section ==========*/

.family-listing-section {
	padding: 103px 0px 116px;
}
.family-listing-section-top {
  max-width: 982px;
}
.family-listing-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-family {
  max-width: 31.49%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.49%;
  flex: 0 0 31.49%;
  margin: 0px 2.7% 2.7% 0px;
  padding: 60px 53px 60px 62px;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #ffffff;
/*   min-height: 230px; */
  min-height: auto;
}
.single-family:hover {
  color: #ffffff;
}
.single-family:nth-child(3n) {
  margin-right: 0px;
}
.single-family::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: transparent linear-gradient(180deg, rgba(65, 65, 65, 0.76) 0%, rgba(10, 54, 72, 0.07) 100%) 0% 0% no-repeat padding-box;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.single-family:hover::before {
  background: transparent linear-gradient(180deg, rgba(7, 161, 226, 1) 0%, rgba(7, 161, 226, 0.64) 100%) 0% 0% no-repeat padding-box;
}
.single-family-content,
.section-background-wrapper {
	position: relative;
}
.single-family-content {
  min-height: 216px;
}
.single-family h3,
.single-family h4 {
  color: #ffffff;
}
.single-family p {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
/*   height: 70px;
  overflow: auto; */
}
.single-family:hover p {
  opacity: 1;
  visibility: visible;
}

/*========== Background img Section ==========*/

.section-background-content {
  padding: 200px 0px;
  position: relative;
  color: #ffffff;
  background-size: cover;
  background-position: center;
}
.section-background-content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: transparent linear-gradient(89deg, rgba(32, 31, 51, 0.72) 0%, rgba(67, 66, 83, 0.84) 0%, rgba(128, 128, 128, 0) 100%) 0% 0% no-repeat padding-box;
}
.section-background-content h2 {
  max-width: 780px;
}
.section-background-content h4 {
  color: #ffffff;
  margin: 0px 0px 40px;
}
.section-background-content p {
  max-width: 983px;
}
.section-background-content .cta_button,
.full-width-background-color .cta_button,
.whitepaper-section .cta_button,
.full-width-section-with-color .cta_button {
  color: #ffffff;
  border-color: #ffffff;
}

/*========== Vision Section ==========*/

.vision-section {
  padding: 120px 0px;
}
.vision-inner-section,
.image-text-repeating > .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vision-left-content {
	background: rgba(245,245,245,1) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	padding: 40px 30px;
  max-width: 50.242%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50.242%;
  flex: 0 0 50.242%;
  position: relative;
  z-index: 1;
}
.vision-right-content,
.content-image {
	max-width: 61.249%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 61.249%;
  flex: 0 0 61.249%;
	margin-left: -11.5%;
}
.image-text-repeating-imageleft .content-image {
  margin-left: 0px;
  margin-right: -11.5%;
}
.vision-right-content img,
.image-text-repeating img {
  width: 100%;
}
.vision-section a.cta_button {
  margin: 15px 0px 0px;
}

/*========== Full Width bg color Section ==========*/

.full-width-background-color {
	background: rgba(7, 161, 226, 1) 0% 0% no-repeat padding-box;
	text-align: center;
	color: #fff;
	padding: 176px 0px;
}
.container-fluid .full-width-background-color .row-fluid .page-center {
/* 	max-width: 1247px; */
}
.full-width-background-color h2 {
  line-height: 59px;
}
.full-width-background-color .cta_button {
  padding: 10.5px 70px 12.5px;
}

/*========== Footer Section ==========*/

.pearl-footer {
	background-color: rgba(245, 245, 245, 1);
	padding: 90px 0px 120px;
}
.pearl-footer .page-center > .row-fluid-wrapper > .row-fluid,
.footer-right > .row-fluid-wrapper > .row-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pearl-footer .page-center > .row-fluid-wrapper > .row-fluid::before,
.pearl-footer .page-center > .row-fluid-wrapper > .row-fluid::after,
.footer-right > .row-fluid-wrapper > .row-fluid::before,
.footer-right > .row-fluid-wrapper > .row-fluid::after {
  display: none;
}
.pearl-footer .page-center > .row-fluid-wrapper > .row-fluid > *,
.footer-right > .row-fluid-wrapper > .row-fluid > * {
  width: auto;
  margin-left: 0px;
}
.footer-right {
  max-width: 72%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 72%;
  flex: 0 0 72%;
}
.footer-logo {
  max-width: 21.348%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 21.348%;
  flex: 0 0 21.348%;
}
.footer-logo img {
  max-width: 100%;
}
.pearl-footer h4,
.pearl-footer h3 {
  color: rgba(112, 112, 112, 1);
  margin: 0px;
}
.pearl-footer a {
  color: #707070;
}
.pearl-footer a:hover {
  color: #07a1e2;
}
.pearl-footer p {
  margin: 0px;
}
.footer-box-header {
  margin: 0px 0px 25px;
}
.social-sharing ul,
.post-share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-sharing {
  margin: 20px 0px 0px;
}
.social-sharing ul li,
.post-share ul li,
.post-share > span {
  margin-right: 15px;
}
.social-sharing ul li:last-child,
.post-share ul li:last-child {
  margin-right: 0px;
}
.social-sharing ul li a,
.post-share ul li a {
  background-color: #07A1E2;
  color: #fff;
  width: 34px;
  height: 34px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
}
.social-sharing ul li a:hover,
.post-share ul li a:hover {
  color: #ffffff; 
}
.post-date-tag {
  margin: 13px 0px 0px;
}
.blog-post-wrapper .post-body {
  margin: 90px 0px 0px;
}
.post-share ul {
  margin: 0px !important;
}
.post-share ul li {
  padding-left: 0px !important;
}
.post-share ul li::before {
  display: none;
}
.post-header-section-right {
  max-width: 35%;
}

/*======== Firma Page ==========*/

.pearl-banner.pearl-banner-center {
  min-height: 538px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.pearl-banner-center .main-text-banner h1 {
  margin: 0 auto;
  max-width: 100%;
}
.thumb-slider {
	background-color: #F5F5F5;
}
.simple-content-module {
  padding: 120px 0px;
}
.single-inner-text-alignment-center {
  text-align: center;
}
.thumb-slider {
  padding: 70px 0px 120px;
}
.slider-for.slick-slider .slick-list {
  margin: 0 -10px;
}
.slider-main-image.slick-slide {
  position: relative;
  overflow: hidden;
  min-height: 550px;
  background-size: cover;
  background-position: center;
  margin: 0px 10px;
}
.slider-main-image img {
  width: 100%;
  max-height: 550px !important;
  object-fit: cover;
  object-position: center;
}
.portrait-slide.slider-main-image img {
  object-fit: contain;
}
.slider-bottom-text {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  padding: 20px 35px 40px 55px;
  max-width: 48%;
  position: absolute;
  left: -35px;
  bottom: -40px;
}
.slider-bottom {
/* 	max-width: 55%; */
	margin: 20px 0px 0px;
	margin-left: auto;
  position: relative;
}
.slider-bottom .slider-nav .slick-list {
  margin: 0px -20px;
  padding: 65px 0px 0px;
}
.slider-nav-image-outer.slick-slide {
	margin: 0px 20px;
  position: relative;
}
.slider-nav-image-inner img {
  height: 90px !important;
	width: 100% !important;
	object-fit: cover;
	object-position: center;
}
.image-text-repeating {
	padding: 120px 0px;
}
.image-text-repeating > .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-repeating {
  max-width: 50.242%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50.242%;
  flex: 0 0 50.242%;
  position: relative;
}
.content-single-repeat {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  padding: 25px 32px;
  margin: 0px 0px 7px;
}
.content-single-repeat:last-child {
	margin: 0px;
}
.content-single-repeat:first-child {
  padding: 34px;
}
.content-single-repeat h2 {
  margin: 0px;
  word-break: break-word;
}
.slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 10px 0px 0px;
} 
.slick-dots li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.slick-dots li button {
  border: 0px;
  padding: 0px;
  font-size: 0px;
  background-color: #cbc5c5;
  width: 100%;
  height: 3px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slick-dots li.slick-active button {
	background-color: #939090;
	height: 4px;
}

/*======== Innovation page ==========*/

.product-referenz,
.event-listing {
  padding: 120px 0px 48px;
}
.referenz-product-repeator,
.event-inner-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-repeator-main,
.single-event {
  max-width: 45.911%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45.911%;
  flex: 0 0 45.911%;
  margin: 0px 0px 72px;
}
.single-repeator-content {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 12px 12px #5A5A5A29;
	padding: 60px 40px;
	margin: -60px 32px 0px;
	position: relative;
  text-align: center;
}
.single-repeator-content > * {
  text-align: left;
}
.single-repeator-content h3 {
  margin: 0px 0px 15px;
}
.single-repeator-content > *:last-child {
  margin-bottom: 0px;
}
.single-repeator-content .cta-btn-main {
  color: #07a1e2;
  display: inline-block;
  text-transform: uppercase;
  border: 2px solid #07a1e2;
  padding: 7px 40px;
  border-radius: 8px;
  margin: 10px auto 0px;
}
.single-repeator-content .cta-btn-main:hover {
  background-color: #07a1e2;
  color: #ffffff;
}

/*============= Events Page ============*/

.event-listing .event-listing,
.post-list-body {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 12px #5A5A5A29;
  padding: 38px 25px;
  max-width: 60%;
  margin: -150px 24px 0px auto;
  position: relative;
}
.event-image img {
	width: 100%;
}
.single-event h3 {
  margin: 0px 0px 0px;
}
.date-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.event-description,
.date-time-location,
.post-content {
  margin: 30px 0px 0px;
}
.first,
.date-section span:first-child {
  max-width: 65px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 65px;
  flex: 0 0 65px;
}
.last,
.date-section span:last-child {
  max-width: calc(100% - 65px);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 65px);
  flex: 0 0 calc(100% - 65px);
  padding-left: 15px;
}


/*======== Landing Page ========*/

.landing-header-logo {
  padding: 21px 0px;
}
.landing-logo img {
  max-width: 301px;
}
.container-fluid .row-fluid .landing-module .page-center {
  max-width: 100%;
  padding: 0px;
}
.landing-module-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.landing-module-inner-right {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.landing-module-inner-right {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  padding: 120px 100px;
}
.landing-module-inner-left {
  padding: 120px 100px 0px 0px;
  max-width: 585px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 585px;
  flex: 0 0 585px;
  margin-left: auto;
}
.landing-footer-logo {
	background-color: #f5f5f5;
	padding: 100px 0px 200px;
}
.firma-overlay-section {
  padding: 150px 0px;
  color: #ffffff;
  background-size: cover;
  background-position: center;
  position: relative;
}
.firma-overlay-section::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
  background: transparent linear-gradient(89deg,rgba(32,31,51,0.72) 0%,rgba(67,66,83,0.84) 0%,rgba(128,128,128,0) 100%) 0% 0% no-repeat padding-box;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.firma-overlay-section:hover::before {
  background: transparent linear-gradient(90deg, #201F33B7 0%, #434253D5 0%, #8080802C 100%) 0% 0% no-repeat padding-box;
  opacity: 0.62;
}
.firma-background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.firma-background-image img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.firma-content-outer {
  position: relative;
  z-index: 2;
}
.firma-overlay-section:hover .firma-background-image {
  -webkit-filter: blur(20px);
  filter: blur(20px);
}
.firma-overlay-inner {
	max-width: 1046px;
  position: relative;
}
.firma-overlay-section-logos {
	margin: 40px 0px 0px;
  position: relative;
}
.firma-overlay-section-logos ul {
	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
}
.firma-overlay-section-logos ul li {
  margin-right: 56px;
}
.firma-overlay-section-logos ul li:last-child {
  margin-right: 0px;
}
.simple-content-module h4,
.single-column-section-with-three h4 {
  margin: 0 0 15px;
}


/* ========= Form Sytling ===========*/

body form.hs-form .hs-form-field {
  margin: 0px 0px 30px;
}
body form.hs-form .hs-input {
  height: 76px;
  box-sizing: border-box;
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
  font-family: 'Chalet-NewYorkNineteenSixty';
  font-size: 20px;
  line-height: 24px;
  padding: 10px 32px;
  font-weight: bold;
  color: #07A1E2;
  width: 100% !important;
}
body textarea {
  resize: none;
  min-height: 262px;
  padding: 30px 32px !important;
}
body form.hs-form .hs-input[type="checkbox"],
body form.hs-form .hs-input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 30px !important;
  height: 30px;
  background-color: #fff;
  padding: 0px;
  margin: 0px 30px 0px 0px;
}
body form.hs-form .hs-input[type="radio"] {
  border-radius: 50%;
}
body form.hs-form .hs-input[type="checkbox"]:checked,
body form.hs-form .hs-input[type="radio"]:checked {
  background-color: #07A1E2;
}
.hs-error-msg {
	font-weight: normal;
	color: red;
	font-size: 14px;
}
.hs-form-booleancheckbox label {
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.hs-form-booleancheckbox label span::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 7px;
  top: 9px;
  opacity: 0;
  visibility: hidden;
}
.hs-form-booleancheckbox label input:checked + span::before {
  opacity: 1;
  visibility: visible;
}
.hs-form-booleancheckbox label span {
  max-width: calc(100% - 40px);
}
body form.hs-form input[type="submit"] {
  margin: 20px 0px 0px;
}
body form.hs-form fieldset .hs-form-field {
  padding: 0;
}
body form.hs-form fieldset.form-columns-2 .hs-form-field {
  width: 48.2%;
  margin-right: 3.6%;
}
body form.hs-form fieldset.form-columns-2 .hs-form-field:last-child {
  margin-right: 0px;
}
.product-family-listing {
  padding: 120px 0px;
}
.product-family-top {
	max-width: 977px;
}
.product-family-bottom,
.product-repeator {
	display: -webkit-box;
 	display: -ms-flexbox;
  display: flex;
/*   -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; */
  -ms-flex-wrap: wrap;  
  flex-wrap: wrap;
}
.product-family-bottom {
  margin: 60px 0px 0px;
}
.single-famliy-product,
.single-product,
.product-repeator > a {
  max-width: 32.146%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32.146%;
  flex: 0 0 32.146%;
  margin: 0 1.7% 70px 0;
  color: #707070;
}
.single-famliy-product:nth-child(3n),
.single-product:nth-child(3n),
.product-repeator > a:nth-child(3n) {
  margin-right: 0px;
}
.family-content {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 12px 40px #5A5A5A29;
  padding: 42px 23px;
  margin: -40px 11px 0px;
  position: relative;
  min-height: 292px;
}
.family-content h3 {
  margin: 0px 0px 30px;
}
.family-content-inner {
  font-size: 18px;
  line-height: 25px;
  min-height: 175px;
}
.family-cta,
.post-link {
  margin: 30px 0px 0px;
}
.family-cta a,
.post-link a.more-link,
a.red-more,
.blog-pagination a {
	display: inline-block;
	font-size: 17px;
	line-height: 24px;
	background-color: #07a1e2;
	color: #fff;
	border-radius: 30px;
	padding: 14.5px 34px;
}
.whitepaper-section {
  background: #07A1E2 0% 0% no-repeat padding-box;
  padding: 120px 0px 0px;
  color: #ffffff;
  margin-bottom: 300px;
}
.whitepaper-section > .page-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.whitepaper-section-left {
	max-width: 44.682%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44.682%;
  flex: 0 0 44.682%;
  padding: 0px 0px 120px;
}
.whitepaper-section .cta_button {
  margin: 10px 0px 0px;
}
.whitepaper-section-right {
  margin-bottom: -200px;
  position: relative;
  max-width: 38%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
}
.whitepaper-section-right img {
  width: 100%;
}
.product-image,
.family-image {
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f5f5f5;
}
.product-image img,
.family-image img {
  max-width: 100%;
  object-fit: contain;
  max-height: 200px;
  margin: 0 auto;
}

/*========= Contact page =========*/

.contact-section {
	padding: 120px 0px;
}
.contact-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-section ul li {
  margin: 0px 80px 0px 0px;
}
.contact-section ul li:last-child {
  margin: 0px;
} 
.contact-section ul li a {
  color: #707070;
}
.contact-section ul li a i {
  color: #07a1e2;
  margin-right: 10px;
  font-size: 24px;
}
.contact-form-section {
	padding: 62px 0px;
}
.graph-text-main {
  padding: 120px 0px;
}
.map-cards-repeator {
  margin: -120px -1% 0px;
}
.map-single-card {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	width: 31.3%;
	margin: 1%;
  padding: 30px;
}
.card-details { 
  min-height: 127px;
}
.card-details h5 {
  font-size: 20px;
  line-height: 26px;
  margin: 0;
}
.card-details p {
  margin: 0px;
}
.card-contact-details {
  margin: 25px 0px 0px;
  min-height: 100px;
}
.card-contact-details ul li a {
  color: #707070;
  font-size: 18px;
  line-height: 25px;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.card-contact-details ul li a:hover {
  color: #07a1e2;
}
.card-contact-details ul li a i {
	color: #07a1e2;
}
.card-contact-details ul li a img {
  max-width: 24px;
}
.card-contact-details ul li a span {
  max-width: calc(100% - 24px);
  padding-left: 10px;
}

/*============ Product ============*/

a.last-card {
  background-color: #07A1E2;
  color: #fff;
  font-family: 'Chalet-NewYorkNineteenSixty';
  text-transform: uppercase;
  text-align: center;
  padding: 10px 20px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 46px;
  line-height: 50px;
  word-break: break-word;
  height: 280px;
}
.product-selector {
  margin: 0px 0px 70px;
}
.product-selector select,
.download-selector select {
  background-color: #f5f5f5;
  border: 0px;
  border-radius: 0px;
  height: 94px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  max-width: 37.146%;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: .48px;
  color: #07a1e2;
  font-family: 'Chalet-LondonNineteenSixty';
  padding: 10px 70px 10px 20px;
  background-image: linear-gradient(45deg, transparent 50%, #07a1e2 50%), linear-gradient(135deg, #07a1e2 50%, transparent 50%), linear-gradient(to right, #ccc0, #ccc0);
  background-position: calc(100% - 47px) calc(1em + 19px),calc(100% - 37px) calc(1em + 19px),calc(100% - 2.5em) .5em;
  background-size: 13px 11px,13px 11px,1px 1.5em;
  background-repeat: no-repeat;
}
:focus,
.hs-input:focus,
select:focus {
  box-shadow: none !important;
}

/*============= blog page =============*/

.blog-body {
  padding: 120px 0px;
}
.blog-listing-wrapper .post-listing {
  display: -webkit-box;  
  display: -ms-flexbox;  
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-listing-wrapper .post-listing .post-item {
  padding-bottom: 0;
  max-width: 48.89%;
  -webkit-box-flex: 0;  
  -ms-flex: 0 0 48.89%;  
  flex: 0 0 48.89%;
  margin: 0 0 70px;
}
.post-list-body h2 {
  font-size: 24px;
  line-height: 28px;
  font-family: 'Chalet-NewYorkNineteenSixty';
  margin: 0px 0px 30px;
  word-break: break-word;
}
.post-list-body h2 a {
  color: #07A1E2; 
}
.post-featured-image-wrapper img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
.blog-post-wrapper .section.post-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.post-header-section-left {
  max-width: 60%;
}
.post-header-section-left h4 {
  font-family: 'Chalet-LondonNineteenSixty';
}
.post-header-section-left h4 a {
  color: #07A1E2;
}
.post-header-section-left h1 {
  font-size: 50px;
  line-height: 55px;
}
.post-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*========== download section ============*/

.download-section {
  padding: 120px 0px;
}
.download-repeator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 25px 0px 0px;
}
.download-repeator.grids {
  display: inherit; 
  margin: 0  -0.75%;
}
.download-repeator a,
.product-repeator a.single-download {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  padding: 38px 60px 30px 32px;
  display: inline-block;
  font-size: 24px;
  line-height: 26px;
  color: #07A1E2;
  letter-spacing: 0.48px;
  position: relative;
  max-width: 48.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48.5%;
  flex: 0 0 48.5%;
}
.download-repeator.grids a {
	width: 48.5%;
	margin: 0 .75% 1.5%;
}
.download-section .product-repeator {
  margin: 0 -0.7%;
}
.product-repeator a.single-download {
	width: 48.5%;
	margin: 0 0.7% 14px;
}
.download-selector select {
  max-width: 49.2%;
  margin: 0 0 30px;
}
.download-repeator a::before,
.product-repeator a.single-download::before {
  content: "";
  position: absolute;
  border-width: 12.5px 10px;
  border-style: solid;
  border-color: #07a1e2 transparent transparent;
  right: 40px;
  top: 44px;
}


.full-width-section-with-color {
  padding: 120px 0px;
  color: #ffffff;
}
.full-width-section-with-color .cta_button {
  margin: 20px 0px 0px;
}
.progress {
  display: none;
  width: 100%;
  height: 3px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cbc5c5;
  background-image: linear-gradient(to right, #939090, #939090);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: background-size 0.4s ease-in-out 0s;
  margin: 20px 0px 0px;
}
.slider-nav-image-inner {
  cursor: pointer;
}

/*======== Key frames ==========*/

.pearl-inner-banner,
.single-column-section-top,
.single-col-box,
.family-listing-section-top,
.single-family,
.section-background-content,
.vision-left-content,
.vision-right-content,
.full-width-background-text,
.footer-logo,
.footer-right,
.footer-box,
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-family-listing .family-image{
background-color:#f5f5f5;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/*========== Media Queries / Responsive ==========*/

@media (max-width: 1440px) {
  .banner-product {
    max-width: 470px;
    padding: 55px 50px;
  }
}
@media (max-width: 1430px) {
  .container-fluid .row-fluid .page-center {
    max-width: 1170px;
  }
  .container-fluid .full-width-background-color .row-fluid .page-center {
    max-width: 1080px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 18px;
    line-height: 21px;
  }
  body form.hs-form .hs-form-field {
    margin: 0px 0px 20px;
  }
  body form.hs-form .hs-input {
    height: 60px;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 20px;
  }
  body form.hs-form .hs-input[type="checkbox"],
  body form.hs-form .hs-input[type="radio"] {
    margin: 0px 10px 0px 0px;
  }
}
@media (max-width: 1199px) {
  body {
    font-size: 16px;
    line-height: 19px;
  }
  h1 {
    font-size: 52px;
    line-height: 72px;
  }
  h2 {
    font-size: 42px;
    line-height: 47px;
  }
  h3, h4,
  .pearl-sub-text {
    font-size: 20px;
    line-height: 24px;
  }
  .container-fluid .row-fluid .page-center {
    padding: 0px 15px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li {
    margin-right: 40px;
  }
  .header-container .hs_cos_wrapper_type_logo a img {
    max-width: 250px;
  }
  .single-family {
    padding: 30px;
  }
  .footer-right {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .landing-module-inner-left {
    padding: 50px 50px 0px 15px;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .landing-module-inner-right {
    padding: 50px;
  }
  .banner-with-product .pearl-inner-banner {
    max-width: 52%;
  }
  a.last-card {
    padding: 80px 20px;
    font-size: 36px;
    line-height: 40px;
  }
  .family-content {
    min-height: 313px;
  }
  .card-contact-details ul li a {
    font-size: 16px;
    line-height: 19px;
  }
  .map-single-card {
    width: 31.3%;
  }
  .card-details h5 {
    font-size: 18px;
    line-height: 24px;
  }
  .card-details {
    min-height: 124px;
  }
  .card-contact-details {
    min-height: 95px;
  }
  .section-background-content,
  .firma-overlay-section {
    padding: 80px 0px;
  }
  .full-width-background-color {
    padding: 50px 0px;
  }
  .family-content-inner {
    min-height: 225px;
  }
  .single-family-content {
    min-height: 153px;
  }
  .slider-nav-image-inner img {
    height: 70px !important;
  }
  .header-language {
    padding: 20px 0px 0px 30px;
  }
  
   .single-column-section-with-three .single-col-box h3{
  min-height: 48px;
  }
  .event-listing .event-listing, .post-list-body {
    padding: 38px 15px;
  }
}
@media (max-width: 991px) {
  .custom-menu-primary .hs-menu-wrapper > ul > li {
    margin-right: 15px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a,
  .custom-menu-primary .hs-menu-wrapper > ul li a, 
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    font-size: 16px;
    line-height: 19px;
  }
  .header-container .hs_cos_wrapper_type_logo a img {
    max-width: 180px;
  }
  .pearl-banner {
/*     min-height: 580px; */
    padding: 75px 0px;
  }
  .pearl-banner.banner-with-product {
    min-height: 600px;
  }
  .pearl-banner.pearl-banner-center {
    min-height: 400px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .pearl-footer .page-center > .row-fluid-wrapper > .row-fluid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer-logo,
  .footer-right {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .footer-logo {
    text-align: center;
  }
  .footer-logo img {
    max-width: 301px;
  }
  .footer-right {
    margin: 50px 0px 0px;
  }
  .content-single-repeat,
  .content-single-repeat:first-child {
    padding: 15px 20px;
  }
  .single-repeator-content {
    padding: 30px 20px;
  }
  .event-listing .event-listing,
  .post-list-body {
    max-width: 100%;
    margin: -150px 24px 0px;
  }
  .slider-nav-image-outer.slick-slide {
    margin: 0px 10px;
  }
  .slider-bottom .slider-nav .slick-list {
    margin: 0px -10px;
  }
  .family-content {
    padding: 20px;
  }
  .blog-pagination {
    margin: 20px 0px 0px;
  }
  .family-cta a,
  .post-link a.more-link,
  a.red-more,
  .blog-pagination a {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 20px;
  }
  a.last-card {
    padding: 80px 20px;
    font-size: 36px;
    line-height: 40px;
  }
  .banner-product {
    max-width: 49%;
    padding: 30px;
  }
  .banner-product-content {
    margin: 30px 0px 0px;
  }
  a.last-card {
    padding: 61px 20px;
    font-size: 27px;
    line-height: 30px;
  }
  .family-content {
    min-height: 393px;
  }
  .download-repeator a {
    padding: 25px 20px;
    font-size: 20px;
    line-height: 24px;
  }
  .download-repeator a::before {
    right: 20px;
    top: 34px;
  }
  .card-contact-details ul li a img {
    max-width: 20px;
    margin: 1px 10px 0px 0px;
  }
  .family-content-inner {
    min-height: 350px;
    word-break: break-word;
  }
  .single-family-content {
    min-height: 215px;
    word-break: break-word;
  }
  .slider-main-image.slick-slide {
/*     min-height: 450px; */
    min-height: auto;
  }
  .slider-main-image img {
    max-height: 350px !important;
  }
  .header-language {
    padding: 20px 0px 0px 15px;
  }
  
}

@media (max-width: 768px) {
  .body-container-wrapper {
    padding-top: 0px !important;
  }
  .mobile-trigger.cta_border_button {
    font-size: 0px;
    border: 0px;
    padding: 0;
    background-color: #07A1E2;
    border-radius: 0px;
    transition: all 0.3s;
    margin-top: 0px;
    width: 24px;
    height: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
  }
  .mobile-trigger.cta_border_button::before, 
  .mobile-trigger.cta_border_button::after {
    content: "";
    width: 24px;
    height: 3px;
    background-color: #07A1E2;
    position: absolute;
    left: 0px;
  }
  .mobile-trigger.cta_border_button::before {
    top: -7px;
  }
  .mobile-trigger.cta_border_button::after {
    bottom: -7px;
  }
  .custom-menu-primary.js-enabled .hs-menu-wrapper {
    position: absolute;
    top: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }
  .custom-menu-primary .hs-menu-wrapper > ul,
  .small-header .custom-menu-primary .hs-menu-wrapper > ul {
    background: #07A1E2;
    padding: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a,
  .custom-menu-primary .hs-menu-wrapper > ul li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    padding: 13px 20px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul {
    background: transparent;
    padding: 0;
  }
  .main-header {
    padding: 10px 0px;
  }
  .header-language {
    padding: 4px 0px 0px;
    margin-right: 50px;
  }
}
@media (max-width: 767px) {
  h1,
  .post-header-section-left h1 {
    font-size: 30px;
    line-height: 36px;
  }
  h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 15px;
  }
  h3, h4, 
  .pearl-sub-text,
  .post-list-body h2 {
    font-size: 16px;
    line-height: 20px;
  }
  p {
    margin: 0px 0px 15px;
  }
  .pearl-sub-text {
    margin: 0 0 15px;
  }
  .pearl-banner {
    min-height: auto;
    padding: 50px 0px;
  }
  .single-column-section-with-three,
  .family-listing-section,
  .section-background-content,
  .vision-section,
  .full-width-background-color,
  .pearl-footer,
  .simple-content-module,
  .image-text-repeating,
  .product-referenz,
  .event-listing,
  .landing-footer-logo,
  .firma-overlay-section,
  .product-family-listing,
  .contact-section,
  .contact-form-section,
  .blog-body,
  .download-section,
  .graph-text-main,
  .full-width-section-with-color {
    padding: 50px 0px;
  }
  .thumb-slider,
  .whitepaper-section-left {
    padding: 0px 0px 50px;
  } 
  .whitepaper-section {
    padding: 50px 0px 0px;
  }
  .single-colum-bottom, 
  .family-listing-main {
    margin: 35px 0px 0px;
  }
  .vision-inner-section,
  .footer-right > .row-fluid-wrapper > .row-fluid,
  .image-text-repeating > .page-center,
  .landing-module-inner,
  .firma-overlay-section-logos ul,
  .product-family-bottom,
  .whitepaper-section > .page-center,
  .contact-section ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .single-col-box,
  .single-family,
  .vision-left-content,
  .vision-right-content,
  .footer-box,
  .content-image,
  .content-repeating,
  .single-repeator-main,
  .single-event,
  .landing-module-inner-left,
  .landing-module-inner-right,
  .firma-overlay-section-logos ul li,
  .single-famliy-product,
  .whitepaper-section-left,
  .whitepaper-section-right, 
  .contact-section ul li,
  .single-product,
  .product-repeator > a,
  .blog-listing-wrapper .post-listing .post-item,
  .download-repeator a {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .single-col-box,
  .single-family,
  .firma-overlay-section-logos ul li {
    margin: 0px 0px 20px;
  }
  .single-famliy-product,
  .single-product,
  .product-repeator > a {
    margin: 0px 0px 30px;
  }
  .single-col-box:last-child,
  .single-family:last-child,
  .footer-box:last-child,
  .single-repeator-main:last-child,
  .single-event:last-child,
  .firma-overlay-section-logos ul li:last-child,
  .single-famliy-product:last-child,
  .single-product:last-child,
  .product-repeator > a:last-child,
  .blog-listing-wrapper .post-listing .post-item:last-child {
    margin: 0px;
  }
  .firma-overlay-section-logos ul li img {
    max-width: 250px !important;
  }
  .family-listing-section-top h2,
  .vision-section h2,
  .section-background-content h4,
  .footer-box-header,
  .simple-content-module h4,
  .family-content h3,
  .post-list-body h2,
  .single-column-section-with-three h4 {
    margin: 0 0 15px;
  }
  .vision-left-content {
    padding: 30px;
  }
  .vision-right-content,
  .content-image {
    margin-left: 0px;
  }
  .image-text-repeating-imageleft .content-image {
    margin-right: 0px;
  }
  .full-width-background-color h2 {
    line-height: 36px;
  }
  .footer-logo img,
  .landing-logo img {
    max-width: 250px;
  }
  .footer-box {
    margin: 0px 0px 30px;
  }
  .footer-right {
    margin: 30px 0px 0px;
  }
  .pearl-banner.pearl-banner-center {
    min-height: 250px;
  }
  .single-repeator-main,
  .single-event,
  .blog-listing-wrapper .post-listing .post-item {
    margin: 0px 0px 50px;
  }
  .single-repeator-content {
    padding: 20px;
    margin: -40px 20px 0px;
  }
  .event-listing .event-listing,
  .post-list-body {
    margin: -100px 20px 0px;
    padding: 20px 9px;
  }
  .event-description, 
  .date-time-location,
  .post-content {
    margin: 15px 0px 0px;
  }
  .landing-module-inner-left,
  .landing-module-inner-right {
    padding: 50px 15px;
  }
  .slider-bottom-text {
    padding: 20px 20px 20px 35pxx;
    max-width: 100%;
/*     position: static; */
    left: -20px;
    bottom: -20px;
  }
  .slider-bottom {
    max-width: 100%;
  }
  .slider-bottom .slider-nav .slick-list {
    margin: 0px -5px;
    padding: 0px 0px 0px;
  }
  .slider-nav-image-outer.slick-slide {
    margin: 0px 5px;
  }
  .whitepaper-section {
    margin-bottom: 180px;
  }
  .contact-section ul li {
    margin: 0px 0px 20px 0px;
  }
  body form.hs-form .hs-input {
    height: 50px;
    font-size: 16px;
    line-height: 24px;
  }
  .product-section {
    padding: 0px 0px 50px;
  }
  a.last-card {
    font-size: 30px;
    line-height: 36px;
  }
  .product-selector {
    margin: 0px 0px 30px;
  }
  .product-selector select {
    height: 50px;
    max-width: 100%;
    font-size: 18px;
    line-height: 22px;
    background-position: calc(100% - 30px) calc(1em + 4px),calc(100% - 23px) calc(1em + 4px),calc(100% - 2.5em) .5em;
  }
  .last,
  .date-section span:last-child {
/*     padding-left: 20px; */
  }
  .banner-product {
    max-width: 100%;
    margin: 40px 0px 0px;
    padding: 30px;
    position: relative;
  }
  .banner-with-product .pearl-inner-banner {
    max-width: 100%;
  }
  .post-featured-image-wrapper img {
    height: auto;
  }
  .blog-post-wrapper .section.post-header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .post-header-section-left,
  .post-header-section-right {
    max-width: 100%;
  }
  .post-header-section-right {
    margin: 10px 0px 0px;
  }
  .blog-post-wrapper .post-body {
    margin: 40px 0px 0px;
  }
  .family-content {
    min-height: auto;
  }
  .pearl-banner.banner-with-product {
    min-height: auto;
  }
  .download-repeator a,
  .product-repeator a.single-download {
    padding: 20px 35px 20px 20px;
    font-size: 18px;
    margin: 0 0 10px;
  }
  .download-selector select {
    font-size: 18px;
  }
  .download-repeator a {
    word-wrap: break-word;
  }
  .download-repeator.grids a {
    width: 100%;
    margin: 0 0 10px;
  }
  .download-repeator a:last-child {
    margin: 0 0 0px;
  }
  .download-repeator a::before,
  .product-repeator a.single-download::before {
    top: 30px;
    border-width: 8px 6px;
  }
  .download-selector select {
    max-width: 100%;
    height: 66px;
    background-size: 7px 8px,7px 8px,1px 1.5em;
    background-position: calc(100% - 44px) calc(1em + 14px),calc(100% - 37px) calc(1em + 14px),calc(100% - 2.5em) .5em;
  }
  .download-section .product-repeator {
    margin: 0;
  }
  .product-repeator a.single-download {
    width: 100%;
    max-width: 100%;
  }
  .map-single-card {
    width: 100%;
    margin: 0 0 20px;
  }
  .map-single-card:last-child {
    margin: 0 0 0px;
  }
  body textarea {
    min-height: 190px;
    padding: 20px 20px !important;
  }
  .card-details,
  .card-contact-details {
    min-height: auto;
  }
  .footer-logo {
    text-align: left;
  }
  .whitepaper-section-right img {
    max-width: 200px !important;
  }
  .whitepaper-section-right {
    text-align: center;
    margin-bottom: -150px;
  }
  .family-content-inner {
    font-size: 16px;
    line-height: 19px;
  }
  .family-content-inner { 
    min-height: auto;
  }
  .single-family-content {
    min-height: 145px;
  }
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
  }
  .slider-nav-image-inner img {
    height: 60px !important;
  }
  .single-column-section-with-three .single-col-box h3{
  min-height:auto;
  }
}