@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Panton-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Panton-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Fat.eot?#iefix") format("embedded-opentype"), url("../fonts/Panton-Fat.ttf") format("truetype");
  font-weight: 1100;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-FatItalic.ttf") format("truetype");
  font-weight: 1100;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Heavy.ttf") format("truetype");
  font-weight: 1000;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-HeavyItalic.ttf") format("truetype");
  font-weight: 1000;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Panton-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-RegularItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

/*
Theme Name: Bouvet
Description: Used to style the TinyMCE editor.
*/
/**
 * Table of Contents:
 *
 * 1.0 - Body
 * 2.0 - Typography
 * 3.0 - Elements
 * 4.0 - Alignment
 * 5.0 - Caption
 * 6.0 - Galleries
 * 7.0 - Media Elements
 * 8.0 - RTL
 */
/**
 * 1.0 - Body
 */
body {
  font-family: "Panton", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

/**
 * 2.0 - Typography
 */
/* Common START */
.common__introduction {
  font-size: 24px;
  line-height: 34px;
  color: #575656;
  font-weight: 300;
}

.common__introduction strong {
  color: #575656;
}

.common__normal__grey {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #919191;
  font-weight: 300;
}

.common__normal__grey strong {
  color: #575656;
}

.common__normal__darkGrey {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #575656;
  font-weight: 300;
}

.common__normal__darkGrey strong {
  color: #575656;
}

@media (max-width: 667px) {
  .common__introduction {
    font-size: 20px;
    line-height: 30px;
  }
}

/* Common END */
/* Hero START */
.hero__frontPageTitle {
  font-size: 175px;
  font-weight: 800;
  line-height: 175px;
  margin: 0;
  max-width: 1200px;
  color: #00add0;
}

.hero__smallTextTop {
  font-size: 40px;
  line-height: 55px;
  font-weight: 700;
  color: #e5e5e5;
  margin-bottom: 16px;
}

.hero__title {
  font-size: 130px;
  font-weight: 800;
  line-height: 140px;
  margin: 0;
  max-width: 1200px;
  margin-bottom: 64px !important;
  color: #00add0;
}

.hero__titleSmall {
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  margin: 0;
  max-width: 1200px;
  margin-bottom: 32px !important;
  color: #00add0;
}

.hero__summary {
  font-size: 30px;
  font-weight: 300;
  line-height: 45px;
  color: #00add0;
}

.hero__content {
  font-size: 30px;
  font-weight: 300;
  line-height: 45px;
  color: #919191;
}

.hero__content strong {
  color: #575656;
}

/* Overlapping text START */
.overlappingText {
  padding: 64px;
}

.overlappingText__bulletList {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #e5e5e5;
  list-style: none;
  padding: 0;
}

.overlappingText__bulletList li {
  background-image: url("../images/list_style_image_light_petroleum.svg");
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 13px;
  padding-left: 32px;
  margin-bottom: 32px;
}

.overlappingText__titleSmall {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 700;
  color: #00add0;
}

@media (max-width: 780px) {
  .overlappingText {
    padding: 32px;
  }
}

/* Overlapping text END */
/* Big number START */
.bigNumber {
  font-size: 130px;
  font-weight: 800;
  line-height: 140px;
  text-align: center;
  border-bottom: 1px solid #00add0;
  margin-bottom: 0;
}

.bigNumber--lightPetroleum {
  color: #00add0;
}

.bigNumber--petroleum {
  color: #007d9f;
}

.bigNumber--darkPetroleum {
  color: #00475c;
}

.bigNumberText {
  font-size: 25px;
  line-height: 37px;
  color: #919191;
  font-weight: 300;
}

.bigNumberText strong {
  color: #575656;
}

/* Big number END */
.typeLabelTopAndBottomBorder {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 22px;
  color: #00add0;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 4px 0 0 0 !important;
  display: inline-block;
  border-top: 2px solid #00add0;
  border-bottom: 2px solid #00add0;
}

/* Hero END */
/* Features Content START */
.sectionHeadingLightPetroleumMedium {
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 2px;
  color: #00add0;
}

.sectionHeadingDarkPetroleumMedium {
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 2px;
  color: #00475c;
}

.bigTextBlueBorderLeft {
  font-size: 25px;
  line-height: 37px;
  font-weight: 300;
  position: relative;
  color: #919191;
}

.bigTextBlueBorderLeft::before {
  content: "";
  position: absolute;
  top: 0;
  left: -16px;
  right: 0;
  background: #00add0;
  width: 2px;
  height: calc(100% - 16px);
  margin-top: 6px;
}

.bigTextBlueBorderLeft strong {
  color: #575656;
}

.puffTopLabel {
  font-size: 25px;
  font-weight: 600;
}

/* Features Content END */
/* Benefits START */
.benefit__title {
  font-size: 25px;
  line-height: 37px;
  font-weight: 700;
  margin-bottom: 0;
  color: #00add0;
}

.benefit__content {
  margin-top: 0;
  font-size: 25px;
  line-height: 37px;
  font-weight: 300;
  color: #e5e5e5;
}

.benefit__smallTitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 0;
  color: #575656;
}

