*, *:before, *:after {
   box-sizing: border-box;
}

.privacy-page ,.two-col-page{
   padding-bottom: 35px;
}
.privacy-page h4 ,.two-col-page h4{
   padding-bottom: 8px;
   padding-top: 34px;
   overflow: hidden;
   margin-bottom: 12px;
}
.two-col-page h4{
   padding-bottom: 0px;  
}
.two-col-area {
   position: relative;
   width: 960px;
   margin: 0 auto;
   padding: 0;
}
.privacy-page h4 em,.two-col-page h4 em{ 
   overflow: hidden;
   float: left;
   font-style: normal;
   display: block;
   padding-right: 10px;
}
.privacy-page p {
   margin-bottom: 20px;
}
.privacy-page h4 span,.two-col-page h4 span{
   overflow: hidden;
   display: block;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/head_sep.png) 0 bottom repeat-x;
   height: 4px;
   padding-top: 23px;
}
.privacy-page,
.two-col-page {
   border-bottom: 10px solid #f7f6f5;
}
.privacy-page strong {
   margin-bottom: 2px;
   font-size: 14px;
   line-height: 21px;
   font-family: Ubuntu, sans-serif;
   display: block;
}
.privacy-page ul,.two-col-page ul {
   padding-top: 27px;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   margin: 0;
   list-style: none;
}
.privacy-page ul>li,.two-col-page ul>li {
   text-transform: uppercase;
   color: #dfdede;
   font-size: 12px;
   padding-left: 12px;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/marker.png) 0 9px no-repeat;
}
.privacy-page ul>li+li ,.two-col-page ul>li+li{
   margin-top: 9px;
}

.two-col-page img {
   margin-bottom: 18px;
   max-width: 100%;
   margin-top: 0px;
   padding: 5px;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/inn_bg-1.png) 0 0 repeat;
   border-radius: 4px;
   vertical-align: top;
}
.two-col-page .twocolumn-page-row1 {
   width: 620px;
   float: left;
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
}

.two-col-page .twocolumn-page-row2 {
   float: left;
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
   width: 300px;
}

.two-col-page strong {
   font-weight: 700;
}

