/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
  --container-width: min(90vw, 1500px);
  --content-width:90%;
  --content-width-offset-half:5%;
  --subpage-text-ratio:80%;
  --subpage-side-img-ratio:20%;
  --main-menu-height: 120px;
  --paragraph-spacing:20px;
  --topBar-height:40px;
  --navigation-height:120px;
  --height-of-topBarAndNav:160px;
  --primary-color: #062047;
  --secondary-color: #a40606;
  --primary-color-rgb: rgb(6, 32, 71);
  --bg-gray:#f0f0f0;
  --icon-font-size:24px;
  --icon-spacing:15px;
  --fs60-font-size:3.75rem;
  --fs50-font-size:3.12rem;
  --fs45-font-size:2.8rem;
  --fs40-font-size:2.5rem;
  --fs35-font-size:2.18rem;
  --fs30-font-size:1.875rem;
  --fs28-font-size:1.75rem;
  --fs25-font-size:1.56rem;
  --fs22-font-size:1.375rem;
  --fs20-font-size:1.25rem;
  --fs18-font-size:1.125rem;
  --fs16-font-size:1rem;
}
@media screen and (max-width: 768px) {
  :root {
    --subpage-text-ratio:90%;
  }
}
@media screen and (min-width: 470px) {
  :root {
    --topBar-height:65px;
  }
}
@media (min-width: 768px) and (max-width: 1500px) {
  :root {
    --topBar-height:40px;
    --navigation-height:200px;
    --height-of-topBarAndNav:240px;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --fs60-font-size:2.4rem;
    --fs50-font-size:2.2rem;
    --fs45-font-size:2rem;
    --fs40-font-size:1.9rem;
    --fs35-font-size:1.8rem;
    --fs30-font-size:1.6rem;
    --fs28-font-size:1.5rem;
    --fs25-font-size:1.3rem;
    --fs22-font-size:1.275rem;
  }
}
@media screen and (max-width: 992px) {
  :root {
    --fs60-font-size:2.3rem;
    --fs50-font-size:2.1rem;
    --fs45-font-size:1.9rem;
    --fs40-font-size:1.8rem;
    --fs35-font-size:1.7rem;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --fs60-font-size:2.2rem;
    --fs50-font-size:2rem;
    --fs45-font-size:1.8rem;
    --fs40-font-size:1.7rem;
    --fs35-font-size:1.6rem;
    --fs30-font-size:1.5rem;
    --fs28-font-size:1.4rem;
    --fs25-font-size:1.3rem;
  }
}
@media screen and (max-width: 500px) {
  :root {
    --fs60-font-size:2rem;
    --fs50-font-size:1.8rem;
    --fs45-font-size:1.7rem;
    --fs40-font-size:1.6rem;
    --fs35-font-size:1.5rem;
    --fs30-font-size:1.4rem;
    --fs28-font-size:1.3rem;
    --fs25-font-size:1.2rem;
    --fs22-font-size:1.1rem;
    --fs20-font-size:1rem;
    --fs18-font-size:0.9rem;
    --fs16-font-size:0.8rem;
  }
}
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
:root {
  --container-width: min(90vw, 1500px);
  --content-width:90%;
  --content-width-offset-half:5%;
  --subpage-text-ratio:80%;
  --subpage-side-img-ratio:20%;
  --main-menu-height: 120px;
  --paragraph-spacing:20px;
  --topBar-height:40px;
  --navigation-height:120px;
  --height-of-topBarAndNav:160px;
  --primary-color: #062047;
  --secondary-color: #a40606;
  --primary-color-rgb: rgb(6, 32, 71);
  --bg-gray:#f0f0f0;
  --icon-font-size:24px;
  --icon-spacing:15px;
  --fs60-font-size:3.75rem;
  --fs50-font-size:3.12rem;
  --fs45-font-size:2.8rem;
  --fs40-font-size:2.5rem;
  --fs35-font-size:2.18rem;
  --fs30-font-size:1.875rem;
  --fs28-font-size:1.75rem;
  --fs25-font-size:1.56rem;
  --fs22-font-size:1.375rem;
  --fs20-font-size:1.25rem;
  --fs18-font-size:1.125rem;
  --fs16-font-size:1rem;
}
@media screen and (max-width: 768px) {
  :root {
    --subpage-text-ratio:90%;
  }
}
@media screen and (min-width: 470px) {
  :root {
    --topBar-height:65px;
  }
}
@media (min-width: 768px) and (max-width: 1500px) {
  :root {
    --topBar-height:40px;
    --navigation-height:200px;
    --height-of-topBarAndNav:240px;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --fs60-font-size:2.4rem;
    --fs50-font-size:2.2rem;
    --fs45-font-size:2rem;
    --fs40-font-size:1.9rem;
    --fs35-font-size:1.8rem;
    --fs30-font-size:1.6rem;
    --fs28-font-size:1.5rem;
    --fs25-font-size:1.3rem;
    --fs22-font-size:1.275rem;
  }
}
@media screen and (max-width: 992px) {
  :root {
    --fs60-font-size:2.3rem;
    --fs50-font-size:2.1rem;
    --fs45-font-size:1.9rem;
    --fs40-font-size:1.8rem;
    --fs35-font-size:1.7rem;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --fs60-font-size:2.2rem;
    --fs50-font-size:2rem;
    --fs45-font-size:1.8rem;
    --fs40-font-size:1.7rem;
    --fs35-font-size:1.6rem;
    --fs30-font-size:1.5rem;
    --fs28-font-size:1.4rem;
    --fs25-font-size:1.3rem;
  }
}
@media screen and (max-width: 500px) {
  :root {
    --fs60-font-size:2rem;
    --fs50-font-size:1.8rem;
    --fs45-font-size:1.7rem;
    --fs40-font-size:1.6rem;
    --fs35-font-size:1.5rem;
    --fs30-font-size:1.4rem;
    --fs28-font-size:1.3rem;
    --fs25-font-size:1.2rem;
    --fs22-font-size:1.1rem;
    --fs20-font-size:1rem;
    --fs18-font-size:0.9rem;
    --fs16-font-size:0.8rem;
  }
}
body {
  overflow-x: hidden;
  box-sizing: border-box;
}
p, li, td {
  color: #171717;
  font-size: var(--fs20-font-size);
}
.page-content ul {
  padding-left: 20px;
}
.page-content ul li {
  list-style-type: disc;
  font-size: var(--fs20-font-size);
  margin-bottom: 0.8rem;
}
.page-content ul li::marker {
  color: var(--secondary-color);
}
ul > li > ul {
  padding-left: 20px;
}
@media screen and (min-width: 1651px) {
  .fixsize {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  .fixsize {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  .fixsize {
    padding: 0 5% 0 5%;
  }
}
.pageHead {
  font-size: var(--fs50-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-transform: uppercase;
  text-align: center;
  color: var(--primary-color);
}
.pageHead span {
  color: var(--secondary-color);
}
.sectionHead {
  font-size: var(--fs45-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: var(--primary-color);
  text-align: center;
  text-transform: uppercase;
}
.sectionSubHead {
  font-size: var(--fs40-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--secondary-color);
  text-align: center;
  text-transform: uppercase;
}
.sectionSubHead-2 {
  font-size: var(--fs40-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--primary-color);
  text-align: center;
  text-transform: capitalize;
}
.c-note-1 {
  font-size: var(--fs20-font-size);
  font-style: italic;
  line-height: 1.33;
  text-align: center;
}
.c-note-2 {
  font-size: var(--fs16-font-size);
  font-style: italic;
  line-height: 1.33;
  text-align: center;
}
/*
.titleH{
    @include titleH;
    margin:var(--paragraph-spacing) 0;
}
.titleH-v2{
    @include titleH-v2;
}
.subtitle{
   @include subtitle;
}
.subtitle-v2{
   @include subtitle-v2; 
}
.textH{
    @include textH; 
 }

 .contextP{
     @include contextP;
 }
.textP{
    @include textP;
}
.textPs{
    @include textPs;
}
.textSpacing{
	padding-top:10px;
	padding-bottom:10px;
}
*/
.cta, .download {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  display: block;
  width: fit-content;
  padding: 10px clamp(10px, 5%, 150px);
  text-transform: uppercase;
  font-size: var(--fs20-font-size);
  background-color: var(--secondary-color);
  color: #fff;
  min-width: 200px;
  max-width: 300px;
}
.cta:hover, .cta:active, .download:hover, .download:active {
  background-color: #fff;
  color: var(--secondary-color);
}
hr {
  border: solid 2px var(--primary-color);
}
@media screen and (max-width: 500px) {
  .table-wrapper {
    overflow-x: scroll;
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.c-icon-text {
  display: flex;
  align-items: center;
  gap: 1rem;
}
body, h1, h2, h3, h4, h5, h6, p, a {
  font-family: "Jost", sans-serif;
}
.g-container {
  margin: 0;
  width: 100%;
}
#g-offcanvas .g-content {
  margin: 0.625rem;
  padding: 0.938rem;
}
.g-content {
  margin: 0;
  padding: 0;
}
.g-title {
  display: none;
}
#g-main {
  padding: 0;
}
/* blog category*/
#g-main .g-container .g-grid .g-block .g-content .container {
  padding-right: 0;
  padding-left: 0;
}
#g-main .g-container .g-grid .g-block .g-content .container .row .col {
  padding-right: 0;
  padding-left: 0;
}
/* end of blog category*/
li {
  list-style-type: none;
}
body, p, a, ul, li, h1, h2, h3, h4, h5, h6, strong {
  margin: 0;
  padding: 0;
  text-decoration: none;
  line-height: 1.5rem;
  line-height: normal;
}
a {
  cursor: pointer;
  color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
a:hover, a:active {
  color: var(--primary-color);
}
@media only all and (max-width: 500px) {
  a a {
    line-break: anywhere;
  }
}
.button {
  background: var(--primary-color);
}
/* from */
.chronoforms + h3 {
  display: none;
}
.header-container .search-icon:hover {
  cursor: pointer;
}
.search-icon {
  position: relative;
}
.search-icon .form-search {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
}
.form-search {
  display: none;
}
.form-search.active {
  display: block;
  z-index: 9999;
}
/* single card */
.acc-card :hover {
  cursor: pointer;
}
.acc-card .accordion {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px;
}
.acc-card .accordion .head {
  display: flex;
  align-items: center;
}
.acc-card .accordion .head > img {
  margin-right: 20px;
}
.accordion .toggle {
  position: relative;
}
.accordion .toggle:after {
  font-family: "fontAwesome";
  content: "";
  font-size: 25px;
  /* plus  */
  color: #fff;
  width: 45px;
  height: 45px;
  background-color: var(--highlight-color);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-100%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.acc-card.active .toggle:after {
  font-family: "fontAwesome";
  content: "";
  /* minus  */
}
.acc-desc {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
@media screen and (max-width: 500px) {
  .acc-desc .desc-container {
    padding: 0 0;
  }
}
.acc-card .accordion {
  background-color: var(--primary-color);
  color: #fff;
}
.acc-card.active .accordion {
  background-color: var(--secondary-color);
}
.acc-card .accordion .head p {
  text-align: left;
  width: 90%;
  color: #fff;
  font-size: var(--fs30-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}
.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
  /* center horizontally */
  align-items: center;
  /* center vertically */
  height: 825px;
  /* fix the height you want */
}
@media only screen and (max-width: 1600px) {
  .owl-carousel .owl-item {
    height: 625px;
  }
}
@media screen and (max-width: 1200px) {
  .owl-carousel .owl-item {
    height: 425px;
  }
}
@media screen and (max-width: 768px) {
  .owl-carousel .owl-item {
    height: 825px;
  }
}
.owl-carousel .owl-item img {
  max-height: 100%;
  /* limit image height to container */
  width: auto;
  /* keep aspect ratio */
  max-width: 100%;
  /* responsive */
}
.owl-dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.owl-dots button {
  width: 1rem;
  height: 1rem;
  background-color: var(--primary-color) !important;
  border-radius: 50%;
}
.owl-dots button.active {
  background-color: var(--secondary-color) !important;
}
.news-module .news-list {
  margin: auto;
  --num-column:3;
  display: grid;
  grid-template-columns: repeat(var(--num-column), 1fr);
  row-gap: 1rem;
  column-gap: 1rem;
}
@media screen and (max-width: 1200px) {
  .news-module .news-list {
    --num-column:2;
  }
}
@media screen and (max-width: 500px) {
  .news-module .news-list {
    --num-column:1;
  }
}
.news-module .news-list .news-item {
  background-color: #f2fbff;
  border-radius: 1.5rem;
  border: solid 1px var(--secondary-color);
  padding: 2.5rem 5%;
  margin-bottom: 1rem;
}
.news-module .news-list .news-item .news-text-date {
  text-align: center;
  color: var(--secondary-color);
  font-size: var(--fs25-font-size);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.news-module .news-list .news-item .news-text-title {
  font-size: var(--fs22-font-size);
  min-height: 160px;
  text-align: center;
  color: #000;
  font-weight: bold;
}
.news-module .news-list .news-item button {
  width: 100%;
  margin: auto;
}
/* sandman form */
form#subscribe .sandmanFormFormName {
  display: none;
}
.formSumbitBtnWrap {
  text-align: center;
  margin-top: 4rem;
}
.formSumbitBtnWrap button {
  cursor: pointer;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
  display: block;
  width: fit-content;
  padding: 10px clamp(10px, 5%, 150px);
  text-transform: uppercase;
  font-size: var(--fs20-font-size);
  background-color: var(--secondary-color);
  color: #fff;
  margin: auto;
}
.formSumbitBtnWrap button:hover, .formSumbitBtnWrap button:active {
  background-color: #fff;
  color: var(--secondary-color);
}
.sandmanFormInputWrap {
  --num-column: 2;
  display: grid;
  grid-template-columns: repeat(var(--num-column), 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 500px) {
  .sandmanFormInputWrap {
    --num-column: 1;
  }
}
.sandmanFormInputWrap .sandmanFormSingleInput label {
  display: none;
}
.sandmanFormInputWrap .sandmanFormSingleInput input, .sandmanFormInputWrap .sandmanFormSingleInput textarea, .sandmanFormInputWrap .sandmanFormSingleInput select {
  width: 100%;
  position: relative;
}
.sandmanFormInputWrap .sandmanFormSingleInput input::placeholder, .sandmanFormInputWrap .sandmanFormSingleInput textarea::placeholder, .sandmanFormInputWrap .sandmanFormSingleInput select::placeholder {
  color: #303235;
  position: absolute;
  left: 1.5rem;
}
.sandmanFormInputWrap .sandmanFormSingleInput input, .sandmanFormInputWrap .sandmanFormSingleInput select {
  height: 60px;
}
.formResponse {
  font-size: var(--fs35-font-size);
  color: #000;
}
/* END sandman form */
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
:root {
  --container-width: min(90vw, 1500px);
  --content-width:90%;
  --content-width-offset-half:5%;
  --subpage-text-ratio:80%;
  --subpage-side-img-ratio:20%;
  --main-menu-height: 120px;
  --paragraph-spacing:20px;
  --topBar-height:40px;
  --navigation-height:120px;
  --height-of-topBarAndNav:160px;
  --primary-color: #062047;
  --secondary-color: #a40606;
  --primary-color-rgb: rgb(6, 32, 71);
  --bg-gray:#f0f0f0;
  --icon-font-size:24px;
  --icon-spacing:15px;
  --fs60-font-size:3.75rem;
  --fs50-font-size:3.12rem;
  --fs45-font-size:2.8rem;
  --fs40-font-size:2.5rem;
  --fs35-font-size:2.18rem;
  --fs30-font-size:1.875rem;
  --fs28-font-size:1.75rem;
  --fs25-font-size:1.56rem;
  --fs22-font-size:1.375rem;
  --fs20-font-size:1.25rem;
  --fs18-font-size:1.125rem;
  --fs16-font-size:1rem;
}
@media screen and (max-width: 768px) {
  :root {
    --subpage-text-ratio:90%;
  }
}
@media screen and (min-width: 470px) {
  :root {
    --topBar-height:65px;
  }
}
@media (min-width: 768px) and (max-width: 1500px) {
  :root {
    --topBar-height:40px;
    --navigation-height:200px;
    --height-of-topBarAndNav:240px;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --fs60-font-size:2.4rem;
    --fs50-font-size:2.2rem;
    --fs45-font-size:2rem;
    --fs40-font-size:1.9rem;
    --fs35-font-size:1.8rem;
    --fs30-font-size:1.6rem;
    --fs28-font-size:1.5rem;
    --fs25-font-size:1.3rem;
    --fs22-font-size:1.275rem;
  }
}
@media screen and (max-width: 992px) {
  :root {
    --fs60-font-size:2.3rem;
    --fs50-font-size:2.1rem;
    --fs45-font-size:1.9rem;
    --fs40-font-size:1.8rem;
    --fs35-font-size:1.7rem;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --fs60-font-size:2.2rem;
    --fs50-font-size:2rem;
    --fs45-font-size:1.8rem;
    --fs40-font-size:1.7rem;
    --fs35-font-size:1.6rem;
    --fs30-font-size:1.5rem;
    --fs28-font-size:1.4rem;
    --fs25-font-size:1.3rem;
  }
}
@media screen and (max-width: 500px) {
  :root {
    --fs60-font-size:2rem;
    --fs50-font-size:1.8rem;
    --fs45-font-size:1.7rem;
    --fs40-font-size:1.6rem;
    --fs35-font-size:1.5rem;
    --fs30-font-size:1.4rem;
    --fs28-font-size:1.3rem;
    --fs25-font-size:1.2rem;
    --fs22-font-size:1.1rem;
    --fs20-font-size:1rem;
    --fs18-font-size:0.9rem;
    --fs16-font-size:0.8rem;
  }
}
#g-header.scrolled {
  position: fixed;
  z-index: 1;
}
.g-offcanvas-toggle {
  z-index: 999;
  position: fixed;
  top: 0;
  color: var(--secondary-color);
  background-color: var(--bg-gray);
}
#g-header {
  background-color: var(--bg-gray);
}
#g-header .g-container .g-content {
  margin: 0rem;
  /* padding: 0.938rem;  default*/
}
@media screen and (min-width: 1651px) {
  #g-header .g-container {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  #g-header .g-container {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  #g-header .g-container {
    padding: 0 5% 0 5%;
  }
}
#g-header .mod-newstockfq h3 {
  display: none;
}
#g-header .mod-newstockfq table {
  border: none;
}
#g-header .mod-newstockfq table tr:first-child td:first-child {
  display: none;
}
#g-header .mod-newstockfq table tr td {
  border: none;
}
#g-header .mod-newstockfq td {
  padding: 0.1rem;
}
#g-header .company-stocks-block {
  background-color: var(--secondary-color);
}
#g-header .company-stocks-block td, #g-header .company-stocks-block p {
  color: #fff;
}
#g-header .company-stocks-block .stock-item:not(:last-child) {
  border-right: 1px solid #fff;
}
#g-header .market-stocks-block {
  background-color: #00000029;
}
#g-header .market-stocks-block td, #g-header .market-stocks-block p {
  color: var(--primary-color);
}
#g-header .market-stocks-block .stock-item:not(:last-child) {
  border-right: 1px solid var(--primary-color);
}
#g-header .company-stocks-block, #g-header .market-stocks-block {
  padding: 0.3rem 3%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