.benefit__smallContent {
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #919191;
}

/* Benefits END */
/* Partners START */
.partner__smallTitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 0;
  color: #575656;
}

.partner__smallContent {
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #919191;
}

/* Partners END */
/* Page Puff START */
.pagePuff__contentWrapper__content {
  font-size: 40px;
  line-height: 55px;
  color: #575656;
  margin-top: 1em !important;
}

@media (max-width: 1200px) {
  .pagePuff__contentWrapper__content {
    font-size: calc(40px - 1rem);
    line-height: calc(55px - 1rem);
  }
}

/* Page Puff END */
/* Post Puff START */
.postPuff__contentWrapper__content {
  font-size: 32px;
  line-height: 42px;
  color: #575656;
  margin-top: 1em !important;
}

@media (max-width: 1200px) {
  .postPuff__contentWrapper__content {
    font-size: calc(40px - 1rem);
    line-height: calc(55px - 1rem);
  }
}

/* Post Puff END */
/* Podcast Puff START */
.podcastPuff__contentWrapper__content {
  font-size: 40px;
  line-height: 55px;
  color: #575656;
  margin-top: 1em !important;
}

@media (max-width: 1200px) {
  .podcastPuff__contentWrapper__content {
    font-size: calc(40px - 1rem);
    line-height: calc(55px - 1rem);
  }
}

/* Podcast Puff END */
/* Blog Post Puff START */
.blogPostPuff__contentWrapper__content {
  font-size: 40px;
  line-height: 55px;
  color: #575656;
  margin-top: 1em !important;
}

@media (max-width: 1200px) {
  .blogPostPuff__contentWrapper__content {
    font-size: calc(40px - 1rem);
    line-height: calc(55px - 1rem);
  }
}

/* Blog Post Puff END */
/* Video Puffs START */
.videopuff__overlay__content {
  line-height: 27px;
  color: #f5f5f6;
}

.videoPostPuff__lowerContentWrapper__content {
  margin-top: 1em !important;
  font-size: 40px;
  line-height: 55px;
  font-weight: 300;
  color: #919191;
}

.videoPostPuff__lowerContentWrapper__content strong {
  color: #575656;
}

@media (max-width: 1200px) {
  .videoPostPuff__lowerContentWrapper__content {
    font-size: calc(40px - 1rem);
    line-height: calc(55px - 1rem);
  }
}

/* Video post puff with text below END */
/* Footer START */
.footerTextContent {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: white;
  font-weight: 300;
}

.footerTextContent strong {
  font-weight: 600;
}

/* Footer END */
/* Featured post START */
.overlappingFeaturedPosts__puff__content {
  font-size: 25px;
  color: #575656;
  line-height: 37px;
  font-weight: 300;
}

/* Featured post END */
/* Front page text content START */
.frontPageUpperTextContent {
  font-size: 40px;
  line-height: 60px;
  color: #919191;
  font-weight: 700;
  margin-bottom: 0;
}

.frontPageUpperTextContent strong {
  color: #00475c;
  font-weight: 800;
}

.frontPageTextContentPuff {
  font-size: 40px;
  line-height: 60px;
  color: #919191;
  font-weight: 300;
}

.frontPageTextContentPuff strong {
  color: #007d9f;
  font-weight: 700;
}