.two-col-page time a {
   color: #d61306;
}
.two-col-page time {
   display: block;
   color: #d61306;
   font-size: 14px;
   margin-top: -1px;
}
.two-col-page .twocolumn-page-row2 p{
   padding-top: 18px;
   margin-bottom: 3px;
}
.two-col-page .twocolumn-page-row2 p:last-child {
   margin-bottom: 21px;
}
.two-col-page .twocolumn-page-row1 p{
   padding-right: 40px;
   padding-top: 27px;
}
.two-col-page form .hs-form-field>label {
   display: none;
}
.two-col-page .map>iframe{
   display: block;
   width: 380px ;
   height: 370px;
   float: left;
   margin-right: 20px;
   margin-bottom: 0 ;
   max-width: 100%;
   margin-top: 0px;
   padding: 5px;
   border-radius: 4px;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/inn_bg-1.png) 0 0 repeat;
   border: 0;
}
.two-col-page address {
   display: block;
   font-style: normal;
}
.two-col-page dd,
.two-col-page dt,
.two-col-page dl{
   margin: 0px;
}
.two-col-page address+address {
   margin-top: 21px;
}
.two-col-page address a {
   text-decoration: underline;
}
.two-col-page form .hs-richtext, .two-col-page form .hs-richtext p{
   font-size:0;
   margin-bottom: -1px;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field{
margin-top:10px !important;
}
.grecaptcha-badge {
    margin: 0 !important;
}
.grecaptcha-badge iframe {
    margin: 0 !important;!i;!;
}
.two-col-page form  textarea {
   color: #fff;
   height: 218px;
   overflow: auto;
   border: none;
   padding: 11px 16px 9px;
   background: #171817;
   width: 100%;
   position: relative;
   resize: none;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   font: 13px/21px Arial, Helvetica, sans-serif;
   margin: 0;
}
.two-col-page .hs_submit.hs-submit {
   position: relative;
   padding-top: 22px;
   padding-bottom: 14px;
   clear: both;
   text-align: left;
}
.home-page .dnd-section>.row-fluid>[class*=span].dnd-module{
   padding-left: 0px;
   padding-right: 0px;
}
.home-page .logos {
   border: 0;
}
.body-wrapper {
   overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 995px){
   .two-col-area {
      max-width: 768px;
      width: 100%;
   }
   .two-col-page .twocolumn-page-row1 {
      max-width: 492px;
      width: 100%;
   }
   .two-col-page .twocolumn-page-row2 {
      max-width: calc(236px - 20px);
      width: 100%;
   }
}
@media only screen and (max-width: 995px){
   .two-col-page .map>iframe{
      width: 100% !important;
      float: none;
   }
   .two-col-page address {
      float: left;
      margin-right: 50px;
   }
   .two-col-page address+address {
      margin-top: 0;
   }
    .custom-css h1, .custom-css h2 {
      font-size: 30px;
      line-height:1.2;
   }
}
@media only screen and (max-width: 767px){
   .two-col-area ,.two-col-page .twocolumn-page-row1,.two-col-page .twocolumn-page-row2 {
      width: 300px;
   }
   .two-col-page img{
      margin-top: 50px!important;
      margin-bottom: 20px;
   }
   .two-col-page .twocolumn-page-row1, .two-col-page .twocolumn-page-row2 {
      margin-left: 0;
      margin-right: 0;
   }
   .two-col-page iframe {
      margin-top: 9px;
      float: none ;
      margin-right: 0 ;
      margin-bottom: 20px ;
   }
   .two-col-page address {
      margin-right: 0;
   }
   .two-col-page address+address {
      margin-left: 20px;
      margin-right: 0;
   }
   .two-col-page form textarea {
      height: 300px;
   }
   .two-col-page .hs_submit.hs-submit {
      padding-bottom: 0;
   }
   .two-col-page .map>iframe {
      height: 310px;
      margin-bottom: 20px;
   }
   .map {
      margin: 8px 0 0;
   }
   .custom-css h1, .custom-css h2 {
      font-size: 30px;
      line-height:1.2;
   }
   .custom-css .dnd-section>.row-fluid>[class*=span].dnd-module {
      padding: 0;
   }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
   .two-col-area  ,.two-col-page .twocolumn-page-row1,.two-col-page .twocolumn-page-row2{
      width: 420px;
   }
   .two-col-page .twocolumn-page-row1, .two-col-page .twocolumn-page-row2 {
      margin-left: 0;
      margin-right: 0;
   }

}

@media only screen and (max-width: 479px){
   .two-col-page address+address {
      margin-left: 0px;
      margin-top: 20px;
   }
   .two-col-page form textarea{
      height:200px;
   }
   .map {
      margin: 0px 0 0;
   }
   .two-col-page .map>iframe {
      height: 210px;
   }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* Responsive Grid */

.row-fluid {
   width: 100%;
   *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
   display: table;
   content: "";
}

.row-fluid:after {
   clear: both;
}

.row-fluid [class*="span"] {
   display: block;
   float: left;
   width: 100%;
   min-height: 1px;
   *margin-left: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
   margin-left: 0;
}

.row-fluid .span12 {
   width: 100%;
}
.row-fluid .span11 {
   width: 91.66%;
}
.row-fluid .span10 {
   width: 83.33%;
}
.row-fluid .span9 {
   width: 75%;
}
.row-fluid .span8 {
   width: 66.66%;
}
.row-fluid .span7 {
   width: 58.33%;
}
.row-fluid .span6 {
   width: 50%;
}
.row-fluid .span5 {
   width: 41.66%;
}
.row-fluid .span4 {
   width: 33.33%;
}
.row-fluid .span3 {
   width: 25%;
}
.row-fluid .span2 {
   width: 16.66%;
}
.row-fluid .span1 {
   width: 8.33%;
}

.container-fluid {
   *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
   display: table;
   content: "";
}

.container-fluid:after {
   clear: both;
}

@media (max-width: 767px) {
   .row-fluid {
      width: 100%;
   }

   .row-fluid [class*="span"] {
      display: block;
      float: none;
      width: auto;
      margin-left: 0;
   }
}

.dnd-section > .row-fluid .dnd-column,
.dnd-section > .row-fluid > [class*="span"].dnd-module {
   padding-left: 15px;
   padding-right: 15px;
}
.dnd-section[class*="force-full-width-section"]  > .row-fluid > .dnd-column.span12,
.dnd-section[class*="force-full-width-section"]  > .row-fluid > .span12.dnd-module {
   padding-left: 0px;
   padding-right: 0px;
}


@media (min-width: 768px) {
   .row-fluid {
      width: 100%;
      *zoom: 1;
   }

   .row-fluid:before, .row-fluid:after {
      display: table;
      content: "";
   }

   .row-fluid:after {
      clear: both;
   }

   .row-fluid [class*="span"] {
      display: block;
      float: left;
      width: 100%;
      min-height: 1px;
      margin-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
   }

   .row-fluid [class*="span"]:first-child {
      margin-left: 0;
   }

   .row-fluid .span12 {
      width: 100%;
   }
   .row-fluid .span11 {
      width: 91.66%;
   }
   .row-fluid .span10 {
      width: 83.33%;
   }
   .row-fluid .span9 {
      width: 75%;
   }
   .row-fluid .span8 {
      width: 66.66%;
   }
   .row-fluid .span7 {
      width: 58.33%;
   }
   .row-fluid .span6 {
      width: 50%;
   }
   .row-fluid .span5 {
      width: 41.66%;
   }
   .row-fluid .span4 {
      width: 33.33%;
   }
   .row-fluid .span3 {
      width: 25%;
   }
   .row-fluid .span2 {
      width: 16.66%;
   }
   .row-fluid .span1 {
      width: 8.33%;
   }
}

/* Clearfix */

.clearfix {
   *zoom: 1;
}

.clearfix:before, .clearfix:after {
   display: table;
   content: "";
}

.clearfix:after {
   clear: both;
}

/* Visibilty Classes */

.hide {
   display: none;
}

.show {
   display: block;
}

.invisible {
   visibility: hidden;
}

.hidden {
   display: none;
   visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
   display: none !important;
}

.visible-tablet {
   display: none !important;
}

.hidden-desktop {
   display: none !important;
}

@media (max-width: 767px) {
   .visible-phone {
      display: inherit !important;
   }

   .hidden-phone {
      display: none !important;
   }

   .hidden-desktop {
      display: inherit !important;
   }

   .visible-desktop {
      display: none !important;
   }
}

@media (min-width: 768px) and (max-width: 1139px) {
   .visible-tablet {
      display: inherit !important;
   }

   .hidden-tablet {
      display: none !important;
   }

   .hidden-desktop {
      display: inherit !important;
   }

   .visible-desktop {
      display: none !important ;
   }
}
.content-wrapper {
  margin: 0 auto;
  padding:0;
  position: relative;
}


.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 20px;
}
@font-face { font-family: "Ubuntu"; src: url("http://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72.woff2") format("woff2"); font-style: normal; font-weight: 400; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


@font-face { font-family: "Ubuntu"; src: url("http://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjsGyN.woff2") format("woff2"); font-style: normal; font-weight: 700; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }



@font-face { font-family: "Roboto"; src: url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2"); font-style: normal; font-weight: 400; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }








body {
   line-height: 21px;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/bg_body.png) 0 0 repeat #222225;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
   line-break: strict;
   word-break: break-all;
}

/* Paragraphs */

p {
   font-size: 1rem;
   margin: 0 0 1.4rem;
}

/* Anchors */

a {
   cursor: pointer;
   text-decoration: none;
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
   -o-transition: all 0.15s linear;
   transition: all 0.15s linear;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0 0 1.4rem;
   text-transform: uppercase;
   letter-spacing: -1px;
}
h1{
   line-height: 70px;
}

h2 {
   line-height: 54px;
}
h4 {
   line-height: 30px;
}
/* Lists */

ul,
ol {
   margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
   margin: 0;
}

ul.no-list {
   list-style: none;
}

/* Code blocks */

code {
   vertical-align: bottom;
}

/* Blockquotes */

blockquote {
   border-left: 2px solid;
   margin: 0 0 1.4rem;
   padding-left: 15px;
}

/* Horizontal rules */

hr {
   background-color: #CCC;
   border: none;
   color: #CCC;
   height: 1px;
}
button,
.button {
  margin: 0 !important;
  cursor: pointer;
  min-width: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  display: inline-block;
  color: #fff;
  background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/btn_bg.png) 0 0 repeat-x #9c140e;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  text-decoration: none;
}

button:active,
.button:active {
  text-decoration: none;
}
/* Form fields */

.hs-form-field {
   margin-bottom: 1.4rem;
}
form {
    display: flex;
    flex-direction: column;
}

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
    order: 2;
}
/* Labels */

