/* === GLOBAL CSS ===*/
:root{
    --light-blue: #3fa2f7;
    --dark-blue: #092546;
    --sky-blue: #297fca;
    --water-blue:#e4f1fd;
    --bold-blue: #00395b;
    --dark-grey: #979797;
    --white-grey: #f7f7f7;
    --light-grey: #fcfcfc;
    --light-white: #f9f9f9;
    --white-color: #FFFFFF;
    --grey-one:#426584;
    --black :#000000;
    --grey:#9b9b9b;
    --blue: #4f637b;
    --yellow: #b6aa54;
    --grey-one:#d8d8d8;
    --red-color:#ff0500;
    --pitch-color:#ece4e4;
    --blue-border:#4a90e2;
    --grey-border:#6b7c90;
    --royal-blue:#002776;
    --light-color: #92a0bd;
    --black-dark:#434343;
    --dark-grey:#545454;
    --blue-two:#002378;
    --water-blue:#0077c6;
    --grey-two:#7f7f7f;
    --light-grey-one: #c8c8c8;
    --red:#ff3f3f;
    --color-f4f4f4:#f4f4f4;
    --font-arial: Arial,sans-serif;
   
    
    }
  
  /*=== HTML BODY ===*/
  html{-webkit-text-size-adjust:none;font-size:10px;-webkit-font-smoothing:antialiased;}
  body{background-color:var(--white-color);color:var(--dark-blue);font-family: var(--font-arial);font-weight:400;font-size:1.6rem;margin: 0px 0px 0px 0px}
  
  /*=== HTML BODY ===*/
  
  /*=== CONTAINER ===*/
  .container,.container-fluid {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;max-width: 1170px}
  
  @media all and (max-width: 767.98px){
      .container-fluid{padding-right: 30px;padding-left: 30px;}
      .row{margin-right: -30px;margin-left: -30px;}
      .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
          padding-right: 30px;padding-left: 30px;
      }
  }
  /*=== CONTAINER ===*/
  
  /*=== POSITIONS ===*/
  .position-inherit{position: inherit}
  .position-relative{position: relative}
  /*=== POSITIONS ===*/
  
  /*=== HIDDEN ===*/
  .invisible {position: absolute;left: -9999999px;top: auto;width: 1px;height: 1px;overflow: hidden;visibility: visible !important;background-color: transparent; /* background-color: #000000; color: #ffffff;*/}
  
  .sktmain {position: absolute;left: 0;top: 0;width: auto;height: auto;overflow: hidden;visibility: visible !important;z-index: 11;}
  .sktmain > a{text-decoration: none;font-size: 1.8rem;font-family: var(--font-medium);line-height: normal;padding: 10px 30px;display: block; opacity: 0;}
  .sktmain > a:focus-within {opacity: 1; text-decoration: underline;}
  .sktmain.visible > a {opacity: 1;}
  
  noscript{width: 100%}
  noscript.background{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
  noscript > .nojs{position: absolute;width: 100%;height: 100%;top: 0;left:0;z-index: 0;}
  .nojs .jsBackDiv{display: none !important}
  noscript.autowidth{width: auto}
  
  noscript.image{width: auto;}
  noscript.image > .image{width: 100%;}
  /*=== HIDDEN ===*/
  
  
  /*=== MODULE STYLES ===*/
  header.mega-header + .main-content-wrapper{margin-top: 40px}
  .ip3-preview header.mega-header + .main-content-wrapper, .ip3-edit header.mega-header + .main-content-wrapper{margin-top:0}
  .module-wrapper{padding: 50px 0 0px 0}
  .module-inner-wrapper{padding: 50px 0 0px 0}
  
  @media all and (max-width: 991.98px){
  .module-wrapper{padding: 50px 0 0px 0}
  .module-inner-wrapper{padding: 50px 0 0px 0}
  header.mega-header + .main-content-wrapper{margin-top: 32px}
  }
  @media all and (max-width: 767.98px){
  .module-wrapper{padding: 50px 0}
  .module-inner-wrapper{padding: 60px 0}
  }
  /*=== MODULE STYLES ===*/
  
  /*=== IMAGE STYLES ===*/
  figure{margin: 0}
  figcaption{display: none}
  img{width: 100%; height: auto}
  /*=== IMAGE STYLES ===*/
  
  /*=== TYPOGRAPHY STYLES ===*/
  h1, .h1{font-size: 5.1rem;color: var(--bold-blue);font-family: var(--font-arial);font-weight: 400;line-height: 6rem;margin:20px 0px 13px 0px;}
  h2, .h2{font-size: 3.4rem;font-family: var(--font-arial);color: var(--bold-blue);font-weight: 700;letter-spacing: 1px;line-height: 4.2rem;}
  h3,.h3{font-size: 2.4rem;font-family: var(--font-arial);color:var(--bold-blue);font-weight: 700;line-height: 3.2rem;margin:20px 0px 17px 0px;}
  h4,.h4{font-size: 2rem;font-family: var(--font-arial);color: var(--bold-blue);font-weight: 700;line-height: 2.4rem;margin-bottom: 20px; margin-top: 30px;}
  h5, .h5{font-size: 1.8rem;font-family:var(--font-arial);color:var(--dark-blue);clear: both;font-weight: 400;line-height: 22px;margin-bottom: 20px}
  h6, .h6{font-size: 1.8rem;line-height: 2.8rem;font-family: var(--font-arial);letter-spacing: 0;}
  p, .body{font-size: 1.6rem;font-family: var(--font-arial);line-height: 2.6rem;margin:0;letter-spacing: 0;}
  ul{padding: 0;list-style: none;padding-left: 1.5em;}
  ul li{font-family:var(--font-arial);font-size: 1.6rem;line-height: 1.63;/* margin: 0px 0px 18px 0px; */letter-spacing: 0;padding-left: 5px!important;}
  
  .text-module ul li{font-family:var(--font-arial);font-size:1.6rem;line-height:1.63;padding-left: 5px;list-style-type:disc!important;}
  /*.text-module ul li::before {content: '\e908';position: absolute;font-family: 'icomoon' !important;font-size: 7.5px;background: var(--black);border-radius: 50%;color: var(--white-color);width: 16px;height: 16px;display: flex;justify-content: center;align-items: center;left: 3px;top: 8px;}*/
  
  .second-list-content ul li{margin-bottom: 8px;padding-left: 25px;position: relative}
  .second-list-content ul li::before{content: '';width: 12px;height: 12px;position: absolute;background: var(--black);border-radius: 100px;top: 6px;left: 0;}
  
  input[type="text"], input[type="email"]{border: 1px solid var(--black-dark);padding: 9px 16px; font-size: 1.4rem; line-height: 2.6rem;min-width: 277px;height: 40px; color: var(--black-dark)}
  
  table{width: 100%;margin-top: 30px;margin-bottom: 50px}
  table th{font-family: var(--font-arial);font-weight: 700;font-size: 1.6rem;line-height: 2.8rem;}


  a {color: var(--water-blue); text-decoration: none;}
  a:hover {text-decoration: underline;}
  a:active,a:focus {border: none}
  
  @media all and (max-width: 991.98px){
        h1, .h1{font-size: 4.8rem;line-height: 5.6rem;font-family: var(--font-arial);letter-spacing: 0.3px;margin: 0px 0px 14px 0px;}
        h2, .h2{font-size: 4.0rem;line-height: 4.8rem;font-family: var(--font-arial);letter-spacing: 0.3px;margin: 0px 0px 14px 0px;}
        h3, .h3{font-size: 3.2rem;line-height: 4rem;font-family: var(--font-arial);letter-spacing: 0;}
        h4, .h4{font-size: 2.4rem;line-height: 3.2rem;font-family: var(--font-arial);letter-spacing: 0;}
        h5, .h5{font-size: 1.8rem;line-height: 2.4rem;font-family: var(--font-arial);letter-spacing: 0;}
        h6, .h6{font-size: 1.8rem;line-height: 2.4rem;font-family:var(--font-arial);letter-spacing: 0;}
        
        p, .body{font-size: 1.6rem;line-height: 2.6rem;letter-spacing: 0;}
             
        table th{font-family: var(--font-arial);font-weight: normal;font-size: 1.4rem;line-height: 1.8rem;}
  }
  @media all and (max-width: 767.98px){
        h1, .h1{font-size: 4.2rem;line-height: 4.8rem;font-family:var(--font-arial);letter-spacing: 0.3px;margin: 0px 0px 14px 0px;}
        h2, .h2{font-size: 3.8rem;line-height: 4.6rem;font-family: var(--font-arial);letter-spacing: 0.3px;margin: 0px 0px 14px 0px;}
        h3, .h3{font-size: 2.4rem;line-height: 3.2rem;font-family: var(--font-arial);letter-spacing: 0;}
        h4, .h4{font-size: 1.8rem;line-height: 2.4rem;font-family:var(--font-arial);letter-spacing: 0;}
        h5, .h5{font-size: 1.8rem;line-height: 2.4rem;font-family: var(--font-arial);letter-spacing: 0;}
        h6, .h6{font-size: 1.6rem;line-height: 2.4rem;font-family:var(--font-arial);letter-spacing: 0;}
        
       
        p, .body{font-size: 1.6rem;line-height: 2.6rem;margin: 10px 0px 10px 0px;letter-spacing: 0;}
            
        table th{font-family: var(--font-arial);font-weight: normal;font-size: 1.4rem;line-height: 1.8rem;}
        table tbody tr:nth-child(2n+1) td {background: none;}
  }
  /*=== TYPOGRAPHY STYLES ===*/
  
  /*=== COLOR STYLES ===*/
  .font--white{color: var(--white-color)}
  .blue-navy > *{color: var(--blue-navy)}
  .dark-color > *{color: var(--black-dark)}
  .black-color > *, .rad-color-1{color: var(--black)}
  /*=== COLOR STYLES ===*/
  
  /*=== CTA STYLES ===*/
  .cta.cta-primary{color: var(--white-color);font-family:var(--font-arial);font-size: 1.6rem;line-height: 2.6rem;
      font-weight: 500;border: 1px solid var(--white-color);text-transform: uppercase;text-decoration: none;display: inline-flex;align-items: center;padding: 12px 28px 12px 30px;;justify-content: space-between;transition: all 0.3s ease-in-out}
  .cta.cta-primary > span.icon{font-size: 1.6rem;margin-left: 8px;}
  .cta.cta-primary:hover{background: var(--white-color);color: var(--dark-blue);border-color: var(--black);}
  .cta.cta-primary:focus{background: var(--white-color);color: var(--dark-blue);border-color: var(--black);}
  /* .mfp-close-btn-in .mfp-close:focus {outline: 2px dashed var(--white-color);} */
  .mfp-close-btn-in .mfp-close:focus {outline: none}
  
  .cta.cta-secondary{font-family:var(--font-arial);font-size: 1.4rem;line-height: 2.6rem;font-weight: 700;color:var(--bold-blue);text-transform: uppercase;text-decoration: none;display: inline-flex;align-items: center;padding: 12px 28px 12px 30px;justify-content: space-between;transition: all 0.3s ease-in-out}
  /*=== CTA STYLES ===*/
  
  a.social-link{width: 32px;height: 32px;background: var(--white-color);border-radius: 50%;text-decoration: none;}
  a.social-link > span.icon{color: var(--black);}
  .download-link{display: flex;align-items: center;transition: all 0.3s ease-in-out}
  a.download-link *{transition: all 0.3s ease-in-out}
  a.download-link:hover{text-decoration: none;}
  .download-link span.text{color: var(--black);letter-spacing: 0.5px;}
  a.download-link:hover span.text{color: var(--black);} 
  .download-link span.icon-longarrow{margin-left: 24px;width: 28px;height: 28px;background: var(--black);color: var(--white-color);display: flex;justify-content: center;align-items: center;font-size: 1.2rem;border-radius: 50%;transform: rotate(90deg);}
  a.download-link:hover span.icon-longarrow{background: var(--black);}
  /*=== CIRCLE STYLES ===*/
  
  #auto-top-link{display: none;position: fixed;bottom: 80px;right: 10px;color: var(--white-color);text-decoration: none;border-radius: 10px;height: 55px;width: 55px;z-index: 999999;background: var(--black);text-align: center;}
  #auto-top-link > span.icon{position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%) rotate(-90deg);font-size: 2.0rem;}
  body.nojs #auto-top-link{display: none !important}
  body.nojs #cc-CookieSetting{display: none !important}
  
  /*=== PADDING MARGIN STYLES ===*/
  .pt-0{padding-top: 0px !important}.pt-10{padding-top: 10px !important}.pt-20{padding-top: 20px !important}.pt-30{padding-top: 30px !important}.pt-40{padding-top: 40px !important}.pt-50{padding-top: 50px !important}.pt-60{padding-top: 60px !important}.pt-70{padding-top: 70px !important}.pt-80{padding-top: 80px !important}.pt-90{padding-top: 90px !important}.pt-100{padding-top: 100px !important}.pb-0{padding-bottom: 0px !important}.pb-10{padding-bottom: 10px !important}.pb-20{padding-bottom: 20px !important}.pb-30{padding-bottom: 30px !important}.pb-40{padding-bottom: 40px !important}.pb-50{padding-bottom: 50px !important}.pb-60{padding-bottom: 60px !important}.pb-70{padding-bottom: 70px !important}.pb-80{padding-bottom: 80px !important}.pb-90{padding-bottom: 90px !important}.pb-100{padding-bottom: 100px !important}
  .mt-0{margin-top: 0px}.mt-10{margin-top: 10px}.mt-20{margin-top: 20px}.mt-30{margin-top: 30px}.mt-40{margin-top: 40px}.mt-50{margin-top: 50px}.mt-60{margin-top: 60px}.mt-70{margin-top: 70px}.mt-80{margin-top: 80px}.mt-90{margin-top: 90px}.mt-100{margin-top: 100px}.mb-0{margin-bottom: 0px}.mb-10{margin-bottom: 10px}.mb-20{margin-bottom: 20px}.mb-30{margin-bottom: 30px}.mb-40{margin-bottom: 40px}.mb-50{margin-bottom: 50px}.mb-60{margin-bottom: 60px}.mb-70{margin-bottom: 70px}.mb-80{margin-bottom: 80px}.mb-90{margin-bottom: 90px}.mb-100{margin-bottom: 100px}
  /*=== PADDING MARGIN STYLES ===*/
  
  /* === GLOBAL CSS ===*/
  .rad-link-1{
  background: url('/~/media/Images/M/Magnolia-Oil-Gas/bluepath');background-repeat: no-repeat;background-position: 83% 54%;background-color: #fafafa;font: bold 14px Arial;color: #00395b;border: 1px solid #00395b;border-radius: 0;padding: 16px 46px 16px 18px;min-width: 132px;height: 50px;text-transform: capitalize;cursor: pointer;-webkit-appearance: none;line-height: 16px;letter-spacing: .3px;text-decoration:none;}
.rad-link-1:hover{color:var(--white-color);background-repeat: no-repeat!important;background-position: 83% 54%!important;background:var(--dark-blue) url('/~/media/Images/M/Magnolia-Oil-Gas/icons/whitepath');text-decoration:none!important;}
a span.rad-underline{font-weight:700;}
  
  /* Cookie 3.0 patch fix */
.custom-cookie-modal{opacity: 1 !important;}
.custom-cookie-modal .modal-footer button{font-size: 1.4rem;}
.custom-cookie-modal .modal-body h4 {font-size: 2rem;}
.modal-footer{padding: 15px;text-align: center;border-top: 1px solid #ddd;justify-content: center;}
.custom-cookie-in{display: flex;align-items: center;justify-content: center;flex-direction: column;}
@media only screen and  (min-width: 820px){
#__cookieWrapper .cookie-btn {margin-top: 15px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;
}}
/* Cookie 3.0 patch fix */


.cta-wrapper.primary.content-custom-button{margin: 0 auto;width: 250px;}
.content-custom-button a.cta-primary{color: var(--bold-blue)!important;border: 1px solid var(--bold-blue)!important;}
.content-custom-button a.cta.cta-primary:hover {color: #fff!important;border-color: var(--black);background: var(--bold-blue)!important;text-decoration: auto!important;}