#g-header .company-stocks-block .symbol-name, #g-header .market-stocks-block .symbol-name {
  margin-right: 0.5rem;
}
#g-header .company-stocks-block .stock-item, #g-header .market-stocks-block .stock-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0 0.5rem;
}
/*
#g-header .header-container{
	justify-content: space-between;
	.left{
		@include flexLayout(row, flex-start, center);
		column-gap:10%;
		padding-left: 2%;
		@media only screen and (max-width: 1650px){
			padding-left: 1%;
		}
		@include md{
			flex-direction: column;
			row-gap:.5rem;
		}
	}
	.right{
		//@include flexLayout(row, space-evenly, center);
		@include flexLayout(row, flex-end, center);
		column-gap:2rem;
		padding-right: 2%;
		@media only screen and (max-width: 1650px){
			padding-right: 1%;
		}
	}
	
	row-gap:1rem;
	@include lg{
		.left,
		.right{
		 	flex-basis: 100%;
        	max-width: 100%;
		}
		.left{
			justify-content: center;
		}
	}


}
*/
#g-header .header-container {
  row-gap: 0.5rem;
  justify-content: space-between;
}
#g-header .header-container div[class^="size-"]:has(.company-stocks-block), #g-header .header-container div[class^="size-"]:first-child {
  padding-left: 2%;
}
@media only screen and (max-width: 1650px) {
  #g-header .header-container div[class^="size-"]:has(.company-stocks-block), #g-header .header-container div[class^="size-"]:first-child {
    padding-left: 1%;
  }
}
#g-header .header-container div[class^="size-"]:has(.company-stocks-block) .company-stocks-block, #g-header .header-container div[class^="size-"]:first-child .company-stocks-block {
  width: fit-content;
}
@media screen and (max-width: 992px) {
  #g-header .header-container div[class^="size-"]:has(.company-stocks-block), #g-header .header-container div[class^="size-"]:first-child {
    flex: 0 50%;
  }
  #g-header .header-container div[class^="size-"]:has(.company-stocks-block) .company-stocks-block, #g-header .header-container div[class^="size-"]:first-child .company-stocks-block {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #g-header .header-container div[class^="size-"]:has(.company-stocks-block), #g-header .header-container div[class^="size-"]:first-child {
    flex: 0 100%;
  }
  #g-header .header-container div[class^="size-"]:has(.company-stocks-block) .company-stocks-block, #g-header .header-container div[class^="size-"]:first-child .company-stocks-block {
    width: fit-content;
    justify-self: center;
    margin: auto;
  }
}
#g-header .header-container div[class^="size-"]:has(.market-stocks-block) .market-stocks-block, #g-header .header-container div[class^="size-"]:nth-child(2) .market-stocks-block {
  width: fit-content;
  justify-self: center;
  margin: auto;
}
@media screen and (max-width: 992px) {
  #g-header .header-container div[class^="size-"]:has(.market-stocks-block), #g-header .header-container div[class^="size-"]:nth-child(2) {
    flex: 0 50%;
  }
  #g-header .header-container div[class^="size-"]:has(.market-stocks-block) .market-stocks-block, #g-header .header-container div[class^="size-"]:nth-child(2) .market-stocks-block {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #g-header .header-container div[class^="size-"]:has(.market-stocks-block), #g-header .header-container div[class^="size-"]:nth-child(2) {
    flex: 0 100%;
  }
  #g-header .header-container div[class^="size-"]:has(.market-stocks-block) .market-stocks-block, #g-header .header-container div[class^="size-"]:nth-child(2) .market-stocks-block {
    width: fit-content;
  }
}
#g-header .header-container .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  column-gap: 2rem;
  padding-right: 2%;
}
@media only screen and (max-width: 1650px) {
  #g-header .header-container .right {
    padding-right: 1%;
  }
}
@media screen and (max-width: 992px) {
  #g-header .header-container .right {
    justify-content: center;
    flex-basis: 100%;
    max-width: 100%;
  }
}
#g-header .signup-wrapper, #g-header .search-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 0.5rem;
}
#g-header .signup-wrapper img, #g-header .search-wrapper img {
  height: 32px;
  max-width: 32px;
}
#g-header .signup-wrapper > p, #g-header .search-wrapper > p {
  color: var(--primary-color);
}
#g-header p, #g-header td {
  font-size: var(--fs18-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
}
.Hfooter-subscribe-section {
  align-items: center;
  column-gap: 2%;
  row-gap: 2rem;
}
.Hfooter-subscribe-section .subscribe-box {
  background-color: var(--primary-color);
  border-radius: 1rem;
  padding: 9rem clamp(2rem, 4%, 4rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
}
.Hfooter-subscribe-section .subscribe-box p {
  font-size: var(--fs35-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  text-transform: capitalize;
}
@media screen and (max-width: 1200px) {
  .Hfooter-subscribe-section div[class^="size-"] {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.main-footer {
  padding-top: 2rem !important;
  margin-top: 2.5rem;
  background-color: #f0f0f0;
  display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 3%;
  row-gap: 1.5rem;
}
@media screen and (min-width: 1651px) {
  .main-footer {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  .main-footer {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  .main-footer {
    padding: 0 5% 0 5%;
  }
}
.main-footer .left {
  flex: 1 25%;
}
.main-footer .right {
  flex: 1 75%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 3%;
  row-gap: 1.5rem;
  border-bottom: 1px solid var(--secondary-color);
  padding-bottom: 2rem;
}
@media screen and (max-width: 1200px) {
  .main-footer .right {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
  }
}
.main-footer .right .footer-menu-container {
  flex: 1 70%;
}
.main-footer .right .contact-container {
  flex: 1 30%;
}
@media screen and (max-width: 500px) {
  .main-footer .footer-menu-container ul.mod-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
}
.main-footer .footer-menu-container ul.mod-menu li.nav-item {
  flex: 33.3%;
}
@media screen and (max-width: 500px) {
  .main-footer {
    flex-direction: column;
  }
  .main-footer .right {
    align-items: center;
  }
}
.main-footer .footer-menu-container ul.mod-menu li.nav-item {
  font-size: var(--fs22-font-size);
  font-weight: bold;
  color: var(--primary-color);
  line-height: 0.67;
}
.main-footer .contact-container > p {
  padding: 0.25em 0;
}
.g-branding {
  padding-top: 1rem !important;
  padding-bottom: 2rem !important;
  text-align: right;
  background-color: #f0f0f0;
}
@media screen and (min-width: 1651px) {
  .g-branding {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  .g-branding {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  .g-branding {
    padding: 0 5% 0 5%;
  }
}
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
:root {
  --container-width: min(90vw, 1500px);
  --content-width:90%;
  --content-width-offset-half:5%;
  --subpage-text-ratio:80%;
  --subpage-side-img-ratio:20%;
  --main-menu-height: 120px;
  --paragraph-spacing:20px;
  --topBar-height:40px;
  --navigation-height:120px;
  --height-of-topBarAndNav:160px;
  --primary-color: #062047;
  --secondary-color: #a40606;
  --primary-color-rgb: rgb(6, 32, 71);
  --bg-gray:#f0f0f0;
  --icon-font-size:24px;
  --icon-spacing:15px;
  --fs60-font-size:3.75rem;
  --fs50-font-size:3.12rem;
  --fs45-font-size:2.8rem;
  --fs40-font-size:2.5rem;
  --fs35-font-size:2.18rem;
  --fs30-font-size:1.875rem;
  --fs28-font-size:1.75rem;
  --fs25-font-size:1.56rem;
  --fs22-font-size:1.375rem;
  --fs20-font-size:1.25rem;
  --fs18-font-size:1.125rem;
  --fs16-font-size:1rem;
}
@media screen and (max-width: 768px) {
  :root {
    --subpage-text-ratio:90%;
  }
}
@media screen and (min-width: 470px) {
  :root {
    --topBar-height:65px;
  }
}
@media (min-width: 768px) and (max-width: 1500px) {
  :root {
    --topBar-height:40px;
    --navigation-height:200px;
    --height-of-topBarAndNav:240px;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --fs60-font-size:2.4rem;
    --fs50-font-size:2.2rem;
    --fs45-font-size:2rem;
    --fs40-font-size:1.9rem;
    --fs35-font-size:1.8rem;
    --fs30-font-size:1.6rem;
    --fs28-font-size:1.5rem;
    --fs25-font-size:1.3rem;
    --fs22-font-size:1.275rem;
  }
}
@media screen and (max-width: 992px) {
  :root {
    --fs60-font-size:2.3rem;
    --fs50-font-size:2.1rem;
    --fs45-font-size:1.9rem;
    --fs40-font-size:1.8rem;
    --fs35-font-size:1.7rem;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --fs60-font-size:2.2rem;
    --fs50-font-size:2rem;
    --fs45-font-size:1.8rem;
    --fs40-font-size:1.7rem;
    --fs35-font-size:1.6rem;
    --fs30-font-size:1.5rem;
    --fs28-font-size:1.4rem;
    --fs25-font-size:1.3rem;
  }
}
@media screen and (max-width: 500px) {
  :root {
    --fs60-font-size:2rem;
    --fs50-font-size:1.8rem;
    --fs45-font-size:1.7rem;
    --fs40-font-size:1.6rem;
    --fs35-font-size:1.5rem;
    --fs30-font-size:1.4rem;
    --fs28-font-size:1.3rem;
    --fs25-font-size:1.2rem;
    --fs22-font-size:1.1rem;
    --fs20-font-size:1rem;
    --fs18-font-size:0.9rem;
    --fs16-font-size:0.8rem;
  }
}
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes line {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes lineGrow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes fromLeft {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes fromBottom {
  from {
    bottom: -100%;
  }
  to {
    bottom: 0;
  }
}
/* ANIMATION
@include keyframes(fade-up){
	0% {opacity: 0; top: -60px;}
	100% {opacity: 1; top: 0;}
}
@include keyframes(spinning){
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

@include keyframes(slideUp){
  0% {opacity: 0; top: 85px;}
  100% {opacity: 1; top: 0;}
}
@include keyframes(slideDown){
  0% {opacity: 0; top: -85px;}
  100% {opacity: 1; top: 0;}
}
@include keyframes(slideLeft){
  0% {opacity: 0; right: -85px;}
  100% {opacity: 1; right: 0;}
}
@include keyframes(slideRight){
  0% {opacity: 0; left: -85px;}
  100% {opacity: 1; left: 0;}
}

.u-fade{
	@include animation('fade-up 1s .3s forwards');
}

.c-block__gold-discovery{
	.g-title,.c-introduction{
		opacity: 0;
		position: relative;
	}
	.c-introduction{
		animation-delay: .7s;
	}
}

.c-animated-object{
  opacity: 0;
  // visibility: hidden;
  position: relative;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;

   &.c-delay1{
    animation-delay: 0.3s !important;
    -webkit-animation-delay: 0.3s !important;
   }
	&.c-delay2{
    animation-delay: 0.6s !important;
    -webkit-animation-delay: 0.6s !important;
   }
	&.c-delay3{
    animation-delay: 0.9s !important;
    -webkit-animation-delay: 0.9s !important;
   }
	&.c-delay4{
    animation-delay: 1.2s !important;
    -webkit-animation-delay: 1.2s !important;
   }
  &.active{
    &.from-right{
      @include animation('slideLeft 1s forwards');
    }
    &.from-left{
      @include animation('slideRight 1s forwards');
    }
    &.from-top{
      @include animation('slideDown 1s forwards');
    }
    &.from-bottom{
      @include animation('slideUp 1s forwards');
    }
  }
}
 END ANIMATION */
.gantry-logo img {
  width: 200px;
  min-width: 200px;
}
#g-navigation.scrolled {
  z-index: 99;
  position: fixed;
  top: 0;
}
/* reset */
#g-navigation .g-main-nav {
  margin: 0;
}
#g-navigation .g-container .g-grid .g-block .g-content {
  margin: 0;
}
.g-main-nav .g-standard .g-dropdown {
  width: max-content;
  min-width: 180px;
}
#g-navigation {
  width: 100%;
  background-color: var(--bg-gray);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
@media screen and (min-width: 1651px) {
  #g-navigation {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  #g-navigation {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  #g-navigation {
    padding: 0 5% 0 5%;
  }
}
#g-navigation .g-container {
  background-color: #fff;
  border-radius: 1.5rem;
}
@media only all and (max-width: 47.99rem) {
  #g-navigation .g-container {
    min-height: 90px;
    display: flex;
    justify-content: center;
  }
}
#g-navigation .g-grid {
  align-items: center;
}
#g-navigation .g-toplevel {
  justify-content: flex-end !important;
}
#g-navigation .g-toplevel .g-standard {
  padding: 17px 0;
}
#g-navigation .g-toplevel .g-standard:hover {
  background-color: transparent !important;
}
#g-navigation .g-toplevel .g-standard:hover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0rem;
  width: 100%;
  height: 8px;
  background-color: var(--secondary-color);
  animation: lineGrow 0.2s ease-in-out forwards;
}
#g-navigation .g-toplevel .g-standard.active {
  background-color: transparent !important;
}
#g-navigation .g-toplevel .g-standard.active > a {
  color: var(--secondary-color) !important;
}
#g-navigation .g-toplevel .g-standard .g-dropdown .g-sublevel {
  border: 1px solid #fff;
  border-top: unset;
  margin-top: -1%;
}
#g-navigation .g-toplevel .g-standard .g-dropdown .g-sublevel .g-menu-item-container {
  background-color: var(--primary-color);
  box-shadow: 0 8px 24px 0 rgba(var(--primary-bg-color-rgb), 0.5);
  border-bottom: 1px solid #fff;
  transition: all 0.2s ease-out;
  padding: 0.3rem 0.9rem;
}
#g-navigation .g-toplevel .g-standard .g-dropdown .g-sublevel .g-menu-item-container > .g-menu-item-content {
  display: flex;
  padding: 0.5rem 0;
}
#g-navigation .g-toplevel .g-standard .g-dropdown .g-sublevel .g-menu-item-container .g-menu-item-title {
  font-weight: normal;
  text-transform: capitalize;
  font-size: 14px;
  color: #fff;
}
#g-navigation .g-toplevel .g-standard .g-dropdown .g-sublevel .g-menu-item-container:hover {
  background-color: var(--secondary-color) !important;
}
#g-navigation .g-toplevel .g-standard .g-menu-item-container {
  color: var(--primary-color) !important;
  padding: 1.2rem 0rem;
  font-size: var(--fs20-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  #g-navigation .g-toplevel .g-standard .g-menu-item-container {
    letter-spacing: unset;
  }
}
@media screen and (max-width: 992px) {
  #g-navigation .g-toplevel .g-standard .g-menu-item-container {
    padding: 0.5rem 0.5rem;
  }
}
#g-navigation .g-toplevel .g-standard .g-menu-item-container .g-menu-parent-indicator {
  display: none;
}
#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active a .g-menu-item-content .g-menu-item-title {
  color: var(--secondary-color) !important;
}
#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active a .g-menu-item-content .g-menu-item-title:hover {
  color: #fff !important;
}
#g-navigation .g-main-nav > .g-toplevel > .g-standard:not(:first-child) > .g-menu-item-container > .g-menu-item-content {
  border-left: 2px var(--secondary-color) solid;
}
#g-navigation .g-main-nav > .g-toplevel > .g-standard > .g-menu-item-container > .g-menu-item-content {
  padding: 0 1.8rem;
}
@media only screen and (max-width: 1650px) {
  #g-navigation .g-main-nav > .g-toplevel > .g-standard > .g-menu-item-container > .g-menu-item-content {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1200px) {
  #g-navigation .g-main-nav > .g-toplevel > .g-standard > .g-menu-item-container > .g-menu-item-content {
    padding: 0 0.5rem;
  }
}
.wo_banner #g-navigation {
  background-color: #184588;
}
.wo_banner #g-navigation .g-toplevel .g-dropdown .g-sublevel .g-menu-item-container {
  background-color: #184588;
}
#g-offcanvas {
  background: var(--light-gray);
}
#g-offcanvas #g-mobilemenu-container ul {
  background: #fff;
}
#g-offcanvas .g-toplevel .g-menu-item > a .g-menu-item-content .g-menu-item-title {
  color: var(--primary-color) !important;
  font-weight: bolder;
}
#g-offcanvas .g-toplevel .g-menu-item.active > a .g-menu-item-content .g-menu-item-title, #g-offcanvas .g-toplevel .g-menu-item:hover > a .g-menu-item-content .g-menu-item-title {
  color: var(--secondary-color) !important;
}
#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: var(--primary-blue) !important;
}
#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover .g-menu-item-title, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active .g-menu-item-title {
  color: #fff !important;
}
#g-offcanvas .g-toplevel .g-menu-item > ul.g-dropdown li.g-dropdown-column .g-sublevel li.g-go-back {
  background-color: var(--secondary-color) !important;
}
#g-offcanvas .g-toplevel .g-menu-item > ul.g-dropdown li.g-dropdown-column .g-sublevel li.g-go-back a {
  color: #fff !important;
}
.g-menu-parent-indicator {
  background-color: var(--primary-green) !important;
  border: var(--primary-blue) !important;
}
@media (min-width: 768px) and (max-width: 1500px) {
  #g-navigation {
    padding: unset;
  }
  #g-navigation .g-toplevel {
    justify-content: center !important;
  }
  #g-navigation .g-container > .g-grid {
    flex-direction: column;
    padding-top: 40px;
  }
}
/* hero -banner */
.subpage-template #g-main {
  padding-top: 40px;
}
.subpage_banner {
  align-items: center;
}
.subpage_banner .inner--grid-overlap-top {
  background-color: rgba(6, 32, 71, 0.8);
  width: 50%;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
@media screen and (max-width: 992px) {
  .subpage_banner .inner--grid-overlap-top {
    background-color: rgba(6, 32, 71, 0.5);
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .subpage_banner .inner--grid-overlap-top {
    background-color: unset;
    width: 100%;
  }
}
.subpage_banner .inner--grid-overlap-top .pageTitle {
  color: #fff;
  padding: 3rem;
  font-size: var(--fs50-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase;
}
/* category blog 
.news-page .com-content-article__body{
	padding-top: 60px;
	padding-bottom: 60px;
}
*/
/* category List 
.news-by-year-page .com-content-article{
	@include fixsize;
}
.news-by-year-page .news__list,
.news-by-year-page .com-content-article{
	padding-top: 60px;
	padding-bottom: 60px;
}
*/
/* unset boostrap */
#g-main .row {
  margin-right: unset;
  margin-left: unset;
}
/* blog-items */
.blog-items {
  margin: 0 0 0rem;
}
.mod-breadcrumbs__wrapper .breadcrumb-item + .breadcrumb-item::before {
  font-family: "FontAwesome";
  content: "";
  color: var(--highlight-color);
}
.mod-breadcrumbs__wrapper .icon-location:before {
  display: none;
}
.breadcrumb-item a, .breadcrumb-item.active {
  color: var(--highlight-color);
}
/* g-hero
=================================================== */
#g-hero {
  background-color: var(--bg-gray);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
/* END g-hero
=================================================== */
/*
	solution: subtab (anchor link), when the browser scrolls, the heading underneath the fixed navbar  .*/
a.anchor-link[id] {
  display: block;
  position: relative;
  top: -120px;
  /* height of navbar */
  visibility: hidden;
}
/* END 
=================================================== */
/* spacing
=================================================== */
.pageHead, .sectionHead, .sectionSubHead {
  margin-bottom: 2rem;
}
#g-main .left-sidebar, #g-main .page-content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.blog-item .item-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
/* spacing
=================================================== */
/* width
=================================================== */
@media screen and (min-width: 1651px) {
  .blog-item:not(:has(.full-width)) {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  .blog-item:not(:has(.full-width)) {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  .blog-item:not(:has(.full-width)) {
    padding: 0 5% 0 5%;
  }
}
@media screen and (min-width: 1651px) {
  #g-main:has(.left-sidebar) > .g-container {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  #g-main:has(.left-sidebar) > .g-container {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  #g-main:has(.left-sidebar) > .g-container {
    padding: 0 5% 0 5%;
  }
}
#g-main:has(.left-sidebar) .left-sidebar {
  padding-right: 3%;
}
@media only all and (max-width: 47.99rem) {
  #g-main:has(.left-sidebar) .left-sidebar {
    display: none;
  }
}
/* END width
=================================================== */
/* flex gap
=================================================== */
main .g-grid:has(.size-48) {
  column-gap: 4%;
}
main .g-grid:has(.size-32) {
  column-gap: 2%;
}
main .g-grid:has(.size-38) {
  column-gap: 4%;
}
main .g-grid {
  row-gap: 1.5rem;
}
/* END flex gap
=================================================== */
/* display: grid 
=================================================== */
.c-container-grid-2 {
  --num-column:2;
  display: grid;
  grid-template-columns: repeat(var(--num-column), 1fr);
  grid-gap: 2.5rem;
  column-gap: 3rem;
}
@media only screen and (max-width: 700px) {
  .c-container-grid-2 {
    --num-column:1;
  }
}
.c-container-grid-3 {
  --num-column:3;
  display: grid;
  grid-template-columns: repeat(var(--num-column), 1fr);
  grid-gap: 2rem;
  column-gap: 2rem;
}
@media screen and (max-width: 992px) {
  .c-container-grid-3 {
    --num-column:2;
  }
}
@media screen and (max-width: 500px) {
  .c-container-grid-3 {
    --num-column:1;
  }
}
.c-container-grid-4 {
  --num-column:4;
  display: grid;
  grid-template-columns: repeat(var(--num-column), 1fr);
  grid-gap: 2.5rem;
}
@media screen and (max-width: 1200px) {
  .c-container-grid-4 {
    --num-column:2;
  }
}
@media screen and (max-width: 768px) {
  .c-container-grid-4 {
    --num-column:1;
  }
}
/* END display: grid 
=================================================== */
/* grid-overlap 
================================================= */
.grid-overlap {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
}
.grid-overlap > .inner--grid-overlap-bottom {
  grid-column: 1;
  grid-row: 1;
}
.grid-overlap > .inner--grid-overlap-top {
  grid-column: 1;
  grid-row: 1;
}
/* END grid-overlap 
================================================= */
.left-sidebar .mod-custom > p {
  background-color: var(--secondary-color);
  text-align: center;
  padding: 1.5rem 3%;
  font-size: var(--fs35-font-size);
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.left-sidebar .mod-custom ul.nav {
  background-color: #f2fbff;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin: auto;
}
.left-sidebar .mod-custom ul.nav li.nav-item {
  width: 100%;
  padding: 0.5rem 3%;
  border-bottom: 1px solid #828282;
}
.left-sidebar .mod-custom ul.nav li.nav-item a {
  display: block;
  border-radius: 2rem;
  padding: 0.5rem 0;
  text-align: center;
  font-size: var(--fs22-font-size);
}
.left-sidebar .mod-custom ul.nav li.nav-item.current {
  border-bottom: 1px solid var(--secondary-color);
}
.left-sidebar .mod-custom ul.nav li.nav-item.current a {
  background-color: var(--primary-color);
  color: #fff;
}
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
/*
@mixin transition($a){
	transition: $a;
	-moz-transition: $a;
	-ms-transition: $a;
	-o-transition: $a;
	-webkit-transition: $a;
}
*/
/* responsive */
/* end of responsive */
/* Media query : mobile first
=============================================  */
/* END Media query : mobile first
=============================================  */
:root {
  --container-width: min(90vw, 1500px);
  --content-width:90%;
  --content-width-offset-half:5%;
  --subpage-text-ratio:80%;
  --subpage-side-img-ratio:20%;
  --main-menu-height: 120px;
  --paragraph-spacing:20px;
  --topBar-height:40px;
  --navigation-height:120px;
  --height-of-topBarAndNav:160px;
  --primary-color: #062047;
  --secondary-color: #a40606;
  --primary-color-rgb: rgb(6, 32, 71);
  --bg-gray:#f0f0f0;
  --icon-font-size:24px;
  --icon-spacing:15px;
  --fs60-font-size:3.75rem;
  --fs50-font-size:3.12rem;
  --fs45-font-size:2.8rem;
  --fs40-font-size:2.5rem;
  --fs35-font-size:2.18rem;
  --fs30-font-size:1.875rem;
  --fs28-font-size:1.75rem;
  --fs25-font-size:1.56rem;
  --fs22-font-size:1.375rem;
  --fs20-font-size:1.25rem;
  --fs18-font-size:1.125rem;
  --fs16-font-size:1rem;
}
@media screen and (max-width: 768px) {
  :root {
    --subpage-text-ratio:90%;
  }
}
@media screen and (min-width: 470px) {
  :root {
    --topBar-height:65px;
  }
}
@media (min-width: 768px) and (max-width: 1500px) {
  :root {
    --topBar-height:40px;
    --navigation-height:200px;
    --height-of-topBarAndNav:240px;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --fs60-font-size:2.4rem;
    --fs50-font-size:2.2rem;
    --fs45-font-size:2rem;
    --fs40-font-size:1.9rem;
    --fs35-font-size:1.8rem;
    --fs30-font-size:1.6rem;
    --fs28-font-size:1.5rem;
    --fs25-font-size:1.3rem;
    --fs22-font-size:1.275rem;
  }
}
@media screen and (max-width: 992px) {
  :root {
    --fs60-font-size:2.3rem;
    --fs50-font-size:2.1rem;
    --fs45-font-size:1.9rem;
    --fs40-font-size:1.8rem;
    --fs35-font-size:1.7rem;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --fs60-font-size:2.2rem;
    --fs50-font-size:2rem;
    --fs45-font-size:1.8rem;
    --fs40-font-size:1.7rem;
    --fs35-font-size:1.6rem;
    --fs30-font-size:1.5rem;
    --fs28-font-size:1.4rem;
    --fs25-font-size:1.3rem;
  }
}
@media screen and (max-width: 500px) {
  :root {
    --fs60-font-size:2rem;
    --fs50-font-size:1.8rem;
    --fs45-font-size:1.7rem;
    --fs40-font-size:1.6rem;
    --fs35-font-size:1.5rem;
    --fs30-font-size:1.4rem;
    --fs28-font-size:1.3rem;
    --fs25-font-size:1.2rem;
    --fs22-font-size:1.1rem;
    --fs20-font-size:1rem;
    --fs18-font-size:0.9rem;
    --fs16-font-size:0.8rem;
  }
}
@media screen and (min-width: 1651px) {
  .home-banner .inner--grid-overlap-bottom {
    padding: 0 calc(calc(100% - 1550px) / 2) 0 calc(calc(100% - 1550px) / 2);
  }
}
@media (min-width: 1371px) and (max-width: 1650px) {
  .home-banner .inner--grid-overlap-bottom {
    padding: 0 calc(calc(100% - 1300px) / 2) 0 calc(calc(100% - 1300px) / 2);
  }
}
@media (max-width: 1370px) {
  .home-banner .inner--grid-overlap-bottom {
    padding: 0 5% 0 5%;
  }
}
.home-banner .inner--grid-overlap-bottom .video-wrapper {
  border-radius: 1.5rem;
  max-height: 689px;
  overflow: hidden;
}
.home-banner video {
  width: 100%;
}
.home-banner .inner--grid-overlap-top {
  align-self: end;
  width: 30%;
  justify-self: flex-end;
  margin-bottom: 3%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  height: 106px;
  position: relative;
}
.home-banner .inner--grid-overlap-top > a {
  position: absolute;
  left: 5%;
  top: -10%;
  display: block;
  background-color: var(--secondary-color);
  color: #fff;
  width: fit-content;
  padding: 1.5rem 3%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  text-transform: uppercase;
  font-size: var(--fs22-font-size);
}
@media screen and (max-width: 500px) {
  .grid-overlap.home-banner {
    display: block;
  }
  .grid-overlap.home-banner .inner--grid-overlap-top {
    width: 100%;
    position: unset;
    background-color: unset;
    box-shadow: unset;
    height: unset;
  }
  .grid-overlap.home-banner .inner--grid-overlap-top > a {
    position: unset;
    margin: auto;
  }
}
/* latest-news-social-media */
.Hlatest-news-social-media {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .Hlatest-news-social-media {
    flex-direction: column;
  }
}
.Hlatest-news-social-media .left {
  flex: 7;
}
.Hlatest-news-social-media .right {
  flex: 3;
}
.Hlatest-news-social-media .right .twitter-tweet {
  margin: auto;
}
.Hlatest-news-social-media .news-list .news-item {
  height: 515px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .Hlatest-news-social-media .news-list .news-item {
    height: fit-content;
  }
}
/* END latest-news-social-media */
.section.investment-highlights .c-container-grid-3 {
  grid-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .section.investment-highlights .c-container-grid-3 {
    --num-column:1;
  }
}
.section.investment-highlights .c-container-grid-3 .c-item {
  border-radius: 25px;
  border: solid 1px #a40606;
  background-color: #f2fbff;
  padding: 2rem 5%;
}
.section.investment-highlights .c-container-grid-3 .c-item .head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem;
}
.section.investment-highlights .c-container-grid-3 .c-item .head .title {
  color: var(--secondary-color);
  font-size: var(--fs25-font-size);
  font-weight: bold;
  line-height: 1.33;
}
.section.share-structure .c-container-grid-4 {
  column-gap: 1rem;
}
.section.share-structure .c-container-grid-4 .c-item .title {
  background-color: var(--secondary-color);
  color: #fff;
  padding: 1rem 3%;
  font-size: var(--fs25-font-size);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
}
.section.share-structure .c-container-grid-4 .c-item .number {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border: solid 1px #a40606;
  background-color: #f2fbff;
  color: var(--primary-color);
  padding: 1rem 3%;
  font-size: var(--fs35-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
}
.section.Stock-Info .mod-newstockfq table {
  border: none;
}
.section.Stock-Info .mod-newstockfq table tr td {
  border: none;
}
.section.Stock-Info .mod-newstockfq td {
  padding: 0.1rem;
}
.section.Stock-Info .stock-container {
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  column-gap: 5%;
  row-gap: 2rem;
}
.section.Stock-Info .stock-container .left {
  flex: 1;
}
.section.Stock-Info .stock-container .left .mod-newstockfq {
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 2rem 5%;
}
.section.Stock-Info .stock-container .left .mod-newstockfq h3 {
  color: var(--secondary-color);
  font-weight: bold;
  margin-bottom: 1rem;
}
.section.Stock-Info .stock-container .left .mod-newstockfq table tbody {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3rem;
  row-gap: 1rem;
}
.section.Stock-Info .stock-container .left .mod-newstockfq table tr:first-child td:first-child, .section.Stock-Info .stock-container .left .mod-newstockfq table tr:nth-child(2) td:first-child {
  display: none;
}
.section.Stock-Info .stock-container .left .mod-newstockfq table tr:first-child td:nth-child(2), .section.Stock-Info .stock-container .left .mod-newstockfq table tr:nth-child(2) td:nth-child(2) {
  font-size: var(--fs30-font-size);
  font-weight: 300;
  color: var(--primary-color);
}
.section.Stock-Info .stock-container .right {
  flex: 3;
}
.section.Stock-Info .stock-container .right .mod-newstockfq h3 {
  display: none;
}
.section.Stock-Info .stock-container .right .mod-newstockfq table tbody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 5%;
}
.section.Stock-Info .stock-container .right .mod-newstockfq table tbody tr {
  border-bottom: 1px solid var(--secondary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 0.8rem 2% 0.5rem;
}
.section.Stock-Info .stock-container .right .mod-newstockfq table tbody tr td {
  font-size: var(--fs22-font-size);
}
@media screen and (max-width: 1200px) {
  .section.Stock-Info .stock-container .left {
    flex: 1;
  }
  .section.Stock-Info .stock-container .right {
    flex: 2;
  }
  .section.Stock-Info .stock-container .right .mod-newstockfq table tbody {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .section.Stock-Info .stock-container {
    flex-direction: column;
  }
}
.section.Stock-Info .tradingview-widget-container iframe {
  min-height: 500px;
}
.section.corporate-resentation .inner--grid-overlap-bottom {
  height: 50%;
  background: linear-gradient(to bottom, #a40606 27%, #750101);
  align-self: center;
  border-radius: 2rem;
}
.section.corporate-resentation .inner--grid-overlap-top {
  justify-self: center;
}
.section.corporate-resentation .cta {
  margin: auto;
}
.section.Financial-Reports .acc-card {
  margin-bottom: 0.5rem;
}
.section.Financial-Reports .acc-desc .c-row:first-child {
  background-color: #f2fbff;
}
.section.Financial-Reports .acc-desc .c-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.section.Financial-Reports .acc-desc .c-row .left, .section.Financial-Reports .acc-desc .c-row .right {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}
.section.Financial-Reports .acc-desc .c-row .left .c-col, .section.Financial-Reports .acc-desc .c-row .right .c-col {
  padding: 0.5rem 0;
}
@media screen and (max-width: 1200px) {
  .section.Financial-Reports .acc-desc .c-row .left {
    flex: 2;
  }
}
@media screen and (max-width: 992px) {
  .section.Financial-Reports .acc-desc .c-row:first-child {
    display: none;
  }
  .section.Financial-Reports .acc-desc .c-row {
    flex-direction: column;
  }
  .section.Financial-Reports .acc-desc .c-row:not(:first-child) {
    margin-bottom: 1.5rem;
  }
  .section.Financial-Reports .acc-desc .c-row .right {
    gap: 2rem;
  }
}
@media screen and (max-width: 500px) {
  .section.Financial-Reports .acc-desc .c-row .left {
    flex-direction: column;
  }
  .section.Financial-Reports .acc-desc .c-row .left .c-col p {
    padding: 0;
  }
}
.section.Financial-Reports .acc-desc .c-row .c-col p {
  padding: 1rem 0;
  font-size: var(--fs28-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
}
.section.Financial-Reports .acc-desc .c-row:first-child .c-col p {
  font-size: var(--fs35-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: var(--primary-color);
}
.news-page .page-content p {
  margin: 1.5rem 0;
}
.news-page .com-content-article__body {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.newspageTitle {
  color: var(--primary-color);
  font-size: var(--fs40-font-size);
  font-weight: bold;
  text-align: center;
}
.news__list .news__item:not(:first-child) {
  padding-top: 2rem;
}
.news__list .news__item:not(:last-child) {
  border-bottom: 2px solid var(--secondary-color);
  padding-bottom: 2rem;
}
.news__list .news__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 3%;
  row-gap: 1rem;
}
.news__list .news__item a .news__date {
  flex: 1;
}
.news__list .news__item a .news__content {
  flex: 4;
  max-width: 737px;
}
.news__list .news__item a .cta {
  flex: 2;
  min-width: 220px;
}
@media screen and (max-width: 1200px) {
  .news__list .news__item a {
    flex-direction: column;
    align-items: flex-start;
  }
  .news__list .news__item a .cta {
    align-self: flex-end;
  }
}
.news__item .news__date p {
  font-size: var(--fs35-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase;
  color: var(--secondary-color);
}
.news__item .news__title {
  font-size: var(--fs28-font-size);
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
}
.bio-container {
  border-bottom: 1px solid var(--secondary-color);
  padding-top: 0rem;
  padding-bottom: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
  gap: 3%;
  row-gap: 1rem;
}
@media screen and (max-width: 768px) {
  .bio-container {
    flex-direction: column;
  }
}
.bio-container .left {
  flex: 2;
}
.bio-container .right {
  flex: 5;
}
.bio-container .left .person-name {
  color: var(--primary-color);
  font-size: var(--fs30-font-size);
  font-weight: bold;
  text-transform: uppercase;
}
.bio-container .left .person-role {
  color: var(--secondary-color);
  font-size: var(--fs28-font-size);
}
.bio-container .right .bio-content {
  font-size: var(--fs22-font-size);
}
.section.Corporate-Directory .c-container-grid-2 {
  grid-gap: 0.5rem;
  column-gap: 0.5rem;
}
.section.Corporate-Directory .c-container-grid-2 .c-item {
  border-radius: 25px;
  border: solid 1px #a40606;
  background-color: #f2fbff;
  padding: 2rem 5%;
}
.section.Corporate-Directory .c-container-grid-2 .c-item .head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.section.Corporate-Directory .c-container-grid-2 .c-item .head .title {
  color: var(--secondary-color);
  font-size: var(--fs25-font-size);
  font-weight: bold;
  line-height: 1.33;
}
.section.Corporate-Directory .c-container-grid-2 .c-item .head .subtitle {
  color: var(--primary-color);
  font-size: var(--fs25-font-size);
}
.section.Corporate-Directory .c-container-grid-2 .c-item > p {
  font-size: var(--fs22-font-size);
  text-align: center;
}
.section.Corporate-Governance .files-container .c-row:first-child {
  background-color: #f2fbff;
}
.section.Corporate-Governance .files-container .c-row:not(:first-child) {
  border-bottom: 1px solid var(--secondary-color);
}
.section.Corporate-Governance .files-container .c-row {
  padding: 0 3%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.section.Corporate-Governance .files-container .c-row .left {
  flex: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.section.Corporate-Governance .files-container .c-row .left .c-col {
  padding: 0.5rem 0;
}
.section.Corporate-Governance .files-container .c-row .right {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}
.section.Corporate-Governance .files-container .c-row .right .c-col {
  padding: 0.5rem 0;
}
@media screen and (max-width: 1200px) {
  .section.Corporate-Governance .acc-desc .c-row .left {
    flex: 2;
  }
}
@media screen and (max-width: 992px) {
  .section.Corporate-Governance .acc-desc .c-row:first-child {
    display: none;
  }
  .section.Corporate-Governance .acc-desc .c-row {
    flex-direction: column;
  }
  .section.Corporate-Governance .acc-desc .c-row .right {
    gap: 2rem;
  }
}
.section.Corporate-Governance .files-container .c-row .c-col p {
  padding: 1rem 0;
  font-size: var(--fs28-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}
.section.Corporate-Governance .files-container .c-row:first-child .c-col p {
  font-size: var(--fs35-font-size);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: var(--primary-color);
}
.section.Production-Exploration-History .phase {
  display: flex;
  border-left: 25px solid var(--primary-color);
  padding-bottom: 2rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .section.Production-Exploration-History .phase {
    flex-direction: column;
  }
}
.section.Production-Exploration-History .phase .times {
  min-width: 200px;
  flex: 1;
  color: var(--primary-color);
  font-size: var(--fs30-font-size);
  font-weight: bold;
}
.section.Production-Exploration-History .phase .times:before {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-color: var(--secondary-color);
  border-radius: 50%;
  border: 2px #fff solid;
  left: -1rem;
  position: relative;
  top: 0.5rem;
}
.section.Production-Exploration-History .phase .content {
  flex: 3;
  padding-left: 1rem;
}
.section.Production-Exploration-History .triangle {
  width: 0;
  height: 0;
  border-top: 70px solid var(--primary-color);
  /* Visible colored border */
  border-right: 60px solid transparent;
  /* Transparent border to form the shape */
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent;
}
/* gallery 
.pg-item-box-image {
    min-height: 150px;
    background-color: red; 
}

.pg-item-box-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.pg-item-box .pg-item-box-title.image{
    display:none;
 }
 .pg-item-box figure{
     width: 120px;
     padding: 8px;
     border: 2px solid lightgray;
     box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, 0.5);
 }
 .pswp__caption .pswp__caption__center{
     color: #CCC !important;
     text-align: center;
 }
*/
.section.Regenerative-Mining-overview .c-row {
  border-bottom: 1px solid var(--secondary-color);
  padding: 0.3rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
}
.section.Regenerative-Mining-overview .c-row .img-wrapper {
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.section.Regenerative-Mining-overview .c-row .title {
  color: var(--secondary-color);
  font-size: var(--fs30-font-size);
  text-transform: uppercase;
  font-weight: bold;
}
.section.Regenerative-Mining-Cards > .g-grid {
  row-gap: 0;
}
.section.Regenerative-Mining-Cards .grid-overlap {
  min-height: 461px;
}
.section.Regenerative-Mining-Cards .grid-overlap img.inner--grid-overlap-bottom {
  height: 100%;
}
.section.Regenerative-Mining-Cards .grid-overlap .inner--grid-overlap-top {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  padding: 2rem 5%;
  gap: 1.5rem;
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .section.Regenerative-Mining-Cards .grid-overlap .inner--grid-overlap-top {
    flex-direction: column;
  }
}
.section.Regenerative-Mining-Cards .grid-overlap p {
  color: #fff;
}
.section.Regenerative-Mining-Cards .grid-overlap .title {
  font-size: var(--fs30-font-size);
  text-transform: uppercase;
  font-weight: bold;
}
.section.Contact .inner--grid-overlap-bottom {
  width: 80%;
  justify-self: flex-end;
}
.section.Contact .inner--grid-overlap-top {
  width: 50%;
  min-width: fit-content;
  height: fit-content;
  align-self: center;
  padding: 2rem 5%;
  background-color: var(--primary-color);
}
.section.Contact .inner--grid-overlap-top p {
  color: #fff;
  margin-bottom: 0.5rem;
}
.section.Contact .inner--grid-overlap-top a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .section.Contact .grid-overlap {
    display: block;
  }
  .section.Contact .grid-overlap .inner--grid-overlap-bottom {
    width: 100%;
  }
  .section.Contact .grid-overlap .inner--grid-overlap-top {
    width: 100%;
  }
}
.contact-page .sandmanFormContainer {
  max-width: 893px;
  margin: auto;
  border-radius: 25px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.39);
  background-color: #fff;
  padding: 2rem 1.5rem;
  background-image: url('../../../../images/form-bg.png');
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 10% 100%;
}
.contact-page .sectionSubHead {
  text-transform: none;
}
/*# sourceMappingURL=custom_13.css.map */