form label {
   display: inline-block;
   font-size: 0.875rem;
   margin-bottom: 0.35rem;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
   overflow-x: auto;
   overflow-y: hidden;
}
/* Help text - legends */

form legend {
   font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
   color: #fff;
   border: none;
   padding: 11px 16px 9px;
   background: #171817;
   width: 100%;
   height: 41px; 
   font: 13px/21px Arial, Helvetica, sans-serif;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   outline: 0;
   margin-bottom: 10px;
}

form fieldset {
   max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
   margin: 0;
   padding: 0;
   list-style: none;
}

form .inputs-list > li {
   display: block;
   margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
   vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
   cursor: pointer;
   margin-right: 0.35rem;
}

/* Inputs - datepicker */

.hs-dateinput {
   position: relative;
}

.hs-dateinput:before {
   content:'\01F4C5';
   position: absolute;
   right: 10%;
   top: 50%;
   transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
   color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
   border-radius: 0;
   box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
   border-radius: 0 !important;
   color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
   background-color: transparent;
   border: initial;
   padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
   font-size: 0.875rem;
   margin: 0 0 1.4rem;
}

form .hs-richtext img {
   max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
   margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
   color: #EF6B51;
}

.hs-input.invalid.error {
   border-color: #EF6B51;
}