@media (max-width: 780px) {
  .frontPageUpperTextContent {
    font-size: calc(40px - 1rem);
    line-height: calc(60px - 1rem);
  }
  .frontPageTextContentPuff {
    font-size: calc(40px - 1rem);
    line-height: calc(60px - 1rem);
  }
}

.frontPageHeroSummary {
  font-size: 30px;
  font-weight: 300;
  line-height: 45px;
  max-width: 660px;
  color: #00add0;
  font-size: 40px;
  line-height: 60px;
}

/* Front page text content END */
/* Benefits START */
.promotion__title {
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
  margin-bottom: 0;
  color: #00add0;
}

.promotion__content {
  margin-top: 0;
  font-size: 40px;
  line-height: 60px;
  font-weight: 300;
  color: #919191;
}

@media (max-width: 1400px) {
  .promotion__title {
    font-size: calc(40px - 1rem);
    line-height: calc(60px - 1rem);
  }
  .promotion__content {
    font-size: calc(40px - 1rem);
    line-height: calc(60px - 1rem);
  }
}

/* Benefits END */
/* Tabs START */
.tabCellPadding {
  padding: 0 139px 64px 139px;
}

@media (max-width: 780px) {
  .tabCellPadding {
    padding: 0 32px 64px 32px;
  }
}

.tabSectionHeadingLightPetroleum {
  font-size: 60px;
  font-weight: 800;
  line-height: 75px;
  font-weight: 700;
  color: #00add0;
  text-align: center;
  margin-top: calc(107px + 32px) !important;
  margin-bottom: 107px;
}

@media (max-width: 780px) {
  .tabSectionHeadingLightPetroleum {
    font-size: calc(60px - 1rem);
    line-height: calc(75px - 1rem);
    margin-bottom: 64px;
  }
}

.tabLargeText {
  font-size: 25px;
  line-height: 37px;
  font-weight: 300;
  color: #575656;
}

.tabLargeTextCentered {
  font-size: 25px;
  line-height: 37px;
  font-weight: 300;
  color: #575656;
  text-align: center;
  max-width: 960px;
  margin: 0 auto 64px auto;
}

.tabNormalText {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #575656;
}

.tabBulletListLightPetroleum {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #575656;
  list-style: none;
  padding: 0;
}

.tabBulletListLightPetroleum li {
  background-image: url("../images/list_style_image_light_petroleum.svg");
  background-repeat: no-repeat;
  background-position: left 4px;
  background-size: 13px;
  padding-left: 32px;
}

.tabSmallInfoText {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #00add0;
  padding-left: 16px;
  position: relative;
  min-width: 150px;
}

.tabSmallInfoText::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #00add0;
  width: 2px;
  height: calc(100% - 8px);
  margin-top: 4px;
}

/* Tabs END */
.event__title {
  font-size: 25px;
  line-height: 37px;
  font-weight: 700;
  color: #575656;
  margin-bottom: 0;
}

.event__duration {
  font-size: 25px;
  line-height: 37px;
  font-weight: 300;
  color: #00add0;
  margin-top: 0;
}

.event__content {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #575656;
}

.event__date__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 700;
  color: #007d9f;
  position: relative;
  margin-bottom: 32px;
  padding: 4px 0 4px 0 !important;
  margin-top: 32px !important;
}

.event__date__title:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 1px;
}

.event__date__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00add0;
  height: 1px;
}

.event__date__textLeft {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #00add0;
  position: relative;
  margin: 0;
  padding-top: 4px !important;
}

.event__date__textLeft:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 1px;
}

.event__date__textLeft::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00add0;
  height: 1px;
}

.event__date__textRight {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #00add0;
  margin: 0;
  position: relative;
  padding-top: 4px !important;
}

.event__date__textRight:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 1px;
}

.event__date__textRight::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00add0;
  height: 1px;
}

/* Quote Puff START */
.quotePuff__fullWidth__right__largeText {
  font-size: 40px;
  font-weight: 400;
  font-style: italic;
  line-height: 60px;
  color: #007d9f;
}

.quotePuff__fullWidth__right__largeText::before {
  content: '"';
}

.quotePuff__fullWidth__right__largeText::after {
  content: '"';
}

.quotePuff__fullWidth__right__largeQuoteBy {
  color: #007d9f;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 0;
}