.hs-error-msg ,
form .inputs-list>li,
.hs-error-msgs label{
   color:#E02A05;
   margin-top: 3px;
   margin-bottom: 0;
   font-size: 11px;
   line-height: 14px;
   width: auto;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: capitalize;
}

form .inputs-list>li{
   background:none;
}
/* Submit button */

form input[type=submit],
form .hs-button {
   margin: 0 !important;
   cursor: pointer;
   min-width: 10px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 13px;
   line-height: 21px;
   display: inline-block;
   color: #fff;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/btn_bg.png) 0 0 repeat-x #9c140e;
}
ul.no-list.hs-error-msgs {
    padding: 0;
    margin: 0;
}
form input[type=submit]:hover,
form .hs-button:hover{
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/spacer.png) 0 0 repeat-x #9c140e;
}
.two-col-page form .hs-form-field {
   margin-bottom: 0;
}

form .inputs-list>li {
   padding: 0;
   margin: 0 0 5px;
}

/* Captcha */

.grecaptcha-badge {
   margin: 0 auto;
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}
header.header {
   display: block;
   position: relative;
   z-index: 999;
   border-top: 10px solid #101110;
}

.header .top_header {
   padding-top: 23px;
   padding-bottom: 14px;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/header_bg.png) 0 0 repeat;
}

.header .top_item {
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
   width: 940px;
   float: left;
}
.header .site_logo {
   z-index: 910;
   float: left;
}

.header .autor {
   padding-top: 34px;
   float: right;
   font-size: 10px;
   text-transform: uppercase;
   color: #b6b6b6;
   font-weight: lighter;
}
.site_logo img {
   display: block;
   max-width: 100%;
   vertical-align: top;
}


.header .menu_item {
   max-width: 940px;
   float: left;
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
}

.header .menu_item_inner {
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/menu_bg.png) 0 0 repeat-x #9f160f;
   z-index: 999;
   position: relative;
}
.desktop_menu .submenu.level-1 {
   z-index: 999;
   position: relative;
   padding: 0;
   margin: 0;
   list-style: none;
}
.desktop_menu .submenu.level-1>li {
   z-index: 900;
   float: left;
   position: relative;
}

.desktop_menu .submenu.level-1>li>a {
   min-width: 156px;
   text-align: center;
   font-size: 16px;
   text-shadow: 1px 1px #851811;
   font-family: 'Ubuntu', sans-serif;
   color: #fff;
   padding: 36px 5px 34px;
   display: block;
   font-weight: bold;
   text-transform: uppercase;
   line-height: 18px;
   z-index: 999;
   position: static;
   border-color: #e02a00;
}

.desktop_menu .submenu.level-1>li:first-of-type>a {
   min-width: 160px;
}
.social_items {
   width: 220px;
   float: right;
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
}

.desktop_menu .submenu.level-1>li>a:hover {
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/menu_hover.png) 0 0 repeat;
   text-shadow: 1px 1px #000;

}

.desktop_menu .submenu.level-1>li+li {
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/menu_Separator.png) 0 bottom no-repeat;
}
.header #tinynav1 {
   display: none;
}



.site_logo a {
   display: block;
   overflow: hidden;
   width: 231px;
   height: 100px;
   text-indent: -999px;
   transition: 0s ease;
   -o-transition: 0s ease;
   -webkit-transition: 0s ease;
}

.desktop_menu ul.submenu.level-2 {
   display: none;
   position: absolute;
   padding: 10px 20px;
   margin: 0;
   list-style: none;
   background: rgb(181,34,24);
}
.desktop_menu ul.submenu.level-2 li a {
   font-weight: 700;
   text-transform: uppercase;
   padding: 5px 14px;
   line-height: 18px;
}


.desktop_menu ul.submenu.level-2 li a:hover{
   color:#fff;    
}
.desktop_menu .submenu.level-1>li:hover ul{
   display:block;
}


@media only screen and (max-width: 995px){
   .desktop_menu .submenu.level-1>li:first-of-type>a {
      min-width: 128px;
   }
   .desktop_menu .submenu.level-1>li>a {
      min-width: 124px;
   }
}







@media only screen and (max-width: 767px){
   .desktop_menu .submenu.level-1 {
      display: none !important;
      float: none;
   }
   .header .top_item {
      max-width: 420px;
      margin: 0;
      float: none;
   }

   .header .site_logo {
      float: none;
   }

   .site_logo a {
      height: auto;
      margin: 0 auto !important;
      text-align: right;
   }

   .header #tinynav1 {
      display: block;
      z-index: 999;
      border: 2px solid #fff !important;
      position: relative;
      width: 100%;
      font: 12px/15px Arial, Helvetica, sans-serif;
      outline: 0;
   }

   .desktop_menu {
      float: none !important;
      margin: 0px !important;
      padding: 25px 10px 25px;
      clear: both;
      min-height: 0px;
      background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/menu_bg.png) 0 0 repeat-x #9f160f;
      z-index: 999;
      position: relative;
   }
   .desktop_menu nav {
      float: none;
      font: 12px/15px Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      color: #927c67;
      margin: 0 auto;
      position: relative;
   }
   .desktop_menu nav:before {
      content: 'Menu:';
      font-family: 'Open Sans', sans-serif;
      display: block;
      font-weight: bold;
      margin-bottom: 5px;
      color: #fff;
   }
   .header .menu_item {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
   }

}




@media only screen and (min-width: 768px) and (max-width: 995px){


   .header .top_item {
      max-width: 748px;
   }
   .header .menu_item {
      max-width: 748px;

   }

   .desktop_menu .submenu.level-1>li>a {
      font-size: 12px;
      min-width: 119px;
   }
}


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


   .header .content-wrapper {
      max-width: 420px;

   }

}