.quotePuff__small__right__smallText {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  line-height: 27px;
  color: #919191;
}

.quotePuff__small__right__smallText::before {
  content: '"';
}

.quotePuff__small__right__smallText::after {
  content: '"';
}

.quotePuff__small__right__smallQuoteBy {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  line-height: 27px;
  color: #919191;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media (max-width: 780px) {
  .quotePuff__fullWidth__right__largeText {
    font-size: calc(40px - 1rem);
    line-height: calc(60px - 1rem);
  }
  .quotePuff__fullWidth__right__largeQuoteBy {
    font-size: calc(18px - 0.3rem);
  }
}

/* Quote Puff END */
/* HubSpot Form START */
.hubspotOverlay__innerWrapper__textContent__title {
  font-size: 60px;
  font-weight: 800;
  line-height: 75px;
  font-weight: 800;
  color: #00add0;
  margin-bottom: 36px;
  letter-spacing: 1px;
}

.hubspotOverlay__innerWrapper__textContent__content {
  font-size: 25px;
  line-height: 37px;
  font-weight: 300;
  margin-top: 0;
  color: #00add0;
}

@media (max-width: 780px) {
  .hubspotOverlay__innerWrapper__textContent__title {
    font-size: calc(60px - 1rem);
    line-height: calc(75px - 1rem);
  }
  .hubspotOverlay__innerWrapper__textContent__content {
    font-size: calc(25px - 0.3rem);
    line-height: calc(37px - 0.3rem);
  }
}

/* HubSpot Form END */

/* Contact Form Puff START */
.contactFormPuff__title {
  font-size: 25px;
  line-height: 37px;
  font-weight: 700;
  margin-bottom: 0;
  color: #f5f5f6;
}

.contactFormPuff__content {
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 300;
  color: #f5f5f6;
}

/* Contact Form Puff END */
/* Talk to an expert START */
.talkToAnExpertOverlay__inner__title {
  font-size: 60px;
  font-weight: 800;
  line-height: 75px;
  font-weight: 800;
  color: #00add0;
  margin-bottom: 36px;
  letter-spacing: 1px;
}

.talkToAnExpertOverlay__inner__content {
  font-size: 25px;
  line-height: 37px;
  font-weight: 300;
  margin-top: 0;
  color: #00add0;
}

@media (max-width: 780px) {
  .talkToAnExpertOverlay__inner__textContent__title {
    font-size: calc(60px - 1rem);
    line-height: calc(75px - 1rem);
  }
  .talkToAnExpertOverlay__inner__textContent__content {
    font-size: calc(25px - 0.3rem);
    line-height: calc(37px - 0.3rem);
  }
}

/* Talk to an expert END */
.caption {
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
}

.topMenuItemActive {
  font-size: 25px;
  font-weight: 800;
  line-height: 60px;
}

.quoteBig {
  font-size: 40px;
  font-weight: 400;
  font-style: italic;
  line-height: 60px;
}

.quoteSmall {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  line-height: 27px;
}

.animatedNumbers {
  font-size: 175px;
  font-weight: 800;
  font-style: italic;
  line-height: 175px;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child:not(.hero__summary):not(.frontPageHeroSummary) {
  padding-top: 0;
  margin-top: 0;
}

.sectionHeadingDarkPetroleum {
  font-size: 60px;
  font-weight: 800;
  line-height: 75px;
  font-weight: 700;
  color: #00475c;
  text-align: center;
  margin-top: 107px !important;
}

.sectionHeadingLightPetroleum {
  font-size: 60px;
  font-weight: 800;
  line-height: 75px;
  font-weight: 700;
  color: #00add0;
  text-align: center;
  margin-top: 107px !important;
}

@media (max-width: 780px) {
  .sectionHeadingDarkPetroleum {
    font-size: calc(60px - 1rem);
    line-height: calc(75px - 1rem);
  }
  .sectionHeadingLightPetroleum {
    font-size: calc(60px - 1rem);
    line-height: calc(75px - 1rem);
  }
}

.sectionHeadingDarkGrey {
  font-size: 40px;
  line-height: 55px;
  color: #575656;
  font-weight: 700;
  margin-bottom: 32px;
}

h4:last-child {
  margin-bottom: 0;
}

p {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

strong {
  font-weight: 700;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}