@media only screen and (min-width: 768px) and (max-width: 800px){
   .header .autor {
      padding-right: 25px;
   }

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

   .migration .hs-button.large.primary {
      margin-bottom: 10px !important;
   }
}
footer.footer {
   display: block;
   padding-bottom: 40px;
   font: 12px/18px 'Ubuntu', sans-serif;
   color: #8e8e8e;
}

.footer .social_items {
   width: 220px;
   float: right;
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
}



.footer .content-wrapper:after {
   content: "\0020";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.contact_detail #hs_cos_wrapper_contact_detail > h5 {
   font-size: 18px;
   padding-top: 55px;
   padding-bottom: 16px;
   line-height: 24px;
   margin-bottom: 19px;
   border-bottom: 1px solid #636569;
   font-family: 'Ubuntu', sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
}

.contact_detail #hs_cos_wrapper_contact_detail > div:nth-child(2) {
   font-size: 30px;
   line-height: 30px;
   padding-top: 3px;
   margin-bottom: 13px;
   font-weight: bold;
}
.social_title h5 {
   font-size: 18px;
   padding-top: 55px;
   padding-bottom: 16px;
   line-height: 24px;
   margin-bottom: 19px;
   font-family: 'Ubuntu', sans-serif;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
   border-bottom: 1px solid #636569;
}
.social_items {
   width: 220px;
   float: right;
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
}
.social_title h5 {
   font-size: 18px;
   padding-top: 55px;
   padding-bottom: 16px;
   line-height: 24px;
   margin-bottom: 19px;
   font-family: 'Ubuntu', sans-serif;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
   border-bottom: 1px solid #636569;
}
.footer .contact_detail {
   width: 300px;
   float: left;
   display: inline;
   margin-left: 10px;
   margin-right: 10px;
}
.contact_detail a {
   color: #8e8e8e;
}

.footer #hs_cos_wrapper_contact_detail > div:nth-child(4) > h5 {
   line-height: 22px;
   padding-top: 39px;
   padding-bottom: 0;
   border-bottom: 0;
   margin-bottom: 0px;
   font-size: 18px;
   font-family: 'Ubuntu', sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
}


.footer #hs_cos_wrapper_contact_detail > div:nth-child(4) > a {
   text-transform: uppercase;
}
.footer .social_title h5 {
   font-size: 18px;
   padding-top: 55px;
   padding-bottom: 16px;
   line-height: 24px;
   margin-bottom: 19px;
   border-bottom: 1px solid #636569;
   font-family: 'Ubuntu', sans-serif;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
}

footer.footer a:hover {
   color: #bd5148;
}

#toTop {
   text-decoration: none;
   position: fixed;
   bottom: 140px;
   left: 51%;
   margin-left: 500px;
   overflow: hidden;
   width: 60px;
   height: 60px;
   border: none;
   text-indent: -999px;
   z-index: 20;
   background: url(//22479960.fs1.hubspotusercontent-na1.net/hubfs/22479960/raw_assets/public/Whatley_Oil_August2022/images/totop.png) no-repeat left 0;
   transition: 0s ease;
   -o-transition: 0s ease;
   -webkit-transition: 0s ease;
}

#toTop:hover {
   outline: none;
   background-position: right 0;
}























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

   .contact_detail #hs_cos_wrapper_contact_detail>div:nth-child(2) {
      font-size: 24px;
   }

}


@media only screen and (max-width: 767px){
   .footer .content-wrapper {
      max-width: 300px;
   }
   .footer .contact_detail, .footer .social_items {
      margin: 0;
   }

   .footer .social_items {
      float: left;
      width: 300px;
   }
}



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

   .footer .content-wrapper {
      max-width: 420px;
   }

   .footer .social_items {
      width: 420px;
      margin: 0;
   }

   .footer .contact_detail {
      width: 420px;
      margin: 0;
   }



}
@media only screen and (min-width: 768px) and (max-width: 995px){
   .footer .content-wrapper {
      max-width: 768px;
   }

   .footer .social_items {
      width: 172px;
   }

   .footer .contact_detail {
      width: 236px;
   }

}







.contact_detail {
    width: 300px;
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}